:root{--bg:#050506;--bg-soft:#0c0a0a;--bg-panel:#120d0d;--card:rgba(22,12,12,.94);--card-strong:rgba(28,14,14,.98);--line:rgba(255,92,32,.16);--line-strong:rgba(255,110,40,.26);--text:#f8f6f3;--muted:#c0b0aa;--red:#ff2a1f;--red-strong:#d90f00;--orange:#ff6a00;--orange-strong:#ff8f1f;--yellow:#ffc14d;--green:#31d67b;--shadow-soft:0 10px 30px rgba(0,0,0,.28);--shadow-fire:0 0 30px rgba(255,88,20,.16);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top center,rgba(255,90,0,.16),transparent 24%),radial-gradient(circle at 85% 8%,rgba(255,40,0,.12),transparent 22%),radial-gradient(circle at 15% 100%,rgba(255,120,0,.08),transparent 18%),linear-gradient(180deg,#030304,#090607 42%,#140808 78%,#1c0907);color:var(--text)}a{color:inherit;text-decoration:none}button,select{font:inherit}button:disabled{opacity:.72;cursor:not-allowed}.main-shell{width:min(1100px,calc(100% - 24px));margin:0 auto;padding:18px 0 60px}.hero{position:relative;overflow:hidden;padding:22px;border-radius:30px;border:1px solid rgba(255,98,32,.18);background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01)),linear-gradient(135deg,rgba(255,70,20,.08),rgba(255,120,0,.03) 48%,hsla(0,0%,100%,.01));box-shadow:var(--shadow-fire),var(--shadow-soft)}.hero:before{top:-70px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,100,20,.24),transparent 68%)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:after{bottom:-90px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,40,20,.16),transparent 70%)}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,105,40,.2);background:rgba(255,80,25,.1);color:#ffd9c6;font-size:13px;font-weight:800;letter-spacing:.2px}.hero h1{margin:14px 0 10px;font-size:clamp(32px,6vw,54px);line-height:1}.gradient-text{background:linear-gradient(90deg,#fff,#ffd1a8 35%,#ff7a1a 70%,#ff3b1f);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;max-width:720px;color:var(--muted);line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.btn-discord,.btn-primary,.btn-secondary,.share-button,.style-tab{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease,background .18s ease}.btn-discord,.btn-primary,.btn-secondary{border:0;border-radius:18px;padding:14px 18px;cursor:pointer}.btn-discord:hover,.btn-primary:hover,.btn-secondary:hover,.share-button:hover,.style-tab:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,var(--red-strong) 0,var(--red) 45%,var(--orange) 100%);color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(255,80,20,.22)}.btn-primary:hover{box-shadow:0 14px 30px rgba(255,90,20,.28)}.btn-secondary{background:hsla(0,0%,100%,.04);color:var(--text);border:1px solid rgba(255,110,40,.12)}.btn-secondary:hover{border-color:rgba(255,110,40,.26);box-shadow:0 10px 24px rgba(255,90,20,.08)}.btn-discord{width:100%;background:linear-gradient(90deg,#4a54c9,#5865f2);color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(88,101,242,.22)}.section-grid{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.015),hsla(0,0%,100%,.01)),linear-gradient(180deg,rgba(25,13,13,.98),rgba(13,8,8,.98));border:1px solid rgba(255,95,35,.14);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft)}.card h2,.card h3{margin:0 0 10px;color:#fff7f2}.muted{color:var(--muted)}.info-grid,.pro-features,.rank-grid,.result-grid,.score-grid,.share-grid,.stats-grid{display:grid;grid-gap:12px;gap:12px}.info-item,.pro-feature,.rank-item,.result-item,.score-item,.stat-item{padding:14px;border-radius:18px;border:1px solid rgba(255,100,35,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01)),hsla(0,0%,100%,.02)}.info-item strong,.rank-item strong,.result-item strong,.score-item strong,.stat-item strong{display:block;margin-bottom:6px;color:#fff1e9}.progress{width:100%;height:14px;border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.06)}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--red-strong),var(--red),var(--orange),var(--yellow));box-shadow:0 0 16px rgba(255,100,20,.24)}.canvas-wrap{position:relative;width:100%;overflow:hidden;border-radius:18px;border:1px solid rgba(255,95,35,.14);background:radial-gradient(circle at center,rgba(255,70,20,.04),transparent 38%),#030304}.canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.benchmark-status{margin-top:10px;font-size:14px;color:var(--muted)}.style-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px}.style-tab{border:1px solid rgba(255,100,35,.14);background:hsla(0,0%,100%,.035);color:var(--text);border-radius:16px;padding:14px 12px;cursor:pointer;font-weight:700}.style-tab:hover{border-color:rgba(255,110,40,.28);box-shadow:0 8px 20px rgba(255,90,20,.1)}.style-tab.active{border-color:transparent;color:#fff;background:linear-gradient(90deg,var(--red-strong) 0,var(--red) 48%,var(--orange) 100%);box-shadow:0 12px 26px rgba(255,90,20,.22)}.style-select{width:100%;border-radius:14px;padding:12px 14px;outline:none;color:var(--text);border:1px solid rgba(255,100,35,.18);background:rgba(16,10,10,.96)}.style-select:focus{border-color:rgba(255,105,40,.36);box-shadow:0 0 0 3px rgba(255,95,35,.1)}.test-action{margin-top:16px}.btn-full{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center}.locked{opacity:.76}.lock-text{color:#ffc79f;font-weight:700}.footer-note{margin-top:14px;font-size:14px;color:var(--muted)}.live-pill{display:inline-flex;align-items:center;gap:8px;color:#dfffea;font-size:13px;font-weight:800}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(49,214,123,.8)}.share-button{width:100%;padding:12px 14px;cursor:pointer;color:var(--text);border-radius:16px;border:1px solid rgba(255,100,35,.14);background:hsla(0,0%,100%,.035)}.share-button:hover{border-color:rgba(255,110,40,.28);box-shadow:0 10px 22px rgba(255,90,20,.1)}.pro-card{background:linear-gradient(180deg,hsla(0,0%,100%,.014),hsla(0,0%,100%,.008)),linear-gradient(180deg,rgba(30,12,12,.98),rgba(14,8,8,.98));border:1px solid rgba(255,100,35,.16);box-shadow:0 12px 30px rgba(0,0,0,.24)}.pro-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.pro-header h2,.pro-header h3{margin:0}.pro-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#ffe1d2;border:1px solid rgba(255,110,40,.18);background:rgba(255,95,35,.1)}.pro-feature{color:#fff1e8;font-weight:600}.live-stats-card{position:relative;overflow:hidden}.live-stats-card:after{content:"";position:absolute;top:-50px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,20,.08),transparent 70%);pointer-events:none}.stats-grid-realtime{grid-template-columns:1fr;gap:14px}.stat-item-live{padding:16px;border-radius:20px;border:1px solid rgba(255,100,35,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.018),hsla(0,0%,100%,.008)),linear-gradient(180deg,rgba(22,12,12,.96),rgba(14,8,8,.96));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.02)}.stat-item-live strong{display:block;margin-bottom:8px;color:#fff3eb;font-size:15px;font-weight:800}.stat-number-live,.stat-text-live{display:block;margin-top:0;color:var(--text);font-size:16px;font-weight:700;line-height:1.3}.stat-number-live{color:#fff}.stat-text-live.online{display:inline-flex;align-items:center;gap:8px;color:#b8ffd3;font-weight:800}.stat-text-live.online:before{content:"";width:9px;height:9px;border-radius:50%;background:#31d67b;box-shadow:0 0 10px rgba(49,214,123,.7);animation:pulseDot 1.6s ease-in-out infinite}.small{font-size:12px}::selection{background:rgba(255,95,35,.26);color:#fff}@keyframes pulseDot{0%{transform:scale(.92);opacity:.75}50%{transform:scale(1.08);opacity:1}to{transform:scale(.92);opacity:.75}}@media (min-width:760px){.section-grid{grid-template-columns:1.2fr .8fr}.info-grid,.rank-grid,.result-grid,.score-grid,.share-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid-realtime{grid-template-columns:repeat(2,minmax(0,1fr))}}