.circlePage{--lime:#c8ff2f;--mint:#78f7d4;color:#f4f4f5;background:radial-gradient(circle at 50% 24%,#c8ff2f0e,#0000 31%),#09090b;min-height:100vh;overflow:hidden}.circleNav,.circleFooter{width:min(1100px,100% - 32px);margin:auto}.circleNav{color:#a1a1aa;letter-spacing:1px;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;height:76px;font-size:11px;font-weight:800;display:flex}.circleNav a{transition:color .2s}.circleNav a:hover{color:var(--lime)}.circleBrand{color:#f4f4f5;letter-spacing:-1px;font-size:22px}.circleBrand span{color:var(--lime)}.circleGame{width:min(900px,100% - 32px);margin:auto;padding:70px 0 90px}.circleHeader{justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;display:flex}.circleHeader>div>small,.resultScore>small{color:var(--lime);letter-spacing:2px;font-size:10px;font-weight:900}.circleHeader h1{letter-spacing:-5px;margin:10px 0 0;font-size:clamp(48px,7vw,84px);line-height:.9}.circleHeader h1 em{color:var(--lime);font-style:normal}.circleStats{gap:28px;display:flex}.circleStats div{flex-direction:column;align-items:flex-end;display:flex}.circleStats small{color:#71717a;letter-spacing:1px;font-size:9px}.circleStats b{font-variant-numeric:tabular-nums;font-size:24px}.circlePanel{background:#111114eb;border:1px solid #2b2b30;border-radius:24px;padding:18px;transition:border-color .25s,box-shadow .25s;position:relative;box-shadow:0 24px 80px #00000047}.circlePanel.isDrawing{border-color:#c8ff2f6b;box-shadow:0 24px 80px #00000059,0 0 50px #c8ff2f0f}.circleInstructions{color:#71717a;letter-spacing:1.2px;justify-content:space-between;gap:20px;padding:4px 4px 16px;font-size:9px;font-weight:900;display:flex}.circlePanel.isDrawing .circleInstructions span:first-child{color:var(--lime)}.circleStage{background:#0d0d10;border-radius:16px;position:relative;overflow:hidden}.circleGrid{pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.circleStage:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #ffffff06;position:absolute;inset:0;box-shadow:inset 0 0 90px #0000007a}.circleCanvas{z-index:1;cursor:crosshair;touch-action:none;width:100%;height:520px;display:block;position:relative}.circleHint{z-index:2;color:#52525b;pointer-events:none;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.hintOrbit{border:1px dashed #3f3f46;border-radius:50%;width:150px;height:150px;animation:14s linear infinite circleRotate;position:relative}.hintOrbit:before{content:"";border:1px solid #27272a;border-radius:50%;position:absolute;inset:18px}.hintOrbit span{background:var(--lime);width:9px;height:9px;box-shadow:0 0 18px var(--lime);border-radius:50%;position:absolute;top:-5px;left:50%}.circleHint p{color:#71717a;letter-spacing:1.8px;margin:22px 0 5px;font-size:11px;font-weight:900}.circleHint small{color:#3f3f46;font-size:10px}.liveBadge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--lime);letter-spacing:1.2px;background:#09090bbf;border:1px solid #c8ff2f40;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:900;position:absolute;bottom:16px;right:18px}.liveBadge i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;margin-right:5px;animation:1s ease-in-out infinite circlePulse;display:inline-block}.circleResult{background:linear-gradient(135deg,#1a1a1dfa,#0f0f12fa);border:1px solid #2b2b30;border-radius:24px;grid-template-columns:140px 1fr minmax(180px,250px);align-items:center;gap:30px;margin-top:18px;padding:30px;animation:.45s cubic-bezier(.2,.8,.2,1) both resultReveal;display:grid;position:relative;overflow:hidden}.circleResult:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8ff2f1f,#0000 68%);border-radius:50%;width:340px;height:340px;position:absolute;top:-170px;left:-140px}.resultRank{background:#c8ff2f0a;border:1px solid #c8ff2f38;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:116px;height:116px;display:flex;position:relative;box-shadow:inset 0 0 30px #c8ff2f0d}.resultRank:before,.resultRank:after{content:"";border:1px dashed #c8ff2f33;border-radius:50%;position:absolute}.resultRank:before{inset:-7px}.resultRank:after{inset:9px}.resultRank span{color:var(--lime);letter-spacing:-4px;font-size:48px;font-weight:950;line-height:.9}.resultRank small{color:#a1a1aa;letter-spacing:1px;margin-top:8px;font-size:7px;font-weight:900}.resultScore{min-width:0}.resultScore strong{color:var(--lime);letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:7px 0;font-size:clamp(52px,7vw,76px);line-height:.95;display:block}.resultScore strong sup{letter-spacing:-1px;vertical-align:top;margin-left:2px;font-size:.35em}.resultScore p{color:#a1a1aa;margin:0;font-size:13px}.circleBreakdown{gap:14px;display:grid}.circleBreakdown>div>span{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.circleBreakdown small{color:#71717a;letter-spacing:1.1px;font-size:8px;font-weight:900}.circleBreakdown b{font-variant-numeric:tabular-nums;font-size:11px}.circleBreakdown>div>div{background:#2b2b30;border-radius:99px;height:3px;overflow:hidden}.circleBreakdown i{border-radius:inherit;background:linear-gradient(90deg, var(--lime), var(--mint));height:100%;animation:.7s ease-out .15s both barGrow;display:block;box-shadow:0 0 10px #c8ff2f59}.resultActions{border-top:1px solid #2b2b30;grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.resultActions button{background:var(--lime);color:#101106;cursor:pointer;border:0;border-radius:99px;padding:14px 20px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 0 24px #c8ff2f21}.resultActions button:hover{transform:translateY(-2px);box-shadow:0 7px 30px #c8ff2f3b}.resultActions button span{margin-left:7px}.resultActions p{color:#71717a;margin:0;font-size:11px}.resultActions a{color:#a1a1aa}.circleBurst{pointer-events:none;position:absolute;top:89px;left:70px}.circleBurst i{--angle:0deg;--distance:-100px;--delay:0s;background:var(--lime);opacity:0;width:4px;height:12px;transform:rotate(var(--angle)) translateY(0);animation:particleFly .85s var(--delay) cubic-bezier(.2, .65, .3, 1) both;border-radius:99px;position:absolute}.circleBurst i:nth-child(3n){background:var(--mint);height:7px}.circleBurst i:nth-child(4n){background:#f4f4f5;width:3px}.circleFooter{color:#52525b;letter-spacing:1.5px;border-top:1px solid #27272a;justify-content:space-between;padding:28px 0 45px;font-size:9px;font-weight:900;display:flex}@keyframes circleRotate{to{transform:rotate(360deg)}}@keyframes circlePulse{50%{opacity:.35;transform:scale(.75)}}@keyframes resultReveal{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes barGrow{0%{max-width:0}to{max-width:100%}}@keyframes particleFly{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(1)}70%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(var(--distance)) scale(.25)}}@media (max-width:760px){.circleResult{grid-template-columns:116px 1fr}.circleBreakdown{grid-column:1/-1}.resultRank{width:96px;height:96px}.resultRank span{font-size:40px}.circleBurst{top:78px;left:58px}}@media (max-width:650px){.circleGame{padding-top:40px}.circleHeader{flex-direction:column;align-items:flex-start}.circleHeader h1{letter-spacing:-3px}.circleStats{justify-content:space-between;width:100%}.circleStats div{align-items:flex-start}.circleCanvas{height:430px}.circleInstructions{flex-direction:column;gap:5px}.hintOrbit{width:120px;height:120px}.circleResult{text-align:center;grid-template-columns:1fr;padding:24px 18px}.resultRank{margin:auto}.resultScore strong{letter-spacing:-3px}.circleBreakdown{text-align:left}.resultActions{flex-direction:column;gap:14px}.resultActions button{width:100%}.circleBurst{top:70px;left:50%}.circleFooter{gap:20px}}@media (prefers-reduced-motion:reduce){.hintOrbit,.liveBadge i,.circleResult,.circleBreakdown i,.circleBurst i{animation:none!important}}