:root{--brass:#c9a227;--brass-bright:#e8c65a;--cream:#f3ead7;--iron:#2b2b30;--iron-deep:#1a1a1e;--mahogany:#4a2c1a;--mahogany-deep:#2e1a0f;--signal-green:#38d17c;--signal-red:#e04545;--font-title:"Playfair Display", serif;--font-ui:"Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--iron-deep);width:100%;height:100%;font-family:var(--font-ui);color:var(--cream);touch-action:none;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0}.screen{pointer-events:auto;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0;overflow-y:auto}.screen.hidden{display:none}.screen.active{display:flex}.toast{pointer-events:none}#menu-screen{background:radial-gradient(at 50% 120%,#c9a2272e,#0000 60%),linear-gradient(#14141a 0%,#1e1a16 70%,#2e2213 100%)}.card{background:linear-gradient(#2b2b30f5,#1e1a14f5);border:1px solid #c9a22773;border-radius:10px;padding:1.6rem 2rem;box-shadow:0 0 0 4px #c9a22714,0 18px 50px #0009}.menu-card{width:min(680px,94vw);max-height:92vh;overflow-y:auto}.marquee{text-align:center;border-bottom:2px solid #c9a22766;margin-bottom:1.1rem;padding-bottom:.9rem}.title{font-family:var(--font-title);letter-spacing:.12em;color:var(--brass-bright);text-shadow:0 2px 0 var(--mahogany-deep), 0 0 26px #c9a22759;font-size:2.4rem;font-weight:900}.title.small{font-size:1.4rem}.subtitle{letter-spacing:.28em;text-transform:uppercase;color:var(--cream);opacity:.85;margin-top:.3rem;font-size:1.05rem;font-weight:600}.config-group{margin:1rem 0}.config-group h3{text-transform:uppercase;letter-spacing:.14em;color:var(--brass);align-items:baseline;gap:.6rem;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:flex}.degrees-count{color:var(--cream);opacity:.7;letter-spacing:.05em;font-weight:600}.option-desc{opacity:.75;min-height:1.2em;margin-top:.4rem;font-size:.9rem}.warning{color:var(--signal-red);margin-top:.5rem;font-size:.9rem;font-weight:600}.warning.hidden{display:none}.chip-row{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.chip{font-family:var(--font-ui);color:var(--cream);cursor:pointer;background:#4a2c1a8c;border:1px solid #c9a22759;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.chip:hover{border-color:var(--brass-bright)}.chip:active{transform:translateY(1px)}.chip.selected{border-color:var(--brass-bright);color:#241a08;text-shadow:none;background:linear-gradient(#c9a227d9,#a07a18d9)}.chip .swatch{border:1px solid #00000059;border-radius:50%;width:.65em;height:.65em;display:inline-block}.degrees-quick{gap:.5rem;margin-bottom:.4rem;display:flex}.btn{font-family:var(--font-ui);letter-spacing:.08em;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.65rem 1.4rem;font-size:1rem;font-weight:700;transition:filter .15s,transform 50ms}.btn:active{transform:translateY(1px)}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(180deg, var(--brass-bright), var(--brass) 55%, #9a7a18);color:#241a08;border-color:#f0d98a;box-shadow:0 4px 14px #c9a22759}.btn.secondary{color:var(--cream);background:#4a2c1a99;border-color:#c9a22766}.btn.tiny{color:var(--cream);background:#2b2b30cc;border-color:#c9a2274d;padding:.3rem .7rem;font-size:.8rem}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.menu-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.3rem;display:flex}.volume-group input[type=range]{width:100%;accent-color:var(--brass)}.summary-stats{gap:.4rem;margin:1rem 0;display:grid}.summary-row{letter-spacing:.04em;border-bottom:1px solid #c9a2272e;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.35rem .7rem;display:flex}.summary-row strong{font-family:var(--font-title);color:var(--brass-bright);font-size:1.15rem}.salon-board,.salon-degrees{margin:1rem 0}.toast{border:1px solid var(--brass);color:var(--cream);opacity:0;pointer-events:none;background:#1e1a14f2;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.credit{text-align:center;letter-spacing:.06em;opacity:.6;margin-top:1.2rem;font-size:.8rem}#hud.hud-layer{pointer-events:none;padding:0;display:block;overflow:visible}#hud.hud-layer.hidden{display:none}.cab-vignette{pointer-events:none;background:radial-gradient(120% 85% at 50% 42%,#0000 52%,#2e1a0f6b 88%,#1a0e08b8 100%),linear-gradient(#1a0e0859,#0000 22%);position:absolute;inset:0}.console{pointer-events:auto;background:linear-gradient(#1a0e0800 0%,#20130ad1 22%,#180e08f2 100%);border-top:2px solid #c9a22773;flex-direction:column;gap:.4rem;padding:.5rem clamp(.6rem,2vw,1.6rem) .7rem;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1px #e8c65a40}.telegram{letter-spacing:.05em;color:var(--cream);text-align:center;opacity:.92;text-shadow:0 1px 3px #000c;min-height:1.2em;font-size:.9rem}.answer-window{background:#0000008c;border:1px solid #c9a2274d;border-radius:3px;height:5px;overflow:hidden}.answer-window-fill{background:linear-gradient(90deg, var(--brass), var(--brass-bright));width:0;height:100%;transition:width 80ms linear}.answer-window.idle .answer-window-fill{background:#786e5a66}.answer-window.urgent .answer-window-fill{background:linear-gradient(90deg, #b8342c, var(--signal-red));animation:.45s steps(2,end) infinite window-alarm}@keyframes window-alarm{50%{opacity:.35}}.console-row{justify-content:space-between;align-items:center;gap:clamp(.5rem,2vw,1.5rem);display:flex}.scoreboard{flex:none;gap:.9rem;display:flex}.score-cell{flex-direction:column;align-items:center;min-width:3.2rem;display:flex}.score-label{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font-size:.62rem}.score-value{font-family:var(--font-title);color:var(--brass-bright);font-size:1.35rem;line-height:1.1}.lever-row{flex-wrap:wrap;flex:auto;justify-content:center;gap:.4rem;display:flex}.lever{cursor:pointer;min-width:3.1rem;font-family:var(--font-title);color:#2a1c06;background:linear-gradient(180deg, #f0d98a, var(--brass) 48%, #8f6f14);border:1px solid #8d6f16;border-radius:5px 5px 3px 3px;padding:.35rem .5rem .5rem;transition:transform 60ms,box-shadow 60ms,filter .15s;position:relative;box-shadow:0 3px #5f4a0d,0 5px 12px #00000080}.lever:hover:not(:disabled){filter:brightness(1.1)}.lever:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #5f4a0d,0 2px 6px #00000080}.lever-roman{font-size:1.15rem;font-weight:700;line-height:1;display:block}.lever-suffix{font-family:var(--font-ui);opacity:.7;font-size:.6rem;font-weight:700;position:absolute;top:2px;left:4px}.lever-key{font-family:var(--font-ui);opacity:.62;font-size:.55rem;font-weight:700;position:absolute;bottom:1px;right:3px}.lever.locked{filter:grayscale(.7)brightness(.75)}.lever.correct{background:linear-gradient(180deg, #7ff0b4, var(--signal-green) 50%, #1f8a52);border-color:#1f8a52}.lever.wrong{background:linear-gradient(180deg, #ff8a8a, var(--signal-red) 50%, #8f2020);color:#2a0808;border-color:#8f2020}.lever:disabled{cursor:not-allowed}.console-right{flex-direction:column;flex:none;align-items:flex-end;gap:.35rem;display:flex}.route-map{width:clamp(200px,26vw,420px);height:40px;display:block}.console-tools{align-items:center;gap:.4rem;display:flex}.whistle-icons{gap:.15rem;margin-right:.2rem;display:flex}.whistle-icon{color:var(--brass-bright);text-shadow:0 0 6px #e8c65a73;font-size:1.05rem;transition:color .2s,opacity .2s}.whistle-icon.spent{color:#0000;opacity:.5;-webkit-text-stroke:1px #c9a227bf}.btn.brass{background:linear-gradient(180deg, var(--brass-bright), var(--brass) 55%, #9a7a18);color:#241a08;border-color:#f0d98a}kbd{font-family:var(--font-ui);opacity:.65;border:1px solid;border-radius:3px;padding:0 .22rem;font-size:.62rem;font-weight:700}@media (height<=620px){.console{gap:.25rem;padding-top:.3rem}.telegram{font-size:.78rem}.route-map{height:32px}.score-value{font-size:1.1rem}}.salon-board{gap:2px;margin-bottom:1.2rem;display:grid}.board-row{letter-spacing:.03em;background:#14100c8c;border-left:3px solid #0000;grid-template-columns:5.5rem 8.5rem 4.5rem 3.5rem 5rem 6rem;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.88rem;display:grid}.board-row.untravelled{opacity:.45}.board-row.gala{border-left-color:var(--brass-bright);background:#3c2e0e8c}.board-head{letter-spacing:.14em;text-transform:uppercase;opacity:.55;background:0 0;padding-bottom:.1rem;font-size:.64rem}.board-route{font-family:var(--font-title);color:var(--brass-bright);align-items:center;gap:.4rem;font-size:1.05rem;display:flex}.salon-subtitle{font-family:var(--font-title);color:var(--cream);margin:.8rem 0 .5rem;font-size:1rem}.degree-stats{gap:.3rem;margin-bottom:.9rem;display:grid}.degree-stat{grid-template-columns:6rem 1fr 3.5rem;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.degree-name{letter-spacing:.04em}.degree-value{text-align:right;opacity:.75;font-variant-numeric:tabular-nums}.degree-bar{background:#00000080;border:1px solid #c9a22738;border-radius:4px;height:8px;overflow:hidden}.degree-bar-fill{background:linear-gradient(90deg, var(--brass), var(--brass-bright));height:100%;transition:width .3s}.degree-bar-fill.empty{background:0 0}.btn.danger{color:#ffd9d9;background:#5a1818b3;border-color:#e045458c}.btn.danger.confirming{background:var(--signal-red);color:#2a0808;font-weight:700}@media (width<=620px){.board-row{grid-template-columns:4.5rem 7rem 4rem;font-size:.78rem}.board-row>:nth-child(n+4){display:none}}