@font-face{font-family:LXGW WenKai;src:url(../assets/fonts/LXGWWenKai-Regular.ttf) format("truetype");font-display:swap}:root{font-family:LXGW WenKai,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173037;background:#16333a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:auto}button{font:inherit}#app{--app-pad: clamp(12px, 1.4vw, 24px);--hud-width: clamp(300px, 23vw, 430px);--shell-gap: clamp(12px, 1.2vw, 22px);--shell-height: calc(100vh - var(--app-pad) * 2 - 2px);width:100%;height:100vh;padding:var(--app-pad);display:grid;place-items:center;background:linear-gradient(90deg,#0e232680,#0e23262e 44%,#0e23267a),linear-gradient(0deg,#0e2326a3,#0e23261a 55%),url(../assets/environment/cat-season-bg.png) center / cover no-repeat,linear-gradient(135deg,#19383f,#244b4a 46%,#822f46)}.game-shell{width:min(100%,calc(var(--shell-height) * 1.5 + var(--hud-width) + var(--shell-gap)));height:min(var(--shell-height),calc((100vw - var(--app-pad) * 2 - var(--hud-width) - var(--shell-gap)) / 1.5));min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) var(--hud-width);gap:var(--shell-gap);align-items:stretch;container-type:inline-size}#app.is-menu-open .game-shell{max-width:none;max-height:none;height:100%;grid-template-columns:1fr;gap:0}#app.is-menu-open .stage-panel{height:100%;aspect-ratio:auto;border:0;box-shadow:none;background:transparent}#app.is-menu-open #game-root canvas{display:none}.stage-panel,.hud-panel{min-height:0;border:1px solid rgba(255,255,255,.2);box-shadow:0 22px 70px #07151847;overflow:hidden}.stage-panel{position:relative;width:100%;height:100%;align-self:center;min-width:0;background:transparent;filter:drop-shadow(0 18px 34px rgba(8,24,27,.25))}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}#game-root canvas{max-width:100%;max-height:100%;display:block}.start-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;align-items:end;justify-items:start;padding:clamp(24px,5vw,56px);color:#fff8e8}.start-menu[hidden],.hud-panel[hidden]{display:none}.menu-content{width:min(520px,100%);display:grid;gap:14px;text-shadow:0 2px 18px rgba(9,25,28,.54)}.menu-kicker,.menu-copy{margin:0}.menu-kicker{color:#ffe4aa;font-size:clamp(1rem,2.3vw,1.25rem);font-weight:800}.menu-content h1{color:#fff8e8;font-size:clamp(3rem,9vw,5.8rem);line-height:.95}.menu-copy{max-width:24em;color:#fff2d7;font-size:clamp(1.08rem,2.4vw,1.35rem);line-height:1.35}.menu-start{width:fit-content;min-width:148px;min-height:48px;margin-top:6px;padding:10px 22px;border:1px solid rgba(255,248,232,.58);color:#fff8e8;background:#c14f53;box-shadow:0 10px 28px #0f222642;cursor:pointer;transition:transform .18s ease-out,background-color .18s ease-out,box-shadow .18s ease-out}.menu-start:hover,.menu-start:focus-visible{outline:3px solid rgba(255,228,170,.42);outline-offset:3px;background:#d4615d;box-shadow:0 14px 32px #0f222652;transform:translateY(-1px)}.hud-panel{height:100%;padding:clamp(16px,1.5vw,24px);display:flex;flex-direction:column;gap:clamp(10px,1.1vw,16px);background:linear-gradient(180deg,#fffaf0f5,#f7eedbf0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-block{display:grid;gap:4px}h1{margin:0;color:#182f36;font-size:2rem;line-height:1;letter-spacing:0}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-box:nth-child(2){grid-column:1 / -1;grid-row:2}.stat-box{min-width:0;padding:12px;display:grid;gap:4px;background:#fffcf6e6;border:1px solid rgba(45,119,119,.24);box-shadow:inset 0 -1px #1730370d}.stat-label{color:#6f5a4f;font-size:.78rem;font-weight:700}.stat-box strong{color:#c14f53;font-size:1.38rem;line-height:1;overflow-wrap:anywhere}.goal-list,.powerup-list{display:grid;gap:6px}.goal-row{min-height:42px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf7efeb;border-left:4px solid #2d7777;transition:background-color .18s ease-out,transform .18s ease-out}.goal-name{min-width:0;display:inline-flex;align-items:center;gap:8px;font-weight:800}.goal-icon{width:30px;height:30px;flex:0 0 auto;display:block}.goal-name span,.goal-row strong{white-space:nowrap}.goal-row.is-complete{background:#f3efe6;color:#87766a;border-left-color:#d7b46a}.result-line{min-height:38px;margin:auto 0 0;color:#4b443e;font-size:.88rem;line-height:1.35}.result-line[data-status=won]{color:#21736c;font-weight:800}.result-line[data-status=lost]{color:#a33448;font-weight:800}.powerup-button{width:100%;min-height:48px;padding:8px 10px;border:1px solid rgba(45,119,119,.24);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name count" "desc count";gap:2px 10px;align-items:center;color:#173037;background:#fffcf6eb;text-align:left;cursor:pointer;transition:border-color .18s ease-out,background-color .18s ease-out,transform .18s ease-out}.powerup-button:disabled{color:#8c7c72;background:#f2eadc;cursor:default}.powerup-button:not(:disabled):hover,.powerup-button:not(:disabled):focus-visible{outline:3px solid rgba(32,183,179,.3);outline-offset:1px;border-color:#20b7b380;background:#fffdf8;transform:translateY(-1px)}.powerup-name{grid-area:name;font-weight:800}.powerup-desc{grid-area:desc;color:#6f5a4f;font-size:.78rem}.powerup-button strong{grid-area:count;min-width:28px;color:#c14f53;font-size:1.2rem;text-align:right}.command-row{display:flex;gap:10px}.icon-button{width:44px;height:44px;border:0;display:grid;place-items:center;color:#173037;background:#fffaf0;border:1px solid rgba(23,48,55,.18);cursor:pointer;transition:transform .18s ease-out,background-color .18s ease-out,border-color .18s ease-out}.icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.icon-button.primary{color:#fffaf0;background:#c14f53;border-color:#c14f53}.icon-button:hover,.icon-button:focus-visible{outline:3px solid rgba(32,183,179,.38);outline-offset:2px;border-color:#20b7b373;transform:translateY(-1px)}@media(min-width:1440px){#app{--hud-width: clamp(360px, 21vw, 440px);--shell-gap: clamp(16px, 1vw, 24px)}}@media(max-width:900px){#app{height:auto;min-height:100vh;padding:0;align-items:start}.game-shell{width:100%;grid-template-columns:1fr;max-height:none;min-height:0;height:auto;gap:0}.stage-panel{width:100%;height:auto;aspect-ratio:3 / 2;border:0;box-shadow:none}.start-menu{align-items:end;padding:22px}.hud-panel{border:0;box-shadow:none}}@media(prefers-reduced-motion:reduce){.menu-start,.powerup-button,.icon-button,.goal-row{transition:none}.menu-start:hover,.menu-start:focus-visible,.powerup-button:not(:disabled):hover,.powerup-button:not(:disabled):focus-visible,.icon-button:hover,.icon-button:focus-visible{transform:none}}@media(max-width:560px){.menu-content{gap:10px}.menu-content h1{font-size:2.6rem}.menu-copy{font-size:1rem}.menu-start{min-height:44px;padding:8px 18px}.hud-panel{padding:18px}.brand-block{gap:6px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-box{padding:12px}}