:root{--sand:#e8c887;--gold:#ffcf49;--gold-dim:#a8823a;--night:#0b1026;--night-2:#161c3d;--ink:#050713;--text:#f3e6c8;--lapis:#2a4a9c;--font:"Trebuchet MS", "Gill Sans", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;touch-action:none;margin:0;overflow:hidden}#app{flex-direction:column;display:flex;position:fixed;inset:0}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{z-index:2;background:linear-gradient(#0b1026dd,#0b102600);align-items:center;gap:18px;padding:14px 18px;display:flex;position:relative}.hud-block{flex-direction:column;gap:3px;min-width:0;display:flex}.hud-beam{flex:1;max-width:240px}.hud-face{text-align:right;margin-left:auto}.hud-label{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);font-size:10px}.hud-value{color:var(--gold);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1}.beam-track{background:#ffffff14;border:1px solid #ffcf4933;border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.beam-fill{background:linear-gradient(90deg, #6ea8ff, var(--gold));border-radius:4px;width:0%;height:100%;transition:width .26s ease-out}body.beam-full .beam-fill{animation:.9s ease-in-out infinite beam-pulse}@keyframes beam-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.9)}}#toast{z-index:3;text-align:center;pointer-events:none;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 18px #ffcf4988;opacity:0;font-size:20px;font-weight:700;transition:opacity .18s,transform .18s;position:absolute;top:84px;left:0;right:0;transform:translateY(6px)}#toast.show{opacity:1;transform:translateY(0)}#tray{z-index:2;background:linear-gradient(#0b102600,#0b1026ee 55%);justify-content:center;align-items:flex-end;gap:12px;margin-top:auto;padding:10px 12px 18px;display:flex;position:relative}.tray-slot{background:#ffffff08;border:1px solid #ffcf4926;border-radius:12px;place-items:center;width:96px;height:96px;transition:border-color .14s,background .14s,transform .14s;display:grid}.tray-slot.empty{opacity:.28}.tray-slot.active{border-color:var(--gold);background:#ffcf4922;transform:translateY(-4px)}.tray-slot.dead{border-color:#ff6b6b55}.tray-slot svg{touch-action:none;width:78px;height:78px;overflow:visible}.tray-slot polygon{fill:var(--sand);stroke:#6b4a12;stroke-width:.04px;stroke-linejoin:round}.tray-slot.active polygon{fill:var(--gold)}#hint{z-index:2;text-align:center;letter-spacing:.06em;color:#f3e6c877;pointer-events:none;margin:0;font-size:11px;transition:opacity .4s;position:absolute;bottom:126px;left:0;right:0}#hint.faded{opacity:0}#gameover{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050713cc;place-items:center;display:grid;position:absolute;inset:0}#gameover[hidden]{display:none}.panel{text-align:center;background:linear-gradient(var(--night-2), var(--night));border:1px solid #ffcf4944;border-radius:16px;max-width:320px;padding:30px 34px}.panel h1{letter-spacing:.04em;color:var(--gold);margin:0 0 10px;font-size:24px}.panel p{color:#f3e6c8bb;margin:0 0 8px;font-size:13px;line-height:1.5}.panel .final{color:var(--text);margin:16px 0 20px;font-size:15px}.panel .final strong{color:var(--gold);font-variant-numeric:tabular-nums;font-size:26px}#restart{font:inherit;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:#ffcf4918;border-radius:999px;padding:11px 22px;font-size:12px;font-weight:700}#restart:active{transform:translateY(1px)}@media (max-width:380px){.tray-slot{width:84px;height:84px}.tray-slot svg{width:68px;height:68px}}