:root{--bg: #11151f;--bg2: #161c2a;--panel: #1c2436;--panel2: #232d44;--ink: #ece6da;--ink-dim: #9aa3b4;--amber: #e3b25a;--amber-soft: #f3cf86;--teal: #5fd6c0;--good: #7fe0b0;--bad: #e06b6b;--line: rgba(150,170,210,.16);--radius: 14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1100px 700px at 50% -10%,#1d2740 0%,var(--bg) 62%);color:var(--ink);font-family:Avenir Next,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#app{max-width:560px;margin:0 auto;padding:14px;min-height:100vh}.screen{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.btn{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:12px 22px;font:inherit;cursor:pointer;transition:.12s}.btn:hover{border-color:var(--amber);background:var(--panel2)}.btn.primary{background:linear-gradient(180deg,#3a2f1d,#2a2415);border-color:var(--amber);color:var(--amber-soft);font-weight:700}.home{text-align:center}.logo{font-size:3rem;font-weight:800;letter-spacing:.02em;margin:30px 0 6px;color:var(--amber-soft)}.logo span{color:var(--teal)}.tagline{color:var(--ink-dim);line-height:1.55;max-width:30em;margin:0 auto 22px}.tagline em{color:var(--teal);font-style:normal;font-weight:600}.how{text-align:left;background:#ffffff05;border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;max-width:440px;margin:22px auto 0}.how h3{margin:0 0 8px;color:var(--amber-soft)}.how ul{margin:0;padding-left:18px;color:var(--ink-dim);line-height:1.65}.how strong{color:var(--ink)}.mute-btn{position:fixed;bottom:12px;right:12px;background:var(--panel);border:1px solid var(--line);border-radius:999px;width:40px;height:40px;font-size:1.1rem;cursor:pointer;color:var(--ink)}.topbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mini{background:none;border:1px solid var(--line);color:var(--ink);border-radius:9px;width:38px;height:38px;font-size:1.1rem;cursor:pointer}.stat{display:flex;flex-direction:column;align-items:center;flex:1}.stat .k{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.stat .v{font-size:1.3rem;font-weight:800;color:var(--amber-soft)}.hearts{display:flex;gap:3px;font-size:1.2rem;line-height:1.3}.brick{color:var(--teal)}.brick.lost{color:#5fd6c038}.tray{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tenant-card{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;flex:1}.tenant-card .sw{width:26px;height:26px;border-radius:6px;flex:0 0 auto;box-shadow:inset 0 -3px #0000004d}.tn{font-weight:700}.tm{font-size:.76rem;color:var(--ink-dim)}.tenant-next{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--ink-dim)}.tenant-next .nx{text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.tenant-next .sw.sm{width:16px;height:16px;border-radius:4px}.board-wrap{position:relative;background:#0c111c;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}canvas.board{display:block;width:100%;cursor:pointer}.toast{position:absolute;left:50%;top:12px;transform:translate(-50%);background:#14100ae6;color:var(--amber-soft);border:1px solid var(--amber);border-radius:999px;padding:6px 14px;font-size:.85rem;opacity:0;transition:opacity .15s;pointer-events:none}.toast.show{opacity:1}.hint{text-align:center;color:var(--ink-dim);font-size:.82rem;margin:8px 0 0}.over{text-align:center;padding-top:40px}.over h2{color:var(--bad);font-size:2rem;margin:0 0 8px}.big-score{font-size:3rem;font-weight:800;color:var(--amber-soft)}.big-score .pts{font-size:1rem;color:var(--ink-dim);font-weight:400}.over-stats{display:flex;justify-content:center;gap:14px;margin:20px 0}.ostat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 18px;min-width:90px}.ov{font-size:1.3rem;font-weight:700;color:var(--ink)}.ol{font-size:.72rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.over-actions{display:flex;flex-direction:column;gap:10px;max-width:320px;margin:22px auto 0}.copied{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:var(--teal);color:#06241d;padding:9px 18px;border-radius:999px;font-size:.9rem}@media(max-width:420px){.logo{font-size:2.4rem}}