: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}.bgm-toggle{z-index:40;opacity:.9;border-radius:999px;padding:.35rem .65rem;font-size:.75rem;position:fixed;top:.75rem;right:.75rem}.atmosphere-veil{pointer-events:none;z-index:0;transition:background .8s,opacity .8s;position:fixed;inset:0}.app-shell>.app-frame{z-index:1;position:relative}.atmosphere-day{--bg0:#fff6fa;--bg1:#fff;--bg2:#ffe8f1;--ink:#4a3550;--muted:#9a7a8c;--accent:#e87aa4;--danger:#d45b7a;--line:#f0c8d8;--font-display:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--font-body:"Zen Maru Gothic", "Hiragino Sans", sans-serif;color:var(--ink)}.atmosphere-day .atmosphere-veil{opacity:1;background:radial-gradient(90% 60% at 50% -10%,#ffd6e8 0%,#0000 55%),radial-gradient(50% 40% at 100% 20%,#c8e8ff 0%,#0000 45%),linear-gradient(#fff8fc 0%,#ffeef5 45%,#e8f4ff 100%)}.atmosphere-day body{background:#fff6fa}body:has(.atmosphere-day){background:#fff6fa}html:has(.atmosphere-day){background:#fff6fa}html:has(.atmosphere-day) body{background:#fff6fa}.atmosphere-night{--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;color:var(--ink)}.atmosphere-night .atmosphere-veil{opacity:1;background:radial-gradient(70% 50% at 50% 0,#1a1520 0%,#0000 55%),linear-gradient(#06080c33,#0405088c)}html:has(.atmosphere-night){background:#0a0c0e}html:has(.atmosphere-night) body{background:#0a0c0e}.atmosphere-day .hub-hero,.atmosphere-day .stage-art.has-image,.atmosphere-day .field-map,.atmosphere-day .profile-card .avatar.photo{filter:brightness(1.12)saturate(1.15)contrast(.98)}.atmosphere-night .hub-hero,.atmosphere-night .stage-art.has-image,.atmosphere-night .field-map,.atmosphere-night .battle-stage.has-image,.atmosphere-night .profile-card .avatar.photo{filter:brightness(.52)saturate(.65)contrast(1.12)}.atmosphere-night .field-viewport{background:#05070a;box-shadow:inset 0 0 40px #000000a6}.atmosphere-day .field-viewport{background:linear-gradient(#dff0ff,#ffe8f2);box-shadow:inset 0 0 0 2px #ffffffb3}.atmosphere-day .panel,.atmosphere-day .menu-group,.atmosphere-day .profile-card,.atmosphere-day .dialogue-box,.atmosphere-day .toast,.atmosphere-day .tip,.atmosphere-day .stats-row>div,.atmosphere-day .stat-chips span{border-color:var(--line);background:#ffffffe0;box-shadow:0 4px 14px #e87aa41f}.atmosphere-day .toast{color:#c44e7a;background:#fff0f6;border-color:#f0a8c0}.atmosphere-day .tip{border-left-color:var(--accent);color:var(--muted)}.atmosphere-day .phase-pill{color:#c44e7a;background:#ffe0ec;border-color:#f0a8c0;border-radius:999px}.atmosphere-day button{background:linear-gradient(#fff,#ffe6f0);border-color:#f0b8cc;border-radius:999px}.atmosphere-day button:hover:not(:disabled){border-color:var(--accent);color:#c44e7a}.atmosphere-day .eyebrow{color:#e87aa4;letter-spacing:.18em}.atmosphere-day h1,.atmosphere-day h2,.atmosphere-day h3{font-family:var(--font-display)}.atmosphere-day .field-spot{color:#6a3048;background:#ffaac88c;border-color:#e87aa4;border-radius:6px}.atmosphere-day .field-player img{border-color:#e87aa4;border-radius:50%}.atmosphere-night .field-player img{filter:brightness(.85);border-radius:2px}.atmosphere-night .battle-log{background:#10141a;border-color:#3a2a2a}.atmosphere-day .bgm-toggle{color:#c44e7a;background:#fff;border-color:#f0b8cc}.atmosphere-day .bgm-toggle.on{background:#ffe0ec}.atmosphere-night .bgm-toggle{background:var(--bg2);color:var(--muted)}.atmosphere-night .bgm-toggle.on{color:var(--accent);border-color:var(--accent)}.atmosphere-day .hub-hero-veil h1{text-shadow:0 1px #fff}.atmosphere-night .hub-hero-veil{text-shadow:0 2px 12px #000c}.status-dock{z-index:20;background:color-mix(in srgb, var(--bg1) 92%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:3.4rem 1fr;align-items:center;gap:.65rem;margin-bottom:.25rem;padding:.55rem .65rem;display:grid;position:sticky;top:0}.status-dock-portrait{object-fit:cover;border:1px solid var(--line);width:3.4rem;height:3.4rem}.status-dock-top{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.status-dock-meta{margin-top:.1rem;font-size:.75rem}.status-dock-stats{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;font-size:.78rem;display:flex}.status-dock-stats span{border:1px solid var(--line);background:var(--bg2);padding:.1rem .35rem}.status-dock-stats .money{color:var(--accent);border-color:var(--accent)}.venue-list{gap:.75rem;display:grid}.venue-card{background:var(--bg1);border:1px solid var(--line);flex-direction:column;gap:.45rem;padding:.9rem 1rem;display:flex}.venue-card p{margin:0;font-size:.9rem;line-height:1.45}.venue-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.venue-head h3{margin:0}.power-tag{color:var(--accent);border:1px solid var(--line);white-space:nowrap;padding:.1rem .4rem;font-size:.75rem}.venue-faces{flex-wrap:wrap;gap:.35rem;display:flex}.venue-faces img{object-fit:cover;border:1px solid var(--line);width:2.4rem;height:2.4rem}.venue-faces img.gone{opacity:.35;filter:grayscale()}.atmosphere-day .status-dock{background:#ffffffeb;box-shadow:0 4px 16px #e87aa41f}