:root{--parchment: #f0e4c8;--parchment-deep: #e3d2ae;--ink: #33241a;--ink-soft: #5a4632;--wood: #4a2f18;--wood-light: #6b4423;--gold: #c9a227;--gold-bright: #e8c766;--bg: #14100b;--hp: #58b04b;--hp-low: #c43e2f;--mana: #4aa3ff;--shield: #66d9e8;--danger: #b3261e;--ok: #2e7d32;--shadow: 0 6px 18px rgba(0, 0, 0, .45);--radius: 14px;--font-serif: "Georgia", "Iowan Old Style", "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-serif);color:var(--ink);background:radial-gradient(1200px 700px at 20% -10%,rgba(201,162,39,.12),transparent 60%),radial-gradient(900px 600px at 110% 30%,rgba(90,60,160,.1),transparent 55%),var(--bg);color-scheme:dark}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.icon{width:1.15em;height:1.15em;vertical-align:-.2em;flex:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}button{font-family:inherit;touch-action:manipulation}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:12px 22px;font-size:1.02rem;letter-spacing:.03em;color:#f7ecd2;background:linear-gradient(180deg,var(--wood-light),var(--wood));border:2px solid var(--gold);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffff2e;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 18px #c9a22759}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.btn-primary{background:linear-gradient(180deg,#7d5a1f,#5b3d0e);border-color:var(--gold-bright)}.btn-ghost{background:transparent;border-color:#c9a2278c;color:var(--parchment)}.btn-danger{border-color:#d98a6a}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.screen-scroll{overflow-y:auto;padding:clamp(12px,3vw,32px);scrollbar-width:thin}.panel{background:linear-gradient(160deg,rgba(255,250,235,.06),transparent 45%),linear-gradient(180deg,var(--parchment),var(--parchment-deep));border:1px solid #9c7c4a;border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink)}.title-glow{color:var(--gold-bright);text-shadow:0 0 14px rgba(201,162,39,.55),0 2px 0 #4a3210}.home{align-items:center;justify-content:center;gap:18px;text-align:center}.home h1{font-size:clamp(2rem,7vw,3.4rem);margin:0;letter-spacing:.06em}.home .subtitle{color:#d9c79c;font-style:italic;margin:0}.home-actions{display:flex;flex-direction:column;gap:12px;width:min(420px,88vw)}.home-stats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;color:#d9c79c;font-size:.95rem}.home-stats .stat{display:inline-flex;align-items:center;gap:.4em;padding:6px 12px;border:1px solid rgba(201,162,39,.4);border-radius:999px;background:#00000040}.difficulty-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.chip-toggle{min-height:40px;padding:8px 16px;font-size:.92rem;border-radius:999px;border:1px solid rgba(201,162,39,.5);background:#0000004d;color:#d9c79c;cursor:pointer}.chip-toggle[aria-pressed=true]{background:var(--gold);color:#241a05;font-weight:700}.topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#14100bf2,#14100bb3);border-bottom:1px solid rgba(201,162,39,.35);color:var(--parchment);flex:none}.topbar .bar-title{font-size:1.05rem;letter-spacing:.04em;flex:1;text-align:center}.topbar .btn-ghost{min-height:40px;padding:6px 14px;font-size:.9rem}.prep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;max-width:1100px;margin:0 auto;width:100%}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.choice-card{text-align:left;background:linear-gradient(180deg,#fbf3dd,var(--parchment-deep));border:2px solid #a5854f;border-radius:12px;padding:12px;min-height:96px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--ink);font-size:.92rem;box-shadow:0 3px 10px #00000040;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.choice-card:hover{transform:translateY(-2px);border-color:var(--gold)}.choice-card[aria-pressed=true]{border-color:var(--gold-bright);box-shadow:0 0 0 3px #c9a22773,0 4px 14px #0000004d;background:linear-gradient(180deg,#fff8e3,#f0dfb2)}.choice-card .card-title{display:flex;align-items:center;gap:.5em;font-weight:700;font-size:1rem}.choice-card .card-text{color:var(--ink-soft);line-height:1.35}.section-title{color:var(--gold-bright);font-size:1.15rem;margin:22px 0 10px;letter-spacing:.05em;display:flex;align-items:center;gap:.5em}.prep-footer{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:26px 0 8px}.segmented{display:inline-flex;border:1px solid rgba(201,162,39,.6);border-radius:999px;overflow:hidden}.segmented button{min-height:42px;padding:8px 18px;background:transparent;color:#d9c79c;border:none;cursor:pointer;font-size:.95rem}.segmented button[aria-pressed=true]{background:var(--gold);color:#241a05;font-weight:700}.arena{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.phaser-root{position:absolute;inset:0;z-index:0}.phaser-root canvas{display:block}.hud{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;pointer-events:none}.hud>*{pointer-events:auto}.fighter-card{margin:8px 10px 0;padding:8px 12px;background:linear-gradient(180deg,#120d09eb,#120d09c7);border:1px solid rgba(201,162,39,.45);border-radius:12px;color:var(--parchment);max-width:640px;width:calc(100% - 20px)}.fighter-card.player{align-self:flex-end}.fighter-card.enemy{align-self:flex-start}.local-action{display:none;margin:8px 10px 0;padding:8px 10px;width:calc(100% - 20px);max-width:640px;border:1px solid rgba(201,162,39,.45);border-radius:12px;background:linear-gradient(180deg,#120d09eb,#120d09c7);color:var(--parchment)}.local-action.visible{display:block}.local-action.enemy{align-self:flex-start}.local-action.player{align-self:flex-end}.local-action label{display:block;margin-bottom:6px;font-size:.86rem;color:#d9c79c}.local-select-row{display:flex;gap:8px}.local-select-row select{min-width:0;flex:1;min-height:44px;padding:0 10px;border:1px solid #a5854f;border-radius:9px;background:#f5e9cd;color:var(--ink);font:inherit}.local-select-row .btn{min-height:44px;padding:7px 12px;font-size:.86rem}.local-spell-detail{display:grid;gap:4px;margin-top:8px;padding:8px 10px;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:#c9a2271c;color:#e8dcc0;font-size:.8rem;line-height:1.35}.local-spell-detail strong{color:var(--gold-bright)}.local-spell-stats{color:#bfe5f7}.f-head{display:flex;align-items:center;gap:.5em;font-size:.98rem;margin-bottom:6px}.f-head .f-name{font-weight:700;letter-spacing:.03em}.f-head .f-tag{font-size:.78rem;color:#d9c79c;display:inline-flex;align-items:center;gap:.3em}.bar{position:relative;height:16px;background:#0009;border:1px solid rgba(201,162,39,.35);border-radius:999px;margin:4px 0;overflow:hidden}.bar .fill{height:100%;border-radius:999px;transition:width .45s cubic-bezier(.2,.9,.3,1)}.bar.hp .fill{background:linear-gradient(180deg,#7ed07e,var(--hp))}.bar.hp.low .fill{background:linear-gradient(180deg,#e2746a,var(--hp-low))}.bar.mana{height:16px}.bar.mana .fill{background:linear-gradient(180deg,#7db9ff,var(--mana))}.bar.mana .mana-num{color:#e8f5ff}.bar .bar-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:.72rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:.03em}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.chip{display:inline-flex;align-items:center;gap:.3em;font-size:.8rem;padding:3px 9px;border-radius:999px;border:1px solid rgba(201,162,39,.5);background:#00000059;color:var(--parchment);cursor:help}.chip.buff{border-color:#79b356;color:#cfe8b8}.chip.debuff{border-color:#d1745e;color:#f2c4b4}.chip.especial{border-color:#b39ddb;color:#e3d6f8}.chip.shield-chip{border-color:var(--shield);color:#d9f6fb}.hud-spacer{flex:1;min-height:24px;position:relative;pointer-events:none}.combat-log{position:absolute;right:0;top:0;bottom:0;width:300px;background:linear-gradient(180deg,#18120bf0,#18120bd9);border-left:1px solid rgba(201,162,39,.4);padding:10px 12px;overflow-y:auto;font-size:.85rem;line-height:1.45;color:#e8dcc0;scrollbar-width:thin;display:none}.combat-log.open{display:block}.combat-log .entry{margin-bottom:6px}.combat-log .entry .turn-tag{font-size:.68rem;color:#9c8a67;margin-right:.4em}.combat-log .entry.action{color:#f0e2bb}.combat-log .entry.damage{color:#ff9d8a}.combat-log .entry.crit{color:#ffd166;font-weight:700}.combat-log .entry.heal{color:#a9d98b}.combat-log .entry.shield{color:#8fd7e8}.combat-log .entry.status{color:#d3b8f0}.combat-log .entry.miss{color:#b8a68e;font-style:italic}.combat-log .entry.system{color:#c8b68f;font-style:italic}.combat-log .entry.chaos{color:#f2a4f4}.combat-log .entry.victory{color:var(--gold-bright);font-weight:700;font-size:.95rem}.log-toggle{display:inline-flex}.phase-banner{text-align:center;padding:6px 10px;font-size:.92rem;color:#d9c79c;letter-spacing:.04em;background:#00000059;border-top:1px solid rgba(201,162,39,.25);border-bottom:1px solid rgba(201,162,39,.25);min-height:32px;flex:none}.phase-banner strong{color:var(--gold-bright)}.timer-wrap{display:flex;align-items:center;gap:8px;padding:4px 12px}.timer-bar{flex:1;height:10px;background:#0009;border:1px solid rgba(201,162,39,.4);border-radius:999px;overflow:hidden}.timer-bar .fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .2s linear}.timer-bar.urgent .fill{background:linear-gradient(90deg,#d84a3a,#ff8a65);animation:pulse .9s infinite}@keyframes pulse{50%{opacity:.65}}.timer-num{min-width:2.6em;text-align:right;font-size:.85rem;color:var(--parchment)}.spellbar-wrap{flex:none;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#140f0adb,#140f0af7);border-top:1px solid rgba(201,162,39,.4);color:var(--parchment)}.spell-detail{min-height:20px;font-size:.83rem;color:#d9c79c;margin-bottom:8px;line-height:1.4}.spell-detail strong{color:var(--gold-bright)}.spellbar{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.spell-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;min-height:84px;border-radius:12px;border:1.5px solid #a5854f;background:linear-gradient(180deg,#fbf3dd,var(--parchment-deep));color:var(--ink);cursor:pointer;font-family:inherit;transition:transform .1s ease,box-shadow .1s ease;overflow:hidden}.spell-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 14px #c9a22766}.spell-btn:disabled{filter:grayscale(.75);opacity:.55;cursor:not-allowed}.spell-btn .s-icon{width:26px;height:26px}.spell-btn .s-name{font-size:.78rem;font-weight:700;line-height:1.15;text-align:center}.spell-btn .s-meta{display:flex;gap:6px;font-size:.72rem;color:var(--ink-soft);align-items:center}.spell-btn .s-meta .m{display:inline-flex;align-items:center;gap:2px}.spell-btn .s-effect{font-size:.67rem;line-height:1.2;color:var(--ink-soft);text-align:center}.spell-btn .s-cd{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#140e08d1;color:var(--parchment);font-size:.8rem;font-weight:700;gap:4px}.spell-btn.defensive{border-color:#4f9bb3}.spell-btn.offensive{border-color:#b3624f}.arena-actions{display:flex;gap:8px;margin-top:8px}.arena-actions .btn{flex:1;min-height:44px;font-size:.92rem;padding:8px 10px}.result{align-items:center;justify-content:center;text-align:center;gap:16px;padding:24px}.result h1{margin:0;font-size:clamp(2rem,8vw,3.2rem)}.result .verdict{color:var(--gold-bright);text-shadow:0 0 16px rgba(201,162,39,.5)}.result .verdict.defeat{color:#e58e7a;text-shadow:0 0 16px rgba(211,74,52,.5)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;width:min(560px,92vw)}.stat-box{padding:12px 8px;text-align:center}.stat-box .num{font-size:1.5rem;font-weight:700;color:#6b4f1d}.stat-box .lbl{font-size:.8rem;color:var(--ink-soft)}.ency-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ency-list{display:grid;gap:10px;max-width:900px;margin:0 auto}.ency-entry{display:flex;gap:12px;padding:12px 14px;align-items:flex-start}.ency-entry .e-icon{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #a5854f;border-radius:10px;background:#4632191f}.ency-entry .e-icon svg{width:26px;height:26px}.ency-entry h3{margin:0 0 3px;font-size:1.02rem}.ency-entry p{margin:0;font-size:.88rem;color:var(--ink-soft);line-height:1.4}.ency-entry .e-tags{margin-top:5px;display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.72rem;padding:2px 8px;border-radius:999px;border:1px solid #a5854f;color:var(--ink-soft);display:inline-flex;align-items:center;gap:.3em}.tag.gold{border-color:var(--gold);color:#6b4f1d;font-weight:700}.tag.dark{border-color:#513a56;color:#5d4166}.modal-overlay{position:fixed;inset:0;background:#0a0704b8;display:flex;align-items:center;justify-content:center;z-index:50;padding:18px}.modal{width:min(520px,100%);max-height:88dvh;overflow-y:auto;padding:20px}.modal h2{margin-top:0;display:flex;align-items:center;gap:.5em}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(120,90,50,.35);flex-wrap:wrap}.settings-row .row-label{font-weight:700}.settings-row .row-hint{font-size:.8rem;color:var(--ink-soft);width:100%}.switch{position:relative;width:54px;height:30px;border-radius:999px;border:1px solid #a5854f;background:#00000059;cursor:pointer;padding:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--parchment-deep);transition:transform .15s ease,background .15s ease}.switch[aria-pressed=true]{background:var(--gold)}.switch[aria-pressed=true]:after{transform:translate(24px);background:#fff8e3}.charge-banner{margin:8px 10px 0;padding:8px 12px;border-radius:10px;border:1px solid #b39ddb;background:#50287866;color:#eadff7;font-size:.88rem;display:flex;align-items:center;gap:.5em;max-width:640px;width:calc(100% - 20px)}.charge-banner.player-charge{border-color:var(--gold);background:#c9a22740;color:#ffeec9}@media(max-width:1023px),(hover:none)and (pointer:coarse){.hud-spacer{min-height:18dvh}.spellbar{max-height:188px;overflow-y:auto;align-content:start;padding-right:2px;scrollbar-width:thin}.combat-log{position:absolute;inset:auto 10px calc(100% + 10px) 10px;width:auto;height:min(300px,42dvh);top:auto;bottom:100%;border:1px solid rgba(201,162,39,.4);border-radius:12px;display:none;z-index:30}.fighter-card,.charge-banner{max-width:100%}.arena.local-duel .fighter-card.enemy,.arena.local-duel .local-action.enemy{transform:rotate(180deg)}}@media(min-width:1024px){.fighter-card.enemy{margin-left:max(10px,calc(50% - 470px))}.fighter-card.player{margin-right:max(10px,calc(50% - 470px))}.arena.local-duel .local-action.enemy{margin-left:max(10px,calc(50% - 470px))}.arena.local-duel .local-action.player{margin-right:max(10px,calc(50% - 470px))}.combat-log{right:max(0px,calc(50% - 470px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}