:root{font-family:Arial,Helvetica,sans-serif;color:#f0f2f4;background:#10151c;color-scheme:dark;--blue:#30a6ef;--muted:#9ca7b3}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #80d4ff;outline-offset:5px}button:disabled{cursor:default;opacity:.42}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:3;border-bottom:1px solid #ffffff15}.wordmark{font-family:Impact,'Arial Black',sans-serif;letter-spacing:-1.5px;font-size:32px;color:#fff;text-decoration:none;transform:skew(-6deg)}.wordmark span{font:9px Arial;vertical-align:top;margin-left:5px;letter-spacing:0}.edition,.build,footer,.stage-label,.eyebrow,.dialog-top{font:10px 'Courier New',monospace;letter-spacing:2px}.edition{color:#b7c3ce}.edition span{color:var(--blue);padding:0 18px}.build{color:var(--muted)}main{height:calc(100dvh - 144px);position:relative;isolation:isolate}#stage{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 67% 50%,#283541 0,#171e27 42%,#10151c 75%)}#stage canvas{width:100%;height:100%;display:block;touch-action:none}#fallback{position:absolute;height:85%;max-width:58%;object-fit:contain;left:65%;top:3%;transform:translateX(-50%);mix-blend-mode:normal}.identity{position:absolute;left:8vw;top:17%;pointer-events:none}.identity button{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2.5px;color:#afbfcc}.eyebrow span{width:20px;height:2px;background:var(--blue)}.eyebrow b{font-size:13px;color:var(--blue);border:1px solid #30a6ef55;padding:4px 5px;margin-left:5px}h1{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-weight:900;font-stretch:condensed;font-size:clamp(54px,6.7vw,104px);line-height:.91;letter-spacing:-2px;margin:30px 0 26px}h1 span{color:#9daab7}.rule{height:3px;width:44px;background:var(--blue);margin-bottom:24px}.intro{font-size:15px;letter-spacing:.3px;margin-bottom:22px}.instructions{color:var(--muted);font-size:12px;line-height:1.9}.text-button{border:0;background:transparent;padding:0;margin-top:22px;color:#c1ced9;font-size:11px}.text-button span{margin-left:15px;color:var(--blue)}.stage-label{position:absolute;right:5vw;top:24px;display:flex;flex-direction:column;text-align:right;gap:9px;color:#8796a5;font-size:9px}.stage-label span:first-child{color:#c7d7e3}.controls{position:absolute;bottom:22px;left:65%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#111821e8;border:1px solid #ffffff1c;backdrop-filter:blur(12px);padding:7px;white-space:nowrap}.controls button{font-size:11px;background:none;border:0;padding:11px 13px;color:#b8c4cf}.controls button:hover{color:white;background:#ffffff08}.controls button.active{background:#263e51;color:#86d2ff}.angle-controls{display:flex}.divider{height:20px;width:1px;background:#ffffff20;margin:0 4px}.live-dot{display:inline-block;background:#46c0fe;border-radius:50%;width:5px;height:5px;margin-right:7px;box-shadow:0 0 8px #46c0fe88}#motion[aria-pressed=false] .live-dot{background:#6d7983;box-shadow:none}#reset{border-left:1px solid #ffffff20;padding-left:13px}#reset span{display:none}.notice{position:absolute;bottom:86px;left:65%;transform:translateX(-50%);width:330px;text-align:center;font-size:11px;line-height:1.6;color:#afb9c3;background:#10151caa;padding:8px 12px}footer{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-top:1px solid #ffffff13;color:#6e7e8c;font-size:8px}footer i{font-style:normal;color:#377ba6;margin:0 12px}dialog{border:1px solid #5d7182;padding:0;max-height:90dvh;max-width:90vw;background:#171e26;color:white}dialog::backdrop{background:#080d14d9;backdrop-filter:blur(8px)}dialog img{display:block;max-height:76dvh;max-width:85vw;object-fit:contain;margin:auto}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 16px;font-size:9px;letter-spacing:1px}.dialog-top button{border:0;background:none;font-size:26px;line-height:1;padding:0 5px}
@media(max-width:720px){header{height:68px;padding:0 6vw}.wordmark{font-size:26px}.edition{font-size:8px;letter-spacing:1px}.edition span{padding:0 5px}.build{display:none}main{height:calc(100dvh - 105px)}.identity{left:6vw;top:20px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin:0}.eyebrow b{font-size:10px;padding:2px}h1{font-size:46px;margin:15px 0 10px;letter-spacing:-1px;line-height:.94}h1 br{display:none}h1 span{margin-left:9px}.rule,.intro,.instructions{display:none}.text-button{font-size:10px;margin-top:0}#stage{inset:135px 0 72px}#fallback{left:50%;max-width:100%;height:100%;top:0}.controls{left:50%;bottom:12px;gap:0;padding:5px;max-width:95vw}.controls button{padding:11px 9px;font-size:10px}.divider{margin:0 2px}.stage-label{top:28px;right:6vw;font-size:7px;letter-spacing:1px;gap:7px}.stage-label span:last-child{display:none}.notice{left:50%;bottom:73px;width:85vw;font-size:10px}footer{height:37px;font-size:7px;letter-spacing:1px;padding:0 6vw}footer span:last-child{font-size:6px}.dialog-top{font-size:8px}}@media(max-height:700px) and (min-width:721px){.identity{top:9%}h1{font-size:70px;margin:22px 0}.intro{margin-bottom:10px}.text-button{margin-top:8px}.instructions{line-height:1.7}.rule{margin-bottom:16px}}