:root{--paper:#f7e8cf;--paper-soft:#dccab2;--muted:#9e8b79;--body:"Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif;--display:"Baskerville", "Iowan Old Style", "Palatino Linotype", serif;color:var(--paper-soft);font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#120d0d}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}strong{font-weight:700}.app-shell{background:radial-gradient(circle at 12% 16%,#ffb4702e,#0000 26%),radial-gradient(circle at 82% 18%,#f5582d2e,#0000 22%),linear-gradient(#170c09 0%,#220f0b 42%,#0c0b10 100%);min-height:100svh;position:relative;overflow:hidden}.scene-layer{position:absolute;inset:0}.overlay{z-index:1;pointer-events:none;grid-template-columns:minmax(16rem,20.5rem) minmax(12rem,14rem);place-content:space-between;gap:.7rem;min-height:100svh;padding:.95rem;display:grid;position:relative}.panel{pointer-events:auto;background:#130d0bd6;border:1px solid #f0caa826;border-radius:1rem;box-shadow:0 .85rem 2.1rem #00000038}.intro-panel,.status-panel{padding:.9rem .85rem}.intro-panel{align-self:start}.status-panel{place-self:start end;width:min(100%,18rem)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem;font-size:.66rem}.intro-panel h1,.gameover-card h2,.rules h2{font-family:var(--display);letter-spacing:.02em;margin:0}.intro-panel h1{color:var(--paper);font-size:clamp(1.9rem,3vw,2.75rem);line-height:.95}.headline{max-width:22ch;color:var(--paper-soft);margin:.45rem 0 .7rem;font-size:.9rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.metric{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:.72rem;padding:.58rem .62rem}.metric span,.status-line span,.meter-copy span,.button-description{color:var(--muted)}.metric strong,.status-line strong,.meter-copy strong,.button-top strong{color:var(--paper)}.metric strong{margin-top:.2rem;font-size:1.02rem;display:block}.metric-good{box-shadow:inset 0 0 0 1px #8ad6751f}.metric-warn{box-shadow:inset 0 0 0 1px #f0c25224}.metric-bad{box-shadow:inset 0 0 0 1px #ff70601f}.bar-stack{gap:.75rem;margin-top:1rem;display:grid}.meter{gap:.45rem;display:grid}.meter-copy,.status-line,.button-top{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.meter-track{background:#ffffff14;border-radius:999px;height:.56rem;overflow:hidden}.meter-fill{border-radius:inherit;height:100%;transition:width .18s}.meter-cyan{background:linear-gradient(90deg,#56f5f0,#86dfff)}.meter-gold{background:linear-gradient(90deg,#f0ab38,#f9dc7e)}.meter-red{background:linear-gradient(90deg,#ff7a62,#ffb384)}.status-panel{gap:.38rem;display:grid}.status-line{border-bottom:1px solid #ffffff14;padding-bottom:.32rem;font-size:.88rem}.rules{background:#ffefd50a;border-radius:1rem;margin-top:.35rem;padding:.95rem}.rules h2{color:var(--paper);margin-bottom:.7rem;font-size:1.05rem}.rules p{color:var(--paper-soft);margin:0 0 .55rem;line-height:1.5}.rules p:last-child{margin-bottom:0}.popup-stack{z-index:3;pointer-events:none;gap:.55rem;display:grid;position:fixed;bottom:.85rem;right:.85rem}.popup-chip{color:#ffe7bd;background:#24110ae6;border:1px solid #ffe7b75c;border-radius:999px;padding:.42rem .68rem;font-size:.8rem;font-weight:700;box-shadow:0 .45rem 1.4rem #0000004d}.start-card{text-align:center;pointer-events:auto;background:#0c0909eb;border:1px solid #ffc0803d;border-radius:1.5rem;width:min(92vw,36rem);padding:1.6rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 1.5rem 4rem #00000073}.start-card h2{color:var(--paper);margin:0 0 .75rem;font-size:clamp(1.7rem,3vw,2.4rem)}.start-card p{color:var(--paper-soft);margin:.5rem 0;line-height:1.5}.action-button{color:inherit;text-align:left;cursor:pointer;background:linear-gradient(#ffffff14,#ffffff05),#21110fcc;border:1px solid #ffe5bd1f;border-radius:1.1rem;gap:.5rem;padding:1rem;transition:transform .16s,border-color .16s,background .16s;display:grid}.action-button:hover:not(:disabled){background:linear-gradient(#ffd69829,#ffffff08),#21110fe0;border-color:#ffd08a52;transform:translateY(-2px)}.action-button:disabled{opacity:.45;cursor:not-allowed}.action-button kbd{font-family:var(--body);color:var(--paper);background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;padding:.2rem .55rem}.button-description{font-size:.92rem;line-height:1.4}.gameover-card{text-align:center;pointer-events:auto;background:#100c0ce0;border:1px solid #ff806c33;border-radius:1.5rem;width:min(92vw,30rem);padding:1.5rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 1.5rem 4rem #00000059}.gameover-card h2{color:var(--paper);margin:0 0 .85rem;font-size:clamp(1.7rem,3vw,2.35rem)}.gameover-card p{color:var(--paper-soft);margin:0}.gameover-stats{color:var(--paper-soft);gap:.35rem;margin-top:.85rem;font-size:.95rem;display:grid}.restart-cta{font:inherit;color:#2b160f;cursor:pointer;background:linear-gradient(#ffd39c,#e9a34f);border:none;border-radius:999px;margin-top:1.1rem;padding:.85rem 1.25rem;font-weight:700}@media (width<=960px){.overlay{grid-template-columns:1fr}.status-panel{justify-self:stretch;width:auto}.popup-stack{bottom:.8rem;right:.8rem}}@media (width<=640px){.overlay{gap:.5rem;padding:.68rem}.intro-panel,.status-panel{padding:.82rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}