:root{color-scheme:dark;--panel:#111827e6;--line:#ffffff22;--text:#f8fafc;--muted:#b8c1d9;--gold:#ffd166;--ember:#ff6b35;--green:#76e087;--bad:#fb7185;--violet:#c084fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 14% 4%,#7c2d12aa 0,transparent 28rem),radial-gradient(circle at 90% 20%,#2563eb55 0,transparent 32rem),linear-gradient(145deg,#07070b,#12182a 55%,#05070d);overflow-x:hidden}.topbar{width:min(1420px,calc(100% - 24px));margin:0 auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.home,.topbar button,.actions button,.wide{min-height:44px;border:1px solid var(--line);border-radius:999px;background:#ffffff12;color:var(--text);font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;cursor:pointer}.brand{display:flex;align-items:center;gap:10px;font-weight:950}.brand small{display:block;color:var(--muted);font-size:.72rem}.layout{width:min(1420px,calc(100% - 24px));margin:0 auto 140px;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:16px}.game-card,.panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--panel),#0b1020dc);box-shadow:0 24px 80px #0008;backdrop-filter:blur(14px)}.game-card{overflow:hidden}canvas{display:block;width:100%;height:auto;background:#071012;image-rendering:pixelated;touch-action:none}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#263244;border-top:1px solid var(--line)}.hud div{background:#0b1220;padding:10px 12px}.hud span{display:block;color:#8ea0c3;font-size:.68rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.hud b{font-size:clamp(.9rem,2vw,1.05rem)}.side{display:flex;flex-direction:column;gap:16px}.panel{padding:18px}.hero{background:linear-gradient(145deg,#2b100ce8,#101827e8)}.eyebrow{margin:0;color:#ffc857;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0 0 10px;line-height:1.05}h1{font-size:clamp(2rem,5vw,3.35rem);letter-spacing:-.065em}p{color:var(--muted);line-height:1.55}.wide{width:100%;border-radius:16px;background:linear-gradient(135deg,#d9480f,#7c3aed);margin-top:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{border-radius:14px;background:#172033}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.log{height:220px;overflow:auto;padding-right:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.log p{margin:.2rem 0;color:#dbeafe}.log .good{color:var(--green)}.log .bad{color:var(--bad)}.log .magic{color:var(--violet)}.log .plot{color:var(--gold)}#inventory{margin:0;padding-left:18px;color:#dbeafe;line-height:1.6}.touch{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 20px));display:none;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border:1px solid var(--line);border-radius:24px;background:#020617e8;box-shadow:0 18px 60px #000b;z-index:10;touch-action:none;user-select:none}.touch button{min-height:58px;border:1px solid var(--line);border-radius:16px;background:#172033;color:var(--text);font-size:1.2rem;font-weight:950}.touch button:active,.touch button.pressed{background:#334155}.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;background:#020617cc;display:grid;place-items:center;z-index:30;padding:18px}.modal-card{width:min(760px,100%);max-height:86vh;overflow:auto;border:1px solid var(--line);border-radius:24px;background:#0b1020;padding:22px;box-shadow:0 30px 90px #000}.close{float:right;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:#ffffff12;color:var(--text);font-size:1.5rem}footer{width:min(1420px,calc(100% - 24px));margin:0 auto 28px;color:#8ea0c3;font-size:.85rem}@media (pointer:coarse),(max-width:1100px){.touch{display:grid}.layout{margin-bottom:330px}}@media(max-width:1060px){.layout{grid-template-columns:1fr}.side{order:-1}.split{grid-template-columns:1fr}.log{height:150px}.hud{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.topbar{flex-wrap:wrap}.brand small{display:none}.actions{grid-template-columns:1fr}.panel{padding:14px}.hud div{padding:8px}}
/* SNES/Final-Fantasy inspired polish */
body{background:radial-gradient(circle at 20% 0,#284b8fcc 0,transparent 32rem),radial-gradient(circle at 85% 25%,#8b2f1acc 0,transparent 30rem),linear-gradient(180deg,#12172f,#070914 62%,#02030a)}
.game-card{border:4px solid #d7e6ff;border-radius:10px;box-shadow:0 0 0 4px #1d2d5c,0 24px 80px #000b;background:#060914}.panel,.hud div{border-radius:8px;background:linear-gradient(180deg,#12316c,#07183d);border:2px solid #d7e6ff;box-shadow:inset 0 0 0 2px #1d2d5c}.hud{gap:4px;background:#050817;padding:4px}.actions button,.wide,.home,.topbar button{border-radius:8px;border:2px solid #d7e6ff;background:linear-gradient(180deg,#234b9e,#0b1d54);box-shadow:inset 0 0 0 2px #10245d;text-shadow:1px 1px #000}.actions button:hover{filter:brightness(1.2)}canvas{background:#050817}.brand b,.hud b,h1,h2{letter-spacing:.02em;text-shadow:2px 2px #000}.log{background:#040817;border:2px solid #243b74;border-radius:8px;padding:8px}.battle-hint{color:#ffd166;font-weight:900}

/* graphics overhaul */
canvas{filter:saturate(1.18) contrast(1.08);box-shadow:inset 0 0 70px #0008}.game-card{background:linear-gradient(180deg,#0f1d3d,#050817)}.hud div{background:linear-gradient(180deg,#163b85,#071849)}.panel{background:linear-gradient(180deg,#173878,#07183d)}