:root{--bg:#04060c;--ink:#e9e1cf;--mute:#9aa3b5;--gold:#e8c983;--line:rgba(232,201,131,.3);--panel:rgba(7,10,19,.82);--u:1px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#000;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:none}#wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000}#stage{position:relative;width:1280px;height:720px;transform-origin:center center;background:#060a14;overflow:hidden;flex:none}#c{position:absolute;inset:0;width:1280px;height:720px;display:block}.serif{font-family:Georgia,Times New Roman,serif}.hud{position:absolute;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.9);transition:opacity .4s}#hud{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s}#hud.on{opacity:1}#hFloor{left:30px;top:22px}#hFloor small{display:block;font-size:15px;letter-spacing:.24em;color:var(--mute);text-transform:uppercase}#hFloor b{display:block;font:400 30px Georgia,serif;letter-spacing:.04em;margin-top:2px}#hTime{right:96px;top:30px;text-align:right;font-size:19px;letter-spacing:.05em;color:#c9cfdc;font-variant-numeric:tabular-nums}#hRail{position:absolute;right:16px;top:84px;bottom:84px;width:2px;background:var(--line)}#hThumb{position:absolute;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);transform:translateY(-50%)}#hRail i{position:absolute;left:-2px;width:6px;height:1px;background:var(--line)}#hDash{left:30px;bottom:26px;width:46px;height:46px}#hDash svg{display:block;width:46px;height:46px;transform:rotate(-90deg)}#hDash .bg{stroke:#ffffff24}#hDash .fg{stroke:var(--gold);transition:stroke .2s}#hDash.cd .fg{stroke:#6b7186}#hDash.rdy{filter:drop-shadow(0 0 6px rgba(232,201,131,.7))}#toast{left:0;right:0;bottom:92px;text-align:center;font-size:24px;letter-spacing:.03em;opacity:0;transition:opacity .6s;color:#f1e8d2}#toast.on{opacity:1}#hint{left:0;right:0;bottom:34px;text-align:center;font-size:20px;letter-spacing:.04em;color:#d6dbe6;opacity:0;transition:opacity .8s}#hint.on{opacity:1}#card{position:absolute;left:0;right:0;top:11%;text-align:center;pointer-events:none;opacity:0;transition:opacity .9s}#card.on{opacity:1}#card .a{font-size:16px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase}#card .n{font:400 44px Georgia,serif;letter-spacing:.08em;margin:10px 0 6px;text-shadow:0 2px 24px #000}#card .l{font-size:20px;color:#cfc7b4;font-style:italic;letter-spacing:.03em;text-shadow:0 1px 10px #000}#card .r{width:90px;height:1px;background:var(--gold);margin:12px auto;opacity:.7}#fade{position:absolute;inset:0;background:#02030a;opacity:0;pointer-events:none;transition:opacity .6s}#flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}#cap{position:absolute;left:0;right:0;bottom:120px;text-align:center;font:italic 24px Georgia,serif;color:#f4ecd6;opacity:0;transition:opacity 1.6s;text-shadow:0 2px 18px #000,0 0 30px rgba(0,0,0,.8);padding:0 120px}#cap.on{opacity:1}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:6}.screen.on{display:flex}#menu{background:radial-gradient(ellipse at 50% 55%,#03050c26,#03050cc7 80%)}#menu .logo{font:700 120px Georgia,serif;letter-spacing:.24em;margin:0 0 0 .2em;color:var(--gold);text-shadow:0 0 50px rgba(232,201,131,.35),0 4px 30px #000}#menu .sub{font:400 30px Georgia,serif;letter-spacing:.6em;color:#e9e1cf;text-transform:uppercase;margin:6px 0 46px .5em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:30px 40px;backdrop-filter:blur(6px);min-width:420px;max-width:760px}.btns{display:flex;flex-direction:column;gap:12px;align-items:stretch;min-width:300px}.btn{font:inherit;font-size:19px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:#080c16b8;border:1px solid var(--line);border-radius:6px;padding:14px 30px;cursor:pointer;transition:all .15s;text-align:center}.btn:hover,.btn:focus-visible{border-color:var(--gold);color:var(--gold);background:#141a2ad9;outline:none;box-shadow:0 0 22px #e8c98326}.btn.main{border-color:var(--gold);color:var(--gold)}.btn[disabled]{opacity:.35;pointer-events:none}.btn.small{font-size:14px;padding:10px 18px;letter-spacing:.14em}h2{font:400 34px Georgia,serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px;text-align:center;color:var(--gold)}.row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:14px 0;font-size:16px;letter-spacing:.05em}.row label{min-width:160px}.row input[type=range]{flex:1;min-width:220px;accent-color:var(--gold)}.row select,.row .tog{background:#080c16e6;color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:7px 12px;font:inherit;font-size:15px;cursor:pointer}.row .tog[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.keys{font-size:17px;color:var(--mute);line-height:1.8;margin-top:12px;text-align:center;letter-spacing:.04em}.keys b,#hint b,.foot b{color:var(--ink);font-weight:600;border:1px solid var(--line);border-radius:5px;padding:1px 8px;margin:0 2px;font-size:.9em;background:#0a0e1acc;display:inline-block;line-height:1.35}#pause,#settings,#confirm,#complete,#rotate{background:#02040aad}#complete{background:radial-gradient(ellipse at 50% 50%,#1412088c,#020308eb)}#complete .t{font:400 54px Georgia,serif;letter-spacing:.22em;color:var(--gold);margin:0 0 6px .22em;text-shadow:0 0 40px rgba(232,201,131,.35)}#complete .s{font-style:italic;color:#cfc7b4;margin:0 0 34px;font-size:17px}.stats{display:flex;gap:46px;margin:0 0 34px}.stats div{text-align:center}.stats b{display:block;font:400 40px Georgia,serif;color:var(--ink);font-variant-numeric:tabular-nums}.stats span{font-size:15px;letter-spacing:.3em;color:var(--mute);text-transform:uppercase}#loader{position:absolute;inset:0;background:#04060c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .9s;z-index:9}#loader.done{opacity:0;pointer-events:none}#loader b{font:700 40px Georgia,serif;letter-spacing:.35em;color:var(--gold);margin-left:.35em}#loadTxt{color:var(--mute);font-size:17px;letter-spacing:.1em}.track{width:260px;height:2px;background:var(--line)}#loadBar{height:100%;width:0;background:var(--gold);transition:width .25s}#touch{position:absolute;inset:0;pointer-events:none;display:none;z-index:4}#touch.on{display:block}.tb{position:absolute;pointer-events:auto;touch-action:none;width:116px;height:116px;border-radius:50%;background:#0a0e1a80;border:2px solid rgba(232,201,131,.38);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:30px;backdrop-filter:blur(3px)}.tb.dn{background:#e8c98347;border-color:var(--gold)}.tb span{font-size:14px;letter-spacing:.12em;position:absolute;bottom:12px;opacity:.75}#tL{left:22px;bottom:30px}#tR{left:156px;bottom:30px}#tJ{right:26px;bottom:40px;width:144px;height:144px;font-size:38px}#tD{right:186px;bottom:30px}#tS{right:186px;bottom:158px;width:100px;height:100px}#tP{right:18px;top:14px;width:88px;height:88px;font-size:26px;border-radius:18px}#rotate{display:none;z-index:20;text-align:center;font-size:20px;letter-spacing:.1em}@media(max-aspect-ratio:1/1)and (max-width:900px){#rotate{display:flex}}.fsbtn{position:absolute;right:16px;bottom:14px;z-index:7}.foot{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:17px;color:#aab2c3;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){#card,#toast,#fade{transition-duration:.01s}}
#hPause{position:absolute;right:30px;top:20px;width:52px;height:52px;border-radius:12px;border:1px solid var(--line);background:#080c16b0;color:var(--ink);font-size:18px;cursor:pointer;pointer-events:auto;letter-spacing:-.1em}#hPause:hover,#hPause:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}#hud:not(.on) #hPause{pointer-events:none}#menuBest{font-size:17px}