:root{--color-bg: #1a1a2e;--color-panel: #16213e;--color-accent: #e8b86d;--color-text: #f5f0e8;--color-muted: #9a9ab0;--font-ui: "Segoe UI", "Hiragino Sans", "Yu Gothic UI", sans-serif;--radius-card: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px);--story-panel-height: clamp(180px, 28dvh, 240px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);touch-action:manipulation}#app{min-height:100%;min-height:100dvh}.screen{min-height:100dvh;display:flex;flex-direction:column}.screen--title{align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;background:radial-gradient(ellipse at 50% 20%,#2a2a4e 0%,var(--color-bg) 70%)}.title-logo{font-size:clamp(1.25rem,4vw,1.75rem);color:var(--color-accent);margin:0 0 .5rem;line-height:1.4}.title-tagline{color:var(--color-muted);margin:0 0 2rem}.title-actions{display:flex;flex-direction:column;gap:.75rem;width:min(280px,100%)}.title-version{margin-top:2rem;font-size:.75rem;color:var(--color-muted)}.btn{min-height:44px;padding:.65rem 1.25rem;border:1px solid var(--color-muted);border-radius:8px;background:var(--color-panel);color:var(--color-text);font-size:1rem;cursor:pointer}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,#d4a55a,#b8863b);border-color:var(--color-accent);color:#1a1a2e;font-weight:600}.btn--choice{width:100%;text-align:left}.screen--story{padding-bottom:var(--safe-bottom)}.story-header,.battle-header{flex:0 0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;background:var(--color-panel);font-size:.85rem;color:var(--color-accent)}.btn-mute{min-width:44px;min-height:36px;border:none;background:transparent;font-size:1.1rem;cursor:pointer;opacity:.85}.title-top{display:flex;justify-content:space-between;width:100%;max-width:400px;padding:.5rem 0}.story-illust{position:relative;flex:1 1 55vh;min-height:200px;overflow:hidden;background-color:#0f1020}.story-illust__scene-img,.story-illust__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.story-illust__bg--fallback,.story-illust__bg--svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}.story-illust__char{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.story-illust__char-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center bottom}.story-illust.has-image--cg{background-color:#0a0a14}.story-illust.has-image--portrait{background-color:#0f1020}.illustration-fallback,.illustration-fallback--prologue{background:linear-gradient(160deg,#0f3460,#1a1a2e,#533483)}.illustration--tower_roof_night{background:linear-gradient(180deg,#1b2838,#2d1b4e)}.illustration--mist_border{background:linear-gradient(180deg,#3d5a6c,#1a1a2e)}.illustration-fallback--ch1,.illustration-fallback--ch2,.illustration-fallback--ch3{background:linear-gradient(160deg,#2d5016,#1a1a2e,#4a3728)}.illustration--green_city_market{background:linear-gradient(180deg,#3d6b4f,#1a2838)}.illustration--miele_gate{background:linear-gradient(180deg,#2d5a3d,#1a3040)}.illustration--mayor_shadow{background:linear-gradient(180deg,#1a1a2e,#4a2040)}.illustration-fallback--ch3{background:linear-gradient(160deg,#8b6914,#1a1a2e 45%,#5c4033)}.illustration--serene_ruin{background:linear-gradient(180deg,#c4a574,#3d2b1f)}.illustration-fallback--ch4,.illustration-fallback--ch5{background:linear-gradient(160deg,#e8e8f0,#1a1a2e,#4a5568)}.illustration--white_castle{background:linear-gradient(180deg,#d4dcee,#2a3a5c)}.illustration--party_oath{background:linear-gradient(180deg,#4a6fa5,#e8b86d,#1a1a2e)}.illustration--temple_ruins{background:linear-gradient(180deg,#2a1a3e,#0f0f1a)}.illustration--vera_true{background:linear-gradient(180deg,#6b4a8a,#1a0a2e)}.illustration--dawn_stars{background:linear-gradient(180deg,#ffd89b,#4a6fa5 40%,#1a1a2e)}.illustration-fallback--ending{background:linear-gradient(160deg,#ffd89b,#4a6fa5,#1a1a2e)}.battle-drain{color:#c97aff;font-size:.85rem}.illustration--fiora_battle{background:linear-gradient(180deg,#4a6fa5,#1a2838)}.screen--chapter-title{align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at center,#2a2a4e 0%,var(--color-bg) 80%)}.chapter-title-card{text-align:center;padding:2.5rem 2rem;border-radius:16px;border:2px solid var(--color-accent);max-width:360px;width:100%}.chapter-title-label{color:var(--color-muted);margin:0 0 .5rem;font-size:.9rem}.chapter-title-name{color:var(--color-accent);margin:0 0 2rem;font-size:1.5rem}.story-panel{flex:0 0 var(--story-panel-height);height:var(--story-panel-height);display:flex;flex-direction:column;padding:1rem 1.25rem calc(1rem + var(--safe-bottom));background:var(--color-panel);border-top:2px solid var(--color-accent);overflow:hidden}.story-panel--center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:none;border-top:none}.story-speaker{flex:0 0 auto;min-height:1.5rem;margin:0 0 .35rem;color:var(--color-accent);font-weight:600}.story-speaker:empty{visibility:hidden}.story-text{flex:1 1 auto;min-height:0;margin:0 0 .75rem;line-height:1.65;font-size:1rem;overflow-y:auto}.story-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:.5rem}.story-advance{align-self:flex-end}@media(min-width:768px){.screen--story{flex-direction:row;flex-wrap:wrap}.story-header{width:100%}.story-illust{flex:1 1 60%;min-height:calc(100dvh - 48px);align-self:stretch}.story-panel{flex:1 1 40%;height:auto;max-height:none;border-top:none;border-left:2px solid var(--color-accent)}}.screen--battle{display:flex;flex-direction:column;height:100dvh;max-height:100dvh;overflow:hidden;padding:.5rem;padding-bottom:calc(.5rem + var(--safe-bottom));gap:.4rem}.battle-enemies{display:flex;flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;gap:.4rem;align-items:stretch;min-width:0}.enemy-card{flex:1 1 0;min-width:0;min-height:5.5rem;padding:.4rem .5rem;border:2px solid var(--color-muted);border-radius:var(--radius-card);background:#0f3460;color:var(--color-text);text-align:left;cursor:pointer}.enemy-card--portrait{display:flex;flex-direction:row;align-items:stretch;padding:0;overflow:hidden;min-height:min(36vh,300px);max-height:min(48vh,400px)}.enemy-card__portrait{flex:1 1 min(36vh,300px);min-width:min(36vh,300px);max-width:72%;display:flex;align-items:flex-end;justify-content:center;min-height:min(36vh,300px);max-height:min(48vh,400px);overflow:hidden;background:linear-gradient(180deg,#0a1628,#0f3460);border-right:1px solid rgba(255,255,255,.08)}.enemy-card__portrait-img{display:block;width:100%;height:100%;max-height:min(48vh,400px);object-fit:contain;object-position:center bottom;pointer-events:none}.enemy-card__info{flex:0 1 9rem;min-width:5.5rem;display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:.5rem .75rem}.enemy--selectable{border-color:var(--color-accent);box-shadow:0 0 12px #e8b86d59}.enemy--dead{opacity:.35}.enemy-name{display:block;font-weight:600;font-size:.82rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enemy-hp,.enemy-block,.enemy-intent{display:block;font-size:.75rem;line-height:1.3;color:var(--color-muted)}.enemy-intent{color:#f5a97a}.enemy-poison{color:#9d7aff;font-size:.85rem}.screen--hub{min-height:100dvh}.screen--hub{position:relative}.hub-body{position:absolute;top:48px;left:0;right:0;bottom:0;z-index:0;min-height:calc(100dvh - 48px);flex:none}.hub-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0f102059,#0f1020bf);pointer-events:none}.hub-content{position:relative;z-index:1;flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 48px)}.hub-guide{text-align:center;color:var(--color-muted);margin:0 0 1.5rem}.hub-actions{display:flex;flex-direction:column;gap:.65rem;max-width:400px;margin:0 auto;width:100%}.screen--deck{min-height:100dvh}.deck-panel{padding:1rem 1.25rem calc(1.5rem + var(--safe-bottom));flex:1}.deck-status{margin:0 0 .75rem;font-size:.95rem}.deck-status--ok{color:#8fd49a}.deck-status--warn{color:#f5a97a}.deck-hint{margin:0 0 1rem;font-size:.9rem;color:var(--color-muted)}.deck-columns{display:grid;gap:1rem}@media(min-width:640px){.deck-columns{grid-template-columns:1fr 1fr}}.deck-heading{margin:0 0 .5rem;font-size:.95rem;color:var(--color-accent)}.deck-row{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.deck-card-name{flex:1;font-size:.9rem}.deck-card-meta{font-size:.75rem;color:var(--color-muted)}.btn--small{min-height:36px;padding:.25rem .65rem;font-size:.9rem}.deck-footer{display:flex;gap:.5rem;margin-top:1.25rem;justify-content:flex-end}.battle-player{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.5rem;padding:.35rem .6rem;background:var(--color-panel);border-radius:8px;font-size:.85rem}.battle-energy{color:var(--color-accent);font-weight:700}.battle-tutorial{flex:0 0 auto;margin:0;padding:.35rem .6rem;background:#e8b86d26;border-left:3px solid var(--color-accent);font-size:.8rem;line-height:1.35}.battle-link{flex:0 0 auto;margin:0;padding:.3rem .6rem;background:#64b4ff1f;border-left:3px solid #7eb8ff;font-size:.78rem;line-height:1.35;color:#b8d4ff}.battle-hand{display:flex;flex:1 1 auto;gap:.4rem;overflow-x:auto;overflow-y:hidden;padding:.2rem 0;min-height:0;align-items:flex-end}.card{flex:0 0 92px;min-height:80px;padding:.5rem;border:2px solid var(--color-accent);border-radius:var(--radius-card);background:#1b3a5c;color:var(--color-text);text-align:left;cursor:pointer}.card--disabled{opacity:.45;border-color:var(--color-muted)}.card--selected{transform:translateY(-6px);box-shadow:0 6px 16px #0006}.card--free{border-color:#7eb8ff;box-shadow:0 0 10px #7eb8ff66}.card-cost{display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;border-radius:50%;background:var(--color-accent);color:#1a1a2e;font-weight:700;font-size:.85rem}.card-name{display:block;margin-top:.35rem;font-size:.8rem}.battle-footer{display:flex;flex:0 0 auto;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto}.battle-piles{font-size:.8rem;color:var(--color-muted)}