:root{--bg0:#0e1114;--bg1:#171c21;--bg2:#222a32;--ink:#e8ecef;--muted:#8b969f;--accent:#c4a35a;--danger:#c45c5c;--line:#2c3640;--font-display:"Shippori Mincho", "Hiragino Mincho ProN", serif;--font-body:"IBM Plex Sans JP", "Hiragino Sans", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 50% -10%, #2a323c 0%, transparent 55%), linear-gradient(180deg, #12161a 0%, var(--bg0) 40%, #0a0c0e 100%)}.app-shell{place-items:start center;min-height:100vh;padding:2rem 1rem 4rem;display:grid}.app-frame{width:min(720px,100%)}.screen{flex-direction:column;gap:1.25rem;display:flex}.status-bar{color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-bottom:.75rem;font-size:.85rem;display:flex}.eyebrow{letter-spacing:.12em;text-transform:none;color:var(--accent);margin:0;font-size:.75rem}h1{font-family:var(--font-display);margin:.25rem 0 .5rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:500}h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.1rem;font-weight:500}h3{font-family:var(--font-display);margin:0 0 .35rem;font-weight:500}.lede{color:var(--muted);margin:.25rem 0;line-height:1.6}.muted{color:var(--muted)}.panel{background:var(--bg1);border:1px solid var(--line);padding:1rem 1.1rem}.party-list{margin:0;padding-left:1.1rem;line-height:1.7}.party-list .gone{color:var(--muted);text-decoration:line-through}.actions{flex-wrap:wrap;gap:.5rem;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--bg2);color:var(--ink);padding:.55rem .9rem}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.35;cursor:not-allowed}button.ghost{background:0 0}.card-grid{gap:.75rem;display:grid}@media (width>=560px){.card-grid{grid-template-columns:1fr 1fr}}.profile-card{background:var(--bg1);border:1px solid var(--line);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.profile-card p{margin:0;font-size:.9rem;line-height:1.5}.tag{color:var(--accent);font-size:.7rem;font-family:var(--font-body);margin-left:.4rem}.toast{border:1px solid var(--accent);color:var(--accent);background:#2a2218;margin:0;padding:.75rem 1rem}.battle-log{background:var(--bg1);border:1px solid var(--line);min-height:12rem;max-height:40vh;margin:0;padding:1rem;font-size:.92rem;line-height:1.65;list-style:none;overflow:auto}.battle-log li+li{margin-top:.35rem}.ally-hp{color:var(--muted);font-size:.85rem}.ending .lede{line-height:1.7}.tip{background:var(--bg1);border-left:3px solid var(--accent);color:var(--muted);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.55;display:flex}.tip p{margin:0}.actions.stacked{flex-direction:column}.actions.stacked button{text-align:left}button.inline{margin-top:.35rem;margin-left:0;padding:.15rem .45rem;font-size:.75rem}button.danger:not(:disabled){color:#e8b4b4;border-color:#6a3a3a}.avatar.placeholder,.avatar.photo{object-fit:cover;border:1px solid var(--line);background:var(--bg2);width:3.5rem;height:3.5rem}.avatar.placeholder{font-family:var(--font-display);color:var(--accent);place-items:center;font-size:1.25rem;display:grid}.profile-card .avatar.photo{width:100%;height:10rem}.dialogue-box{background:var(--bg1);border:1px solid var(--line);min-height:8rem;padding:1.25rem 1.1rem}.dialogue-box .speaker{color:var(--accent);margin:0 0 .5rem;font-size:.85rem}.dialogue-box .line{margin:0;font-size:1.05rem;line-height:1.7}.stage-art,.battle-stage{border:1px solid var(--line);background-color:var(--bg1);height:10rem;position:relative;overflow:hidden}.stage-art.has-image,.battle-stage.has-image,.hub-hero{background-position:50%;background-size:cover}.stage-art.has-image:after,.battle-stage.has-image:after{content:"";background:linear-gradient(#0000 40%,#080a0cd9 100%);position:absolute;inset:0}.stage-art .stage-caption{z-index:1;color:#d7dde2;letter-spacing:.04em;font-size:.8rem;position:absolute;bottom:.65rem;left:.85rem}.battle-actors{z-index:1;justify-content:space-between;align-items:flex-end;padding:.75rem 1.25rem;display:flex;position:absolute;inset:0}.battle-enemy,.battle-hero{object-fit:cover;border:1px solid var(--line);background:#00000059;width:4.5rem;height:4.5rem}.battle-enemy{width:5.2rem;height:5.2rem}.ally-hp{color:var(--muted);flex-wrap:wrap;gap:.5rem;font-size:.85rem;display:flex}.ally-chip{align-items:center;gap:.35rem;display:inline-flex}.ally-chip img{object-fit:cover;border:1px solid var(--line);width:1.4rem;height:1.4rem}.hub-hero{border:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;min-height:11rem;display:grid;position:relative;overflow:hidden}.hub-hero.compact{grid-template-columns:1fr;min-height:9rem}.hub-hero:before{content:"";background:linear-gradient(105deg,#080a0ceb 0%,#080a0c8c 55%,#080a0c40 100%);position:absolute;inset:0}.hub-hero-veil{z-index:1;padding:1.1rem 1.15rem;position:relative}.hub-hero h1{margin:.2rem 0;font-size:clamp(1.35rem,3.6vw,1.85rem)}.hub-hero-sub{color:var(--muted);margin:0;font-size:.9rem}.hub-hero-portrait{z-index:1;object-fit:cover;border:1px solid var(--line);width:6.5rem;height:6.5rem;margin:0 .85rem .85rem 0;position:relative;box-shadow:0 8px 24px #00000073}.hub-status{align-items:center}.phase-pill{border:1px solid var(--line);color:var(--accent);margin-left:.5rem;padding:.15rem .45rem;font-size:.75rem;display:inline-block}.stat-chips{flex-wrap:wrap;gap:.5rem;display:flex}.stat-chips span{border:1px solid var(--line);background:var(--bg1);padding:.15rem .45rem}.stats-row{grid-template-columns:repeat(3,1fr);gap:.4rem;font-size:.88rem;display:grid}@media (width>=560px){.stats-row{grid-template-columns:repeat(6,1fr)}}.stats-row>div{background:var(--bg1);border:1px solid var(--line);padding:.45rem .55rem}.party-cards{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.party-cards li{background:var(--bg2);border:1px solid var(--line);grid-template-columns:3.2rem 1fr;align-items:center;gap:.65rem;padding:.45rem;display:grid}.party-cards li.gone{opacity:.55}.party-cards img,.party-cards .avatar{object-fit:cover;width:3.2rem;height:3.2rem}.party-cards strong{display:block}.party-cards .muted{font-size:.8rem;display:block}.menu-grid{gap:.85rem;display:grid}@media (width>=640px){.menu-grid{grid-template-columns:1fr 1fr}.menu-system{grid-column:1/-1}}.menu-group{background:var(--bg1);border:1px solid var(--line);padding:.9rem 1rem 1rem}.menu-group h2{margin-bottom:.15rem}.menu-note{color:var(--muted);margin:0 0 .75rem;font-size:.8rem}.dialogue.opening .dialogue-box .line{font-family:var(--font-display);font-size:1.1rem}.field-viewport{border:1px solid var(--line);background:#0c0f12;place-items:center;max-height:min(52vh,420px);padding:.5rem;display:grid;overflow:auto}.field-map{image-rendering:pixelated;background-position:50%;background-size:cover;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.field-wall{pointer-events:none;background:#0a0c0e8c;border:1px solid #3c465059;position:absolute}.field-spot{border:1px solid var(--accent);color:#f0e6c8;z-index:1;background:#c4a35a47;place-items:center;font-size:.65rem;display:grid;position:absolute}.field-spot.day{background:#5a8ca04d;border-color:#6a8fa0}.field-spot.night{border-color:var(--danger);background:#a0464659}.field-player{z-index:2;place-items:center;transition:left 60ms linear,top 60ms linear;display:grid;position:absolute}.field-player img{object-fit:cover;border:1px solid var(--accent);background:#111;width:86%;height:86%}.field-prompt{padding:.55rem .15rem;font-size:.9rem}.field-prompt .warn{color:var(--danger);margin-left:.35rem}.field-controls{gap:.75rem;display:grid}.dpad{grid-template-rows:repeat(3,2.6rem);grid-template-columns:repeat(3,3.2rem);justify-content:center;gap:.3rem;display:grid}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .ok{grid-area:2/2;padding:0;font-size:.72rem}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}.dpad .pad{min-width:0}