:root{--ink: #f7f0cf;--dark: #15121a;--panel: #261f2b;--panel-2: #413340;--gold: #f4c457;--mint: #73d0a6;--rose: #e46669;--sky: #83b7df;--shadow: rgba(0, 0, 0, .42);font-family:Courier New,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);background:var(--dark);letter-spacing:0}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,#17131c 0 50%,#100f17 50% 100%);background-size:4px 4px,100% 100%;image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:relative;display:grid;place-items:center}#game-container,#game-container canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}.hud{position:fixed;inset:0;z-index:5;pointer-events:none;font-size:14px}.hud-cluster{position:absolute;border:3px solid var(--ink);border-radius:0;background:color-mix(in srgb,var(--panel) 86%,transparent);box-shadow:0 4px 0 var(--shadow);text-shadow:2px 2px 0 #000}.hud-main{top:16px;left:16px;width:min(340px,calc(100vw - 32px));padding:10px 12px}.hud-side{top:16px;right:16px;max-width:min(360px,calc(100vw - 32px));padding:10px 12px;text-align:right;line-height:1.45}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}.hud-label{color:var(--gold)}.hud-hearts{display:inline-flex;gap:5px}.heart{display:block;width:16px;height:16px;background:var(--rose);clip-path:polygon(25% 0,50% 20%,75% 0,100% 25%,100% 55%,50% 100%,0 55%,0 25%);box-shadow:0 2px #721f2b}.heart.empty{background:#514454;box-shadow:0 2px #201a25}.pixel-meter{width:100%;height:12px;margin-top:8px;border:2px solid var(--ink);background:#18131c}.pixel-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--mint) 0 25%,var(--gold) 25% 50%,var(--sky) 50% 75%,#fff0a1 75% 100%);background-size:32px 100%}.transition-layer{position:fixed;inset:0;z-index:10;display:none;place-items:center;overflow:hidden;pointer-events:none}.transition-layer.active{display:grid;pointer-events:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.title-screen{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#15121a}.title-screen:before{content:"";position:absolute;inset:-3%;background-image:linear-gradient(#140f1814,#140f185c),var(--title-art);background-size:cover;background-position:center;image-rendering:pixelated;opacity:.62}.title-screen-art{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:100vw;max-height:100vh;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 4px #f7f0cf38,0 10px #0000005c}.title-screen-actions{position:absolute;z-index:2;left:50%;bottom:clamp(18px,5vh,46px);transform:translate(-50%);display:flex;justify-content:center;width:min(420px,calc(100vw - 32px));pointer-events:auto}.title-button{min-width:min(260px,calc(100vw - 48px));border-color:#5c2134;color:#5c2134;background:linear-gradient(180deg,#fff1a7 0%,var(--gold) 58%,#d58b32 100%);box-shadow:0 5px #5c2134,0 0 0 4px #f7f0cf61;text-shadow:1px 1px 0 rgba(255,255,255,.38)}.pixel-wipe{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);background:#0f0d1473}.pixel-wipe span{display:block;background:linear-gradient(180deg,#f4c4572e,#73d0a621),color-mix(in srgb,var(--panel-2) 88%,transparent);animation:tileDrop .64s steps(4,end) both;animation-delay:calc((var(--i) % 8) * 26ms)}.transition-panel{position:relative;width:min(760px,calc(100vw - 32px));border:4px solid var(--ink);border-radius:0;padding:clamp(18px,4vw,38px);background:linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.05) 12px 16px,transparent 16px 28px),var(--panel);box-shadow:0 8px 0 var(--shadow);text-align:center;text-shadow:3px 3px 0 #000}.transition-panel h1{margin:0;font-size:56px;line-height:.95;color:var(--gold)}.transition-panel .subtitle{margin:16px auto 0;max-width:58ch;font-size:20px;line-height:1.35;color:var(--ink)}.transition-panel .detail{margin:12px auto 0;max-width:62ch;font-size:16px;line-height:1.45;color:#d8cfaa}.pixel-button{margin-top:24px;border:3px solid var(--ink);border-radius:0;padding:12px 22px;color:var(--dark);background:var(--gold);box-shadow:0 5px #8f6730;font:inherit;font-weight:700;letter-spacing:0;cursor:pointer}.pixel-button:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.pixel-button:active{transform:translateY(3px);box-shadow:0 2px #8f6730}@keyframes tileDrop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:740px){.hud{font-size:12px}.hud-side{top:auto;right:12px;bottom:12px}.hud-main{top:12px;left:12px}.transition-panel h1{font-size:34px}.transition-panel .subtitle{font-size:16px}.transition-panel .detail{font-size:14px}.title-screen-actions{bottom:14px}.title-screen:before{opacity:.34}.title-screen-art{width:min(112vw,calc((100vh - 128px)*1.339));max-width:none}.title-button{padding:10px 18px}}@media(prefers-reduced-motion:reduce){.pixel-wipe span{animation:none}}