:root{--brass:#c9a227;--brass-soft:#e2c15c;--cream:#f3ead7;--cream-dim:#c9bda3;--wood:#3d2b1f;--wood-dark:#241811;--sky:#9fd4ff;--panel:#2b1e15e0;--panel-border:#c9a22773;--danger:#e2694f;--ok:#8fd694;--font-title:"Marcellus", serif;--font-ui:"Rajdhani", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--wood-dark);width:100%;height:100%;color:var(--cream);font-family:var(--font-ui);overflow:hidden}#game-canvas{touch-action:none;background:linear-gradient(#3f7dd6 0%,#7fb2e8 45%,#ffd9a0 100%);width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;z-index:10;position:fixed;inset:0}.screen{justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.screen.hidden{display:none}.card{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:1.6rem 1.8rem;box-shadow:0 0 0 4px #3d2b1f8c,0 0 34px #c9a2271a,0 20px 60px #0000008c}.menu-card{text-align:center;width:min(560px,94vw);max-height:92vh;overflow:hidden auto}.title{font-family:var(--font-title);letter-spacing:.24em;color:var(--brass-soft);text-shadow:0 0 18px #c9a22773,0 0 60px #c9a22733;padding-left:.24em;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:400}.title.small{font-size:clamp(1.15rem,3.5vw,1.5rem)}.subtitle{color:var(--cream-dim);letter-spacing:.12em;margin-top:.4rem;font-size:1.05rem}.config-group{text-align:left;margin-top:1.15rem}.config-group h3{font-family:var(--font-title);letter-spacing:.22em;text-transform:uppercase;color:var(--brass);margin-bottom:.5rem;font-size:.78rem}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip{font-family:var(--font-ui);letter-spacing:.04em;color:var(--cream);cursor:pointer;background:#3d2b1fa6;border:1px solid #c9a2274d;border-radius:999px;padding:.34rem .85rem;font-size:.92rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.chip:hover:not(:disabled){border-color:var(--brass-soft)}.chip.selected{border-color:var(--brass-soft);color:var(--brass-soft);background:#c9a22738}.chip:disabled{opacity:.45;cursor:not-allowed}.mode-desc{color:var(--cream-dim);min-height:2.4em;margin-top:.5rem;font-size:.92rem}.toggle-row{color:var(--cream);cursor:pointer;align-items:center;gap:.5rem;margin-top:.7rem;font-size:.95rem;display:flex}.toggle-row input{accent-color:var(--brass);cursor:pointer;width:1.05rem;height:1.05rem}.volume-group input[type=range]{width:100%;accent-color:var(--brass)}.menu-actions{justify-content:center;gap:.7rem;margin-top:1.4rem;display:flex}.btn{font-family:var(--font-ui);letter-spacing:.1em;cursor:pointer;border:1px solid var(--panel-border);border-radius:10px;padding:.6rem 1.4rem;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .15s,background .15s}.btn.primary{background:linear-gradient(180deg, var(--brass-soft), var(--brass));color:var(--wood-dark);border-color:var(--brass-soft);box-shadow:0 0 20px #c9a22759}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 0 28px #c9a22780}.btn.secondary{color:var(--cream);background:#3d2b1fa6}.btn.secondary:hover{border-color:var(--brass-soft)}.privacy{color:var(--cream-dim);letter-spacing:.06em;margin-top:1.1rem;font-size:.8rem}.credit{color:var(--cream-dim);opacity:.8;margin-top:.35rem;font-size:.78rem}.layer-card{text-align:center;color:var(--cream)}.lt-name{font-family:var(--font-title);letter-spacing:.2em;color:var(--brass-soft);font-size:clamp(1.6rem,6vw,2.6rem)}.lt-meters,.lt-family{color:var(--cream-dim);letter-spacing:.1em;margin-top:.4rem}.summary-stats{text-align:left;margin-top:1rem}.sum-row{color:var(--cream-dim);border-bottom:1px solid #c9a2272e;justify-content:space-between;padding:.35rem 0;display:flex}.sum-row b{color:var(--brass-soft)}#layer-transition{pointer-events:none;background:radial-gradient(#140c0659,#0000 70%);animation:2.5s forwards lt-fade}@keyframes lt-fade{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}.atlas-grid{text-align:left;color:var(--cream-dim);margin-top:1rem}.atlas-layer{font-family:var(--font-title);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin:.9rem 0 .45rem;font-size:.85rem}.atlas-row{flex-wrap:wrap;gap:.5rem;display:flex}.atlas-card{background:#140c078c;border:1px solid #c9a22740;border-radius:10px;gap:.5rem;width:158px;padding:.45rem;display:flex}.atlas-card.unseen{opacity:.55}.atlas-card.done{border-color:#c9a22799}.atlas-info{min-width:0}.atlas-name{color:var(--cream);font-size:.82rem;font-weight:700}.atlas-fam{letter-spacing:.08em;color:var(--cream-dim);font-size:.68rem}.atlas-stats{color:var(--cream-dim);flex-direction:column;margin-top:.3rem;font-size:.68rem;display:flex}.hud-screen{pointer-events:none;padding:0;display:block}#vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,#0000 62%,#1e120a8c 100%),linear-gradient(#0000 82%,#2b1a0e80 100%);position:absolute;inset:0}#hud-topright{letter-spacing:.08em;color:var(--cream-dim);text-shadow:0 1px 3px #0009;gap:1rem;font-size:1rem;display:flex;position:absolute;top:12px;right:16px}.hud-stat b{color:var(--brass-soft);font-size:1.15rem}#hud-streak.bump{animation:.4s streak-bump}@keyframes streak-bump{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}#console{pointer-events:auto;border:1px solid var(--panel-border);background:linear-gradient(#302014e0,#1e130bf0);border-radius:14px;align-items:flex-end;gap:14px;padding:10px 14px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #3d2b1f99,0 10px 40px #00000080}.console-side{flex-direction:column;align-items:center;gap:6px;min-width:120px;display:flex}#altimeter{text-align:center}#alt-meters{font-family:var(--font-title);color:var(--brass-soft);letter-spacing:.06em;font-size:1.25rem}#alt-layer{color:var(--cream-dim);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}.console-center{flex-direction:column;align-items:center;gap:6px;display:flex}#chord-row{align-items:center;gap:8px;min-height:30px;display:flex}#chord-name{font-family:var(--font-title);color:var(--cream);letter-spacing:.05em;font-size:1.02rem}#lantern-medals{gap:4px;display:flex}.medal{min-width:30px;height:30px;color:var(--cream-dim);background:#140c07cc;border:1.5px solid #c9a22780;border-radius:50%;justify-content:center;align-items:center;padding:0 4px;font-size:.68rem;font-weight:700;display:inline-flex}.medal.active{border-color:var(--glow,var(--brass-soft));color:var(--cream);box-shadow:0 0 8px var(--glow,#c9a22799);animation:1.6s ease-in-out infinite medal-sway}.medal.lit{background:var(--glow,var(--brass));border-color:var(--glow,var(--brass));color:#241811;box-shadow:0 0 12px var(--glow,#c9a227e6)}.medal.ghost{color:#aabed7cc;background:#28324680;border-color:#8ca0be80}@keyframes medal-sway{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}#ref-btn{pointer-events:auto;color:var(--cream);font-family:var(--font-ui);cursor:pointer;background:#3d2b1fcc;border:1px solid #c9a22766;border-radius:8px;padding:3px 9px;font-size:.78rem;font-weight:600}#ref-btn:hover{border-color:var(--brass-soft)}#wind-timer{background:#140c07cc;border:1px solid #c9a22759;border-radius:4px;width:260px;height:7px;overflow:hidden}#wind-fill{background:repeating-linear-gradient(115deg,#c9b48a 0 6px,#a78f63 6px 12px);border-radius:4px;width:100%;height:100%;transition:width .2s linear}#wind-fill.low{background:repeating-linear-gradient(115deg,#e2694f 0 6px,#a74a35 6px 12px)}#mode-meter{color:var(--cream-dim);letter-spacing:.1em;text-align:center;font-size:.9rem}#tears{pointer-events:none;position:absolute;inset:0}.tear{clip-path:polygon(20% 0,80% 0,95% 22%,70% 30%,88% 52%,60% 60%,74% 84%,42% 78%,50% 100%,22% 70%,36% 52%,8% 44%,28% 28%,4% 18%);filter:drop-shadow(0 4px 8px #0006);transform-origin:top;background:linear-gradient(175deg,#f0e6d2d9 0%,#c8b9a0b3 45%,#0000 100%);width:90px;height:150px;animation:1.6s ease-in-out infinite tear-flutter;position:absolute}@keyframes tear-flutter{0%,to{transform:skew(0)scaleY(1)}50%{transform:skew(5deg)scaleY(1.04)}}.toast{background:var(--panel);border:1px solid var(--panel-border);color:var(--cream);letter-spacing:.06em;opacity:0;pointer-events:none;border-radius:10px;padding:.6rem 1.2rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:8vh;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}