:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fffefa;background:#090a0c;font-synthesis:none;--orange:#ff642d;--muted:#9a9a96}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.app{max-width:1060px;margin:auto;padding:30px 44px 20px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff17;padding-bottom:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:1px;color:inherit;text-decoration:none}.brand-switch{width:26px;height:35px;border:1px solid #55565a;border-radius:7px;padding:5px;display:flex;align-items:end}.brand-switch i{display:block;width:14px;height:12px;background:var(--orange);border-radius:3px}.edition{font-size:8px;color:var(--muted);letter-spacing:2px;margin-left:8px;font-weight:500}.header-actions{display:flex;gap:14px;align-items:center}.header-actions button{border:0;color:#b8b7b3;background:transparent;font:10px ui-monospace,monospace;letter-spacing:1px;padding:10px}.header-actions #pause{border:1px solid #ffffff25;width:33px;height:33px;border-radius:50%;padding:0;font-size:14px}.header-actions button:disabled{opacity:.3;cursor:default}.headline{display:flex;justify-content:space-between;align-items:end;padding:34px 0 28px}.eyebrow,.overline{font:9px ui-monospace,monospace;letter-spacing:2.3px;color:var(--orange)}h1{font-size:clamp(40px,5.5vw,66px);line-height:.98;letter-spacing:-3px;font-weight:750;margin:12px 0 0}h1 span{color:#ff642d}.best{text-align:right;padding-bottom:4px}.best>span{display:block;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#9a9a96}.best strong{font:36px ui-monospace,monospace;letter-spacing:-2px;display:block;margin-top:8px;color:#f3f0eb}.hud{display:flex;align-items:center;gap:34px;border:1px solid #ffffff1a;border-bottom:0;border-radius:18px 18px 0 0;padding:16px 22px;background:#151618}.light-state{display:flex;align-items:center;gap:9px;font:10px ui-monospace,monospace;letter-spacing:1.5px;flex:1;color:#9a9a96}.light-state i{width:7px;height:7px;background:#626368;border-radius:50%}.light-state.on{color:#ff9b76}.light-state.on i{background:#ff642d;box-shadow:0 0 12px #ff642d66}.stat{display:flex;align-items:center;gap:12px}.stat>span{font:8px ui-monospace,monospace;letter-spacing:1px;color:#9a9a96}.stat strong{font:23px ui-monospace,monospace;letter-spacing:-1px}.timer{border-left:1px solid #ffffff20;padding-left:28px}.timer strong span{font-size:11px;color:#9a9a96;margin-left:3px}.stage{position:relative;height:420px;overflow:hidden;border:1px solid #ffffff1a;border-radius:0 0 18px 18px;background:#151618;touch-action:none;isolation:isolate}canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.room-label{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;pointer-events:none;font:8px ui-monospace,monospace;letter-spacing:1.5px;color:#8f8e8b}.stage.lit .room-label{color:#81431f}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090a0cdd;text-align:center;backdrop-filter:blur(6px);padding:24px}.overlay[hidden]{display:none}.intro-mark{width:58px;height:58px;border:1px solid #ffffff30;border-radius:17px;display:grid;place-items:center;font:25px ui-monospace,monospace;background:#222326;transform:rotate(-8deg);margin-bottom:13px}.overline{font-size:8px;color:#aaa6a0;letter-spacing:1.5px;margin:8px 0 12px}h2{font-size:35px;line-height:1.06;letter-spacing:-1.5px;margin:0;font-weight:650}.overlay>p:not(.overline){font-size:12px;color:#aaa6a0;line-height:1.7;margin:16px 0 20px;max-width:340px}.start{width:250px;max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-radius:10px;background:#ff642d;color:#fffefa;padding:16px 18px;font:10px ui-monospace,monospace;letter-spacing:1px;font-weight:bold;box-shadow:0 4px 24px #0002}.start:hover{background:#ff8a42}.start span{font-size:19px}.round-info{font:7px ui-monospace,monospace;letter-spacing:1.4px;color:#85817d;margin-top:15px;text-transform:uppercase}.how{display:flex;justify-content:space-between;padding:18px 4px 24px;font-size:10px;color:#aaa6a0}.how b{font:8px ui-monospace,monospace;color:#6d6b68;margin-right:8px}.shot-message{position:absolute;bottom:21px;left:0;right:0;text-align:center;pointer-events:none;color:var(--orange);font:10px ui-monospace,monospace;letter-spacing:1px}.stage.lit .shot-message{color:#b34823}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff14;padding-top:18px;color:#817b76;font-size:9px}footer b{color:#ff642d;margin-left:8px}@media(max-width:600px){.app{padding:20px 18px max(20px,env(safe-area-inset-bottom))}header{padding-bottom:17px}.brand{font-size:17px}.edition{font-size:7px;letter-spacing:1px;margin-left:0}.headline{padding:25px 0 23px}h1{font-size:43px;letter-spacing:-2px}.eyebrow{font-size:7px;letter-spacing:1.4px}.best strong{font-size:28px}.best>span{font-size:7px}.hud{padding:13px 14px;gap:14px}.light-state{font-size:8px;letter-spacing:.6px}.stat{gap:6px}.stat>span{font-size:7px}.stat strong{font-size:20px}.timer{padding-left:12px}.stage{height:clamp(350px,54dvh,550px)}.room-label{left:14px;right:14px;font-size:7px;letter-spacing:1px}.how{font-size:8px;gap:7px;padding:16px 0 20px}.how b{margin-right:4px}footer{font-size:8px}.overlay{padding:18px}h2{font-size:31px}.overlay>p:not(.overline){font-size:11px}.intro-mark{width:50px;height:50px;font-size:22px;margin-bottom:10px}}@media(max-height:650px) and (min-width:601px){.stage{height:340px}.headline{padding:20px 0}h1{font-size:42px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}