:root{--ink: #1d3557;--ink-soft: #4a4e69;--cream: #fff8e8;--panel: rgba(255, 255, 255, .78);--primary: #ef476f;--secondary: #7b5ea7;--accent-green: #06d6a0}*{box-sizing:border-box}body{margin:0;font-family:Trebuchet MS,Avenir Next,Gill Sans,sans-serif;color:var(--ink);min-height:100vh;background:radial-gradient(circle at 10% 15%,#ffc8dd8c,#fff0 40%),radial-gradient(circle at 88% 8%,#bdb2ff59,#0000 42%),radial-gradient(circle at 50% 90%,#caffbf73,#0000 45%),linear-gradient(145deg,#ffd6e7,#fff0b3 40%,#c8f7e0)}#root{min-height:100vh}.app-shell{width:min(1100px,95vw);margin:0 auto;padding:1.2rem .9rem 2rem}.top-brand{text-align:center;margin-bottom:1rem;animation:rise .42s ease-out}.top-brand h1{margin:0;font-size:clamp(1.7rem,4.8vw,3rem);letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(120deg,#ef476f,#7b5ea7,#118ab2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-brand p{margin:.35rem 0 0;color:var(--ink-soft);font-size:clamp(.9rem,2.5vw,1.1rem)}.panel{background:var(--panel);border:2px solid rgba(123,94,167,.2);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem;box-shadow:0 8px 24px #7b5ea71f,0 2px 6px #0000000f}.title-panel,.settings-panel{animation:rise .5s ease-out}.title-best{margin:.75rem 0 0;font-size:.92rem;color:var(--ink-soft)}.tier-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem;margin-bottom:1rem}.tier-pill,.next-preview{border:2px solid transparent;border-radius:999px;padding:.45rem .9rem;font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:.7rem}.button-row.stacked{flex-direction:column}.button-row.centered{justify-content:center}button{border:0;border-radius:14px;padding:.66rem 1.1rem;font:inherit;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;letter-spacing:.02em}button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 4px 12px #00000026}button:active{transform:translateY(0)}.btn-primary{color:#fff;background:linear-gradient(120deg,#ef476f,#f78c6b);box-shadow:0 2px 8px #ef476f4d}.btn-secondary{color:#fff;background:linear-gradient(120deg,#7b5ea7,#118ab2);box-shadow:0 2px 8px #7b5ea740}.settings-panel{display:grid;gap:.75rem;margin-bottom:.9rem}.settings-panel h2{margin:0}.settings-panel label{display:grid;gap:.32rem}.toggle-row{grid-template-columns:1fr auto;align-items:center}.game-layout{display:grid;gap:1rem;grid-template-columns:minmax(250px,300px) minmax(280px,1fr);align-items:start;animation:rise .52s ease-out}.hud-panel h2{margin-top:0;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--secondary)}.hud-panel p{margin:.42rem 0;font-size:.95rem}.controls-note{font-size:.82rem;color:var(--ink-soft);margin:.6rem 0;line-height:1.45}.capacity-bar-wrapper{margin:.65rem 0}.capacity-bar-label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;margin-bottom:.3rem}.capacity-bar-track{height:13px;background:#1d35571a;border-radius:999px;overflow:hidden;border:1px solid rgba(29,53,87,.12)}.capacity-bar-fill{height:100%;border-radius:999px;transition:width .18s ease,background-color .35s ease}.next-preview{margin:.7rem 0;display:grid;gap:.2rem;border-radius:14px}.next-label{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.board-frame{position:relative;justify-self:center;width:min(420px,95vw)}.game-canvas{display:block;width:100%;height:auto;border-radius:24px;border:3px solid rgba(123,94,167,.3);box-shadow:0 20px 40px #7b5ea733,0 4px 10px #0000001a;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff8f0eb;border-radius:24px;display:grid;place-content:center;text-align:center;padding:1.2rem;gap:.5rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay h3{margin:0;font-size:2rem;letter-spacing:.02em}.overlay p{margin:0}.overlay-icon{font-size:2.8rem;line-height:1}.overlay-gameover{background:#1e1432e8;color:#fff}.overlay-gameover h3{color:#ff6b9d;font-size:2.1rem;text-shadow:0 0 18px rgba(255,107,157,.6)}.police-lights{font-size:2.2rem;display:flex;justify-content:center;gap:.5rem;animation:siren .9s ease-in-out infinite alternate}@keyframes siren{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(40deg) brightness(1.4)}}.police-msg{color:#ffd6a5;font-size:1.02rem;font-weight:600}.cats-score{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin:.3rem 0}.cats-score-num{font-size:3.5rem;font-weight:900;color:#caffbf;line-height:1;text-shadow:0 0 20px rgba(202,255,191,.5)}.cats-score-label{font-size:.95rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em}.new-best{color:#ffd166;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;text-shadow:0 0 12px rgba(255,209,102,.5)}.prev-best{font-size:.88rem;color:#ffffff8c}@media (max-width: 960px){.app-shell{padding:.8rem .65rem 1.3rem}.top-brand{margin-bottom:.65rem}.game-layout{grid-template-columns:1fr;gap:.75rem}.hud-panel{order:2}.board-frame{order:1}}@media (max-width: 640px){.top-brand p,.controls-note{display:none}button{padding:.6rem .9rem}.panel{padding:.8rem}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}