:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#fff8e9;background:#21372a;--ink: #21251a;--muted: #d5dec8;--line: #e7eed02c;--glass: #1c2a21eb;--gold: #f2c97c;--edge: clamp(12px, 3vw, 28px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}#game{display:block;width:100%;height:100%;border:0;outline:none;touch-action:none}.in-game #game{cursor:grab}.in-game #game.dragging{cursor:grabbing}.hidden{display:none!important}body:not(.in-game) #app:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d190d57,transparent 70%),linear-gradient(0deg,#16241461,transparent 71%)}.panel{position:fixed;z-index:5;top:50%;left:50%;width:min(calc(100% - 2 * var(--edge)),472px);max-height:calc(100% - 2 * var(--edge));max-height:calc(100dvh - 2 * var(--edge) - env(safe-area-inset-top) - env(safe-area-inset-bottom));transform:translate(-50%,-50%);padding:clamp(18px,5vw,30px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:24px;background:var(--glass);box-shadow:0 22px 74px #101c13a0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}#menu{width:min(calc(100% - 2 * var(--edge)),420px)}#menu>p{margin:2px 0 20px}.panel p{color:var(--muted);line-height:1.5}.panel h2{margin:0 42px 17px 0;font-weight:640;line-height:1.15}#title{margin:0;color:var(--gold);font-family:"Instrument Serif",Georgia,serif;font-weight:600;font-size:clamp(3rem,12vw,5.4rem);letter-spacing:-.065em;line-height:.95}@media(min-width:850px)and (min-height:490px){#menu{left:max(5vw,calc(env(safe-area-inset-left) + var(--edge)));transform:translateY(-50%)}}label{display:grid;gap:6px;color:var(--muted);font-size:.83rem;font-weight:650}.round-settings{display:grid;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:19px}.round-settings label:last-child{grid-column:1 / -1}#dialogContent label+label{margin-top:13px}select,input{width:100%;color:#fff8e9;font:inherit;accent-color:var(--gold)}select{min-height:43px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:#e8efd411;font-size:.92rem}option{background:#213329}button{min-width:0;min-height:42px;padding:8px 12px;border:1px solid transparent;border-radius:12px;color:inherit;background:#e2e9d019;font:inherit;font-weight:620;cursor:pointer}button:disabled{cursor:default;opacity:.52}button[aria-pressed=true]{color:var(--ink);background:var(--gold)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button.primary{width:100%;min-height:48px;background:var(--gold);color:var(--ink);border-color:#fff2bc45;font-weight:700}@media(hover:hover){button:not(:disabled):hover{background:#e2e9d033}button.primary:not(:disabled):hover,button[aria-pressed=true]:hover{background:#ffdb93}}.links{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:9px}.links button{padding-inline:5px;color:var(--muted);background:transparent;font-size:clamp(.73rem,2.9vw,.88rem)}#menu>.credit{margin:9px 0 0;font-size:.8rem;text-align:center}.menu-actions{display:grid;gap:8px}.close{position:absolute;top:12px;right:12px;min-width:42px;padding:3px;font-size:1.5rem}.bindings{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 13px;margin:0;line-height:1.35;font-size:.88rem}.bindings dt{font-weight:720}.bindings dd{margin:0;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:clamp(.69rem,3vw,.88rem)}th,td{padding:8px 3px;border-bottom:1px solid var(--line);text-align:center}th:first-child{text-align:left}.pill,.round{display:grid;place-items:center;align-items:baseline;padding:9px 13px;border:1px solid #e7eed03d;border-radius:100vmax;background:#17291de5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pill small{color:var(--muted)}#clock,#score{font-variant-numeric:tabular-nums}#hud>.pill:first-child{display:flex;gap:5px}#hud{position:fixed;z-index:4;top:max(var(--edge),env(safe-area-inset-top));left:max(var(--edge),env(safe-area-inset-left));right:max(var(--edge),env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;pointer-events:none}#hud>:first-child{justify-self:start}#hud button{pointer-events:auto}.hud-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.hud-actions button{background:#17291de5}.round{width:44px;height:44px;min-height:0;flex-shrink:0;padding:0;align-items:center}#lockCamera{white-space:nowrap;font-size:.81rem}#hint,#toast{position:fixed;left:50%;max-width:calc(100% - 2 * var(--edge));width:max-content;margin:0;transform:translate(-50%);text-align:center;pointer-events:none}#hint{z-index:3;bottom:max(var(--edge),env(safe-area-inset-bottom));padding:8px 12px;border-radius:10px;background:#18291de0;font-size:.8rem}#toast{z-index:6;top:max(17%,calc(64px + env(safe-area-inset-top)));padding:10px 15px;border-radius:12px;color:var(--ink);background:var(--gold);opacity:0;transition:opacity .2s;font-size:.9rem;font-weight:740}#toast.show{opacity:1}#mobile{position:fixed;z-index:4;inset:0;touch-action:none;pointer-events:none;user-select:none;-webkit-user-select:none}#stick{position:absolute;left:max(var(--edge),calc(env(safe-area-inset-left) + 5px));bottom:max(var(--edge),calc(env(safe-area-inset-bottom) + 6px));z-index:1;display:grid;place-items:center;width:clamp(88px,23vw,122px);aspect-ratio:1;border:2px solid #e7eed082;border-radius:50%;background:#172d20a6;pointer-events:auto;touch-action:none}#stick i{display:block;width:49%;aspect-ratio:1;border:1px solid #f3f5db95;border-radius:50%;background:#d9e1bc93;pointer-events:none}#look{position:absolute;top:max(72px,calc(env(safe-area-inset-top) + 56px));left:37%;right:0;bottom:0;pointer-events:auto;touch-action:none}.touch-actions{position:absolute;right:max(var(--edge),calc(env(safe-area-inset-right) + 5px));bottom:max(var(--edge),calc(env(safe-area-inset-bottom) + 6px));display:grid;grid-template-columns:repeat(2,auto);gap:7px}.touch-actions button{display:grid;place-items:center;align-content:center;width:clamp(48px,13vw,60px);aspect-ratio:1;padding:3px;border:1px solid #e7eed05e;border-radius:50%;background:#172d20dc;touch-action:none;pointer-events:auto;font-size:.68rem}.touch-actions span{font-size:1.3rem;line-height:1.05}.touch-actions button[aria-pressed=true]{background:var(--gold)}@media(max-width:480px){#lockCamera{padding:5px 8px;white-space:normal;font-size:.73rem}.hud-actions{gap:4px}.pill{padding-inline:8px}.bindings{grid-template-columns:auto minmax(0,1fr);gap:10px 8px}}@media(orientation:landscape)and (max-height:450px){#title{font-size:3rem}.panel{padding-block:13px}#menu>p,.round-settings{margin-bottom:9px}.round-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.round-settings label:last-child{grid-column:auto}#stick{width:94px}.touch-actions button{width:47px}}@media(prefers-reduced-motion:reduce){#toast{transition:none}}