.title-codex-button{display:flex;justify-content:space-between;min-width:228px;max-width:228px;border:0;border-bottom:1px solid #b9baaf;background:transparent;padding:9px 0;margin-top:-8px;margin-bottom:22px;font-size:12px;letter-spacing:.15em}.title-codex-button span{font-size:18px}body.in-battle{overflow:hidden}#game-screen{--battle-paper:#efe7db;--battle-muted:#aaa9a0;--battle-pink:#e2a1b9;position:fixed;inset:0;z-index:20;color:var(--battle-paper);background:#17211f;overflow:hidden;font-family:var(--sans);height:100dvh;isolation:isolate}#game-canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}#game-canvas:focus-visible{outline:2px solid #b88c9c;outline-offset:-3px}#game-screen button{color:var(--battle-paper);border:1px solid #a3a19455;background:#17211fe6;min-height:44px;padding:9px 15px;border-radius:3px;font-size:12px}#game-screen button:hover{border-color:#dda4b9;background:#283530}#game-screen button:focus-visible{outline:2px solid #f2bed0;outline-offset:3px}#game-screen button:disabled{opacity:.5;cursor:default}#game-screen kbd{font:10px var(--sans);color:#c0c0b5;background:#ffffff0b;border:1px solid #aaa79a35;border-radius:3px;padding:2px 4px}.battle-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:17px 26px;gap:20px;pointer-events:none;background:linear-gradient(#101a18ed,#101a1850,transparent)}.battle-top>div{pointer-events:auto}.battle-identity{display:flex;align-items:center;gap:13px}.battle-identity strong{font-family:var(--serif);font-size:19px;font-weight:400;letter-spacing:.14em}.battle-identity small{display:block;color:var(--battle-muted);font-size:9px;letter-spacing:.12em}.battle-seal{font-family:var(--serif);border:1px solid #b77b8f;color:#d79eb1;font-size:15px;writing-mode:vertical-rl;padding:4px 5px;line-height:1.3}.battle-time{text-align:center;position:absolute;left:50%;transform:translateX(-50%);top:15px}.battle-time>span{font-family:var(--serif);font-size:26px;letter-spacing:.13em}.battle-time>small{display:block;color:#b9bcae;font-size:10px;white-space:nowrap}.battle-top-actions{display:flex;gap:7px}.battle-top-actions kbd{margin-left:5px}#game-screen #battle-pause{font-size:17px;min-width:44px;padding:6px 12px}.battle-meters{position:absolute;left:27px;top:87px;width:260px;max-width:45vw;pointer-events:none}.battle-hp-row,.battle-xp-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:9px}.battle-hp-row>span,.battle-xp-row>span{min-width:30px;color:#c4c4b7}.battle-hp-row>strong,.battle-xp-row>strong{font-size:9px;min-width:60px;text-align:right;font-weight:400}.battle-meter{height:5px;background:#060d0bb3;flex:1;overflow:hidden;border-radius:1px}.battle-meter i{height:100%;width:100%;display:block;transition:width .12s linear}.battle-meter.hp i{background:#c28186}.battle-meter.xp i{background:#a7bd96}.battle-petal-row{position:absolute;left:27px;top:135px;display:flex;align-items:center;gap:7px;font-size:11px;color:#dab5c2;pointer-events:none}.petal-mark{font-size:19px}.battle-petal-row>strong{font-weight:400}.battle-kills{color:#b6baab;margin-left:15px;font-size:10px}.battle-kills strong{font-weight:400;color:#e1e0d1;margin-left:3px}#battle-petal-lock{font-size:9px;color:#db9fb3}.battle-bottom{position:absolute;left:26px;right:26px;bottom:19px;display:flex;align-items:end;justify-content:space-between;gap:24px;pointer-events:none}.battle-loadout{padding:12px 14px;background:#101a18ce;border:1px solid #b8b8a524;backdrop-filter:blur(7px);pointer-events:auto;border-radius:3px}.battle-loadout-label{font-size:10px;color:#dbd7c8;margin-bottom:8px;letter-spacing:.08em}.battle-loadout-label>span{font-size:8px;color:#979f90;margin-left:12px}#battle-skills{display:flex;gap:8px}.battle-skill{width:60px;text-align:center;position:relative}.battle-skill-symbol{display:grid;place-items:center;margin:auto;width:36px;height:36px;border:1px solid #c28aa166;color:#ecc2d2;background:#412c3d55;font-family:var(--serif);font-size:20px;border-radius:2px}.battle-skill.unlearned{opacity:.36}.battle-skill.fused .battle-skill-symbol{border-color:#ecc686;color:#f2d99f;box-shadow:0 0 14px #e7b04e1c}.battle-skill>small{font-size:8px;display:block;white-space:nowrap;margin-top:5px;color:#cdcbbd}.battle-skill .battle-rank{position:absolute;right:7px;top:25px;font-size:8px;color:#e8ddd0;padding:0 3px;background:#24312b;line-height:14px;min-width:14px}.battle-controls{pointer-events:auto;text-align:right}.battle-controls>p{font-size:9px;color:#a6ad9f;margin:0 0 12px}.battle-controls>p>span{padding:0 7px;color:#737e6f}#game-screen #battle-dash{min-width:116px;min-height:61px;text-align:left;padding:9px 16px;border-color:#bca99a88;background:#202e27dd}#battle-dash>span{display:block;font-family:var(--serif);font-size:19px;letter-spacing:.14em}#battle-dash>small{display:block;font-size:9px;color:#b4b7a7}.battle-boss{position:absolute;left:50%;top:91px;transform:translateX(-50%);width:min(370px,40vw);text-align:center;font-size:11px;color:#e4b1bb}.battle-boss .battle-meter{margin-top:7px;height:5px}.battle-meter.boss i{background:#bf7888}.battle-modal{position:absolute;inset:0;z-index:8;background:#0a1311b5;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.battle-dialog{width:min(830px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:#eee8dc;color:#2e362f;border:1px solid #acafa0;box-shadow:0 28px 100px #0006;padding:30px 34px;position:relative}.battle-dialog .dialog-eyebrow{font-size:10px;letter-spacing:.18em;color:#a75f77;margin:0 0 8px}.battle-dialog h2{font-family:var(--serif);font-size:30px;line-height:1.4;font-weight:400;letter-spacing:.04em;margin:0 0 10px}.battle-dialog .dialog-lead{font-size:12px;line-height:1.9;color:#677163;margin:0 0 22px}.battle-dialog .dialog-footer{display:flex;justify-content:space-between;gap:10px;margin-top:24px;align-items:center}.battle-dialog .dialog-footer>small{font-size:10px;color:#76806f}#game-screen .battle-dialog button{color:#364333;background:transparent;border-color:#acb29f}#game-screen .battle-dialog button:hover{background:#dddace;border-color:#a36c80}#game-screen .battle-dialog .dialog-primary{background:#334537;color:#f6eee1;border-color:#334537;min-width:150px;letter-spacing:.1em}#game-screen .battle-dialog .dialog-primary:hover{background:#4b5a40}.battle-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.battle-choice{display:flex;flex-direction:column;align-items:start;text-align:left;padding:18px!important;min-height:210px!important}.battle-choice .choice-type{font-size:9px;color:#8b6a79;letter-spacing:.08em}.battle-choice .choice-symbol{font-family:var(--serif);font-size:30px;color:#a25973;line-height:1.4;margin:7px 0}.battle-choice>strong{font-family:var(--serif);font-size:19px;font-weight:400;line-height:1.5}.battle-choice .choice-detail{font-size:11px;line-height:1.9;color:#64705f;margin:11px 0;white-space:normal}.battle-choice .choice-select{font-size:10px;color:#9a526c;margin-top:auto;padding-top:12px}.battle-choice.fusion-choice{border-color:#bc9167!important;background:#eadfce!important}.dialog-owned{margin:20px 0 0;border-top:1px solid #c4c7b6;padding-top:13px}.dialog-owned>p{font-size:10px;margin:0 0 9px;color:#6e7966}.dialog-owned .battle-skill-symbol{background:#e6d9dc}.dialog-owned .battle-skill small{color:#5c6854}.dialog-owned .battle-rank{background:#6b785e;color:#fff}.dialog-owned .battle-skill{width:76px}.dialog-owned #dialog-owned-skills{display:flex;flex-wrap:wrap;gap:8px}.fusion-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:13px}.fusion-progress>div{font-size:9px;line-height:1.8;border-left:2px solid #c7a6b3;padding-left:9px;color:#6e7866}.fusion-progress strong{display:block;color:#9e5c74;font-size:11px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c6c9b9;border:1px solid #c6c9b9}.stats-grid>div{background:#eee8dc;padding:13px 15px}.stats-grid dt{font-size:10px;color:#6b7763}.stats-grid dd{font-family:var(--serif);font-size:21px;margin:4px 0 0;color:#334430}.battle-help{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #c7cabc;border-bottom:1px solid #c7cabc;padding:16px 0;margin:20px 0}.battle-help>p{font-size:11px;color:#63715c;margin:0;line-height:1.9}.battle-help strong{display:block;color:#364c31;font-size:12px;font-weight:400;margin-bottom:3px}.battle-help kbd{color:#5f6b58!important;border-color:#a3ad9666!important}.codex-entry{border-top:1px solid #cacbbd;padding:15px 0}.codex-entry>h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:0 0 6px}.codex-entry>h3>small{font:10px var(--sans);color:#9a6075;margin-left:12px}.codex-entry>p{font-size:11px;line-height:1.9;margin:5px 0;color:#62705b}.battle-result-numbers{display:flex;flex-wrap:wrap;gap:35px;border-top:1px solid #c6cbbb;border-bottom:1px solid #c6cbbb;padding:18px 0;margin:20px 0}.battle-result-numbers span{font-size:10px;color:#6d7b63;display:block}.battle-result-numbers strong{font-family:var(--serif);font-weight:400;font-size:25px;color:#364b31}.battle-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#battle-stick{position:absolute;pointer-events:none;width:90px;height:90px;border:1px solid #eac8d255;background:#31443933;border-radius:50%;z-index:3}#battle-stick i{position:absolute;left:26px;top:26px;width:36px;height:36px;border-radius:50%;border:1px solid #e8c1cd88;background:#c9a3b144}
@media(max-width:760px){.battle-top{padding:12px 14px;gap:8px}.battle-identity{gap:8px}.battle-seal{font-size:12px}.battle-identity strong{font-size:15px}.battle-identity small{font-size:8px}.battle-top-actions{gap:4px}.battle-top-actions kbd{display:none}#game-screen .battle-top-actions button{font-size:10px;padding:8px;min-height:40px}.battle-time{top:67px}.battle-time>span{font-size:21px}.battle-time>small{font-size:8px}.battle-meters{left:14px;top:77px;width:178px;max-width:43vw}.battle-hp-row>strong,.battle-xp-row>strong{min-width:44px;font-size:8px}.battle-hp-row,.battle-xp-row{gap:5px}.battle-hp-row>span,.battle-xp-row>span{min-width:24px;font-size:8px}.battle-petal-row{left:14px;top:122px;font-size:10px}.battle-boss{top:156px;width:60vw}.battle-bottom{left:12px;right:12px;bottom:14px;gap:10px;align-items:end}.battle-loadout{padding:9px;max-width:calc(100% - 90px)}.battle-loadout-label{font-size:9px}.battle-loadout-label>span{display:none}#battle-skills{gap:5px;flex-wrap:wrap;max-width:210px}.battle-skill{width:53px}.battle-skill-symbol{width:30px;height:30px;font-size:18px}.battle-skill>small{font-size:7px}.battle-skill .battle-rank{top:20px;right:5px}.battle-controls>p{display:none}#game-screen #battle-dash{min-width:78px;min-height:78px;border-radius:50%;padding:9px;text-align:center}#battle-dash>span{font-size:18px}#battle-dash>small{font-size:8px}.battle-modal{padding:14px}.battle-dialog{padding:23px 21px;max-height:calc(100dvh - 28px)}.battle-dialog h2{font-size:25px}.battle-dialog .dialog-lead{font-size:11px;margin-bottom:14px}.battle-choice-grid{grid-template-columns:1fr;gap:8px}.battle-choice{min-height:118px!important;padding:11px 14px!important;display:grid;grid-template-columns:38px 1fr;gap:0 8px}.battle-choice .choice-symbol{grid-column:1;grid-row:1/4;margin:0;font-size:28px;align-self:center}.battle-choice .choice-type{grid-column:2;font-size:8px}.battle-choice>strong{grid-column:2;font-size:17px}.battle-choice .choice-detail{grid-column:2;font-size:10px;margin:4px 0}.battle-choice .choice-select{display:none}.dialog-owned .battle-skill{width:50px}.dialog-owned .battle-skill>small{font-size:7px}.fusion-progress{gap:4px}.fusion-progress>div{font-size:8px;padding-left:5px}.fusion-progress strong{font-size:9px}.battle-dialog .dialog-footer{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid>div{padding:9px 12px}.stats-grid dd{font-size:18px}.battle-help{grid-template-columns:1fr;gap:8px}.battle-help>p{font-size:10px}.battle-result-numbers{gap:22px;padding:13px 0}.battle-result-numbers strong{font-size:22px}}
@media(max-height:560px) and (min-width:600px){.battle-top{padding-top:8px}.battle-time{top:6px}.battle-meters{top:65px}.battle-petal-row{top:110px}.battle-boss{top:68px}.battle-bottom{bottom:10px}.battle-loadout{padding:7px 10px}.battle-loadout-label{margin-bottom:4px}.battle-dialog{padding:18px 24px}.battle-choice{min-height:170px!important}.dialog-owned{margin-top:12px}.battle-dialog .dialog-footer{margin-top:14px}}
