:root{--ink:#18221f;--paper:#eef4d4;--screen:#9bbc0f;--screen-dark:#306230;--panel:#f6f1db;--line:#1b332d;--accent:#d35d35;--blue:#2f6e91;--gold:#d7a536}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:linear-gradient(135deg,#30623038,#0000 28%),linear-gradient(315deg,#d35d3533,#0000 26%),#d9e4cb;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}button,input{font:inherit}button{border:2px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:2px 2px 0 var(--line);cursor:pointer;min-height:38px}button:active{box-shadow:none;transform:translate(2px,2px)}button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.shell{place-items:center;min-height:100vh;padding:24px;display:grid}.gameboy{border:4px solid var(--line);background:#c7c7b8;grid-template-rows:auto 1fr;width:min(100%,860px);min-height:min(760px,100vh - 48px);display:grid;box-shadow:10px 10px #18221f47}.topbar{border-bottom:4px solid var(--line);color:#f5f0dc;letter-spacing:0;background:#283b3a;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.topbar button{background:#f5f0dc;min-height:30px;padding:2px 10px}.screen{background:linear-gradient(#ffffff14 50%, transparent 50%) 0 0 / 100% 6px, var(--screen);border:10px solid #5c6256;gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.title,.intro,.starter,.hall{text-align:center;align-content:center;justify-items:center}.title h1,.hall h1{text-transform:uppercase;margin:0;font-size:clamp(2rem,8vw,4.7rem);line-height:.96}.title p,.hall p{margin:0;font-size:1rem}.primary{background:var(--accent);color:#fff;padding:8px 28px}.pixel-logo{grid-template-columns:1fr 1fr;align-items:center;gap:10px;width:130px;height:110px;display:grid}.pixel-logo span{color:#fff;background:var(--blue);border:4px solid var(--line);height:80px;box-shadow:6px 6px 0 var(--line);place-items:center;font-size:2.2rem;display:grid}.pixel-logo span:last-child{background:var(--accent)}.dialog,.log,.chapter-card,.status-card,.character,.hall-member{border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);background:#f6f1dbf5}.dialog{text-align:left;width:min(100%,700px);min-height:70px;padding:14px;line-height:1.5}.character{justify-items:center;gap:8px;width:min(100%,320px);padding:14px;display:grid}.portrait{color:#f7ead2;border:4px solid var(--line);background:#375a6f;place-items:center;width:88px;height:88px;font-size:3rem;display:grid}.name-row{gap:10px;width:min(100%,460px);display:flex}.name-row input{border:3px solid var(--line);background:#fbf8e9;flex:1;min-width:0;padding:9px 12px}.name-row button{width:76px}.starter-grid,.hall-party{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,680px);display:grid}.starter-card,.hall-member{justify-items:center;gap:8px;min-width:0;padding:14px 10px;display:grid}.starter-card span,.hall-member span,.hud span,.status-card span{font-size:.82rem}.monster-sprite{--sprite:#d35d35;aspect-ratio:1;background:linear-gradient(90deg, transparent 18%, #fff6 18% 34%, transparent 34%), var(--sprite);border:4px solid var(--line);clip-path:polygon(22% 0,78% 0,100% 28%,86% 100%,14% 100%,0 28%);color:#fff;width:68px;text-shadow:2px 2px 0 var(--line);place-items:center;font-size:1.8rem;font-weight:900;display:grid}.field{grid-template-rows:auto auto auto auto auto}.hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hud>div{background:var(--panel);border:3px solid var(--line);min-width:0;padding:8px 10px;display:grid}.hud strong,.hud span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map{aspect-ratio:1;border:4px solid var(--line);background:var(--screen-dark);grid-template-columns:repeat(9,minmax(0,1fr));grid-auto-rows:1fr;align-self:center;width:min(100%,460px,48vh);margin:0 auto;display:grid}.tile{min-height:0;box-shadow:none;border:1px solid #18221f8c;position:relative}.tile.grass{background:linear-gradient(45deg,#0000 48%,#ffffff2e 50%,#0000 52%),#6f9f43}.tile.road{background:#d8c06e}.tile.marker{background:#c85b45}.event-dot,.hero-dot{border:2px solid var(--line);color:#fff;place-items:center;font-weight:900;display:grid;position:absolute;inset:18%}.event-dot{background:var(--gold)}.hero-dot{background:#283b3a}.field-panels{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:12px;display:grid}.status-card,.chapter-card{min-width:0;padding:12px}.status-card{align-items:center;gap:12px;display:flex}.status-card div,.chapter-card{gap:8px;display:grid}.chapter-card p{margin:0;line-height:1.5}.dpad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.battle{grid-template-rows:minmax(260px,1fr) auto minmax(150px,auto)}.battle-stage{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;gap:10px;display:grid}.fighter{border:3px solid var(--line);background:#eef4d4cc;justify-items:center;gap:8px;min-width:0;padding:12px;display:grid}.fighter span{overflow-wrap:anywhere;max-width:100%;font-size:.8rem}.versus{background:var(--accent);color:#fff;border:3px solid var(--line);place-items:center;height:74px;font-weight:900;display:grid}.battle-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.battle-actions button{overflow-wrap:anywhere;min-width:0;padding:6px 8px}.log{align-content:start;gap:5px;padding:12px;display:grid}.log p{margin:0;line-height:1.35}.timestamp{color:#263d37;font-size:.86rem}@media (max-width:720px){.shell{padding:10px}.gameboy{min-height:calc(100vh - 20px);box-shadow:none}.screen{border-width:6px;padding:10px}.starter-grid,.hall-party,.field-panels,.battle-stage,.battle-actions{grid-template-columns:1fr}.versus{width:74px;margin:0 auto}.hud{grid-template-columns:1fr 1fr 1fr}.status-card{align-items:start}.dpad{grid-template-columns:1fr 1fr}}