@font-face{font-family:Golos Text;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/font-0.woff)format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/font-1.woff)format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/font-2.woff)format("truetype")}@font-face{font-family:Golos Text;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/font-3.woff)format("truetype")}@font-face{font-family:Literata;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/font-4.woff)format("truetype")}@font-face{font-family:Literata;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/font-5.woff)format("truetype")}@font-face{font-family:Literata;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/font-6.woff)format("truetype")}:root{color:#e4e0d2;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--amber:#dbb271;--muted:#999f96;--hud-width:680px;background:#181c1c;font-family:Golos Text,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}button,span{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.icon{vertical-align:middle;flex:none;width:21px;height:21px}.game{isolation:isolate;background:#252b2b;width:100%;height:100dvh;position:relative;overflow:hidden}.scene,.scene-shade,.grain{pointer-events:none;position:absolute;inset:0}.scene{z-index:-4;filter:saturate(.7);background:#333b39 url(/assets/courtyard.png) 50% 53%/cover no-repeat;transform:scale(1.025)}.scene-shade{z-index:-3;background:linear-gradient(#0d1213b3 0%,#0d121314 27%,#1117161a 47%,#0b1011b0 74%,#0b1011fa 100%),radial-gradient(at 50% 47%,#0000 25%,#080c0d80 100%)}.grain{z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.game:after{content:"";z-index:19;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #0609093d}.game-header{z-index:12;padding:max(24px,env(safe-area-inset-top)) clamp(20px,4vw,56px);justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;top:0;left:0;right:0}.location{text-shadow:0 2px 12px #0008;align-items:center;gap:12px;display:flex}.location-mark{color:#bab59d;font-family:monospace;font-size:37px;line-height:1}.location>div{flex-direction:column;gap:5px;display:flex}.location strong{letter-spacing:3px;font-size:14px;font-weight:700}.location div>span{letter-spacing:2.5px;color:#a9ada1;font-size:9px}.battle-tools{align-items:center;gap:16px;display:flex}.battle-tools time{letter-spacing:2px;color:#c0c3b6;font-variant-numeric:tabular-nums;margin-right:6px;font-size:12px}.icon-button{color:#c7cbbd;background:#111a1955;border:1px solid #c4c7b12b;border-radius:2px;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover:enabled{background:#262e29cc;border-color:#c4b798}.combatants{z-index:2;grid-template-columns:repeat(var(--enemy-count),minmax(0,1fr));align-items:stretch;gap:clamp(12px,4vw,65px);width:min(980px,88%);display:grid;position:absolute;top:15%;bottom:335px;left:50%;transform:translate(-50%)}.enemy{text-align:left;outline-offset:4px;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative;container-type:size}.enemy:focus-visible{outline:0}.character-figure{aspect-ratio:1/2;flex:none;width:min(100cqw,50cqh - 40px);height:auto;min-height:0;display:block;position:relative}.character-art{filter:drop-shadow(0 8px 6px #070c0977);transform-origin:50% 90%;background-image:url(/assets/bandits.png);background-repeat:no-repeat;background-size:300% 100%;width:100%;height:100%;margin:auto;transition:filter .2s,opacity .5s;animation:5s ease-in-out infinite idle-breathe;display:block;position:absolute;inset:0}.character-0{background-position:0}.character-1{background-position:50%;animation-delay:-1.7s}.character-2{background-position:100%;animation-delay:-3.2s}.ground-shadow{filter:blur(9px);background:#050a08aa;border-radius:50%;height:6%;position:absolute;bottom:1%;left:15%;right:15%}.character-figure:before{content:"";z-index:4;opacity:0;background:linear-gradient(var(--amber),var(--amber)) top left/17px 2px no-repeat,linear-gradient(var(--amber),var(--amber)) top left/2px 17px no-repeat,linear-gradient(var(--amber),var(--amber)) top right/17px 2px no-repeat,linear-gradient(var(--amber),var(--amber)) top right/2px 17px no-repeat,linear-gradient(var(--amber),var(--amber)) bottom left/17px 2px no-repeat,linear-gradient(var(--amber),var(--amber)) bottom left/2px 17px no-repeat,linear-gradient(var(--amber),var(--amber)) bottom right/17px 2px no-repeat,linear-gradient(var(--amber),var(--amber)) bottom right/2px 17px no-repeat;transition:opacity .2s;position:absolute;inset:8% 2% 1%}.target-reticle{z-index:5;opacity:0;color:#f4d798;place-items:center;transition:opacity .2s;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.target-reticle .icon{filter:drop-shadow(0 2px 5px #000);width:38px;height:38px}.enemy.targetable .character-art{filter:drop-shadow(0 0 7px #e6b56d77)drop-shadow(0 0 2px #d7b577)}.enemy.targetable .character-figure:before{opacity:.7}.enemy.targetable .target-reticle{opacity:.65}.game[data-expected-step=target] .enemy.targetable .character-figure:before{opacity:1;animation:1.8s ease-in-out infinite target-cue}.game[data-expected-step=target] .enemy.targetable .enemy-info{border-color:#e5bd73;box-shadow:0 0 18px #e3b36b2b}.enemy.targetable:hover .character-figure:before,.enemy.targetable:focus-visible .character-figure:before,.enemy.targetable:hover .target-reticle,.enemy.targetable:focus-visible .target-reticle{opacity:1}.enemy.selected-target .character-figure:before,.enemy.selected-target .target-reticle{opacity:1}.target-selected .enemy.targetable:not(.selected-target) .character-art{filter:drop-shadow(0 8px 6px #070c0977)}.target-selected .enemy.targetable:not(.selected-target) .character-figure:before,.target-selected .enemy.targetable:not(.selected-target) .target-reticle{opacity:.25}.enemy-info{text-shadow:0 2px 6px #000;background:#101817dd;border:1px solid #bd777438;border-radius:3px;flex-direction:column;flex-shrink:0;gap:7px;width:200px;max-width:100%;margin-bottom:16px;padding:10px 10px 9px;display:flex;position:relative;box-shadow:0 4px 16px #0004}.enemy-name-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.enemy-name-row strong{letter-spacing:.3px;font-size:16px;font-weight:600}.enemy-hp-label{white-space:nowrap;color:#f1b3a8;font-variant-numeric:tabular-nums;font-size:11px}.meter{background:#adb69a22;border-radius:1px;height:4px;display:block;overflow:hidden}.meter>span{width:100%;height:100%;transition:width .25s;display:block}.enemy-health{background:#e27d712b;height:7px}.enemy-health>span{background:linear-gradient(90deg,#ad4d49,#ed9681);box-shadow:0 0 8px #e27d7144}.enemy-turn-row{letter-spacing:.5px;color:#d2b684;align-items:center;gap:6px;font-size:8px;line-height:12px;display:flex}.enemy-atb{background:#d7c5a22b;flex:1;height:4px}.enemy-atb>span{background:#c2a574;width:0;transition:width 50ms linear}.enemy-atb-label{text-align:right;letter-spacing:0;font-variant-numeric:tabular-nums;min-width:29px}.enemy-effects{justify-content:center;gap:4px;height:16px;margin-top:2px;display:flex;position:absolute;top:100%;left:0;right:0}.effect-tag{white-space:nowrap;color:#cebd8b;letter-spacing:.2px;font-size:9px}.enemy.dead .character-art{opacity:.2;filter:grayscale();animation:.6s ease-out both fall}.enemy.dead .enemy-info{opacity:.4}.enemy.dead .ground-shadow{opacity:.3}.enemy-floats{z-index:10;pointer-events:none;position:absolute;inset:0}.float-number{color:#f68977;font-variant-numeric:tabular-nums;text-shadow:0 2px #4a201c,0 3px 12px #000;white-space:nowrap;font-size:clamp(28px,4vw,50px);font-weight:700;line-height:1;animation:1.2s ease-out both float-number;position:absolute;top:46%;left:50%}.heal-number{color:#a6d58a;text-shadow:0 2px #23371b,0 3px 12px #000}.miss-number{letter-spacing:1px;color:#ded9ca;text-shadow:0 2px #34342e,0 3px 12px #000;font-size:clamp(16px,2.5vw,28px)}.player-hud{z-index:8;width:min(var(--hud-width),calc(100% - 40px));padding:0 0 max(24px,env(safe-area-inset-bottom));position:absolute;bottom:0;left:50%;transform:translate(-50%)}.player-vitals{background:linear-gradient(120deg,#172c24f5,#101c1df5);border:1px solid #8ec39870;border-left:3px solid #9cdb9f;border-radius:3px;margin:0 3px;padding:10px 14px;position:relative;box-shadow:0 4px 24px #0007,inset 0 0 22px #91c79b08}.health-row{align-items:center;gap:11px;height:33px;display:flex;position:relative}.health-row>.icon{color:#b1e7ac;stroke-width:2px;width:19px;height:19px}.player-name{letter-spacing:.6px;color:#c7ecc6;white-space:nowrap;font-size:11px;font-weight:600}.player-health{background:#a5dfae22;flex:1;height:14px;box-shadow:0 1px 3px #0008}.player-health>span{background:linear-gradient(90deg,#4d9e70,#b4e792);box-shadow:0 0 12px #8dda8466}.hp-value{white-space:nowrap;font-variant-numeric:tabular-nums;color:#e5f6df;font-size:20px}.hp-value b{font-weight:700}.hp-value>span{color:#b2c6ac;font-size:12px}.turn-row{align-items:center;gap:11px;height:26px;display:flex}.turn-label{color:#e0c28e;letter-spacing:.7px;width:75px;font-size:9px}.player-atb{background:#e7b86b26;flex:1;height:9px}.player-atb>span{background:linear-gradient(90deg,#bc8a42,#f5ce86);width:0;transition:width 50ms linear}#player-ready{letter-spacing:.6px;color:#d9c9a6;text-align:right;font-variant-numeric:tabular-nums;width:90px;font-size:10px}.turn-ready #player-ready{color:#e1bd7c}.turn-ready .player-atb>span{box-shadow:0 0 8px #ecbc6d99}.player-effects{pointer-events:none;gap:10px;margin-bottom:8px;display:flex;position:absolute;bottom:100%;left:0}.player-floats{z-index:3;pointer-events:none;position:absolute;inset:0}.player-floats .float-number{background:#301a16ed;border:1px solid #e9948166;border-radius:3px;padding:6px 9px;font-size:28px;top:0;left:78%;box-shadow:0 3px 16px #0008}.player-floats .heal-number{background:#172d1ced;border-color:#a6d58a66}.player-floats .miss-number{font-size:18px}.action-prompt{letter-spacing:.2px;color:#c3c9ba;text-align:left;background:#101817f0;border:1px solid #b5b7a72b;border-left:3px solid #8d9483;border-radius:2px;align-items:center;gap:10px;height:52px;margin:4px 3px;padding:6px 10px;font-size:12px;display:flex}.prompt-step{color:#d5d9ca;background:#242c25;border:1px solid #b7b99b66;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:17px;font-weight:700;line-height:1;display:grid}.prompt-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}#prompt-text{letter-spacing:.8px;text-transform:uppercase;font-size:13px;font-weight:700;line-height:1.15}#prompt-detail{letter-spacing:0;color:#adb49f;font-size:10px;line-height:1.25}.action-prompt[data-step=target],.action-prompt[data-step=item]{border-color:#d8b16d80 #d8b16d80 #d8b16d80 #f2cb83;box-shadow:0 0 18px #e7b96618}.action-prompt[data-step=target] .prompt-step,.action-prompt[data-step=item] .prompt-step{color:#24251c;background:#d5b073;border-color:#f1d39c;box-shadow:0 0 13px #e0b46d55}.turn-ready .action-prompt{color:#d8c19b}.cancel-button{color:#aeac98;background:0 0;border:0;place-items:center;min-width:30px;min-height:32px;padding:4px;display:grid}.cancel-button .icon{width:16px;height:16px}.items{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 3px;display:grid}.item-slot{background:linear-gradient(145deg,#3b4033e8,#222923f5);border:1px solid #a5a99142;border-bottom:2px solid #93977b55;border-radius:2px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;height:152px;padding:12px 8px 10px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 3px 8px #0003,inset 0 0 18px #0002}.item-slot:after{content:"";pointer-events:none;border:1px solid #b9bd9e0b;position:absolute;inset:3px}.item-slot:disabled{filter:grayscale();color:#929292;cursor:not-allowed;background:linear-gradient(145deg,#171717fa,#090909fc);border:1px dashed #74747488;border-bottom:2px dashed #555;box-shadow:inset 0 0 24px #000b}.item-slot:disabled:after{background:repeating-linear-gradient(135deg,#0000 0 6px,#ffffff0c 6px 7px);border-color:#ffffff09}.item-slot:disabled .item-art{opacity:.16;filter:brightness(.55)}.item-slot:disabled .item-detail,.item-slot:disabled .item-count,.item-slot:disabled .slot-key{color:#717171}.item-disabled-badge{z-index:1;color:#b5b5b5;background:#1d1d1df5;border:1px solid #777;border-radius:4px;place-items:center;width:34px;height:34px;display:none;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #000b}.item-disabled-badge .icon{width:20px;height:20px}.item-slot:disabled .item-disabled-badge{display:grid}.item-state{color:#c7b48a;white-space:nowrap;border-top:1px solid #85857533;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:4px;margin-top:7px;padding-top:6px;font-size:9px;line-height:12px;display:flex}.item-state .icon{width:11px;height:11px}.item-slot:disabled .state-ready,.item-slot:enabled .state-lock{display:none}.slot-key{color:#959d88;font-family:monospace;font-size:9px;position:absolute;top:10px;left:10px}.item-count{color:#bfc4ac;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.2;position:absolute;top:8px;right:10px}.item-art{filter:drop-shadow(0 5px 3px #0008);flex:1;place-items:center;width:100%;min-height:0;padding-bottom:7px;display:grid}.item-art .icon{color:#c0c4b2;width:49px;height:53px;transform:rotate(-12deg)}.item-slot:first-child .item-art .icon{height:58px;transform:rotate(17deg)}.item-slot:nth-child(4) .item-art .icon{width:51px;transform:rotate(-6deg)}.item-slot strong{color:#d1d3c0;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.25}.item-detail{color:#989f8c;white-space:nowrap;margin-top:5px;font-size:9px}.item-slot.available{background:linear-gradient(145deg,#514b35f0,#2b2d22f5);border-color:#d8b16d99 #d8b16d99 #d9b271;box-shadow:0 0 16px #d7b47714,inset 0 0 26px #bd995311}.item-slot.available .item-art{filter:drop-shadow(0 0 8px #d3b26d33)}.game[data-expected-step=item] .item-slot.available{animation:1.8s ease-in-out infinite item-cue}.item-slot.available:hover{background:linear-gradient(145deg,#615337f5,#383323f5);border-color:#eccb8f;box-shadow:0 0 20px #d5b07133,inset 0 0 24px #d5b07111}.item-slot:focus-visible{outline-offset:-4px}.item-slot.empty:disabled .item-art{opacity:.1}.encounter-menu,.pause-menu,.result-menu{z-index:10;text-align:center;flex-direction:column;align-items:center;width:min(480px,100% - 40px);padding:30px 20px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.encounter-menu:before,.pause-menu:before,.result-menu:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#101716f5 0%,#101716c9 37%,#10171600 72%);position:absolute;inset:-70px -100px}.menu-eyebrow{letter-spacing:3px;color:#b0ac92;margin-bottom:13px;font-size:9px;font-weight:500}.encounter-menu h1,.pause-menu h2,.result-menu h2{letter-spacing:-1.8px;text-transform:uppercase;text-shadow:0 3px 20px #0006;margin:0 0 28px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.15}.encounter-menu h1 span{color:#c8c5ad;display:block}.mode-select{gap:8px;width:100%;max-width:306px;margin-bottom:15px;display:flex}.mode-button{letter-spacing:1px;color:#a4aa99;background:#202924db;border:1px solid #b7ba9c44;border-radius:2px;flex:1;height:46px;font-size:15px;font-weight:500}.mode-button span{color:#828d7c;letter-spacing:0;margin:0 3px;font-size:11px;font-weight:400}.mode-button.selected{color:#ebd6a5;background:#4a4530e8;border-color:#c9aa6e;box-shadow:inset 0 0 15px #a2803415}.mode-button.selected span{color:#c1ad82}.start-button{color:#24271e;background:linear-gradient(120deg,#d6bb82,#b79a62);border:1px solid #d3ba82;border-bottom:3px solid #8e7449;border-radius:2px;justify-content:center;align-items:center;gap:48px;min-width:200px;min-height:46px;padding:12px 23px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 3px 15px #0003}.start-button:hover{background:linear-gradient(120deg,#e4cb93,#cab078)}.start-button .icon{width:17px;height:17px}.is-idle .combatants{opacity:.56;filter:brightness(.8)}.is-idle .player-hud{opacity:.52}.is-idle .scene-shade{background:linear-gradient(#0d1213b3,#0d121325 25%,#0b10117a 55%,#0b1011fa 100%)}.is-paused .combatants,.is-over .combatants{filter:brightness(.45);pointer-events:none}.is-paused .character-art{animation-play-state:paused}.pause-menu,.result-menu{z-index:13;top:43%}.pause-menu h2,.result-menu h2{margin-bottom:28px;font-size:54px}.result-menu>p{color:#aeb39f;margin:-12px 0 28px;font-size:11px}.result-menu>p span{margin:0 10px}.character-art.attacking{animation:.5s ease-out attack}.character-art.hit{animation:.4s ease-out hit}.character-figure.impact:after{content:"";z-index:6;pointer-events:none;background:radial-gradient(#ffe1a8aa,#0000 65%);width:65px;height:65px;animation:.4s ease-out both impact;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.player-vitals.hit{border-color:#ff9b87;animation:.9s ease-out hud-hit;box-shadow:0 0 28px #ea665155,inset 0 0 28px #c94e352b}.player-vitals.hit .player-health{outline-offset:3px;background:#e34b3c55;outline:2px solid #ffb2a0}.player-vitals.hit .player-health>span{background:linear-gradient(90deg,#db5149,#ffc4a4);box-shadow:0 0 16px #ff826dcc}.player-vitals.healed{animation:.65s ease-out healed}.player-hit:after{animation:.45s ease-out screen-hit}.status-flash{animation:.5s ease-out status-flash}@keyframes idle-breathe{0%,to{transform:translateY(0)rotate(-.25deg)}50%{transform:translateY(-3px)rotate(.25deg)}}@keyframes float-number{0%{opacity:0;transform:translate(calc(-50% + var(--float-shift)),0) scale(.65)}12%{opacity:1;transform:translate(calc(-50% + var(--float-shift)),-12px) scale(1.12)}35%{opacity:1;transform:translate(calc(-50% + var(--float-shift)),-26px) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--float-shift)),-85px) scale(.92)}}@keyframes attack{0%,to{transform:scale(1)}35%{filter:brightness(1.2);transform:scale(1.07)translateY(4px)}}@keyframes hit{0%,to{transform:translate(0)}20%{filter:sepia(.3)brightness(1.8);transform:translate(-5px)}45%{transform:translate(5px)}70%{transform:translate(-2px)}}@keyframes fall{0%{opacity:.8;transform:translateY(0)rotate(0)}to{opacity:.16;transform:translateY(15px)rotate(7deg)}}@keyframes impact{0%{opacity:1;scale:.3}to{opacity:0;scale:1.5}}@keyframes hud-hit{0%,25%{background:#ffb399;transform:translate(3px)}15%,40%{transform:translate(-3px)}65%,to{transform:translate(0)}}@keyframes screen-hit{25%{box-shadow:inset 0 0 100px 35px #9f302555}}@keyframes healed{25%{filter:brightness(1.7);box-shadow:0 0 20px #91b46d22}}@keyframes status-flash{40%{filter:brightness(2)}}@keyframes target-cue{0%,to{filter:drop-shadow(0 0 2px #e8bb7366)}50%{filter:drop-shadow(0 0 7px #ffcf86)}}@keyframes item-cue{0%,to{box-shadow:4px 4px 0 var(--ink)}50%{box-shadow:4px 4px 0 var(--ink),0 0 0 3px #fff4d6}}@media (width>=1600px){:root{--hud-width:760px}.combatants{width:1100px;top:17%;bottom:350px}.item-slot{height:165px}.item-art .icon{width:55px;height:61px}.item-slot strong{font-size:14px}.player-hud{padding-bottom:32px}.enemy-info{width:220px}}@media (width<=700px){.game-header{padding:max(19px,env(safe-area-inset-top)) 18px;gap:10px}.location{gap:8px}.location-mark{font-size:29px}.location strong{letter-spacing:2px;font-size:11px}.location div>span{letter-spacing:1.8px;font-size:7px}.location>div{gap:4px}.battle-tools{gap:8px}.battle-tools time{letter-spacing:1px;margin-right:4px;font-size:10px}.icon-button{width:34px;height:34px}.icon-button .icon{width:16px;height:16px}.scene{background-position:45%}.combatants{gap:8px;width:calc(100% - 28px);top:20%;bottom:315px}.enemy-info{gap:5px;width:165px;margin-bottom:14px;padding:8px 6px}.enemy-name-row{gap:2px}.enemy-name-row strong{letter-spacing:0;font-size:13px}.enemy-hp-label{font-size:8px}.enemy-health{height:6px}.enemy-atb{height:4px}.enemy-effects{margin-top:6px}.effect-tag{font-size:8px}.character-figure:before{background-size:11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px,11px 1px,1px 11px;inset:5% 0 1%}.target-reticle .icon{width:28px;height:28px}.player-hud{width:calc(100% - 28px);padding-bottom:max(20px,env(safe-area-inset-bottom))}.items{gap:7px}.item-state{gap:3px;margin-top:5px;padding-top:4px;font-size:7px;line-height:10px}.item-state .icon{width:9px;height:9px}.item-slot{height:132px;padding:10px 4px 12px}.slot-key{display:none}.item-count{font-size:10px;top:8px;right:8px}.item-art{padding-bottom:6px}.item-art .icon{width:40px;height:45px}.item-slot:first-child .item-art .icon{height:49px}.item-slot:nth-child(4) .item-art .icon{width:42px}.item-slot strong{font-size:11px}.item-detail{margin-top:5px;font-size:8px}.action-prompt{height:52px;padding:6px 8px;font-size:10px}.prompt-step{width:26px;height:26px;font-size:16px}#prompt-text{font-size:12px}#prompt-detail{font-size:9px}.health-row{gap:7px;height:30px}.health-row>.icon{width:16px;height:16px}.player-name{font-size:9px}.hp-value{font-size:17px}.hp-value>span{font-size:10px}.turn-row{gap:8px;height:24px}.turn-label{width:62px;font-size:8px}.player-vitals{margin:0 3px;padding:8px 10px}.player-health{height:11px}.player-atb{height:8px}#player-ready{width:75px;font-size:9px}.encounter-menu{padding:25px 10px;top:38%}.encounter-menu h1{font-size:36px}.mode-select{max-width:280px}.mode-button{height:44px;font-size:14px}.menu-eyebrow{letter-spacing:2px;font-size:8px}.start-button{min-height:45px;font-size:12px}.pause-menu h2,.result-menu h2{font-size:43px}.pause-menu,.result-menu{top:38%}}@media (width<=360px){.game-header{padding:14px}.battle-tools{gap:6px}.location strong{font-size:10px}.location div>span{font-size:6px}.battle-tools time{font-size:9px}.location-mark{font-size:25px}.icon-button{width:31px;height:31px}.combatants{gap:5px;width:calc(100% - 20px);top:17%;bottom:285px}.enemy-name-row strong{font-size:11px}.enemy-hp-label{font-size:7px}.enemy-info{gap:4px;padding:7px 5px}.enemy-effects .effect-tag{font-size:7px}.player-hud{width:calc(100% - 22px);padding-bottom:max(14px,env(safe-area-inset-bottom))}.items{gap:5px}.item-state{gap:2px;font-size:6px}.item-state .icon{width:8px;height:8px}.item-slot{height:121px;padding-bottom:10px}.item-slot strong{font-size:10px}.item-detail{font-size:7px}.item-art .icon{width:35px;height:39px}.item-slot:first-child .item-art .icon{height:43px}.item-slot:nth-child(4) .item-art .icon{width:37px}.item-count{font-size:9px;top:6px;right:6px}.action-prompt{gap:7px;height:48px;padding:5px 7px;font-size:9px}#prompt-text{font-size:11px}#prompt-detail{font-size:8px}.prompt-step{width:24px;height:24px;font-size:14px}.item-disabled-badge{width:28px;height:28px}.item-disabled-badge .icon{width:17px;height:17px}.encounter-menu h1{margin-bottom:22px;font-size:31px}.mode-select{max-width:260px}.encounter-menu{top:37%}}@media (height<=650px) and (width>=701px){.game-header{padding:15px 26px}.combatants{width:min(780px,80%);top:13%;bottom:275px}.player-hud{--hud-width:560px;padding-bottom:14px}.item-slot{height:120px;padding:8px 5px 10px}.item-art .icon{width:37px;height:38px}.item-slot:first-child .item-art .icon{height:43px}.item-slot:nth-child(4) .item-art .icon{width:39px}.item-slot strong{font-size:11px}.item-detail{font-size:8px}.item-count{font-size:10px}.action-prompt{height:43px;font-size:10px}.health-row{height:23px}.turn-row{height:17px}.enemy-info{padding:7px 8px}.encounter-menu{padding:15px;top:37%}.encounter-menu h1{margin-bottom:20px;font-size:32px}.menu-eyebrow{margin-bottom:9px}.mode-button{height:39px}.mode-select{margin-bottom:12px}.start-button{min-height:40px;padding:9px 20px}.pause-menu,.result-menu{top:37%}}@media (height<=540px) and (width<=700px){.game-header{padding:12px 15px}.combatants{top:14%;bottom:250px}.player-hud{padding-bottom:max(12px,env(safe-area-inset-bottom))}.item-slot{height:108px;padding:7px 3px 9px}.item-art .icon{width:31px;height:33px}.item-slot:first-child .item-art .icon{height:36px}.item-slot:nth-child(4) .item-art .icon{width:32px}.item-slot strong{font-size:10px}.item-detail{margin-top:3px;font-size:7px}.action-prompt{height:42px;font-size:9px}.health-row{height:23px}.turn-row{height:16px}.encounter-menu{top:34%}.encounter-menu h1{margin-bottom:17px;font-size:27px}.menu-eyebrow{margin-bottom:7px}.mode-button{height:36px}.mode-select{margin-bottom:11px}.start-button{min-height:37px;padding:8px 20px}.enemy-info{padding:6px}}@media (orientation:landscape) and (height<=500px){.game-header{padding:10px 18px}.location-mark{font-size:25px}.location strong{font-size:10px}.location div>span{font-size:6px}.location>div{gap:3px}.battle-tools{gap:8px}.battle-tools time{font-size:10px}.icon-button{width:30px;height:30px}.icon-button .icon{width:16px;height:16px}.combatants{gap:30px;width:min(610px,70%);top:16%;bottom:130px}.enemy-info{gap:4px;width:150px;margin-bottom:10px;padding:6px 8px}.enemy-name-row strong{font-size:11px}.enemy-hp-label{font-size:8px}.enemy-health{height:5px}.enemy-atb{height:3px}.enemy-effects{margin-top:4px}.effect-tag{font-size:7px}.target-reticle .icon{width:22px;height:22px}.player-hud{--hud-width:520px;padding-bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:210px minmax(0,1fr);align-items:end;column-gap:18px;width:min(650px,100% - 40px);display:grid}.player-vitals{grid-area:1/1;align-self:center;margin:0;padding:8px}.health-row{gap:5px;height:26px}.player-name{font-size:8px}.hp-value{font-size:15px}.hp-value>span{font-size:9px}.health-row>.icon{width:13px;height:13px}.player-health{height:9px}.turn-row{gap:5px;height:22px}.turn-label{width:51px;font-size:7px}#player-ready{width:46px;font-size:8px}.player-atb{height:6px}.player-floats .float-number{font-size:21px;left:65%}.enemy-turn-row{gap:4px;font-size:7px}.action-prompt{grid-area:2/1;gap:6px;height:42px;margin:4px 0 0;padding:4px 5px;font-size:9px;line-height:1.4}.prompt-step{width:21px;height:21px;font-size:13px}#prompt-text{letter-spacing:.3px;font-size:10px}#prompt-detail{font-size:8px}.item-disabled-badge{width:26px;height:26px}.item-disabled-badge .icon{width:16px;height:16px}.item-panel{grid-area:1/2/3}.items{gap:7px}.item-state{gap:3px;margin-top:5px;padding-top:4px;font-size:7px;line-height:10px}.item-state .icon{width:9px;height:9px}.item-slot{height:110px;padding:7px 4px 8px}.item-art .icon{width:33px;height:35px}.item-slot:first-child .item-art .icon{height:38px}.item-slot:nth-child(4) .item-art .icon{width:35px}.item-slot strong{font-size:10px}.item-detail{margin-top:3px;font-size:7px}.item-count{font-size:9px;top:6px;right:6px}.slot-key{display:none}.encounter-menu{width:340px;padding:10px;top:36%}.menu-eyebrow{margin-bottom:7px;font-size:7px}.encounter-menu h1{letter-spacing:-1px;margin-bottom:15px;font-size:27px}.encounter-menu h1 span{display:inline}.mode-select{max-width:250px;margin-bottom:10px}.mode-button{height:34px;font-size:13px}.start-button{min-width:170px;min-height:36px;padding:7px 18px;font-size:11px}.pause-menu,.result-menu{padding:15px;top:37%}.pause-menu h2,.result-menu h2{margin-bottom:18px;font-size:34px}.result-menu>p{margin:-8px 0 18px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.float-number{animation:1.2s linear both float-number!important}.scene{transform:none}}:root{color:#242034;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#242034;--paper:#fff4d6;--amber:#ffca36;--muted:#625973;background:#ffe8b0}button:focus-visible{outline-offset:3px;outline:3px solid #5c2dd5}.game{background:#f4c58e}.scene{filter:saturate(.42)contrast(.62)brightness(1.2);background-image:url(/assets/courtyard-comic.png);transform:none}.scene-shade,.is-idle .scene-shade{background:linear-gradient(#fff1c52b,#fff4df24 30% 60%,#ffe6ab80)}.grain{opacity:.07;z-index:-2;background-image:radial-gradient(#242034 1px,#0000 1px);background-size:6px 6px}.game:after{box-shadow:inset 0 0 0 5px var(--ink)}.location{background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-shadow:none;padding:9px 13px;transform:rotate(-2deg)}.location-mark{color:#d74471}.location strong{letter-spacing:1px;font-weight:900}.location div>span{color:#625973;letter-spacing:1px;font-weight:700}.battle-tools time{color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:7px;font-weight:800}.icon-button{border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:5px}.icon-button:hover:enabled{border-color:var(--ink);background:#ffca36}.icon-button:disabled{opacity:.5}.character-art{--figure-edge:drop-shadow(2px 0 0 #fff8e6) drop-shadow(-2px 0 0 #fff8e6) drop-shadow(0 -2px 0 #fff8e6) drop-shadow(0 3px 0 #242034);filter:var(--figure-edge);background-size:400% 100%}.character-0{background-image:url(/assets/enemy-knight-cartoon.png)}.character-1{background-image:url(/assets/enemy-witch-cartoon.png)}.character-2{background-image:url(/assets/enemy-specter-cartoon.png)}.character-art[data-pose]{transition:filter .2s;animation:none;transform:none}.character-art[data-pose=idle]{background-position:0}.character-art[data-pose=attack]{background-position:33.3333%}.character-art[data-pose=hurt]{background-position:66.6667%}.character-art[data-pose=dead]{background-position:100%}.character-1[data-pose]{margin:0;right:auto}.character-1[data-pose=idle]{background-position-x:0%;background-size:534.337% 100%;width:74.8591%;left:12.5705%}.character-1[data-pose=attack]{background-position-x:28.4734%;background-size:291.776% 100%;width:137.091%;left:-18.5457%}.character-1[data-pose=hurt]{background-position-x:66.9516%;background-size:479.459% 100%;width:83.4273%;left:8.28636%}.character-1[data-pose=dead]{background-position-x:100%;background-size:382.328% 100%;width:104.622%;left:-2.31116%}.enemy.dead .character-art{opacity:1;filter:var(--figure-edge);animation:none;transform:none}.ground-shadow{filter:none;background:#542e693d}.enemy-info{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-shadow:none;color:var(--ink);border-radius:5px}.enemy-name-row strong{font-weight:900}.enemy-hp-label{color:#a22b54;font-weight:800}.enemy-turn-row{color:#533888;font-weight:800}.enemy-health{background:#e9b1aa}.enemy-health>span{box-shadow:none;background:linear-gradient(90deg,#ef4978,#ff8057)}.enemy-atb{background:#ded0ee}.enemy-atb>span{background:#9562e4}.enemy.targetable .character-art,.enemy.selected-target .character-art{filter:var(--figure-edge)}.enemy.selected-target .character-art{filter:var(--figure-edge) drop-shadow(0 0 5px #ffce40)}.enemy.targetable:hover .character-art,.enemy.targetable:focus-visible .character-art{filter:var(--figure-edge) brightness(1.06)}.game[data-expected-step=target] .enemy.targetable .enemy-info,.enemy.selected-target .enemy-info{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#ffdf60}.target-reticle{color:#fff3af}.target-reticle .icon{filter:drop-shadow(2px 2px #242034);stroke-width:3px}.effect-tag{color:#242034;border:1px solid var(--ink);background:#ffe466;padding:0 3px;font-weight:700}.effect-dot{color:#9b2443}.effect-hot{color:#155d41}.player-vitals{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-left:5px solid #25b684;border-radius:5px}.health-row>.icon{color:#16845d;fill:#61d9a0}.player-name,.hp-value{color:var(--ink);font-weight:800}.hp-value>span{color:#625973}.player-health{background:#c6dfbf;box-shadow:inset 0 0 0 1px #2420343d}.player-health>span{box-shadow:none;background:linear-gradient(90deg,#20bd8b,#adf161)}.turn-label,#player-ready,.turn-ready #player-ready{color:#664492;font-weight:800}.player-atb{background:#e6d5b2}.player-atb>span{background:linear-gradient(90deg,#ff9a30,#ffcc38)}.action-prompt,.action-prompt[data-step=target],.action-prompt[data-step=item]{color:var(--ink);border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:5px}.action-prompt[data-step=target],.action-prompt[data-step=item]{background:#ffdf60}#prompt-detail{color:#534868}.prompt-step{color:var(--ink);border:2px solid var(--ink);background:#e2c7f5}.action-prompt[data-step=target] .prompt-step,.action-prompt[data-step=item] .prompt-step{border:2px solid var(--ink);color:var(--ink);box-shadow:none;background:#fff4d6}.action-prompt[data-step=target] #prompt-text,.action-prompt[data-step=item] #prompt-text,.cancel-button{color:var(--ink)}.action-prompt.has-item-result{background:#d9f4c0}.action-prompt.has-item-result #prompt-detail{color:var(--ink);font-weight:800}.player-hud:before{content:"";box-shadow:0 0 0 2px var(--ink),0 0 26px 5px #39f4cd99;pointer-events:none;opacity:0;border:3px solid #39f4cd;border-radius:10px;position:absolute;inset:-6px -5px 14px}.turn-ready .player-hud:before{opacity:1}.turn-ready .player-vitals:not(.hit){border-color:var(--ink);background:#fff19b;border-left-color:#19bf9f}.turn-ready .turn-row{background:#6236bd;border-radius:3px;box-shadow:0 0 0 4px #6236bd}.turn-ready .turn-label{color:#fff66b;letter-spacing:0;white-space:nowrap;font-size:11px;font-weight:900}.turn-ready .player-atb{outline:2px solid var(--ink);outline-offset:1px}.turn-ready .player-atb>span{background:linear-gradient(90deg,#36efc5,#ebff64);box-shadow:0 0 12px #a5ff74}.turn-ready #player-ready{color:#242034;border:1px solid var(--ink);letter-spacing:.4px;background:#caff65;border-radius:3px;padding:3px 1px;font-weight:900}.action-prompt{position:relative}.turn-announcement{z-index:2;border:3px solid var(--ink);color:var(--ink);letter-spacing:2px;text-shadow:2px 2px #fff;box-shadow:4px 4px 0 var(--ink);opacity:0;pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 12px,#ffffff35 12px 15px),#caff65;border-radius:5px;justify-content:center;align-items:center;font-size:30px;font-style:italic;font-weight:900;display:flex;position:absolute;inset:-2px}.turn-ready .turn-arrival:before{animation:1.1s ease-out both turn-ready-flash}.turn-ready .turn-arrival .turn-announcement{opacity:1;animation:1.1s ease-out both turn-ready-title}@keyframes turn-ready-flash{0%{box-shadow:0 0 0 2px var(--ink),0 0 5px #39f4cd}20%{box-shadow:0 0 0 2px var(--ink),0 0 0 7px #edff93,0 0 48px 14px #39f4cddd}to{box-shadow:0 0 0 2px var(--ink),0 0 26px 5px #39f4cd99}}@keyframes turn-ready-title{0%{opacity:0;transform:scale(.9)}16%{opacity:1;transform:scale(1.025)}28%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (width<=700px){.turn-ready .turn-label{font-size:9px}.turn-announcement{letter-spacing:1px;font-size:25px}.player-hud:before{bottom:12px}}@media (width<=360px){.turn-ready .turn-label{font-size:8px}.turn-announcement{font-size:22px}.player-hud:before{bottom:7px}}@media (orientation:landscape) and (height<=500px){.turn-ready .turn-label{font-size:8px}.turn-announcement{letter-spacing:0;font-size:20px}.player-hud:before{bottom:6px}}.item-slot{border:2px solid var(--ink);border-bottom:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff4d6;border-radius:6px}.item-slot strong{color:var(--ink);font-weight:800}.item-detail,.item-count,.slot-key{color:#534868}.item-state{color:var(--ink);border-color:#24203433;font-weight:700}.item-slot.available,.item-slot.available:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#ffdf60}.item-slot.available:nth-child(2){background:#b9e8f7}.item-slot.available:nth-child(3){background:#ffb98b}.item-slot.available:nth-child(4){background:#bef1b9}.item-slot.available:hover{translate:0 -2px}.item-slot.available:after{border-color:#0000}.item-art,.item-slot.available .item-art{filter:drop-shadow(2px 3px #24203440)}.item-art .icon{stroke:var(--ink);stroke-width:2.5px;color:var(--ink)}.item-art .icon path{stroke:var(--ink)}.item-art .icon path[fill]:not([fill=none]){fill:#a8d7e7}.item-slot:nth-child(3) .item-art .icon path[fill]{fill:#97ce61}.item-slot:nth-child(3) .item-art .icon path:last-child{fill:#ff8b33}.item-slot:nth-child(4) .item-art .icon path[fill]{fill:#f77a81}.item-slot:nth-child(4) .item-art .icon path[stroke=none]{fill:#fff4d6;stroke:none}.item-slot:disabled{background:#e2dbcb;border:2px dashed #77706d;border-bottom-width:3px;box-shadow:2px 2px #24203470}.item-slot:disabled strong{color:#625c61}.item-slot:disabled .item-detail,.item-slot:disabled .item-count{color:#6e676d}.item-slot:disabled:after{background:repeating-linear-gradient(135deg,#0000 0 6px,#2420340d 6px 7px)}.item-slot:disabled .item-state{color:#625c61;background:0 0;border-color:#7774}.item-disabled-badge{color:#625c61;background:#f0ebe0;border:2px solid #77706d;box-shadow:2px 2px #7774}.encounter-menu,.pause-menu,.result-menu{background:var(--paper);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:4px}.encounter-menu:before,.pause-menu:before,.result-menu:before{display:none}.menu-eyebrow{color:#8e3562;font-weight:800}.encounter-menu h1,.pause-menu h2,.result-menu h2{color:var(--ink);text-shadow:2px 2px #ffc642;font-style:italic;font-weight:900}.encounter-menu h1 span{color:#9545bd}.mode-button{border:2px solid var(--ink);color:var(--ink);background:#e9d6f5;border-radius:4px;font-weight:800}.mode-button span,.mode-button.selected span{color:#625973}.mode-button.selected{color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#ffcf40}.mode-button:hover{border-color:#9545bd}.start-button{color:var(--ink);border:2px solid var(--ink);border-bottom:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;background:#ffcf40;border-radius:4px;font-weight:900}.start-button:hover{background:#ffdf76;translate:0 -1px}.is-idle .combatants,.is-idle .player-hud{opacity:.85;filter:none}.is-paused .combatants,.is-over .combatants{filter:saturate(.6);opacity:.6}.result-menu>p{color:#625973}.float-number{color:#ffdf60;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-weight:900}.heal-number{color:#a6ef77}.miss-number{color:#fff4d6}.player-floats .float-number{color:var(--ink);text-shadow:none;-webkit-text-stroke:0;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#ffdf60}.player-floats .heal-number{background:#a6ef77}.player-vitals.hit .hp-value,.player-vitals.hit .health-row>.icon,.player-vitals.hit .player-name{color:#a62c40}@media (width<=700px){.location{box-shadow:3px 3px 0 var(--ink);border-width:2px;padding:6px 8px}.location-mark{font-size:24px}.battle-tools{gap:6px}.battle-tools time{margin-right:0;padding:4px}.game:after{box-shadow:inset 0 0 0 3px var(--ink)}.location strong{font-size:10px}.location div>span{letter-spacing:.6px;font-size:6px}.encounter-menu{width:min(480px,100% - 44px)}}@media (width<=360px){.game-header{padding:12px}.location{gap:4px;padding:5px}.location-mark{font-size:21px}.location strong{font-size:9px}.battle-tools{gap:5px}.battle-tools time{font-size:8px}.icon-button{width:28px;height:28px}}@media (orientation:landscape) and (height<=500px){.location{padding:4px 8px}.encounter-menu{width:340px}}.minigame{color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);overscroll-behavior:contain;border-radius:8px;width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);padding:26px;overflow:auto}.minigame::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3324489c}.mini-topline{letter-spacing:1px;color:#785288;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:800;display:flex}.mini-weapon{color:var(--ink);flex:none;align-items:center;display:flex}.mini-weapon .icon{stroke-width:2.5px;width:26px;height:30px}.mini-time{border:2px solid var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);letter-spacing:0;background:#ffce40;border-radius:4px;padding:6px;font-size:17px}.minigame h2{letter-spacing:-1px;text-shadow:2px 2px #ffce40;margin:16px 0 8px;font-size:clamp(25px,6vw,38px);font-style:italic;font-weight:900}.minigame p{margin:10px 0 16px;font-size:14px;line-height:1.5}.mini-demo{border:2px dashed var(--ink);background:#e4d0f5;border-radius:5px;justify-content:center;align-items:center;gap:22px;margin-top:20px;padding:22px 12px;display:flex}.mini-demo .icon{width:47px;height:55px;stroke:var(--ink);stroke-width:2.5px}.mini-demo b{font-size:19px;font-style:italic}.minigame .mini-hint{color:#69566e;margin:12px 0;font-size:11px;line-height:1.5}.mini-start{gap:18px;width:100%;margin:6px 0 10px}.mini-cancel{color:#69566e;background:0 0;border:0;border-bottom:1px dashed #785288;min-height:36px;margin:16px auto 0;padding:8px 10px;font-size:11px;display:block}.mini-readout{letter-spacing:1px;justify-content:flex-end;align-items:center;margin:10px 0;font-size:11px;font-weight:800;display:flex}.mini-readout strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:44px;line-height:1}.power-track{border:3px solid var(--ink);background:#e6d7e9;border-radius:4px;height:30px;position:relative;overflow:hidden}.power-track>span{background:linear-gradient(90deg,#ff9f37,#ffdf46,#a3e66b);width:0;height:100%;display:block}.power-track i{border-left:2px solid #24203438;position:absolute;top:0;bottom:0;left:25%}.power-track i:nth-of-type(2){left:50%}.power-track i:nth-of-type(3){left:75%}.mini-scale{color:#69566e;font-variant-numeric:tabular-nums;justify-content:space-between;margin:9px 0 18px;font-size:11px;display:flex}.aim-track{border:3px solid var(--ink);background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#24203420 calc(10% - 1px) 10%),linear-gradient(90deg,#f39ba0,#ffe05b 35%,#b9ee7e 45% 55%,#ffe05b 65%,#f39ba0);border-radius:5px;height:56px;margin:10px 8px 0;position:relative}.aim-zone{background:#a3eb7c70;border-inline:2px dashed #36996c;position:absolute;inset:0 44%}.aim-center{border-left:2px solid var(--ink);position:absolute;top:-8px;bottom:-8px;left:50%}.aim-cursor{border:3px solid var(--ink);background:#fff4d6;border-radius:3px;width:12px;position:absolute;top:-10px;bottom:-10px;left:0;transform:translate(-50%);box-shadow:2px 2px #24203480}.mini-act{isolation:isolate;border:3px solid var(--ink);width:100%;height:190px;box-shadow:5px 5px 0 var(--ink);touch-action:none;background:#ffb83c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:clamp(40px,10vw,66px);font-style:italic;font-weight:900;display:flex;position:relative;overflow:hidden}.mini-act:before{content:"";z-index:-2;pointer-events:none;background:repeating-conic-gradient(from -8deg,#fff7b080 0deg 12deg,#0000 12deg 28deg);animation:2.4s ease-in-out infinite alternate mini-rays;position:absolute;inset:-100%}.mini-act:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#fff9cd99,#0000 70%);position:absolute;inset:0}.mini-act #mini-command{color:#fff9dc;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 4px #a52b75;line-height:1.15;animation:.7s ease-in-out infinite mini-shout;display:block}.mini-act .icon{stroke-width:2.5px;filter:drop-shadow(2px 2px #fff9dc);width:44px;height:50px;transition:transform 80ms;transform:rotate(-12deg)}.minigame[data-kind=makarov] .mini-act{background:#7bdce9}.minigame[data-kind=makarov] #mini-command{text-shadow:3px 4px #2879a3}.mini-act.tap-odd{box-shadow:5px 5px 0 var(--ink);background:#ff8e58}.mini-act.tap-odd .icon{transform:rotate(10deg)scale(1.12)}.mini-act.tap-odd:after{animation:.18s ease-out both mini-tap}.mini-countdown{border:2px solid var(--ink);background:#e6d7e9;border-radius:3px;height:10px;margin-top:16px;overflow:hidden}.mini-countdown>span{background:#ef548b;width:100%;height:100%;display:block}.minigame[data-phase=playing]{background:#fff0b9}.minigame[data-phase=playing][data-kind=makarov]{background:#e4f8f6}.minigame[data-phase=playing] h2{display:none}.minigame[data-phase=playing] .mini-time{box-shadow:2px 2px 0 var(--ink);background:#ff77a1;font-size:20px}.minigame[data-phase=playing] .aim-zone{border-color:#147947;animation:1.2s ease-in-out infinite mini-aim;box-shadow:0 0 14px #3fea8f}.minigame .mini-controls{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes mini-shout{0%,to{transform:scale(.97)rotate(-2deg)}50%{transform:scale(1.04)rotate(1deg)}}@keyframes mini-rays{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes mini-tap{0%{background-color:#fff6ab80;scale:.7}to{background-color:#0000;scale:1.3}}@keyframes mini-aim{0%,to{box-shadow:0 0 6px #3fea8f}50%{box-shadow:0 0 18px #3fea8f}}@media (width<=360px){.minigame{padding:18px}.minigame p{font-size:12px}.mini-demo{gap:12px;padding:12px}.mini-demo b{font-size:16px}.mini-act{height:180px}.mini-topline{font-size:8px}}@media (height<=500px){.minigame{width:min(610px,100% - 32px);padding:14px 22px}.minigame h2{margin:5px 0;font-size:26px}.minigame p{margin:6px 0;font-size:12px}.mini-topline{font-size:9px}.mini-time{padding:4px;font-size:13px}.mini-demo{display:none}.mini-readout{margin:5px 0}.mini-readout strong{font-size:32px}.mini-scale{margin:5px 0 10px}.mini-cancel{margin-top:5px}.minigame .mini-hint{margin:6px 0}.minigame[data-phase=playing] #mini-play{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:18px;margin-top:12px;display:grid}.minigame[data-phase=playing] .mini-readout{grid-area:1/1;margin:0}.minigame[data-phase=playing] .power-track,.minigame[data-phase=playing] .aim-track{grid-area:2/1;margin-block:8px}.minigame[data-phase=playing] .mini-scale{grid-area:3/1;margin:0}.minigame[data-phase=playing] .mini-countdown{grid-area:4/1;margin-top:12px}.minigame[data-phase=playing] .mini-act{grid-area:1/2/5;align-self:stretch;height:auto;min-height:166px;font-size:clamp(28px,5.5vw,46px)}.mini-act .icon{width:36px;height:40px}}.combatants{top:max(90px,14%);bottom:calc(var(--hud-height,315px) + 22px)}.party{grid-template-columns:repeat(var(--player-count),minmax(0,1fr));gap:9px;padding:0 3px;display:grid}.party-card{min-width:0;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:5px;padding:10px;position:relative}.party-card.player-vitals{border-left:5px solid #25b684;margin:0}.party-heading{align-items:center;gap:7px;min-width:0;margin-bottom:5px;display:flex}.party-portrait{border:2px solid var(--ink);background:#a6e8dc;border-radius:8px;flex:none;width:36px;height:36px;display:block;overflow:hidden}.party-portrait svg{width:100%;height:100%;display:block}.party-heading>div{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.party-heading strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:900;overflow:hidden}.party-badge{letter-spacing:1px;color:#685186;font-size:8px;font-weight:900}.local-player .party-badge{color:#155c46;background:#a9f0cc;border:1px solid #198564;border-radius:3px;padding:0 4px}.party-card .health-row{grid-template-columns:auto 1fr;gap:4px;height:auto;margin-bottom:7px;display:grid}.party-card .health-row>.icon{display:none}.party-card .player-name{letter-spacing:0;font-size:9px}.party-card .hp-value{grid-area:1/2;justify-self:end;font-size:15px;line-height:1}.party-card .hp-value>span{font-size:10px}.party-card .player-health{grid-area:2/1/auto/-1;height:10px}.party-card .turn-row{grid-template-columns:1fr auto;gap:4px;height:auto;display:grid}.party-card .turn-label,.ally-turn-label{letter-spacing:0;color:#664492;grid-area:1/1;width:auto;font-size:9px;font-weight:800;line-height:1.2}.party-card .player-atb{grid-area:2/1/auto/-1;height:7px}.party-card .party-ready{letter-spacing:0;color:#664492;text-align:right;font-variant-numeric:tabular-nums;grid-area:1/2;width:auto;font-size:9px;font-weight:800;line-height:1.2}.party-card #player-ready{width:auto}.party-card .player-effects,.ally-effects{pointer-events:none;gap:3px;margin:0;display:flex;position:absolute;bottom:calc(100% + 5px);left:2px}.party-card .effect-tag{font-size:8px}.party-action{color:#655574;white-space:nowrap;text-overflow:ellipsis;height:13px;margin-top:5px;font-size:9px;line-height:13px;overflow:hidden}.party-card.ready{background:#fff2ac}.party-card.dead{background:#ded6d0;border-style:dashed}.party-card.dead .party-portrait{filter:grayscale();opacity:.55}.party-card.dead .party-ready{color:#96364d}.party-card.dead .player-health,.party-card.dead .player-atb{opacity:.45}.party-card.acting{box-shadow:4px 4px 0 var(--ink),0 0 0 3px #caff65}.ally-card.hit{background:#ffb399;animation:.9s ease-out hud-hit}.ally-card.hit .player-health{outline-offset:2px;outline:2px solid #e94b56}.ally-card.hit .player-health>span{background:linear-gradient(90deg,#db5149,#ffc4a4)}.ally-card.healed{animation:.65s ease-out healed}.party-card .player-floats .float-number{padding:4px 6px;font-size:18px;left:50%}.party-card .player-floats .miss-number{font-size:12px}.turn-ready .party-card .turn-row{box-shadow:none;gap:4px;padding:3px}.turn-ready .party-card .turn-label{font-size:9px}.turn-ready .local-player .turn-label{color:#fff66b}.turn-ready .ally-card .turn-row{background:0 0}.turn-ready .ally-card .player-atb>span{box-shadow:none;background:linear-gradient(90deg,#ff9a30,#ffcc38)}[data-player-count="1"] .party-heading,[data-player-count="1"] .party-action{display:none}[data-player-count="1"] .party-card .health-row{gap:11px;height:33px;margin:0;display:flex}[data-player-count="1"] .party-card .health-row>.icon{display:block}[data-player-count="1"] .party-card .hp-value{font-size:20px}[data-player-count="1"] .party-card .hp-value>span{font-size:12px}[data-player-count="1"] .party-card .player-health{height:14px}[data-player-count="1"] .party-card .turn-row{gap:11px;height:26px;padding:0;display:flex}[data-player-count="1"] .party-card .turn-label{width:75px}[data-player-count="1"] .party-card .player-atb{height:9px}[data-player-count="1"] .party-card .party-ready{width:90px;font-size:10px}[data-player-count="1"] .party-card .player-floats .float-number{padding:6px 9px;font-size:28px;left:78%}.encounter-menu{padding:22px 20px;top:43%}.encounter-menu h1{margin-bottom:20px}.encounter-setting{align-items:center;gap:12px;width:100%;max-width:330px;margin-bottom:10px;display:flex}.encounter-setting>span{text-align:left;flex:none;width:80px;font-size:12px;font-weight:800}.encounter-setting .mode-select{min-width:0;max-width:none;margin:0}.encounter-setting .mode-button{letter-spacing:0;min-width:44px;height:40px}.encounter-hint{color:#685186;min-height:15px;margin:0 0 17px;font-size:11px;line-height:1.35}#pause-detail{color:#685186;margin:-10px 0 24px;font-size:13px;line-height:1.5}.mini-battle-status{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;gap:12px;margin-right:auto;font-size:12px;font-weight:800;display:flex}.mini-battle-status>span{align-items:center;gap:4px;display:flex}.mini-battle-status .icon{stroke-width:2.5px;width:16px;height:16px}.mini-battle-status>span:first-child .icon{color:#b52d53}@media (width<=700px){.combatants{top:max(82px,13%);bottom:calc(var(--hud-height,295px) + 18px)}.party{gap:7px}.party-card{padding:7px}.party-card.player-vitals{border-left-width:3px;padding:7px}.party-heading{gap:5px;margin-bottom:5px}.party-portrait{border-radius:6px;width:29px;height:29px}.party-heading strong{font-size:10px}.party-badge{letter-spacing:.5px;font-size:7px}.party-card .hp-value{font-size:12px}.party-card .hp-value>span,.party-card .player-name,.party-card .party-ready,.party-card .turn-label,.ally-turn-label,.turn-ready .party-card .turn-label{font-size:8px}.party-card .health-row{gap:3px;margin-bottom:5px}.party-card .player-health{height:8px}.party-card .player-atb{height:5px}.party-action{margin-top:4px;font-size:8px}.party-card .player-floats .float-number{padding:3px;font-size:13px}.party-card .player-effects,.ally-effects{flex-wrap:wrap;gap:1px;max-width:100%}.party-card .effect-tag{padding:0 2px;font-size:7px}.turn-ready .party-card .turn-row{padding:2px}.turn-ready .party-card #player-ready{padding:1px}[data-player-count="1"] .party-card .health-row{gap:7px;height:30px}[data-player-count="1"] .party-card .hp-value{font-size:17px}[data-player-count="1"] .party-card .hp-value>span{font-size:10px}[data-player-count="1"] .party-card .player-health{height:11px}[data-player-count="1"] .party-card .turn-row{gap:8px;height:24px}[data-player-count="1"] .party-card .turn-label{width:62px}[data-player-count="1"] .party-card .player-atb{height:8px}[data-player-count="1"] .party-card .party-ready{width:75px;font-size:9px}[data-player-count]:not([data-player-count="1"]) .item-slot{height:120px}.encounter-menu{padding:18px 14px}.encounter-menu h1{margin-bottom:16px;font-size:32px}.encounter-setting{gap:8px;margin-bottom:9px}.encounter-setting>span{width:72px;font-size:11px}.encounter-hint{margin-bottom:14px;font-size:10px}}@media (width<=360px){.party{gap:5px}.party-card,.party-card.player-vitals{padding:5px}.party-heading{gap:3px}.party-portrait{width:23px;height:25px}.party-heading strong{font-size:9px}.party-card .hp-value{font-size:11px}.party-card .hp-value>span,.party-card .player-name{font-size:7px}[data-player-count]:not([data-player-count="1"]) .item-slot{height:112px}.encounter-menu h1{font-size:29px}}@media (orientation:landscape) and (height<=500px){.combatants{top:65px;bottom:calc(var(--hud-height,145px) + 12px)}.player-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px;width:min(950px,100% - 40px)}.party{grid-area:1/1;gap:6px;padding:0}.party-card,.party-card.player-vitals{padding:5px}.party-heading{gap:4px;margin-bottom:4px}.party-portrait{width:24px;height:24px}.party-heading strong{font-size:9px}.party-badge{font-size:7px}.party-card .hp-value{font-size:11px}.party-card .hp-value>span{font-size:8px}.party-card .health-row{gap:3px;margin-bottom:4px}.party-card .player-health{height:6px}.party-card .player-atb{height:4px}.party-card .party-ready,.party-card .turn-label,.ally-turn-label{font-size:8px}.party-action{height:11px;margin-top:3px;font-size:8px;line-height:11px}[data-player-count="1"] .party-card .health-row{gap:5px;height:26px}[data-player-count="1"] .party-card .player-health{height:9px}[data-player-count="1"] .party-card .turn-row{gap:5px;height:22px}[data-player-count="1"] .party-card .turn-label{width:51px}[data-player-count="1"] .party-card .party-ready{width:46px;font-size:8px}[data-player-count="1"] .party-card .player-atb{height:6px}[data-player-count]:not([data-player-count="1"]) .item-slot{height:110px}.encounter-menu{width:390px;padding:12px 18px;top:49%}.encounter-menu h1{margin-bottom:10px;font-size:27px}.encounter-menu .menu-eyebrow{display:none}.encounter-setting{margin-bottom:7px}.encounter-setting .mode-button{height:33px}.encounter-hint{margin-bottom:10px;font-size:9px}.result-menu h2{font-size:32px}}.session-screen{z-index:1000;color:#f5e3bb;box-sizing:border-box;background:#222b28;place-items:center;padding:24px;font-family:system-ui;display:grid;position:fixed;inset:0}.session-screen section{width:min(100%,420px)}.session-screen h1{margin:0 0 20px;font-size:36px}.session-screen p{line-height:1.6}.session-screen form,.session-screen label{gap:12px;display:grid}.session-screen input,.session-screen button{box-sizing:border-box;width:100%;font:inherit;border:2px solid #a58a5d;border-radius:6px;padding:14px}.session-screen button{color:#27251d;cursor:pointer;background:#ffcf40;font-weight:700}.session-screen details{margin-top:30px}.session-screen summary{cursor:pointer;margin-bottom:16px}#session-error{color:#ffac95}#connection-status{z-index:100;color:#f5e3bb;white-space:nowrap;pointer-events:none;background:#222b28dd;border-radius:0 0 5px 5px;padding:3px 8px;font:10px system-ui;position:fixed;top:0;left:50%;transform:translate(-50%)}#battle-offline{z-index:200;color:#ffe29a;text-align:center;pointer-events:auto;background:#1c2527ba;place-items:center;font:600 20px system-ui;display:grid;position:fixed;inset:0}#battle-offline[hidden]{display:none}