:root{color-scheme:dark;font-family:ui-rounded,"Microsoft JhengHei",system-ui,sans-serif;color:#f1f6ed;background:#173e50;font-synthesis:none;--mint:#a6f0d5;--gold:#f8d494;--ink:#163746;--panel:#153947ed}*{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;border:1px solid #c3e7d736;background:#1b4659;border-radius:14px;min-height:44px;padding:10px 16px;cursor:pointer;font-weight:700}button:hover{filter:brightness(1.1)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{cursor:default;filter:saturate(.45);opacity:.65}input{min-width:0;border:1px solid #b9ddd13a;background:#092c3b;color:#fff;border-radius:12px;padding:12px;min-height:46px;width:100%;font-size:16px}a{color:var(--mint);text-decoration:none}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none;position:absolute;inset:0}#world-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#0d2c4a88 0,transparent 25%,transparent 64%,#092d4880 100%);pointer-events:none}.top{position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;color:#f8efce;font-size:18px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 10px #174052}.brand>span{font-size:34px}.brand small{font-size:8px;display:block;letter-spacing:2.6px;margin-top:3px;color:#bdd6d1}.top-tools{display:flex;align-items:center;gap:8px}.top-tools button{width:44px;height:44px;padding:0;background:#163d51c9;font-size:21px}.top-tools #net{font-size:11px;color:#c7e7df;background:#143a4bad;padding:8px 12px;border-radius:20px}.landing{position:absolute;inset:90px 6vw 30px;display:flex;justify-content:space-between;align-items:center;gap:40px;pointer-events:none}.landing>*{pointer-events:auto}.intro{align-self:flex-start;padding-top:6vh;max-width:460px;text-shadow:0 3px 14px #173746}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--mint);font-weight:700}h1{font-size:clamp(38px,5vw,72px);line-height:1.18;letter-spacing:-2px;margin:20px 0}h1 em{font-style:normal;color:#fff1c7}.intro p{line-height:1.9;color:#e4f0e7;font-size:15px}.chips{display:flex;gap:8px;margin-top:25px}.chips span{border:1px solid #b7ddd257;border-radius:20px;padding:7px 12px;font-size:11px;background:#1b4a5b8a}.entry-card{background:linear-gradient(150deg,#214c5cef,#103747f5);border:1px solid #c1e8d04d;box-shadow:0 24px 70px #071e3560;border-radius:26px;padding:24px;width:340px;flex:none;backdrop-filter:blur(14px)}.card-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--mint)}.card-heading small{font-size:9px;color:#adc5c2}.job-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.job{padding:6px 4px 12px;background:#214655;border:1px solid transparent}.job.selected{background:#3e6c6a;border-color:#d9edbd;box-shadow:inset 0 0 18px #bfe6bc12}.job b{display:block;font-size:14px}.job small{display:block;font-size:9px;color:#d1dfd8;margin-top:5px}.portrait{display:block;margin:auto;width:78px;height:96px;background-image:url('/assets/heroes-v2.png');background-size:400% 300%;background-repeat:no-repeat;filter:drop-shadow(0 4px 3px #082c45aa)}.portrait.warrior{background-position:0 0}.portrait.cleric{background-position:100% 0}.name-label{display:block;font-size:11px;color:#c4dcd0;margin-bottom:14px}.name-label input{margin-top:6px}.primary{width:100%;background:linear-gradient(110deg,#f8d995,#f0b878);color:#293d43;border-color:#ffe5b7;box-shadow:0 5px 15px #0c253948;min-height:47px}.join-row{display:flex;gap:8px;margin-top:12px}.join-row input{font-size:13px;text-transform:uppercase}.join-row button{flex:none}.fine{font-size:10px;line-height:1.8;color:#acc8c5;text-align:center;margin:14px 0 0}.back-link{display:block;font-size:11px;text-align:center;margin-top:9px}.boss-hud{position:absolute;z-index:3;top:max(20px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(38vw,520px);background:#153949d6;border:1px solid #b8d7ce42;border-radius:15px;padding:9px 13px;box-shadow:0 5px 20px #102f4333}.boss-hud>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.boss-hud strong{font-size:14px;letter-spacing:2px}.boss-hud span,.boss-hud small{font-size:10px;color:#d7dfd0}.bar{height:6px;background:#0a2c3d;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;width:100%;border-radius:10px;transition:width .12s linear}.boss-bar i{background:linear-gradient(90deg,#f6a47b,#e98791)}.party-mini{position:absolute;left:max(20px,env(safe-area-inset-left));top:76px;display:flex;gap:6px;flex-direction:column}.party-chip{background:#163e4eb8;border:1px solid #bbdfcc30;border-radius:10px;padding:7px 10px;font-size:10px;min-width:88px}.party-chip b{font-size:11px}.party-chip .bar{margin-top:5px;height:3px}.party-chip .bar i{background:#a7ddbc}.warning{position:absolute;z-index:3;left:50%;top:100px;transform:translateX(-50%);background:#2f3647e8;border:1px solid #ffe0a250;border-radius:20px;padding:8px 18px;text-align:center;max-width:55vw;box-shadow:0 4px 20px #15314333}.warning b{display:block;color:#ffddb1;font-size:14px}.warning span{font-size:10px;line-height:1.7;color:#f1e3c8}.warning.safe{background:#1b554fdd;border-color:#a6f0d57a}.rotate-hint{display:none}.camp-panel{z-index:5;position:absolute;right:max(5vw,env(safe-area-inset-right));top:50%;transform:translateY(-43%);width:340px;max-height:calc(100dvh - 100px);overflow:auto;border:1px solid #b4deca57;border-radius:24px;padding:23px;background:#123b4bef;box-shadow:0 15px 50px #05243766}.camp-panel h2{margin:12px 0;font-size:28px;color:#f7e9bc}.camp-panel>p:not(.fine){font-size:12px;line-height:1.8;color:#c3ddd4}.room-code{width:100%;background:#2c5960;border-style:dashed;letter-spacing:5px;color:#ffdda5;font-size:19px;min-height:44px}.roster-line{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:12px}.roster-line .avatar-dot{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#6c998b;color:#153a4a}.roster-line small{display:block;color:#9dbbb9;font-size:10px;margin-top:4px}.roster-line>div{flex:1}.roster-line .remove{font-size:10px;min-height:44px;padding:4px}.camp-panel .primary{margin-top:5px}#controls{position:absolute;inset:0;z-index:4;pointer-events:none}#controls button,#stick{pointer-events:auto}.move-deck{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));width:144px;text-align:center}.move-deck>span{font-size:10px;color:#d8eee7;display:block;margin-top:7px;text-shadow:0 1px 3px #16394b}kbd{font:9px system-ui;color:#bfe1d3;border:1px solid #b7d9cf6b;padding:2px 4px;border-radius:4px;margin-left:4px}#stick{width:140px;height:140px;border-radius:50%;position:relative;border:2px solid #d1eddf80;background:radial-gradient(circle,#7cc0b61c,#16425280);touch-action:none;box-shadow:inset 0 0 30px #122e4d33,0 5px 18px #14354833;user-select:none}.stick-compass{position:absolute;inset:0;display:grid;place-items:center;color:#d9f5e0;font-size:100px;font-weight:100;opacity:.28}#stick-knob{width:58px;height:58px;border:2px solid #e7f5dcb3;background:linear-gradient(145deg,#c6e4ca90,#6ba9aa9e);border-radius:50%;position:absolute;top:39px;left:39px;box-shadow:0 3px 14px #163b4b80;pointer-events:none}.self-hud{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:230px;border:1px solid #d1e6d13b;background:#123e50dd;padding:10px 14px;border-radius:16px}.self-hud strong{font-size:12px;letter-spacing:1px}.self-values{display:flex;align-items:center;justify-content:space-between;margin:4px 0;font-size:11px}.self-values button{padding:4px 10px;min-height:44px;color:#b5f2c7;background:#2e5c5e}.self-values small{font-size:10px}.self-hud .health{height:8px}.health i{background:linear-gradient(90deg,#68c5ac,#c5ebaa)}.self-hud .energy{height:3px;margin-top:6px}.energy i{background:#f0ce8d}.self-hud>small{display:block;margin-top:7px;color:#bed8ce;font-size:9px}.action-deck{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));right:max(24px,env(safe-area-inset-right));width:245px;height:190px}.action{position:absolute;border-radius:50%;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;touch-action:none;box-shadow:0 5px 20px #0c2c4970,inset 0 0 20px #ebf9e915;border:2px solid #c2e9d3aa;overflow:hidden;background:conic-gradient(#6f9999 var(--cool,0%),#234d5e var(--cool,0%))}.action:active,.action.pressed{transform:scale(.94)}.action span{font-size:21px;line-height:1.1}.action b{font-size:11px;margin-top:3px}.action small{font-size:9px;margin-top:3px;color:#d7e7db}.attack{width:100px;height:100px;right:0;bottom:0;background:linear-gradient(145deg,#ffdb93,#e99d6c);border-color:#fff0be;color:#35464a}.attack span{font-size:30px}.attack b{font-size:15px}.attack small{color:#4b5e55}.dodge{width:70px;height:70px;right:114px;bottom:0;background-color:#2c6b77}.skill{width:70px;height:70px;right:95px;bottom:88px}.awaken{width:62px;height:62px;right:8px;bottom:116px;border-color:#e6cc86;color:#ffe5a7}.awaken.ready{box-shadow:0 0 22px #fada8b70,inset 0 0 12px #f3de8d44;background:#7c6850}.actor-label{position:absolute;left:0;top:0;width:100px;font-size:10px;text-align:center;will-change:transform;color:#fffdf1;text-shadow:0 1px 3px #193948,0 0 3px #193948}.actor-label>span{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.actor-label>i{height:4px;background:#173d4bbb;border-radius:5px;display:block;margin:3px auto 0;width:43px;overflow:hidden}.actor-label b{height:100%;display:block;background:#cce5b4}.actor-label.mine>span{color:#fff1a8;font-weight:800}.actor-label.down{color:#ffbcb6}.damage-float{position:absolute;font-size:20px;font-weight:900;color:#fff4c5;white-space:nowrap;text-shadow:0 2px 1px #213b52,1px 0 2px #213b52;will-change:transform,opacity}.damage-float.hurt{color:#ffb1ae}.damage-float.heal{color:#b0ffdb}.damage-float.evade,.damage-float.block{font-size:14px;color:#c3fbf5}.disconnect{position:absolute;z-index:20;top:90px;left:50%;transform:translateX(-50%);background:#213849f2;border:1px solid #f0c29d;border-radius:18px;padding:20px;text-align:center;max-width:90vw;width:370px}.disconnect strong,.disconnect span{display:block}.disconnect span{font-size:12px;margin:10px}.disconnect button{font-size:12px;margin:3px}.toast{position:absolute;z-index:30;bottom:30%;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:16px;background:#173c50f2;color:#f8e7b7;border:1px solid #cbe5d08a;font-size:13px;max-width:90vw;pointer-events:none;text-align:center}dialog{max-width:460px;width:90vw;border:1px solid #b6ddcb7a;border-radius:22px;background:#153e50;color:#e7f1e6;padding:22px;box-shadow:0 20px 60px #071f4566}dialog::backdrop{background:#051d3799;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-head h2{font-size:20px;color:#f4dfaa}.dialog-head button{width:44px;font-size:20px;padding:0}#dialog-body{font-size:13px;line-height:1.9}#dialog-body button{display:block;width:100%;margin-top:10px}#dialog-body ul{padding-left:20px}.loading{position:absolute;z-index:40;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#173e50}.loading>span{font-size:48px;color:#f5df9a}.loading small{color:#accbc5;font-size:12px}.battle .brand small{display:none}.battle .brand{font-size:14px}.battle .top-tools #net{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1000px) and (orientation:landscape){.top{top:max(7px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}.brand{font-size:14px;letter-spacing:1px}.brand>span{font-size:26px}.brand small{font-size:7px}.top-tools{gap:5px}.top-tools #net{font-size:9px;padding:5px 7px}.top-tools button{width:40px;min-height:40px;height:40px;font-size:18px}.landing{inset:58px 5vw 14px;gap:20px}.intro{padding-top:5px;max-width:290px}.intro h1{font-size:40px;margin:12px 0}.intro p{font-size:12px}.chips{margin-top:15px}.chips span{padding:5px 9px;font-size:9px}.entry-card{width:285px;padding:15px;border-radius:18px;max-height:100%;overflow:auto}.card-heading small{font-size:8px}.job-picker{margin:10px 0;gap:8px}.portrait{height:57px;width:47px}.job{padding:3px 3px 7px}.job b{font-size:12px}.job small{font-size:8px}.name-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;white-space:nowrap}.name-label input{margin:0;min-height:40px;padding:8px;font-size:16px}.entry-card .primary{min-height:42px;font-size:13px}.join-row{margin-top:8px}.join-row input{min-height:40px;padding:8px;font-size:12px}.join-row button{min-height:40px}.fine{font-size:9px;line-height:1.6;margin-top:8px}.back-link{font-size:10px;margin-top:7px}.boss-hud{top:max(9px,env(safe-area-inset-top));width:34vw;left:46%;padding:6px 10px;border-radius:12px}.boss-hud strong{font-size:11px}.boss-hud span,.boss-hud small{font-size:8px}.boss-hud>div:first-child{margin-bottom:4px}.party-mini{left:max(14px,env(safe-area-inset-left));top:60px;gap:4px}.party-chip{padding:5px 7px;min-width:75px;font-size:9px}.party-chip b{font-size:9px}.warning{top:66px;left:50%;padding:5px 13px;max-width:49vw}.warning b{font-size:12px}.warning span{font-size:9px}.move-deck{left:max(20px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:120px}#stick{width:116px;height:116px}#stick-knob{width:48px;height:48px;top:32px;left:32px}.move-deck>span{font-size:9px}.action-deck{right:max(17px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:205px;height:160px}.attack{width:84px;height:84px}.attack span{font-size:25px}.attack b{font-size:13px}.dodge{right:96px;width:61px;height:61px}.skill{right:80px;bottom:75px;width:61px;height:61px}.awaken{right:4px;bottom:98px;width:55px;height:55px}.action b{font-size:10px}.action small{font-size:8px}.self-hud{bottom:max(14px,env(safe-area-inset-bottom));width:190px;padding:7px 11px;left:47%}.self-hud strong{font-size:10px}.self-values{margin:2px 0}.self-values button{min-height:34px;padding:3px 8px}.self-hud>small{font-size:8px;margin-top:4px}.camp-panel{top:56px;bottom:12px;transform:none;width:300px;padding:16px;max-height:none;right:4vw}.camp-panel h2{font-size:21px;margin:7px 0}.camp-panel>p:not(.fine){font-size:11px;margin:7px 0}.roster-line{margin:8px 0;font-size:11px}.room-code{min-height:40px;font-size:16px}.actor-label{font-size:9px}}
@media(orientation:portrait){.top{left:14px;right:14px}.brand{font-size:15px}.brand small{font-size:7px}.top-tools{gap:5px}.top-tools #net{display:none}.top-tools button{width:40px;min-height:40px;height:40px}.landing{inset:82px 20px 20px;display:block;overflow:auto}.intro{padding:0;max-width:none}.intro h1{font-size:37px;margin:10px 0}.intro p{font-size:12px;margin:8px 0}.chips{display:none}.entry-card{width:100%;margin-top:18px;padding:18px}.job-picker{margin:10px 0}.portrait{height:65px;width:54px}.entry-card .fine{font-size:9px;margin-top:9px}.boss-hud{top:68px;width:calc(100% - 30px);padding:9px 12px}.party-mini{top:125px;left:15px;right:15px;flex-direction:row;gap:5px;flex-wrap:wrap}.party-chip{min-width:60px;max-width:24%;padding:5px 7px;font-size:9px}.party-chip b{font-size:9px}.warning{top:174px;max-width:92vw;width:max-content;padding:7px 14px}.warning b{font-size:12px}.warning span{font-size:9px}.rotate-hint{display:block;position:absolute;top:151px;right:16px;color:#c5ddd1;font-size:9px;text-shadow:0 1px 3px #173e50}.camp-panel{left:20px;right:20px;top:205px;bottom:22px;transform:none;width:auto;max-height:none;padding:20px}.move-deck{left:max(14px,env(safe-area-inset-left));bottom:max(26px,env(safe-area-inset-bottom));width:112px}#stick{width:108px;height:108px}#stick-knob{width:46px;height:46px;top:29px;left:29px}.move-deck>span{font-size:9px}kbd{display:none}.action-deck{right:max(12px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:210px;height:165px}.attack{width:80px;height:80px}.attack span{font-size:24px}.attack b{font-size:13px}.skill{width:60px;height:60px;right:76px;bottom:80px}.dodge{width:60px;height:60px;right:87px;bottom:0}.awaken{width:56px;height:56px;right:0;bottom:101px}.self-hud{left:15px;bottom:185px;transform:none;width:165px;padding:8px 10px}.self-values button{min-height:35px}.self-hud strong{font-size:10px}.self-hud>small{font-size:8px}.damage-float{font-size:16px}.actor-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Keep the middle of the arena clear on two-thumb phone layouts. */
@media(max-width:1000px) and (orientation:landscape){.warning{top:54px;display:flex;gap:9px;align-items:center;padding:5px 12px}.warning b{font-size:11px;white-space:nowrap}.warning span{font-size:8px}.self-hud{min-height:80px;padding:8px 53px 9px 11px;width:205px}.self-hud strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.self-values button{position:absolute;right:6px;top:15px;min-height:44px;min-width:44px}.self-hud>small{line-height:1.2}.self-values{font-size:10px;margin:5px 0}.self-hud .health{height:6px}}
@media(orientation:portrait){.self-values button{min-height:44px;min-width:44px}}
.landing .intro{position:relative;isolation:isolate}.landing .intro::before{content:"";position:absolute;z-index:-1;inset:-30px -25px;background:radial-gradient(ellipse at 30% 40%,#163f57a6,transparent 70%);pointer-events:none}
@media(orientation:portrait){.camp-panel{bottom:auto;max-height:calc(100dvh - 225px)}}
/* Mobile Safari must not zoom a room-code field on focus. */
@media(max-width:1000px){.entry-card input,.name-label input,.join-row input{font-size:16px}}
body.battle{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none}body.battle #controls{touch-action:none}

/* Six distinct partners, with portraits rendered from their actual models. */
.job-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.job-portrait{display:block;margin:auto;width:60px;height:70px;object-fit:contain;filter:drop-shadow(0 3px 3px #0c263e70)}.job b{font-size:11px}.job small{font-size:8px;line-height:1.5}.job-detail{color:#e0e7c4;font-size:11px;line-height:1.5;min-height:33px;margin:7px 0 12px}.entry-card{max-height:calc(100dvh - 115px);overflow:auto}.job{padding:3px 2px 8px;min-height:44px}
.item-slot{position:absolute;right:0;top:-57px;height:44px;display:flex;gap:3px;align-items:center}.self-values .item-slot button{position:static;width:44px;min-width:44px;min-height:44px;height:44px;padding:4px;font-size:18px;touch-action:manipulation}.item-slot #potion{width:54px}.item-slot #item-label{position:absolute;right:0;top:45px;font-size:8px;color:#eff4d6;white-space:nowrap}.item-slot small{font-size:11px}.self-hud{padding-right:14px}.self-hud>small{line-height:1.5}.self-values{min-height:18px}.item-tray{position:absolute;z-index:6;left:50%;bottom:190px;transform:translateX(-50%);width:270px;padding:8px;background:#123847f7;border:1px solid #b8d8b6;border-radius:16px;box-shadow:0 10px 35px #081e4270;pointer-events:auto}.item-tray button{display:grid;grid-template-columns:1fr auto;text-align:left;width:100%;padding:9px 12px;min-height:56px;margin:3px 0;font-size:12px}.item-tray small{font-size:9px;font-weight:400;grid-column:1;grid-row:2;color:#c0dacb}.item-tray span{grid-column:2;grid-row:1 / 3;align-self:center}.item-tray .selected{border-color:#f5dc9d;background:#3b6565}.rescue-button{width:100%;margin:8px 0;color:#e2ffd9;background:#397466;border-color:#a0e0bb}.actor-label em{display:block;margin:4px auto 0;background:#224659;width:50px;height:6px;font-size:0;border-radius:5px;overflow:hidden}.actor-label em u{display:block;height:100%;background:#ffde8e}.self-hud .item-slot{pointer-events:auto}
@media(max-width:1000px) and (orientation:landscape){.entry-card{width:330px;max-height:100%;padding:12px}.job-portrait{height:43px;width:38px}.job b{font-size:10px}.job small{display:none}.job-picker{margin:7px 0;gap:4px}.job{padding:2px 1px 5px}.job-detail{min-height:24px;font-size:9px;margin:4px 0 7px}.entry-card .fine{display:none}.self-hud{padding-right:12px;min-height:72px}.self-hud>small{font-size:8px}.item-tray{left:47%;bottom:148px}.item-slot{top:-54px}}
@media(orientation:portrait){.entry-card{max-height:none}.job-portrait{width:58px;height:67px}.job small{font-size:7px}.self-hud{bottom:180px;min-height:80px}.item-tray{left:15px;bottom:319px;transform:none;width:265px}.item-slot{top:-52px}.self-hud>small{max-height:36px;overflow:hidden}}

@media(max-width:1000px) and (orientation:landscape){.entry-card{display:grid;grid-template-columns:1fr 1fr;gap:6px}.entry-card .card-heading,.entry-card .job-picker,.entry-card .job-detail,.entry-card .join-row{grid-column:1 / -1}.entry-card .job-picker{margin:0}.entry-card .job-detail{margin:0;min-height:27px}.entry-card .name-label{display:block;font-size:0;margin:0}.entry-card .name-label input{height:44px;min-height:44px;font-size:16px}.entry-card .primary{font-size:11px;min-height:44px;padding:8px 4px}.entry-card .join-row{margin:0}.entry-card .join-row input,.entry-card .join-row button{min-height:44px}.entry-card .back-link{display:none}.job-portrait{height:40px;width:35px}.job{padding-bottom:4px}}
#dialog-body{max-height:65dvh;overflow:auto;touch-action:pan-y}dialog{max-height:90dvh;overflow:auto;touch-action:pan-y}
#camp-results{margin:10px 0;font-size:11px}#camp-results summary{cursor:pointer;min-height:30px;padding:6px 0;color:#d5e8d4}#blessing-panel{margin:10px 0 15px}#blessing-panel>strong{font-size:13px;color:#ffe0a3}#blessing-panel>small{display:block;font-size:9px;color:#b7d6cd;margin-top:7px}#blessing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}#blessing-options button{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:114px;padding:11px 6px;text-align:center;background:#244e59;border-color:#7daca2}#blessing-options b{font-size:11px;color:#fff0cd}#blessing-options small{font-size:9px;color:#c9e0d5;line-height:1.4}#blessing-options span{font-size:10px;white-space:nowrap}#blessing-options strong{color:#ffda8a}#blessing-options button.selected{border:2px solid #ffe2a1;background:#38635c;opacity:1}.camp-panel.reward-mode{width:440px}.reward-mode #invite,.reward-mode #camp-tip{display:none}.reward-mode #start{width:100%}
@media(orientation:portrait){.camp-panel.reward-mode{width:auto}#blessing-options button{padding:10px 4px}#blessing-options span{font-size:9px}}
@media(max-width:1000px) and (orientation:landscape){.camp-panel.reward-mode{width:440px;padding:10px 16px}.reward-mode h2{font-size:20px;margin:4px 0}.reward-mode #camp-copy{font-size:10px;margin:4px 0}.reward-mode #camp-results{margin:3px 0}.reward-mode #camp-results summary{min-height:22px;padding:3px 0}#blessing-panel{margin:3px 0 6px}#blessing-options{margin-top:5px}#blessing-options button{min-height:83px;gap:4px}#blessing-panel>small{margin-top:4px}.reward-mode #start{min-height:44px}}
.attack.counter-ready{border-color:#fff2b2;background:conic-gradient(#ffde79 var(--counter),#63744d 0);box-shadow:0 0 0 4px #ffe29245,0 0 22px #ffcf6880;color:#203f42}.attack.counter-ready small{color:#243e3b;font-weight:800}.damage-float.perfect-dodge,.damage-float.counter{color:#fff0a3;text-shadow:0 2px 0 #8e5a24,0 0 12px #ffcb72}
.boss-hud .stagger-row{display:flex;align-items:center;gap:8px;margin-top:6px}.stagger-row small{font-size:9px;white-space:nowrap;color:#f0dda0}.stagger-row .bar{flex:1;height:5px;margin:0;background:#294d53}.stagger-row i{background:#f2d375}.stagger-row i.broken{background:#b1f4cf}
@media(orientation:portrait){.party-mini{top:144px}.rotate-hint{top:170px}.warning{top:193px}}
@media(max-width:1000px) and (orientation:landscape){.warning{top:81px}}

/* Stable native viewport: the battle cannot pan the document. */
html,body{position:fixed;inset:0;overscroll-behavior:none;height:var(--app-height,100dvh);overflow:hidden}body.battle #world,body.battle #controls,body.battle #stick{touch-action:none}#stick{-webkit-user-select:none;-webkit-touch-callout:none}#stick-knob{will-change:transform}.entry-links{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.entry-links #install-app{font-size:10px;min-height:36px;padding:5px 8px;background:transparent;color:#cce7d0}.entry-links .back-link{margin:0;font-size:10px}body.battle .brand{pointer-events:none}
@media(max-width:1000px) and (orientation:landscape){.entry-links{grid-column:1 / -1;margin:0;min-height:25px}.entry-links #install-app{min-height:25px;font-size:9px;padding:2px 4px}.entry-links .back-link{display:block;font-size:9px}.entry-card{gap:4px;padding:10px}.entry-card .job-detail{min-height:22px}.job-portrait{height:36px;width:32px}.landing{bottom:8px}}

/* Clear field objectives without adding another thumb button. */
.supply-label{position:absolute;left:0;top:0;padding:4px 7px;border-radius:9px;background:#174d50d9;border:1px solid #9de6c46b;color:#b7d9ce;font-size:10px;white-space:nowrap;text-shadow:0 1px 2px #123e4b;pointer-events:none}.supply-label.ready{color:#e8ffe7;border-color:#9ef4cb;background:#216b59ed;font-weight:800}.actor-label .rescue-status{display:block;width:132px;margin:5px 0 0 -16px;padding:5px 6px;background:#205b52ed;border:1px solid #9ff2c7;border-radius:9px;color:#e0ffdb;text-shadow:none;font-size:9px;white-space:nowrap}.rescue-status>i{display:block;height:4px;margin-top:4px;background:#123e43;border-radius:3px;overflow:hidden}.rescue-status>i>b{background:#baffad}