:root{color-scheme:dark;--bg:#10100f;--line:#363631;--text:#f0f0e9;--muted:#a6a69c;--orange:#ff6b24}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{cursor:wait;opacity:.6}a{color:inherit}.shell{width:min(1240px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;gap:30px;padding:27px 0 24px;border-bottom:1px solid var(--line)}.wordmark{font-family:Impact,"Arial Black",sans-serif;font-size:42px;letter-spacing:-1px;text-decoration:none;line-height:1}.wordmark span{color:var(--orange)}.wordmark sup{font:14px Arial;vertical-align:top;margin-left:4px}.header-note{font-size:14px;color:var(--muted)}.stamp{margin-left:auto;border:1px solid var(--orange);color:var(--orange);font-size:13px;font-weight:bold;padding:8px 12px;transform:rotate(-3deg)}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0}.intro h1{font-size:18px;margin:0;font-weight:500}.intro>span,.stage-meta,.stage-foot,.music-top,footer{font-family:monospace;font-size:12px;letter-spacing:.06em;color:var(--muted)}.playground{display:grid;grid-template-columns:minmax(0,1fr) 356px;border:1px solid var(--line)}.stage{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:650px;overflow:hidden;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:32px 32px}.stage-meta,.stage-foot{display:flex;justify-content:space-between;padding:21px 24px;gap:12px}.stage-meta #stage-status{color:var(--orange);letter-spacing:0}.stage-foot{border-top:1px solid #ffffff08}.turntable{position:relative;width:min(90%,610px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #383831;border-radius:50%;inset:4%}.orbit-two{inset:17%;border-style:dashed;opacity:.65}.crosshair{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#35352e calc(50% - .5px),#35352e calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#35352e calc(50% - .5px),#35352e calc(50% + .5px),transparent calc(50% + .5px));opacity:.6}.rotor{width:88%;aspect-ratio:1;will-change:transform;filter:drop-shadow(0 22px 24px #0009)}.rotor img{width:100%;height:100%;object-fit:contain;user-select:none}.coordinate{position:absolute;color:#72726a;font-family:monospace;font-size:12px;background:var(--bg);padding:4px}.coordinate-top{top:2%}.coordinate-bottom{bottom:2%}.dashboard{min-width:0;border-left:1px solid var(--line);background:#171715}.counter-panel{padding:27px 24px 25px;border-bottom:1px solid var(--line)}h2{font-family:monospace;font-size:12px;letter-spacing:.08em;font-weight:normal;margin:0}#count{display:block;font-family:"Courier New",monospace;font-weight:bold;font-size:clamp(44px,4.4vw,64px);letter-spacing:-.09em;line-height:1.1;margin:14px 0 6px;overflow-wrap:anywhere}.counter-label{display:flex;align-items:center;justify-content:space-between;color:var(--orange);font-family:Impact,"Arial Black",sans-serif;font-size:32px;letter-spacing:.04em}.counter-label span+span{font:14px Arial;color:var(--muted)}#milestone{min-height:44px;color:var(--muted);font-size:14px;line-height:1.5;margin:16px 0 14px}#milestone.unlocked{color:var(--orange);font-weight:bold}.controls{display:flex;gap:10px}.controls button{height:44px;border:1px solid var(--line);font-size:14px;white-space:nowrap}.primary{background:var(--orange);color:#10100f;font-weight:bold;flex:1;border-color:var(--orange)!important}.primary:hover{background:#ff8a51}.reset{padding:0 13px;background:transparent;color:var(--text)}.reset:hover{background:#30302a}.reset>span{font-size:21px;vertical-align:middle}.music-panel{padding:22px 24px 23px}.music-top{display:flex;align-items:center;justify-content:space-between}.music-top>span{font-size:20px;color:var(--orange)}.song-title{font-size:19px;font-weight:bold;letter-spacing:-.02em;margin:14px 0 5px}.artist{font-size:13px;color:var(--muted);margin:0 0 16px}.player-shell{width:100%;height:202px;background:#080808;border:1px solid var(--line);overflow:hidden}.player-shell iframe{width:100%;height:100%;border:0}.sound-button{width:100%;height:42px;background:transparent;color:var(--text);border:1px solid #55554b;font-size:14px;margin-top:12px}.sound-button:hover{border-color:var(--orange);color:var(--orange)}.sound-button[aria-pressed=true]{color:var(--orange)}.music-status{font-size:12px;color:var(--muted);margin:10px 0 6px;line-height:1.5;min-height:18px}.youtube-link{font-size:12px;color:var(--muted);text-underline-offset:3px}footer{display:flex;justify-content:space-between;gap:20px;padding:23px 0 30px;letter-spacing:0;font-family:Arial,sans-serif}
@media(min-width:1600px){.shell{margin-top:24px}}
@media(max-width:960px){.shell{width:calc(100% - 40px)}.header-note{display:none}.playground{grid-template-columns:minmax(0,1fr) 322px}.stage{min-height:650px}.counter-panel,.music-panel{padding-left:18px;padding-right:18px}.intro>span{font-size:10px}.stage-meta,.stage-foot{padding-left:16px;padding-right:16px;font-size:10px}#count{font-size:58px}}
@media(max-width:700px){.shell{width:calc(100% - 28px)}header{padding:22px 0 20px;gap:10px}.wordmark{font-size:33px}.stamp{font-size:11px;padding:7px 9px}.intro{padding:22px 0}.intro h1{font-size:16px}.intro>span{display:none}.playground{grid-template-columns:minmax(0,1fr)}.stage{min-height:0}.turntable{width:92%;max-width:430px}.stage-meta,.stage-foot{padding:15px 16px;font-size:11px}.dashboard{min-width:0;border-left:0;border-top:1px solid var(--line)}.counter-panel{padding:22px 22px}.counter-panel h2{font-size:13px}#count{font-size:72px;margin-top:10px}.counter-label{font-size:28px}.controls button{height:48px}.music-panel{padding:22px}.player-shell{height:202px;aspect-ratio:auto}.music-status,.youtube-link,.artist{font-size:13px}footer{display:block;font-size:12px;line-height:1.6;padding-top:18px}footer>span{display:block}footer>span+span{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.rotor{will-change:auto}}

.page-nav{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);font:13px monospace;letter-spacing:.04em}.page-nav a{text-decoration:none;color:var(--muted);padding:4px 0}.page-nav a[aria-current=page]{color:var(--orange)}.page-nav a:hover{color:var(--text)}