:root{--gold:#d8b36a;--gold-bright:#f3d896;--ink:#14100b;--parchment:#efe3c8;--velvet:#3a1220;--teal:#2e6f6a;--danger:#c9403a;font-size:clamp(14px,1.45vmin,19px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{color:var(--parchment);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#0b0805;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;display:flex;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}.hud-left,.hud-right{align-items:center;gap:.9rem;display:flex}.hud-title{flex-direction:column;line-height:1.15;display:flex}#hudRound{letter-spacing:.22em;color:var(--gold);font-size:.72rem;font-weight:700}#hudEra{letter-spacing:.08em;font-size:1.02rem;font-weight:600}.icon-btn{width:2.4rem;height:2.4rem;color:var(--gold-bright);cursor:pointer;background:#140e08b8;border:1px solid #d8b36a80;border-radius:50%;font-size:1.15rem;transition:transform .15s,background .15s}.icon-btn:hover{background:#3a2810e6;transform:scale(1.08)}.icon-btn.off{opacity:.4}.score-box{text-align:right;flex-direction:column;line-height:1.05;display:flex}.score-box span{color:var(--gold-bright);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.score-box label{letter-spacing:.3em;opacity:.7;font-size:.58rem}.combo-box{text-align:center;min-width:3rem;color:var(--teal);background:#2e6f6a24;border:1px solid #2e6f6a66;border-radius:.5rem;padding:.25rem .55rem;font-size:1.05rem;font-weight:800;transition:transform .12s}.combo-box.hot{color:var(--gold-bright);border-color:var(--gold);background:#d8b36a24}.pips{gap:.35rem;display:flex}.pip{background:var(--gold);border-radius:50%;width:.85rem;height:.85rem;transition:all .25s;box-shadow:0 0 8px #d8b36acc}.pip.lost{box-shadow:none;background:#2a2018;transform:scale(.8)}.overlay{z-index:20;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 35%,#1f14088c,#080502eb 75%);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;padding:2rem;display:flex;position:absolute;inset:0}h1{letter-spacing:.14em;background:linear-gradient(180deg, #fbe9bd 20%, var(--gold) 55%, #8a6428 90%);color:#0000;text-shadow:0 4px 30px #d8b36a40;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,7vmin,4.6rem);font-weight:900}h2{letter-spacing:.12em;color:var(--gold-bright);font-size:clamp(1.6rem,4vmin,2.4rem)}.tag{opacity:.85;font-size:1.02rem;line-height:1.55}.menu-btns{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}button.primary,.menu-btns button{font:inherit;cursor:pointer;letter-spacing:.14em;color:var(--parchment);background:#181008cc;border:1px solid #d8b36a8c;border-radius:2rem;padding:.85rem 2.1rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}button.primary{color:var(--ink);background:linear-gradient(#e8c887,#b9904a);border:none;box-shadow:0 6px 24px #d8b36a59}button.primary:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 32px #d8b36a80}.menu-btns button:not(.primary):hover{background:#3a2810e6;transform:translateY(-1px)}.best{letter-spacing:.18em;color:var(--gold);opacity:.85;font-size:.85rem}.brief{text-align:left;flex-direction:column;gap:.7rem;max-width:34rem;font-size:1rem;line-height:1.7;list-style-position:inside;display:flex}.brief b{color:var(--gold-bright)}.res-stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:2.2rem;display:flex}.res-stats .cell{flex-direction:column;line-height:1.1;display:flex}.res-stats .cell b{color:var(--gold-bright);font-size:1.7rem}.res-stats .cell label{letter-spacing:.26em;opacity:.7;font-size:.62rem}.res-facts{opacity:.85;text-align:left;background:#140e0899;border:1px solid #d8b36a40;border-radius:.8rem;max-width:36rem;max-height:26vh;padding:.8rem 1.1rem;font-size:.9rem;line-height:1.6;overflow-y:auto}.res-facts p{margin-bottom:.55rem}.res-facts b{color:var(--gold-bright)}.vault-door{width:9.5rem;height:9.5rem;margin-bottom:-.4rem;position:relative}.vault-ring{border:3px solid #d8b36a99;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 24px #d8b36a40,inset 0 0 18px #d8b36a33}.vault-ring.r2{border-style:dashed;border-width:2px;animation:22s linear infinite spin;inset:1.4rem}.vault-hub{background:radial-gradient(circle at 35% 30%,#f3d896,#a8823f 60%,#4c3a17);border-radius:50%;animation:3.2s ease-in-out infinite pulse;position:absolute;inset:3.4rem;box-shadow:0 0 30px #d8b36a80}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.06)}}#toast{z-index:15;pointer-events:none;letter-spacing:.06em;color:var(--gold-bright);background:#140e08d9;border:1px solid #d8b36a80;border-radius:2rem;padding:.6rem 1.4rem;font-size:1rem;font-weight:700;animation:.3s ease-out toastIn;position:absolute;top:16%;left:50%;transform:translate(-50%)}#toast.bad{color:#ff9d94;border-color:#c9403a99}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){.vault-ring.r2,.vault-hub{animation:none}*{transition-duration:.01ms!important}}