@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
#item-combinations .item-combination-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start}#item-combinations .item-combination small{display:block;color:#aac2c6}#item-combinations .item-combination strong{color:#e4edeb}.item-browser{align-items:start}
.item-combinations{border-top:1px solid #355059;margin-top:18px;padding-top:12px}.item-combinations h4{margin:0;color:#ead4a4;font-size:14px}.item-combinations h4 span{color:#9cb6bb;font-size:12px}.item-combinations>p{font-size:11px;color:#adc1c6;line-height:1.6;margin:7px 0 12px}.item-combination-list{max-height:330px;overflow:auto;overscroll-behavior:contain;display:grid;gap:7px;padding:2px}.item-combination{border:1px solid #39545f;border-radius:7px;background:#132b35}.item-combination.ready{border-color:#6db89a;background:#183c38}.item-combination summary{display:grid;grid-template-columns:24px 10px 28px minmax(0,1fr);gap:5px;align-items:center;padding:9px 6px;cursor:pointer;list-style:none}.item-combination summary::-webkit-details-marker{display:none}.item-combination summary:focus-visible{outline:2px solid #e6c484;outline-offset:-2px}.item-combination summary img{width:100%;border-radius:3px}.item-combination-arrow{color:#96b5bb;font-size:10px;line-height:1}.item-combination strong{display:block;font-size:12px;line-height:1.45;word-break:keep-all}.item-combination summary small{font-size:10px;line-height:1.5;margin-top:3px}.item-combination em{display:block;font-size:10px;font-style:normal;line-height:1.5;color:#b9c5c8}.item-combination.ready em{color:#9de7bd}.item-combination>div{border-top:1px solid #39545f;padding:8px;font-size:12px;line-height:1.6}.item-combination>div p{margin:3px 0}
.item-dialog{width:min(1080px,96vw);max-height:94vh;box-sizing:border-box;padding:24px;color:#e7ebe8;background:#10262e;border:1px solid #7c8777;border-radius:16px;overflow:auto}.item-dialog::backdrop{background:#020d15b8;backdrop-filter:blur(3px)}.item-header{display:flex;align-items:center;justify-content:space-between}.item-header h2{font-size:24px;margin:4px 0 20px}.item-header small{color:#d6bd86;letter-spacing:2px}.item-header>button{font-size:26px;background:transparent;border:0;color:#b6cccc}.item-loadout{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.item-loadout label{display:grid;gap:6px;color:#a8c3c7;font-size:12px}.item-loadout select{max-width:280px;padding:9px;background:#0b1b23;color:#fff;border:1px solid #46616a;border-radius:5px}.item-slots{display:flex;gap:8px}.item-slots>button,.item-empty-slot{width:98px;min-height:68px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#172f37;border:1px solid #537076;border-radius:6px;font-size:10px;color:#bdcfd3}.item-slots img{width:35px;height:35px}.item-slots button:disabled{opacity:1}.item-loadout-stats{font-size:12px;color:#d6be87;padding-bottom:12px;border-bottom:1px solid #324a50}.item-browser{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.item-search-row{display:flex;align-items:center;gap:10px}.item-search-row>input{width:100%;min-width:0;background:#0a1c25;border:1px solid #3b555b;color:#fff;padding:10px;border-radius:6px}.item-search-row label{white-space:nowrap;font-size:12px}.item-filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.item-filters button{padding:7px 10px;font-size:12px;border:1px solid #3a545a;border-radius:5px;background:#152d35;color:#b1c7ca}.item-filters button.active{background:#c6ac6c;color:#15252c;border-color:#e0ca9c}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:7px;max-height:410px;overflow:auto;padding:2px 6px 6px 2px}.item-tile{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;min-height:92px;padding:9px 3px;border:1px solid #35515d;background:#12242f;border-radius:7px;color:#d8e5e6;font-size:11px;word-break:keep-all}.item-tile img{width:40px;height:40px;border-radius:4px}.item-tile.radiant{border-color:#b09650}.item-tile.artifact{border-color:#936881}.item-tile.support{border-color:#687bbc}.item-tile.emblem{border-color:#598c71}.item-tile.active{outline:2px solid #e6c484;outline-offset:-1px;background:#2c454d}.item-tile b{position:absolute;right:3px;top:3px;background:#092022;padding:2px;color:#9cd7c3}.item-detail{background:#0b1c25;border:1px solid #355059;border-radius:10px;padding:18px;font-size:13px;line-height:1.75}.item-category-label{display:block;color:#cdb578;font-size:11px}.item-detail-icon{width:66px;height:66px;margin-top:12px;border-radius:8px}.item-detail h3{font-size:21px;margin:8px 0}.item-stat-line{color:#96d7c1}.item-detail small{display:block;color:#97aeb3;font-size:11px}.item-detail .primary{width:100%;margin:16px 0 8px;padding:10px;border:1px solid #c8b077;background:#c5aa73;color:#0c2128;border-radius:5px;font-weight:700}.item-detail .primary:disabled{opacity:.45;cursor:not-allowed}.item-recipe{display:flex;align-items:center;gap:7px;margin-top:16px}.item-recipe img{width:28px;height:28px}.item-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:#9ab0b3}.item-footer a{color:#b0cbd0}.equipped-item-icon{width:24px;height:24px;border:1px solid #9b895e;border-radius:3px;margin:3px}#item-message{min-height:18px;color:#e6ca8e;font-size:12px}@media(max-width:760px){.item-dialog{padding:14px}.item-browser{grid-template-columns:minmax(0,1fr) 210px;gap:12px}.item-detail{padding:12px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));max-height:300px}.item-loadout{gap:10px}.item-header h2{font-size:20px}.item-header small{display:none}}@media(max-width:500px){.item-browser{grid-template-columns:1fr}.item-grid{max-height:210px}.item-slots>button,.item-empty-slot{width:78px}}
.top-actions #open-augments{color:#e6c482;white-space:nowrap}.top-actions #open-augments.augment-pending{background:#b88d3530;border:1px solid #c4a565;border-radius:5px;padding:7px 10px}
dialog.augment-dialog{width:min(960px,96vw);max-width:96vw;max-height:94svh;padding:26px;border:1px solid #a68e5a;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#284752,#102835 55%,#091e2a);box-shadow:0 20px 100px #000b;color:#e9e8dd}.augment-dialog::backdrop{background:#030e19c9;backdrop-filter:blur(8px)}.augment-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.augment-header h2{margin-top:5px;font-size:27px;font-weight:600}.augment-header .close-button{color:#c5ccca}.augment-rounds{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px 0;color:#718d98;font-size:12px}.augment-rounds span{border:1px solid #36515b;border-radius:20px;padding:6px 15px}.augment-rounds b{margin-left:6px;font-weight:500}.augment-rounds .current{color:#f4d99e;border-color:#d3b778;background:#b38e3424}.augment-rounds .complete{color:#9dd8bf;border-color:#658e7e}.augment-rounds i{font-style:normal;color:#435e68}.augment-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;color:#a8bfc4;font-size:12px;line-height:1.6}.augment-intro strong{color:#e5c784;white-space:nowrap;font-size:13px}
.augment-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.augment-option{min-width:0}.augment-card{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-height:310px;padding:20px 14px 14px;border:1px solid #b8a16c;border-radius:8px;background:linear-gradient(150deg,#69816b1a,#132b36 40%,#172d36);box-shadow:inset 0 0 0 5px #a9915314;text-align:center;transition:transform .15s,border-color .15s,box-shadow .15s}.augment-card:hover:not(:disabled),.augment-card:focus-visible{transform:translateY(-3px);border-color:#ffe1a0;box-shadow:0 6px 25px #b6995133,inset 0 0 0 5px #a9915326}.augment-card-kicker{font:10px 'Outfit',sans-serif;letter-spacing:2.5px;color:#98b2b9}.augment-emblem{display:grid;place-items:center;width:86px;height:86px;margin:22px 0 17px;border:1px solid #c8b378;border-radius:50%;box-shadow:0 0 0 7px #c6b6750a,0 0 38px #94d3d122,inset 0 0 20px #8ed4df19;color:#e2ebd9;font:600 42px 'Outfit',sans-serif;text-shadow:0 0 18px #92e2e888}.augment-card>strong{font:600 22px 'Outfit',sans-serif;letter-spacing:3px;color:#f4e1b8}.augment-effect{margin-top:10px;color:#d9c598;font-size:13px}.augment-card p{margin:10px 0 18px;font-size:12px;line-height:1.7;color:#93aeb8}.augment-select{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid #75846955;font-size:12px;color:#e2d1a1}.augment-select b{color:#a9d6d0}.augment-reroll{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:10px;padding:10px;border:1px solid #6a7666;border-radius:5px;background:#172e36;color:#dac594;font-size:15px}.augment-reroll span{font-size:12px}.augment-reroll b{font:13px 'Outfit',sans-serif;border-radius:3px;padding:2px 6px;background:#c7a45a25}.augment-note{margin:17px 0 0;text-align:center;font-size:12px;line-height:1.7;color:#91aab2}.augment-footer{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:10px;color:#91aab2;font-size:11px}.augment-footer button{padding:8px 16px;border:1px solid #66828a;border-radius:5px;color:#d5e2df;font-size:12px}.augment-error{font-size:12px;color:#ffb0a0;text-align:center;line-height:1.6}.augment-error:not(:empty){padding-top:10px}.augment-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.augment-history article{padding:28px 10px;text-align:center;border:1px solid #5f746d;border-radius:8px;background:#213b3e80}.augment-history article>span{font-size:12px;color:#b8c9c4}.augment-history article>strong{display:block;margin:18px 0;color:#e8d59e;font:40px 'Outfit',sans-serif}.augment-history article>p{font-size:12px;color:#9cb3b9}
@media(max-width:600px){dialog.augment-dialog{padding:16px}.augment-candidates{gap:8px}.augment-card{padding:16px 8px;min-height:285px}.augment-emblem{width:65px;height:65px;font-size:32px}.augment-card-kicker{font-size:8px;letter-spacing:1px}.augment-select{font-size:11px}.augment-intro{font-size:11px}.augment-header h2{font-size:23px}.augment-rounds{gap:7px}.augment-rounds span{padding:5px 9px}}
@media(max-height:650px){dialog.augment-dialog{padding:14px 20px}.augment-header .section-eyebrow{display:none}.augment-header h2{font-size:22px;margin:0}.augment-rounds{margin:9px 0;gap:12px}.augment-rounds span{padding:4px 14px}.augment-intro{margin-bottom:8px}.augment-card{min-height:0;height:166px;padding:10px 12px}.augment-card-kicker{font-size:8px}.augment-emblem{height:46px;width:46px;font-size:26px;margin:10px 0 7px}.augment-card>strong{font-size:17px}.augment-effect{font-size:11px;margin-top:5px}.augment-card p{display:none}.augment-select{padding-top:7px;font-size:11px}.augment-reroll{padding:6px;margin-top:6px}.augment-note{font-size:10px;margin-top:8px}.augment-note br{display:none}.augment-footer{margin-top:7px}.augment-footer button{padding:5px 12px}.augment-history article{padding:15px 8px}}
:root{color-scheme:dark;--bg:#091b24;--panel:#0b202b;--panel2:#102934;--line:#29404a;--gold:#dfbd7c;--text:#e9e8dd;--muted:#8aa0a9;--teal:#80c6ba;--font:'Noto Sans KR','Malgun Gothic',sans-serif;font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#15323b 0,#091b24 68%);min-width:360px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #f2d795;outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.17)}a{color:inherit;text-decoration:none}h2,h3,h4,p{margin:0}kbd{font:10px 'Outfit',sans-serif;display:inline-grid;place-items:center;border:1px solid #71889160;border-radius:3px;min-width:17px;height:18px;color:#95acb1;padding:0 3px}button,span,i{flex-shrink:0}.topbar{height:86px;max-width:1920px;margin:auto;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);gap:24px;background:#081b23a6}.brand{display:flex;align-items:center;gap:12px;font-family:'Outfit',sans-serif;letter-spacing:2.7px;font-weight:700;font-size:19px;white-space:nowrap}.brand>span:last-child{line-height:1.1}.brand small{font-size:11px;letter-spacing:7px;display:block;color:var(--gold);margin-top:6px}.brand-emblem{display:grid;place-items:center;width:43px;height:43px;color:var(--gold);font-size:37px;border:1px solid #a78d5866;transform:rotate(0deg);border-radius:50%}.top-divider{height:30px;width:1px;background:var(--line)}.edition{font-size:13px;color:#bcc8cc}.edition span{display:block;font-family:'Outfit';font-size:10px;letter-spacing:2px;color:#7d969f;margin-top:6px}.top-actions{margin-left:auto;display:flex;gap:19px;align-items:center}.top-actions button{font-size:13px;color:#b8c9cf}.top-actions button:first-child{color:var(--gold)}.icon-button{display:grid;place-items:center;width:30px;height:30px;position:relative;font-size:20px!important}.muted-slash{width:15px;height:1px;transform:rotate(-45deg);background:#b8c9cf;position:absolute}.game-shell{max-width:1920px;margin:auto;display:grid;grid-template-columns:200px minmax(540px,1fr) 210px;column-gap:22px;padding:24px 28px 0;align-items:stretch}.section-eyebrow{font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:2.3px;color:var(--gold);font-weight:500}.synergy-panel{padding:15px 7px 0}.synergy-panel h2{font-size:20px;letter-spacing:-.7px;margin:9px 0 20px;font-weight:600}.crew-level{display:flex;align-items:center;gap:13px}.crew-level>span:first-child{font-family:'Outfit';color:var(--gold);font-size:43px;line-height:1}.crew-level>span:last-child{font-size:12px;color:#abbcbf}.crew-level b{font-family:'Outfit';font-size:22px;font-weight:400;margin-left:5px;color:#627d89}.panel-rule{height:1px;background:linear-gradient(90deg,var(--line),transparent);margin:24px 0}.side-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.side-heading h3{font-size:13px;font-weight:600;letter-spacing:.2px}.side-heading>span{font:12px 'Outfit';color:var(--muted)}.side-heading button{color:#72929c;font-size:14px}.synergy-row{width:100%;display:flex;align-items:center;text-align:left;padding:10px 8px 10px 0;gap:12px;position:relative;border-radius:3px}.synergy-row.active{background:linear-gradient(90deg,#dac0810c,transparent)}.trait-icon{width:36px;height:39px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 23%,95% 76%,50% 100%,5% 76%,5% 23%);background:#253b43;color:#99abb0;font-size:17px}.active .trait-icon{color:#222e31;background:linear-gradient(150deg,#ead49b,#ac8650)}.trait-name{font-size:13px;color:#8ba0a5;flex:1}.active .trait-name{color:#e4d5b2}.trait-name small{display:block;margin-top:4px;font-family:'Outfit';font-size:11px;color:#4d6774}.trait-name small b{font-weight:400}.trait-name small .reached{color:#e3c68e}.trait-name em{font-style:normal;margin:0 3px;color:#3d5962}.trait-count{font:500 22px 'Outfit';color:#6f8993}.active .trait-count{color:#e4c589}.synergy-help{font-size:11px;line-height:1.8;color:#526d79;padding-top:12px}.expedition{margin-top:38px;padding-top:20px;border-top:1px solid #24404a;position:relative}.expedition-star{position:absolute;top:13px;right:5px;font-size:60px;color:#b5a07513}.expedition .section-eyebrow{color:#718f94;font-size:9px;letter-spacing:1.8px}.expedition strong{font-size:13px;display:block;margin-top:12px;font-weight:500;color:#aab9b9}.expedition p{font-size:12px;line-height:1.8;color:#60808b;margin:9px 0}.tiny-rule{width:24px;height:1px;background:#6d694f;margin:14px 0}.expedition>span:last-child{font-size:10px;color:#69818b}.play-column{min-width:0}.roundbar{height:62px;background:linear-gradient(90deg,#102b34,#112832);border:1px solid #344a4e;border-bottom:2px solid #a98e585e;display:flex;align-items:center;justify-content:center;gap:30px;padding:0 21px}.round-chip{display:flex;gap:12px;align-items:center}.round-chip>span{font:10px 'Outfit';letter-spacing:2px;color:#79989f}.round-chip strong{font:500 27px 'Outfit';color:#ecd7a9}.round-path{display:flex;align-items:center;gap:8px}.round-path i{font-style:normal;border-radius:50%;border:1px solid #34535c;width:26px;height:26px;display:grid;place-items:center;font-size:12px;color:#627f88}.round-path i.current{border:1px solid #c6a976;background:#bda16b1a;color:#eac887;box-shadow:0 0 16px #bb9a5620}.round-path>span{width:18px;height:1px;background:#34525b}.phase-info{display:flex;align-items:center;gap:16px}.phase-info>span{color:#abcbc8;font-size:13px}.phase-info strong{font:500 30px 'Outfit';min-width:38px;color:#e3e2d5}.roundbar>.icon-button{border:1px solid #53695f66;color:#d1bd8e;font-size:15px!important}.in-combat{border-bottom-color:#b47d69}.in-combat .phase-info span{color:#eda991}.arena-wrap{position:relative;aspect-ratio:1000/650;background:#123139;overflow:hidden;border-left:1px solid #314950;border-right:1px solid #314950}#arena{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.arena-top{position:absolute;left:20px;right:20px;top:16px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;color:#94adb0}.arena-location{display:flex;gap:9px;align-items:center;letter-spacing:.5px}.arena-location i{width:1px;height:10px;background:#607d78}.arena-top>span:last-child{font-size:11px;color:#a5bcbc}.arena-note{position:absolute;top:51px;left:0;right:0;text-align:center;font-size:11px;color:#c4ceb7;pointer-events:none;display:flex;justify-content:center;align-items:center;gap:7px}.status-orb{width:5px;height:5px;border-radius:50%;background:#bad6b4;box-shadow:0 0 7px #98c89466}.status-orb.combat{background:#e6a58b}.arena-bottom{position:absolute;left:17px;right:17px;bottom:15px;display:flex;align-items:center;gap:8px}.arena-bottom>span{font-size:10px;color:#8ca8a6;margin-right:auto}.arena-bottom kbd{margin-left:9px;margin-right:4px}.arena-bottom>#speed{font-family:'Outfit';font-size:12px;width:30px;color:#a3bcb8}.battle-button{border:1px solid #d2b276;background:linear-gradient(135deg,#d6b97f,#bfa06a);color:#112e35;font-size:12px;font-weight:700;padding:10px 16px;box-shadow:0 3px 12px #071a2180}.battle-button span{margin-left:15px}.bench-heading{display:flex;justify-content:space-between;font-size:10px;color:#6c8791;margin:16px 0 8px;padding:0 2px}.bench-heading>span:first-child{font-size:11px;color:#becbc9}.bench-heading b{font:11px 'Outfit';color:#7897a0;margin-left:8px}.bench{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;height:76px}.bench-slot{border:1px solid #314c54;background:linear-gradient(160deg,#16343e,#0d242e);position:relative;display:flex;justify-content:center;align-items:flex-end;border-radius:2px;min-width:0}.bench-slot:after{content:'';position:absolute;bottom:7px;left:18%;right:18%;height:9px;border:1px solid #48615b44;border-radius:50%;pointer-events:none}.bench-slot.selected{border-color:#bba374;background:linear-gradient(160deg,#78694844,#17353b);box-shadow:inset 0 0 17px #dfc57a0c}.bench-slot img{height:76px;width:100%;object-fit:contain;position:relative;z-index:1;padding:1px 3px 4px;pointer-events:none;filter:drop-shadow(0 6px 3px #081b2599)}.bench-slot .unit-token{width:44px;height:52px;margin-bottom:10px;z-index:1}.bench-stars{position:absolute;top:2px;left:4px;font-size:8px;color:#ecd29a;z-index:2;text-shadow:1px 1px #18383e}.slot-number{align-self:center;font:13px 'Outfit';color:#46626d}.right-panel{padding:14px 0 0}.right-panel>.side-heading{padding:0 2px}.player-row{display:flex;align-items:center;gap:9px;height:43px;border-bottom:1px solid #28414a55;position:relative;padding:0 6px}.player-row.self{background:linear-gradient(90deg,#b2995b26,#9b8d5011);border:1px solid #b59a6055;border-radius:3px}.player-row.opponent{background:#17344088}.player-rank{font:10px 'Outfit';color:#537681;width:10px}.self .player-rank{color:#d1b573}.player-avatar{width:27px;height:28px;display:grid;place-items:center;font-size:16px;background:linear-gradient(150deg,color-mix(in srgb,var(--player-color) 28%,transparent),#09212a);border:1px solid color-mix(in srgb,var(--player-color) 40%,transparent);color:var(--player-color);border-radius:7px}.player-name{font-size:11px;flex:1;min-width:0;color:#aebfc2}.self .player-name{color:#ead3a0}.player-name small{font-size:8px;margin-left:5px;color:#73979f}.player-health-track{display:block;height:2px;background:#183640;margin-top:6px;width:100%}.player-health-track i{display:block;height:100%;opacity:.6}.player-hp{font:500 14px 'Outfit';color:#8ea7ae;min-width:21px;text-align:right}.self .player-hp{color:#e4d3a5}.eliminated{opacity:.3}.unit-inspector{margin-top:20px;border:1px solid #344c54;background:#0c232c;overflow:hidden}.inspector-head{display:flex;justify-content:space-between;padding:9px 12px;font-size:10px;color:#91aab0;background:#142f38}.inspector-head b{color:#e9c788;font-size:9px}.inspector-portrait{height:121px;position:relative;background:radial-gradient(ellipse at 50% 95%,color-mix(in srgb,var(--portrait-accent) 30%,transparent),#122e34 70%);overflow:hidden}.inspector-portrait:before{content:'';position:absolute;left:50%;top:12px;transform:translateX(-50%);width:112px;height:112px;border:1px solid color-mix(in srgb,var(--portrait-accent) 18%,transparent);border-radius:50%}.inspector-portrait img{position:absolute;left:50%;height:148px;max-width:190px;object-fit:contain;transform:translateX(-50%);top:7px;filter:drop-shadow(0 6px 12px #0b1723a0)}.inspector-portrait .unit-token{position:absolute;left:50%;transform:translateX(-50%);top:19px;width:70px;height:92px}.inspector-cost{position:absolute;right:9px;bottom:8px;font:13px 'Outfit';color:#f0d390}.unit-inspector h3{padding:11px 12px 0;font-size:14px;font-weight:600}.inspector-traits{padding:5px 12px 0;font-size:10px;color:#809e9f}.unit-stats{padding:12px;display:flex;gap:12px;border-bottom:1px solid #2c424866;justify-content:space-between}.unit-stats span{font-size:9px;color:#6c8b95;display:flex;flex-direction:column;gap:3px}.unit-stats b{font:14px 'Outfit';color:#b8cecf;font-weight:500}.skill-line{display:flex;align-items:center;gap:9px;padding:10px 12px}.skill-line>span{color:#c6b077;font-size:24px}.skill-line b{display:block;font-size:10px;color:#d7cead;font-weight:500}.skill-line small{display:block;font-size:8px;color:#617e87;margin-top:4px}.inspector-buttons{display:flex;padding:0 12px 10px;justify-content:space-between;gap:3px}.inspector-buttons button,.inspector-buttons>span{font-size:9px;color:#7d9ea9;padding:3px 0}.inspector-buttons button:last-child{color:#d6bd84}.empty-inspector{font-size:12px;color:#77959f;padding:40px 10px;text-align:center;line-height:2}.shop-area{grid-column:1/-1;margin-top:24px;display:grid;grid-template-columns:200px minmax(540px,1fr) 210px;gap:22px;padding:20px 0;border-top:1px solid #34505a;background:linear-gradient(0deg,#0f263044,transparent)}.shop-controls{padding:5px 6px 0}.level-heading{display:flex;justify-content:space-between;align-items:center}.level-heading strong{font-size:15px;color:#c7e2df;font-weight:600}.level-heading span{font:11px 'Outfit';color:#7eaaa7}.xp-track{height:3px;background:#213f49;margin:12px 0 13px}.xp-track i{display:block;height:3px;background:#8cd2cc}.economy-button{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #46676c;background:#1c3d453d;padding:10px;font-size:12px;margin-bottom:7px}.economy-button kbd{margin-left:5px;font-size:9px}.economy-button b{font:13px 'Outfit';color:#e3c289}.coin{color:#e8c88b;font-family:'Outfit',sans-serif}.shop-content{min-width:0}.shop-heading{display:flex;justify-content:space-between;align-items:center;height:24px;margin-bottom:12px}.shop-title{font-size:12px;display:flex;align-items:center;gap:13px;color:#acbfc2}#shop-odds{display:flex;gap:7px;font:10px 'Outfit'}.tier-1{color:#a7b6b6}.tier-2{color:#78b698}.tier-3{color:#78b4d6}.tier-4{color:#af91c8}.tier-5{color:#dfc18a}.gold-info{display:flex;gap:12px;align-items:center}.gold-info>strong{font:600 26px 'Outfit';color:#f1d59d;display:flex;gap:7px}.gold-info>strong b{font-weight:500}.gold-info>strong .coin{font-size:23px}.gold-info>span{font-size:10px;color:#9a9c7f}#streak{font-size:10px;color:#d2987c}#lock{font-size:19px;border-left:1px solid #35505b;padding:0 0 0 12px;color:#7c959b}#lock.locked{color:#f3d590}.shop-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.shop-card{position:relative;padding:0;text-align:left;height:143px;background:#16333e;border:1px solid #3c5967;border-bottom:3px solid var(--cost-color);overflow:hidden;min-width:0;transition:transform .15s,border-color .15s;--cost-color:#7e8d94}.shop-card:hover:not(:disabled){transform:translateY(-4px);border-top-color:var(--cost-color);box-shadow:0 7px 22px #04131baa}.cost-1{--cost-color:#99aeb0}.cost-2{--cost-color:#79b99b}.cost-3{--cost-color:#72b1d1}.cost-4{--cost-color:#ac86c6}.cost-5{--cost-color:#d8b770}.shop-art{position:absolute;inset:0 0 35px;overflow:hidden;background:radial-gradient(ellipse at 60% 40%,color-mix(in srgb,var(--card-accent) 30%,transparent),#17323d)}.shop-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102632 2%,#10263200 90%)}.shop-art>img{height:145px;max-width:160px;position:absolute;top:4px;left:50%;transform:translateX(-43%);filter:drop-shadow(3px 4px 8px #00162277)}.cost-5 .shop-art>img{height:147px;top:-1px}.shop-art>.unit-token{position:absolute;width:68px;height:92px;left:50%;top:8px;transform:translateX(-35%);opacity:.9}.card-traits{position:absolute;bottom:39px;left:9px;display:flex;flex-direction:column;gap:3px;z-index:1}.card-traits>span{font-size:9px;color:#d5e2dd;text-shadow:0 1px 3px #0b1c23}.card-title{position:absolute;bottom:0;left:0;right:0;height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;gap:4px;background:#153440}.card-title strong{font-size:12px;line-height:1.2;font-weight:500;color:#e1e8e3}.card-title>span{font:14px 'Outfit';white-space:nowrap;color:#e7cf9b}.rarity-label{position:absolute;right:6px;top:5px;font:7px 'Outfit';letter-spacing:1px;color:#e6c67f;z-index:2}.combine-label{position:absolute;left:6px;top:6px;font-size:9px;color:#14362e;background:#a5d8aa;padding:2px 5px;border-radius:1px;z-index:2}.shop-card.unaffordable{filter:saturate(.5)}.shop-card.purchased{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#678c93;background:#102a3488;border:1px solid #2c4750}.purchased>span{font-size:25px;margin-bottom:9px;color:#739c98}.purchased strong{font-size:12px;font-weight:400}.purchased small{font-size:9px;margin-top:6px;color:#4b727d}.test-tools{border-left:1px solid #2a414b;padding:5px 0 0 19px}.test-tools .section-eyebrow{color:#688b95;display:block;margin-bottom:11px}.test-tools button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 6px 9px 0;font-size:11px;color:#9cb4ba;border-bottom:1px solid #2b465044}.test-tools button span{font-size:17px;font-weight:400;color:#d4bb81}.unit-token{display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(150deg,color-mix(in srgb,var(--unit-color) 70%,#183644),#183644);border:1px solid var(--unit-color);clip-path:polygon(50% 0,100% 18%,90% 82%,50% 100%,10% 82%,0 18%);color:#0c2832;text-shadow:0 1px #ffffff22}.unit-token b{font-size:30px;font-weight:800}.unit-token small{font-size:8px;color:#dbe7e288}.footer{max-width:1920px;padding:0 34px 18px;margin:auto;display:flex;justify-content:space-between;font-size:9px;color:#506f7b;gap:20px}.footer i{font-style:normal;margin:0 7px;color:#365560}.footer>span:last-child{color:#64808b;font:9px 'Outfit',var(--font)}#toasts{position:fixed;bottom:34px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none;align-items:center;max-width:95%}.toast{padding:13px 22px;background:#102e39f5;border:1px solid #b9a26c88;box-shadow:0 7px 26px #04141d99;font-size:13px;color:#e9d8b3;animation:toast-in .2s;max-width:100%}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}#battle-banner{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.combat-announcement,.cast-announcement{text-align:center;padding:16px 45px;background:linear-gradient(90deg,transparent,#0c2028c9 20%,#0c2028e0 80%,transparent);min-width:60%;animation:toast-in .2s}.combat-announcement{font-size:25px;color:#e5c791;display:flex;align-items:center;justify-content:center;gap:20px}.combat-announcement strong{font-weight:500;font-size:23px;letter-spacing:5px}.cast-announcement{align-self:flex-start;margin-top:95px}.cast-announcement small{display:block;font:9px 'Outfit';color:#beab82;letter-spacing:2px;margin-bottom:6px}.cast-announcement strong{font-size:20px;color:#f1dba9;font-weight:500}.result-announcement{text-align:center;min-width:260px;background:linear-gradient(135deg,#173c44f8,#0c222df5);border:1px solid #bfa368;box-shadow:0 10px 60px #03141b99;padding:25px 40px;animation:toast-in .3s}.result-announcement>small{display:block;font:10px 'Outfit';letter-spacing:3px;color:#b9a375}.result-announcement>strong{display:block;font-size:42px;font-weight:600;letter-spacing:7px;color:#f1d092;margin:12px 0}.result-announcement>span{font-size:13px;color:#ccd3be}.result-announcement i{font-style:normal;margin:0 5px;color:#769390}.result-announcement p{font-size:10px;color:#799798;margin-top:13px}.result-announcement.loss{border-color:#9d7364}.result-announcement.loss>strong{color:#dfa78f}.loading-screen{position:fixed;inset:0;background:#081c25;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.loading-screen>strong{font-weight:500;font-size:23px;letter-spacing:4px}.loading-screen>span:last-child{font-size:13px;color:#8badaf}.loading-screen button{background:var(--gold);color:#16313b;padding:12px 22px}.loading-screen .brand-emblem{animation:load-turn 6s linear infinite}@keyframes load-turn{to{transform:rotate(360deg)}}
dialog{padding:30px;background:linear-gradient(125deg,#102d37,#081d29);border:1px solid #58716c;color:var(--text);width:min(520px,94vw);max-height:90vh;overflow-y:auto;box-shadow:0 30px 120px #000a}dialog.wide{width:min(900px,95vw)}dialog::backdrop{background:#020c14b8;backdrop-filter:blur(7px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.close-button{font-size:28px;font-weight:300;color:#8fa6ac;width:30px;height:30px;line-height:1;padding:0}dialog h2{font-size:27px;font-weight:500;letter-spacing:-1px;color:#efe5ce}.modal-intro{font-size:13px;color:#819fa6;margin-top:9px}.model-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 20px}.model-tabs button{text-align:left;padding:12px 14px;border:1px solid #35525b;background:#16333e55}.model-tabs button.active{border-color:#ccb07a;background:#b79e6220}.model-tabs button span{display:block;font-size:10px;color:#74979f;margin-bottom:5px}.model-tabs button.active span{color:#cab991}.model-tabs button b{font-size:14px;font-weight:500}.model-view{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;min-height:330px}.model-stage{min-width:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:radial-gradient(ellipse at center,#42615744,transparent 70%)}.stage-orbit{position:absolute;top:10%;width:260px;height:260px;border:1px solid #aabb8a1c;border-radius:50%;pointer-events:none}.stage-orbit:after{content:'';position:absolute;inset:15px;border:1px dashed #b7aa741a;border-radius:50%}#model-canvas{width:100%;max-height:340px;object-fit:contain;position:relative}#model-gear{font:10px 'Outfit';letter-spacing:2.5px;color:#abbf9c;margin-top:-23px;position:relative}.animation-controls{display:flex;gap:8px;margin-top:22px}.animation-controls button{font-size:11px;color:#77979f;border:1px solid #35535b;padding:7px 12px;min-width:63px}.animation-controls button.active{color:#e7c887;border-color:#b79e6766;background:#b69f7014}#model-details{padding:7px 0}.model-rarity{font-size:12px;color:#ac9d7d}.model-rarity b{margin-left:10px;color:#e4bf75;letter-spacing:2px;font-size:11px}#model-details h3{font-size:25px;font-weight:600;margin-top:9px;letter-spacing:-1px}.model-traits{font-size:11px;color:#8dacae;display:block;margin-top:8px}.model-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0;padding:15px 0;border-top:1px solid #324c51;border-bottom:1px solid #324c51}.model-stat-grid>div{font-size:10px;color:#7f9fa5}.model-stat-grid strong{display:block;font:500 22px 'Outfit';color:#ccdddc;margin-top:5px}.model-skill>span{font:9px 'Outfit';letter-spacing:1.5px;color:#b19867}.model-skill h4{font-size:16px;font-weight:500;color:#dec594;margin:9px 0}.model-skill p{font-size:12px;line-height:1.8;color:#a3b9bb;word-break:keep-all}.mana-rule{display:flex;gap:17px;font-size:10px;color:#759aa3;margin:15px 0}.mana-rule b{font:12px 'Outfit';color:#92cbd5;margin-left:4px}.asset-caption{font-size:10px;color:#5d828e;line-height:1.7}.evolution-line{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:25px;padding:17px 4px 0;border-top:1px solid #35515a;color:#9cb8ba;font-size:11px}.evolution-line b{color:#dfc07f;font-size:10px;margin-left:3px}.evolution-line i{font-style:normal;font-size:10px;color:#5e858d}.evolution-line em{font-style:normal;font-size:10px;color:#9a895f;margin-left:10px}.rules-tabs{display:flex;gap:25px;border-bottom:1px solid #34515a;margin-top:22px}.rules-tabs button{font-size:13px;color:#7898a2;padding:0 2px 12px;border-bottom:2px solid transparent}.rules-tabs button.active{color:#e3c591;border-bottom-color:#d0ac6f}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:27px}.rule-grid article>span{font:9px 'Outfit';letter-spacing:1.4px;color:#aa966f}.rule-grid h3{font-size:15px;margin:9px 0;font-weight:500;color:#d0dddc}.rule-grid p{font-size:12px;line-height:1.9;color:#82a2ab;word-break:keep-all}.demo-note{border:1px solid #415758;padding:17px;background:#9d9c6d09;margin-top:25px}.demo-note b{font-size:12px;color:#cbb98d;font-weight:500}.demo-note p{font-size:11px;line-height:1.8;color:#86a3a9;margin-top:7px}.rules-note{font-size:12px;color:#8daaae;margin:20px 0;line-height:1.8}.table-heading{font-size:15px;font-weight:500;color:#d6c394;margin:22px 0 12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.8;text-align:left}th{color:#779aa3;font-weight:400;font-size:10px;padding:9px 12px;background:#16323c;border-bottom:1px solid #3a5359}td{padding:12px;border-bottom:1px solid #2c4853;color:#b4c7c9}td:first-child{white-space:nowrap;color:#d3ddd4}td:nth-child(2){font-family:'Outfit';color:#ddc994;white-space:nowrap}.reset-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.reset-actions button{padding:11px 18px;border:1px solid #526d70;font-size:13px}.reset-actions .primary{background:#cbb078;color:#102c35;border-color:#cbb078}
@media(min-width:1550px){.game-shell{grid-template-columns:220px minmax(600px,1fr) 240px;column-gap:28px;padding:26px 40px 0}.shop-area{grid-template-columns:220px minmax(600px,1fr) 240px;gap:28px}.synergy-row{padding-top:13px;padding-bottom:13px}.player-row{height:47px}.player-name{font-size:12px}.unit-inspector{margin-top:23px}.inspector-portrait{height:160px}.inspector-portrait img{height:189px}.unit-inspector h3{font-size:16px}.inspector-traits{font-size:11px}.skill-line b{font-size:12px}.skill-line small{font-size:9px}.unit-stats span{font-size:10px}.unit-stats b{font-size:16px}.inspector-buttons button{font-size:11px}.bench{height:86px}.bench-slot img{height:87px}.shop-card{height:158px}.shop-art img{height:165px}.cost-5 .shop-art img{height:164px}.card-title strong{font-size:14px}.card-traits span{font-size:10px}.shop-controls{padding-top:7px}.economy-button{padding:12px 10px}.test-tools button{padding:12px 0;font-size:12px}.footer{padding:3px 42px 20px}.expedition{margin-top:70px}}
@media(max-width:1200px){.topbar{padding:0 22px;gap:18px}.game-shell{grid-template-columns:155px minmax(450px,1fr) 175px;gap:15px;padding:18px 18px 0}.shop-area{grid-template-columns:155px minmax(450px,1fr) 175px;gap:15px}.synergy-panel{padding-left:0;padding-right:0}.synergy-panel h2{font-size:18px}.trait-name{font-size:11px}.trait-icon{width:30px;height:34px}.synergy-row{gap:8px}.trait-count{font-size:19px}.expedition{margin-top:26px}.roundbar{gap:17px;padding:0 13px;height:58px}.round-path{gap:6px}.round-path>span{width:10px}.phase-info{gap:10px}.round-chip strong{font-size:24px}.phase-info>span{font-size:12px}.player-row{gap:6px;height:37px;padding:0 4px}.player-rank{font-size:9px;width:8px}.player-avatar{width:24px;height:25px;font-size:14px}.player-name{font-size:9px}.player-name small{display:none}.player-hp{font-size:12px}.unit-inspector{margin-top:14px}.inspector-portrait{height:102px}.inspector-portrait img{height:127px}.unit-inspector h3{font-size:12px;padding-top:8px}.inspector-traits{font-size:9px}.unit-stats{padding:8px 12px}.skill-line{padding-top:8px;padding-bottom:7px;gap:6px}.skill-line b{font-size:9px}.skill-line small{font-size:7px}.shop-area{margin-top:19px;padding-top:15px}.economy-button{padding:10px 7px;font-size:10px}.economy-button kbd{display:none}.shop-title{gap:8px;font-size:11px}#shop-odds{gap:4px;font-size:9px}.gold-info{gap:8px}.gold-info>strong{font-size:22px}.gold-info>span{font-size:9px}.card-title{padding:0 6px}.card-title strong{font-size:10px}.card-traits{left:6px}.card-traits span{font-size:8px}.shop-card{height:131px}.shop-art>img{height:135px}.test-tools{padding-left:14px}.test-tools button{font-size:10px}.shop-heading{margin-bottom:10px}.bench{height:63px;gap:5px}.bench-slot img{height:64px}.footer{padding:0 20px 15px;font-size:8px}.footer>span:last-child{font-size:8px}.arena-note{top:43px;font-size:10px}.arena-top{top:13px;font-size:10px}.arena-top>span:last-child{font-size:10px}.arena-bottom{bottom:12px;left:12px;right:12px}.arena-bottom>span{font-size:9px}.battle-button{padding:8px 12px;font-size:11px}.bench-heading{margin-top:12px;font-size:9px}}
@media(max-width:1000px){.game-shell{grid-template-columns:135px minmax(450px,1fr);gap:16px}.right-panel{grid-column:1/-1;display:flex;align-items:flex-start;gap:15px;border-top:1px solid #294750;margin-top:5px;padding-top:15px}.right-panel>.side-heading{display:none}#players{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.player-row{height:44px}.player-name{font-size:10px}.unit-inspector{width:205px;flex-shrink:0;margin-top:0;display:none}.shop-area{grid-column:1/-1;grid-row:2;grid-template-columns:135px minmax(450px,1fr);margin-top:6px;padding:15px 0 0}.test-tools{grid-column:1/-1;display:flex;align-items:center;gap:14px;border-left:0;border-top:1px solid #263f49;padding:12px 0 0}.test-tools .section-eyebrow{margin:0}.test-tools button{width:auto;min-width:130px;border:1px solid #34505b;padding:6px 10px;gap:15px}.footer{margin-top:20px}.roundbar{gap:25px}.trait-name{font-size:11px}.trait-icon{width:27px;height:30px}.trait-count{font-size:16px}.expedition p{font-size:11px}.expedition strong{font-size:12px}.shop-card{height:140px}.shop-art>img{height:145px}.card-title strong{font-size:11px}}
@media(max-width:720px){.topbar{height:70px;padding:0 15px;gap:12px}.brand{font-size:15px;letter-spacing:2px;gap:9px}.brand-emblem{width:33px;height:33px;font-size:27px}.brand small{font-size:9px;letter-spacing:5px;margin-top:4px}.top-divider,.edition{display:none}.top-actions{gap:10px}.top-actions button{font-size:11px}.top-actions .icon-button{width:22px;font-size:17px!important}.game-shell{padding:12px 12px 0;display:flex;flex-direction:column;gap:0}.synergy-panel{order:2;padding-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.synergy-panel>.section-eyebrow,.synergy-panel>h2,.crew-level,.panel-rule,.synergy-panel>.side-heading,.synergy-help,.expedition{display:none}#synergies{display:flex;gap:8px;overflow-x:auto;width:100%}.synergy-row{width:auto;min-width:129px;gap:8px;padding:6px 8px;border:1px solid #2b4650;background:#17323a40}.trait-icon{width:26px;height:29px;font-size:14px}.trait-name{font-size:10px}.trait-name small{font-size:9px;margin-top:3px}.trait-count{font-size:17px;margin-left:5px}.play-column{order:1}.roundbar{height:52px;gap:18px;padding:0 10px}.round-chip{gap:8px}.round-chip>span{font-size:8px;letter-spacing:1px}.round-chip strong{font-size:22px}.round-path{gap:4px}.round-path i{width:21px;height:21px;font-size:10px}.round-path>span{width:7px}.phase-info{gap:9px}.phase-info>span{font-size:10px}.phase-info strong{font-size:24px;min-width:29px}.roundbar>.icon-button{height:25px;width:25px;font-size:12px!important}.arena-wrap{aspect-ratio:1000/720}#arena{height:100%;width:100%}.arena-top{left:12px;right:12px;top:11px;font-size:9px}.arena-top>span:last-child{font-size:9px}.arena-note{top:34px;font-size:9px}.arena-bottom{left:10px;right:10px;bottom:8px;gap:4px}.arena-bottom>span{font-size:8px}.arena-bottom kbd{display:none}.battle-button{padding:7px 9px;font-size:10px}.battle-button span{margin-left:8px}.arena-bottom>#speed{font-size:10px}.bench{height:65px;gap:4px}.bench-slot img{height:65px;padding-left:1px;padding-right:1px}.bench-slot .unit-token{width:29px;height:41px}.unit-token b{font-size:22px}.bench-stars{font-size:6px;left:1px}.bench-heading{margin-top:12px;font-size:8px}.bench-heading>span:first-child{font-size:10px}.bench-heading b{font-size:9px}.shop-area{order:3;display:grid;grid-template-columns:1fr;padding:14px 0 0;margin-top:15px;gap:12px}.shop-controls{display:flex;align-items:center;gap:10px;padding:0}.level-heading{gap:9px}.level-heading strong{font-size:12px}.level-heading span{font-size:9px;white-space:nowrap}.xp-track{width:35px;height:3px;flex-shrink:0;margin:0 auto 0 0}.economy-button{width:auto;padding:7px 9px;gap:9px;margin:0;font-size:10px;white-space:nowrap}.economy-button b{font-size:11px}.shop-content{min-width:0}.shop-heading{height:28px;margin-bottom:9px}.shop-title{font-size:12px}#shop-odds{gap:6px;font-size:10px}.gold-info{gap:10px}.gold-info>strong{font-size:24px}.shop-cards{gap:5px}.shop-card{height:143px}.shop-art>img{height:132px;top:11px;max-width:140px;transform:translateX(-48%)}.cost-5 .shop-art>img{height:135px;top:5px}.shop-art>.unit-token{width:53px;height:80px;top:13px;transform:translateX(-45%)}.card-title{height:41px;align-items:flex-start;padding:5px 4px;gap:2px}.card-title strong{font-size:9px;line-height:1.6;max-width:62px}.card-title>span{font-size:11px}.card-title .coin{display:none}.card-traits{bottom:45px;left:5px;gap:3px}.card-traits span{font-size:7px}.rarity-label{font-size:5px;right:2px;top:6px;letter-spacing:.6px}.combine-label{font-size:7px;left:3px;padding:1px 3px;top:4px}.purchased strong{font-size:10px}.purchased small{display:none}.test-tools{gap:8px;flex-wrap:wrap;margin-top:1px;padding-top:10px}.test-tools .section-eyebrow{font-size:8px;width:100%;margin-bottom:0}.test-tools button{flex:1;min-width:0;gap:5px;font-size:9px;padding:6px 8px}.test-tools button span{font-size:13px}.right-panel{order:4;margin-top:16px;padding-top:12px}#players{grid-template-columns:repeat(2,1fr);gap:4px}.player-row{height:40px}.player-name{font-size:10px}.player-hp{font-size:12px}.footer{padding:15px 12px;font-size:8px;line-height:1.8;display:block;margin-top:0}.footer>span:last-child{display:none}.toast{font-size:11px;padding:11px 17px}.cast-announcement{margin-top:64px;padding:10px 20px}.cast-announcement strong{font-size:16px}.cast-announcement small{font-size:8px}.result-announcement{padding:15px 25px;min-width:220px}.result-announcement>strong{font-size:30px;margin:7px 0}.result-announcement>span{font-size:11px}.result-announcement p{font-size:8px}.result-announcement>small{font-size:8px}.combat-announcement strong{font-size:17px;letter-spacing:2px}.combat-announcement{font-size:20px;padding:15px;gap:12px}dialog{padding:20px}dialog h2{font-size:23px}.modal-top{margin-bottom:10px}.modal-intro{font-size:12px}.model-tabs{gap:5px;margin:19px 0 10px}.model-tabs button{padding:10px 8px}.model-tabs button span{font-size:8px}.model-tabs button b{font-size:11px}.model-view{grid-template-columns:1fr;gap:17px}#model-canvas{max-height:270px}.stage-orbit{width:210px;height:210px}.animation-controls{margin-top:17px}#model-details{padding:0}.model-rarity{font-size:11px}#model-details h3{font-size:23px}.model-stat-grid{margin:18px 0}.model-skill p{font-size:12px}.evolution-line{gap:8px;flex-wrap:wrap;font-size:10px}.evolution-line em{display:block;width:100%;text-align:center;font-size:9px}.rule-grid{grid-template-columns:1fr;gap:22px}.rules-tabs{gap:20px}.rules-tabs button{font-size:12px}.rules-note{font-size:11px}table{font-size:11px}th,td{padding:9px}.table-heading{font-size:14px}.demo-note p{font-size:11px}.loading-screen>span:last-child{font-size:11px}}
@media(min-width:1001px) and (min-height:740px){
 .game-shell{height:calc(100dvh - 116px);grid-template-rows:minmax(0,1fr) 203px;padding-top:18px;row-gap:0}
 .play-column{display:flex;flex-direction:column;min-height:0}.roundbar{height:54px;flex-shrink:0}.arena-wrap{flex:1;min-height:265px;aspect-ratio:auto}.bench-heading{margin:9px 0 7px;height:15px;flex-shrink:0}.bench{height:65px;flex-shrink:0}.bench-slot img{height:67px}
 .shop-area{margin-top:15px;padding:14px 0 6px}.shop-card{height:140px}.shop-art>img,.cost-5 .shop-art>img{height:144px}.card-title strong{font-size:12px}.shop-controls{padding-top:4px}.economy-button{padding:9px 10px}.test-tools button{padding:8px 0}
 .right-panel{min-height:0;display:flex;flex-direction:column;padding-top:6px}.right-panel>.side-heading{margin-bottom:9px}.player-row{height:34px}.player-name{font-size:11px}.player-avatar{height:25px;width:25px}.unit-inspector{margin-top:12px;min-height:0;flex:1;display:flex;flex-direction:column}.inspector-head{padding:6px 10px}.inspector-portrait{flex:1;height:auto;min-height:50px;max-height:160px}.inspector-portrait img{height:calc(100% + 30px);top:5px}.unit-inspector h3{padding:8px 10px 0;font-size:13px}.inspector-traits{padding:4px 10px 0;font-size:10px}.unit-stats{padding:7px 10px}.skill-line{padding:7px 10px}.inspector-buttons{padding:0 10px 7px}.inspector-buttons button{font-size:10px}.footer{height:30px;padding-top:4px;padding-bottom:8px}
 .synergy-panel{padding-top:8px}.synergy-panel h2{margin:7px 0 15px}.panel-rule{margin:17px 0}.synergy-row{padding-top:8px;padding-bottom:8px}.expedition{margin-top:22px;padding-top:17px}.expedition p{margin:7px 0}.tiny-rule{margin:10px 0}
}
@media(min-width:1001px) and (max-height:850px){.expedition{display:none}.unit-stats{display:none}.inspector-traits{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Battlefield sizing is owned by its container, never by canvas bitmap size. */
#arena{position:absolute;inset:0;width:100%;height:100%}
.arena-wrap{isolation:isolate;background:#0b2731}
.arena-top{top:12px;z-index:1}.arena-note{top:36px;z-index:1}
.arena-bottom{bottom:10px;z-index:2}.arena-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}
#arena-focus{font-size:11px;color:#c1d4d0;border:1px solid #50756f;padding:6px 9px;background:#112e38cc;white-space:nowrap}
#arena-focus[aria-pressed=true]{color:#f0d199;border-color:#ba9f6c}
@media(min-width:1101px){
 .topbar{height:68px;padding:0 24px}
 .game-shell{height:calc(100svh - 94px);min-height:600px;grid-template-columns:176px minmax(0,1fr) 190px;grid-template-rows:minmax(0,1fr) 186px;gap:0 16px;padding:12px 20px 0}
 .play-column{display:grid;grid-template-rows:46px minmax(0,1fr) 23px 58px;min-height:0}
 .roundbar{height:auto;gap:24px}.round-chip strong{font-size:24px}.phase-info strong{font-size:26px}
 .arena-wrap{flex:none;min-height:0;aspect-ratio:auto}
 .bench-heading{height:auto;margin:6px 0 4px}.bench{height:auto}.bench-slot img{height:60px}
 .synergy-panel{padding:8px 0 0;min-height:0;overflow:auto;scrollbar-width:thin}.synergy-panel h2{font-size:18px;margin:7px 0 15px}.crew-level>span:first-child{font-size:34px}.panel-rule{margin:15px 0}.synergy-row{padding:8px 0;gap:9px}.trait-name{font-size:12px}.trait-icon{width:31px;height:35px}.trait-count{font-size:20px}.expedition{display:none}
 .right-panel{display:flex;flex-direction:column;min-height:0;padding:6px 0 0;overflow:auto;scrollbar-width:thin}.right-panel>.side-heading{margin-bottom:9px}.player-row{height:32px;gap:6px}.player-name{font-size:10px}.player-avatar{width:24px;height:24px}.player-hp{font-size:12px}
 .unit-inspector{display:flex;flex-direction:column;min-height:170px;flex:1;margin-top:10px}.inspector-head{padding:6px 10px}.inspector-portrait{min-height:45px;flex:1;max-height:150px;height:auto}.inspector-portrait img{height:calc(100% + 20px);top:3px}.unit-inspector h3{font-size:13px;padding:7px 10px 0}.inspector-traits{font-size:10px;padding:4px 10px 0}.unit-stats{padding:6px 10px}.skill-line{padding:6px 10px}.inspector-buttons{padding:0 10px 6px}.inspector-buttons button{font-size:10px}
 .shop-area{grid-column:1/-1;grid-row:2;grid-template-columns:176px minmax(0,1fr) 190px;gap:16px;margin-top:12px;padding:12px 0 4px}.shop-controls{padding-top:3px}.economy-button{padding:8px;font-size:11px}.shop-heading{height:25px;margin-bottom:8px}.shop-card{height:130px}.shop-art>img,.cost-5 .shop-art>img{height:138px}.card-title strong{font-size:12px}.card-traits span{font-size:9px}.test-tools{padding:3px 0 0 14px}.test-tools button{padding:7px 0;font-size:11px}
 .footer{height:26px;padding:6px 22px;font-size:9px}
}
@media(min-width:1101px) and (max-height:780px){.unit-stats,.skill-line small{display:none}.unit-inspector{min-height:140px}.inspector-portrait{min-height:35px}.synergy-help{display:none}}
@media(max-width:1100px){
 .topbar{height:60px;padding:0 14px}.edition,.top-divider{display:none}
 .game-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;height:auto;min-height:0;padding:10px 12px 0}
 .play-column{grid-column:1;grid-row:1;display:grid;grid-template-rows:42px minmax(0,1fr) 22px 52px;height:clamp(410px,calc(100svh - 305px),650px);min-height:0}
 .roundbar{height:auto;gap:20px}.arena-wrap{flex:none;min-height:0;aspect-ratio:auto}.arena-note{top:32px;font-size:10px}.arena-top{top:10px;font-size:10px}.arena-top>span:last-child{font-size:10px}.arena-bottom>span{display:none}
 .bench{height:auto}.bench-slot img{height:54px}.bench-heading{margin:5px 0 4px;height:auto}
 .synergy-panel{grid-column:1;grid-row:2;display:flex;align-items:center;min-height:0;padding:0;margin:9px 0;height:37px;overflow:hidden}
 .synergy-panel>.section-eyebrow,.synergy-panel>h2,.crew-level,.panel-rule,.synergy-panel>.side-heading,.synergy-help,.expedition{display:none}
 #synergies{display:flex;gap:7px;width:100%;overflow-x:auto;scrollbar-width:none}.synergy-row{width:auto;min-width:125px;border:1px solid #2d4c54;padding:3px 8px;gap:7px}.trait-icon{width:25px;height:29px;font-size:13px}.trait-name{font-size:10px}.trait-name small{font-size:9px;margin-top:2px}.trait-count{font-size:17px;margin-left:5px}
 .shop-area{grid-row:3;grid-column:1;display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px 14px;margin:0;padding:10px 0 4px}.shop-controls{padding:0;display:block}.xp-track{width:auto;margin:9px 0;height:3px}.level-heading{display:flex}.economy-button{width:100%;padding:8px 7px;font-size:10px;margin:6px 0;display:flex}.economy-button kbd{display:none}.shop-card{height:125px}.shop-art>img,.cost-5 .shop-art>img{height:130px}.card-title strong{font-size:11px}.shop-heading{margin-bottom:7px}.test-tools{grid-column:1/-1;display:flex;align-items:center;border-left:0;padding:8px 0 0;gap:8px}.test-tools .section-eyebrow{margin:0;font-size:9px;width:auto}.test-tools button{padding:5px 9px;width:auto;min-width:0;flex:1;border:1px solid #304c57;font-size:10px;gap:8px}.test-tools button span{font-size:13px}
 .right-panel{display:block;grid-column:1;grid-row:4;min-height:0;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #2e4953}.right-panel>.side-heading{display:flex}#players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.player-row{height:38px}.player-name{font-size:10px}.unit-inspector{display:none}.footer{height:auto;padding:12px;font-size:9px;margin:0}.footer>span:last-child{display:none}
}
@media(max-width:600px){
 .brand{font-size:14px}.top-actions{gap:8px}.top-actions button{font-size:10px}.top-actions .icon-button{width:20px}
 .play-column{height:clamp(390px,calc(100svh - 325px),530px);grid-template-rows:42px minmax(0,1fr) 21px 47px}.roundbar{gap:12px}.round-path{gap:4px}.round-path>span{width:5px}.round-chip>span{display:none}.arena-note{font-size:9px}.arena-top>span:last-child{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#arena-focus{font-size:10px;padding:5px 7px}.bench-slot img{height:49px}
 .shop-area{grid-template-columns:minmax(0,1fr);gap:10px}.shop-controls{display:flex;gap:9px;align-items:center}.level-heading{gap:7px}.level-heading strong{font-size:12px}.xp-track{width:24px;flex-shrink:0;margin:0 auto 0 0}.economy-button{width:auto;gap:7px;margin:0;font-size:9px;padding:7px}.economy-button b{font-size:11px}.shop-card{height:120px}.card-title{height:35px}.card-title strong{font-size:9px}.card-traits{bottom:39px}.card-traits span{font-size:7px}.shop-art>img,.cost-5 .shop-art>img{height:120px}.test-tools{flex-wrap:wrap}.test-tools .section-eyebrow{width:100%;font-size:8px}.test-tools button{font-size:9px;padding:5px}#players{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Optional larger board for narrow app panes; the same scene still keeps its ratio. */
body.arena-focused .synergy-panel,body.arena-focused .right-panel,body.arena-focused .shop-area,body.arena-focused .footer{display:none}
body.arena-focused .game-shell{display:block;height:calc(100svh - 68px);min-height:350px;padding:10px 14px 12px}
body.arena-focused .play-column{height:100%;min-height:0;grid-template-rows:46px minmax(0,1fr)}
body.arena-focused .bench,body.arena-focused .bench-heading{display:none}
@media(max-width:1100px){body.arena-focused .game-shell{height:calc(100svh - 60px)}}

/* Live combat readouts occupy the side panel, leaving the board unobscured. */
button.player-row{display:flex;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid #263f48;cursor:pointer;font:inherit;border-radius:4px;padding:3px 5px}
button.player-row:hover{background:#27474e}button.player-row.watching{background:#355046;box-shadow:inset 3px 0 #e4c282}button.player-row:focus-visible{outline:2px solid #e4c282;outline-offset:2px}button.player-row.eliminated{opacity:.5}
#return-board{border:1px solid #c1a260;background:#29453a;color:#f7dfa4;padding:7px 10px;font:inherit;font-size:11px;white-space:nowrap}
.scout-overview{grid-column:1/-1;grid-row:2;border-top:1px solid #46625a;padding:16px 0;display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:center}
.scout-overview h3{font-size:22px;color:#e9ce92;margin:8px 0}.scout-overview p{font-size:12px;color:#b9cfca}.scout-overview small{font-size:11px;color:#8ba7ac;line-height:1.6}
.scout-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:9px}.scout-roster button{border:1px solid #3f5b61;background:#12313d;border-radius:5px;padding:7px;color:#d9e8e2;cursor:pointer;min-width:0}.scout-roster img{display:block;width:100%;height:80px;object-fit:contain}.scout-roster span{font-size:11px}.scout-roster small{display:block;color:#cfb981}
.scouting .bench-slot{cursor:pointer}.scouting #arena{cursor:help}.scouting .roundbar{border-color:#8f784a}
.scouting .unit-inspector:not([hidden]){flex-direction:column;flex-shrink:0;overflow:hidden}
@media(max-width:1100px){.scout-overview{grid-row:3;grid-template-columns:1fr;gap:8px;padding-top:12px}.scout-overview>div:first-child{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.scout-overview h3{margin:0;font-size:18px}.scout-roster{grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}.scout-roster img{height:60px}.scouting .right-panel{margin-top:5px}.scouting .unit-inspector:not([hidden]){display:flex;max-width:380px}.scouting .inspector-portrait{height:100px}}
body.arena-focused .scout-overview{display:none}
[hidden]{display:none!important}
#toggle-audio{width:auto;white-space:nowrap;font-size:11px;padding:5px}
.music-volume{display:flex;align-items:center;gap:6px;color:#9db3b4;font-size:10px;white-space:nowrap}.music-volume input{width:76px;height:16px;accent-color:#d8bd83;cursor:pointer}
@media(max-width:720px){.music-volume span{display:none}.music-volume input{width:48px}}
.sidebar-tabs,.meter-toggle{display:flex;gap:4px;margin-bottom:10px}
.sidebar-tabs button,.meter-toggle button{flex:1;background:#163640;border:1px solid #35535c;color:#9fb9be;padding:8px 3px;font:inherit;font-size:11px;cursor:pointer;border-radius:4px}
.sidebar-tabs button[aria-pressed=true],.meter-toggle button[aria-pressed=true]{background:#254b51;color:#f2d394;border-color:#8c8059}
.combat-meter{display:flex;flex-direction:column;min-height:0;color:#d7e5e4}
.right-panel>.combat-meter{flex:1}
.meter-heading{display:flex;align-items:center;justify-content:space-between;margin:6px 0 12px;gap:8px}
.meter-heading h3{font-size:14px;margin:0}.meter-time{font-size:10px;color:#83cfb6;font-variant-numeric:tabular-nums}
.meter-total{display:flex;align-items:baseline;justify-content:space-between;margin:3px 0 10px;gap:6px}.meter-total span{font-size:10px;color:#9db8bd}.meter-total strong{font:600 22px Georgia;color:#f3d193}
.meter-legend{display:flex;gap:13px;font-size:10px;color:#b3c9cc;margin-bottom:9px}.meter-legend span{display:flex;align-items:center;gap:5px}.meter-legend i{width:7px;height:7px;border-radius:2px}
.physical{background:#daa15e}.magic{background:#739fe9}
.meter-legend .healing,.meter-fill .healing{background:#60d6a1}.meter-legend .absorbed,.meter-fill .absorbed{background:#be8df0}
.meter-rows{min-height:100px;overflow-y:auto;scrollbar-width:thin;padding-right:3px;flex:1}.meter-row{padding:9px 0;border-bottom:1px solid #284650}
.meter-unit{display:flex;align-items:baseline;justify-content:space-between;gap:5px;font-size:11px;margin-bottom:6px}.meter-unit>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.meter-unit em{font-size:8px;font-style:normal;color:#ceb680}.meter-unit b{font-size:12px;font-variant-numeric:tabular-nums}
.meter-track{height:8px;border-radius:3px;background:#071f2a;overflow:hidden}.meter-fill{display:flex;height:100%;border-radius:3px;overflow:hidden;transition:width .18s ease-out}.meter-fill i{height:100%}
.meter-breakdown{display:flex;justify-content:space-between;gap:3px;margin-top:5px;font-size:9px;color:#97b2b8;font-variant-numeric:tabular-nums}.meter-shield{display:block;margin-top:3px;font-size:9px;color:#c3c7b6}.meter-row.fallen .meter-unit>span{color:#829698}.meter-note{font-size:9px;color:#839ca5;line-height:1.6;margin:10px 0 0}.meter-empty{font-size:12px;color:#94aeb5;line-height:1.8;text-align:center;padding:30px 0}
@media(min-width:1101px){.game-shell{grid-template-columns:176px minmax(0,1fr) 224px}.shop-area{grid-template-columns:176px minmax(0,1fr) 224px}}
@media(max-width:1100px){.right-panel>.combat-meter .meter-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-height:290px}.sidebar-tabs{max-width:320px}.right-panel>.combat-meter .meter-toggle{max-width:320px}.right-panel>.combat-meter .meter-total{max-width:320px}.meter-empty{grid-column:1/-1}}
body.arena-focused .game-shell{display:grid;grid-template-columns:minmax(0,1fr) 224px;gap:16px;grid-template-rows:minmax(0,1fr)}
body.arena-focused .right-panel{display:flex;grid-column:2;grid-row:1;margin:0;border:0}
@media(max-width:700px){body.arena-focused .game-shell{display:block}body.arena-focused .right-panel{display:none}}

/* Expanded roster: six distinct offers, readable catalogue and explicit variants. */
.top-actions .trial-entry{color:#f1cf91;border:1px solid #9a7c46;padding:9px 12px;white-space:nowrap}
dialog.trial-modal{width:min(1000px,calc(100vw - 24px));max-width:1000px;padding:24px;max-height:95svh}
.trial-modal h2{font-size:24px;margin:4px 0 10px}.trial-intro,.trial-caption{font-size:14px;line-height:1.7;color:#a4bdc5}
.trial-controls,.trial-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:12px 0}
.trial-controls label{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#bed2d9}
.trial-controls select,.trial-controls button,.trial-actions button{min-height:40px;padding:9px 14px;border:1px solid #486674;border-radius:5px;color:#e3eff1;background:#133440;font:inherit;font-size:14px}
.trial-actions .primary{background:#c3a062;color:#0b2631;font-weight:700}.trial-actions button:disabled{opacity:.45}
.trial-stage{background:#163b46;border-left:3px solid #e8c57e;color:#f2d699;padding:11px 14px;font-size:16px;font-weight:600}
#trial-canvas{display:block;width:100%;height:auto;aspect-ratio:1000/650;border:1px solid #375761;background:#0b2731}
.trial-actions{position:sticky;top:-24px;z-index:2;background:#0e2934;padding:8px 0}
.trial-modal .model-stat-grid{grid-template-columns:repeat(3,1fr)}
@media(max-height:700px){dialog.trial-modal{padding:12px;max-height:97svh}.trial-modal .modal-top{position:absolute;right:12px;top:10px;margin:0}.trial-modal .modal-top .section-eyebrow,.trial-intro{display:none}.trial-modal h2{font-size:18px;margin:0 35px 8px 0}.trial-controls{gap:7px;margin:6px 0}.trial-controls label{font-size:11px;gap:2px}.trial-controls select,.trial-controls button,.trial-actions button{font-size:12px;min-height:30px;padding:5px 8px}.trial-actions{top:-12px;margin:5px 0;padding:4px 0;gap:6px}.trial-stage{font-size:13px;padding:7px 10px}#trial-canvas{height:clamp(210px,calc(95svh - 175px),420px);min-height:210px;aspect-ratio:auto}.trial-summary{font-size:12px;padding:9px 0}.trial-caption{font-size:11px}}
.trial-summary{display:flex;gap:12px 22px;flex-wrap:wrap;padding:12px 0;font-size:14px;color:#9eb9c1}.trial-summary b{color:#e2efee}
.soldier-readout{display:flex;flex-direction:column;gap:7px;padding:12px;background:#142f3a;font-size:14px;color:#c5b6e1}.soldier-readout strong{color:#f0dfff}
#trial-log{border-top:1px solid #34505d;margin-top:12px;padding-top:8px;font-size:13px;color:#9eb7c4}#trial-log p{margin:5px 0}.trial-caption{margin-bottom:0;font-size:12px}
@media(max-width:600px){dialog.trial-modal{padding:14px}.trial-modal h2{font-size:20px}.trial-controls{gap:7px}.trial-controls label{flex:1;min-width:65px}.trial-controls select{width:100%;padding:8px}.trial-actions{gap:6px}.trial-actions button{padding:8px 10px}.trial-actions .primary{flex-basis:100%}.trial-intro{font-size:13px}.top-actions .trial-entry{font-size:12px;padding:7px}.trial-summary{font-size:13px}#trial-canvas{max-height:none;min-height:210px}.trial-caption{font-size:12px}}
.shop-cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.card-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-art>img{object-fit:contain;max-width:100%;object-position:center bottom}
.roster-picker{display:grid;grid-template-columns:1fr 120px 1.5fr;gap:12px;margin:22px 0 14px}
.roster-picker label,.variant-controls label{display:flex;flex-direction:column;gap:7px;color:#9db7bc;font-size:13px}
.roster-picker input,.roster-picker select,.variant-controls select{width:100%;color:#e5efeb;background:#122e38;border:1px solid #3e626c;padding:11px;font:inherit;min-height:42px}
.variant-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.variant-controls button{border:1px solid #41636c;padding:10px 14px;font-size:14px;color:#cbdad5}
.variant-controls [aria-pressed=true]{background:#3a493d;color:#f4d093;border-color:#b99a65}
.variant-controls [hidden]{display:none}.star-picker{display:flex;gap:5px}
.model-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #375059;margin-top:20px;padding-top:18px;font-size:13px;color:#9fb7bb}
.model-footer .primary{padding:12px 18px;white-space:nowrap}
.model-skill p{font-size:14px;line-height:1.8}.model-stat-grid strong{font-size:23px}
.unit-token small{font-size:9px}.test-tools button{font-size:11px}
@media(max-width:1100px){.shop-area{grid-template-columns:110px minmax(0,1fr)}.shop-cards{gap:5px}.card-title strong{font-size:10px}.card-traits{display:none}.test-tools{flex-wrap:wrap}.test-tools button{flex:1;min-width:90px}.roster-picker{grid-template-columns:1fr 110px}.unit-picker-label{grid-column:1/-1}}
@media(max-width:600px){.shop-area{grid-template-columns:minmax(0,1fr)}.shop-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shop-card{height:125px}.card-title strong{font-size:12px}.shop-art>img{height:126px}.model-footer{align-items:stretch;flex-direction:column}.variant-controls button{padding:8px 10px}.roster-picker{gap:10px}.model-stat-grid strong{font-size:22px}}

.slash-targets{display:flex;flex-wrap:wrap;gap:6px 14px;padding-bottom:10px;font-size:12px;color:#b9ced1}.slash-targets span{padding:6px 8px;border:1px solid #38565e;border-radius:4px}.slash-targets b{margin-right:5px}.slash-targets .struck{color:#baffdf;border-color:#58b5a1}

dialog.trial-modal{width:min(1280px,calc(100vw - 24px));max-width:1280px}
.trial-board-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:16px;align-items:stretch}
.trial-board-layout .combat-meter{padding:10px;border:1px solid #375761;border-radius:5px;background:#0b2631;max-height:560px}
#trial-canvas{touch-action:none;cursor:default;min-width:0}
.trial-placement{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px;background:#203f43;border:1px solid #aa9565;border-radius:5px;margin:10px 0}
.trial-placement label{display:flex;flex-direction:column;gap:6px;font-size:12px}.trial-placement select,.trial-placement button,.trial-bonuses input,.trial-bonuses button{background:#0d2b37;color:#dce9e7;border:1px solid #52727c;padding:8px;border-radius:4px;font:inherit;font-size:12px}
.trial-placement>span{font-size:11px;color:#d2c99f}.trial-placement button{cursor:pointer;color:#f2d394}.trial-bonuses{font-size:12px;color:#a8c2c8;margin:8px 0}.trial-bonuses summary{cursor:pointer;padding:5px 0}.trial-bonuses>div{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:7px 0}.trial-bonuses label{display:flex;flex-direction:column;gap:5px}.trial-bonuses input{width:120px}.trial-bonuses p{font-size:11px;margin:5px 0 9px}
.trial-offense{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 0;color:#b9d4d7;font-size:13px}.trial-offense small{font-size:11px;color:#8eaeb6}.trial-offense b{color:#efd6a5}.trial-offense>span{margin-left:12px}
@media(max-height:850px){.trial-board-layout #trial-canvas{height:clamp(260px,calc(95svh - 330px),460px);aspect-ratio:auto}.trial-board-layout .combat-meter{max-height:clamp(260px,calc(95svh - 330px),460px)}.trial-controls select,.trial-controls button,.trial-actions button{min-height:32px;padding:6px 9px;font-size:12px}.trial-intro{margin:4px 0;font-size:12px}.trial-controls,.trial-actions{margin:7px 0;gap:7px}.trial-modal h2{font-size:21px;margin:4px 0}.trial-stage{padding:8px 12px;font-size:14px}}
@media(min-width:650px) and (max-width:850px){.trial-board-layout{grid-template-columns:minmax(0,1fr) 175px;gap:8px}.trial-board-layout .combat-meter{padding:7px}.trial-board-layout .meter-note{display:none}.trial-board-layout .meter-rows{min-height:0}.trial-placement{gap:7px;padding:9px}}
@media(max-width:649px){.trial-board-layout{grid-template-columns:minmax(0,1fr)}.trial-board-layout .combat-meter{max-height:330px}.trial-board-layout .meter-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.trial-board-layout #trial-canvas{height:auto;aspect-ratio:1000/650;min-height:240px}.trial-placement{gap:7px;padding:9px}}
@media(min-width:650px) and (max-width:1100px){
 .meter-docked #arena{width:calc(100% - 174px)}
 .meter-docked #combat-meter{position:absolute;right:9px;top:48px;bottom:12px;width:158px;z-index:2;background:#0b2631e8;padding:8px;border:1px solid #39565e;border-radius:5px}
 .meter-docked .meter-heading{margin:0 0 7px}.meter-docked .meter-heading h3{font-size:12px}.meter-docked .meter-toggle{margin-bottom:5px}.meter-docked .meter-toggle button{padding:5px 2px;font-size:10px}.meter-docked .meter-total{margin:0 0 5px}.meter-docked .meter-total strong{font-size:17px}.meter-docked .meter-legend{margin-bottom:3px}.meter-docked .meter-rows{min-height:0}.meter-docked .meter-row{padding:6px 0}.meter-docked .meter-unit{font-size:10px}.meter-docked .meter-breakdown{font-size:8px}.meter-docked .meter-note{display:none}
 .meter-docked .arena-note{right:185px;text-align:left;left:18px;font-size:9px}.meter-docked .arena-bottom{right:185px}
 body.arena-focused .game-shell{display:block}body.arena-focused .right-panel{display:none}
}

.meter-legend .pure,.meter-fill .pure{background:#ece7ff}
.unit-tooltip{position:fixed;z-index:10000;width:min(340px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:hidden;pointer-events:none;border:1px solid #ae9466;background:linear-gradient(145deg,#17343cf7,#081d2afc);box-shadow:0 12px 38px #000a;border-radius:8px;padding:15px;color:#e3eeeb;font-size:12px;line-height:1.65}
.unit-tooltip[hidden]{display:none}.tooltip-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.tooltip-heading strong{font-size:17px;color:#f0d39b}.tooltip-heading span{color:#d6ba85;font-size:11px}.tooltip-traits{color:#9fc5c7;margin:3px 0 8px}.tooltip-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:8px 0;border-block:1px solid #54717a70}.tooltip-stats span{display:flex;justify-content:space-between;gap:6px;color:#9ab2b9}.tooltip-stats b{color:#e7eee9;font-weight:500}.unit-tooltip h4{margin:10px 0 5px;color:#f3d7a1;font-size:13px}.unit-tooltip p{white-space:normal;overflow-wrap:anywhere}.tooltip-boss{margin-top:8px;color:#e6aba8;font-size:11px}
.bench-drag-ghost{position:fixed;z-index:11000;width:65px;height:80px;transform:translate(-50%,-65%);pointer-events:none;background:#142e3ad9;border:1px solid #dfbe7d;border-radius:6px;box-shadow:0 6px 22px #0008;display:flex;align-items:end;justify-content:center;color:#f3d48d}.bench-drag-ghost img{position:absolute;max-width:100%;max-height:100%;object-fit:contain}.bench-drag-ghost .bench-stars{z-index:1}.bench-drag-source{opacity:.35}#bench{touch-action:none}
#shop{touch-action:none}
.pve-preview{padding:7px 12px;border:1px solid #6a7565;background:linear-gradient(90deg,#24413d,#142e39);font-size:10px;line-height:1.5;min-width:0}.pve-preview strong{font-size:12px;color:#e9d09b;margin-right:12px}.pve-preview span{color:#b6ceca}.pve-preview small{display:block;color:#93aaac;font-size:9px}.pve-preview[hidden]{display:none}
.play-column.has-pve{grid-template-rows:42px auto minmax(0,1fr) 21px 47px}
body.arena-focused .play-column.has-pve{grid-template-rows:46px auto minmax(0,1fr)}
#pve-canvas{display:block;width:100%;height:clamp(240px,calc(92svh - 300px),540px);border:1px solid #456269;background:#0b2731;touch-action:none}
#pve-lab .trial-controls{gap:8px}#pve-lab .trial-controls label{min-width:90px}#pve-lab-title{margin:6px 0}#pve-readout{padding-top:8px}#pve-lab .trial-caption{line-height:1.6}
@media(min-width:650px){
 body.arena-focused .game-shell{display:grid;grid-template-columns:172px minmax(0,1fr) 210px;gap:12px}
 body.arena-focused .synergy-panel{display:block;grid-column:1;grid-row:1;min-height:0;height:100%;align-self:stretch;overflow:auto;padding:12px 4px}
 body.arena-focused .play-column{grid-column:2;grid-row:1}
 body.arena-focused .right-panel{display:flex;grid-column:3;grid-row:1}
 body.arena-focused .synergy-panel .expedition,body.arena-focused .synergy-panel .synergy-help{display:none}
 body.arena-focused .synergy-panel .trait-name{font-size:12px}
 body.arena-focused #synergies{display:flex;flex-direction:column;gap:4px;overflow:visible;width:100%}
 body.arena-focused .synergy-row{width:100%;min-width:0;flex-shrink:0}
}
@media(min-width:650px) and (max-width:1100px){
 body.arena-focused .game-shell{grid-template-columns:136px minmax(0,1fr);gap:8px}
 body.arena-focused .right-panel{display:none}
 body.arena-focused .synergy-panel h2{font-size:15px;margin:8px 0}.arena-focused .trait-icon{width:27px;height:31px}.arena-focused .synergy-row{gap:6px}.arena-focused .trait-count{font-size:17px}
}
@media(max-width:649px){body.arena-focused .synergy-panel{display:block;position:relative;padding:4px;overflow:auto;max-height:105px}body.arena-focused #synergies{display:flex;gap:10px}body.arena-focused .synergy-panel> :not(#synergies){display:none}body.arena-focused .synergy-row{min-width:132px}body.arena-focused .play-column{height:calc(100% - 74px)}}
.sell-drop[hidden]{display:none}
body.arena-focused .bench{display:grid;position:relative;height:58px;min-height:58px}
body.arena-focused .bench-heading{display:flex;margin:3px 0;height:16px}
body.arena-focused .play-column{grid-template-rows:46px minmax(0,1fr) 16px 58px}
body.arena-focused .play-column.has-pve{grid-template-rows:46px auto minmax(0,1fr) 16px 58px}
body.arena-focused .bench-slot img{height:58px}
.test-tools[hidden],.top-actions button[hidden]{display:none!important}
body[data-mode="normal"] .shop-area,body[data-mode="online"] .shop-area{grid-template-columns:155px minmax(0,1fr)}
.mode-screen{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:28px;background:#041320ee;overflow:auto;backdrop-filter:blur(12px)}
.mode-screen[hidden]{display:none}.mode-panel{width:min(1020px,100%);max-height:100%;overflow:auto;padding:32px;border:1px solid #466275;border-top:3px solid #cbae71;border-radius:12px;background:linear-gradient(140deg,#183442,#0d1e2c 65%);box-shadow:0 24px 70px #0009;color:#eaf0ef}
.mode-panel h1{font-size:32px;margin:10px 0 26px;letter-spacing:-1px}.mode-panel h2{font-size:25px}.mode-panel p{font-size:16px;line-height:1.7;color:#b6c9d1}.mode-panel .section-eyebrow{font-size:12px;color:#cfb578}
.mode-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mode-choices>button{text-align:left;padding:25px 22px;min-height:225px;background:#183746;border:1px solid #426170;border-radius:8px;transition:background .15s,border-color .15s}.mode-choices>button:hover,.mode-choices>button:focus-visible{background:#204654;border-color:#e2c786;outline:2px solid #d4b974;outline-offset:3px}.mode-choices>button>span{font-size:13px;color:#cfb578}.mode-choices strong{display:block;font-size:26px;color:#f7e4b6;margin:19px 0}.mode-choices p{font-size:14px;margin:0;line-height:1.9;word-break:keep-all}
.mode-footer,.join-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.mode-footer button,.join-controls button{min-height:43px;padding:10px 18px;border:1px solid #4d6d7d;border-radius:5px;font-size:14px;background:#193d50;color:#eff4f4}.mode-footer button.primary,.join-controls button.primary,.server-link{background:#c6a86a;color:#122532;font-weight:700}.mode-panel button:disabled{opacity:.4;cursor:wait}.mode-label{display:flex;flex-direction:column;gap:8px;font-size:14px;max-width:100%;color:#bcd0d8}.mode-label input{border:1px solid #547483;border-radius:5px;min-height:44px;padding:10px 14px;color:#f3f4ea;background:#0b202d;font-size:16px;min-width:220px;max-width:100%}.mode-panel>.mode-label>input{width:100%}.join-controls .mode-label{flex-direction:row;align-items:center}.join-controls input{min-width:140px;width:155px;text-transform:uppercase}.mode-error{color:#ffbaad!important;margin-bottom:0;min-height:25px}.room-code{color:#efcb81;letter-spacing:5px}.room-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.room-seat{position:relative;display:grid;grid-template-columns:28px 1fr;gap:6px 10px;align-items:center;padding:13px 18px;border:1px dashed #365669;border-radius:6px;min-height:65px}.room-seat.occupied{background:#1e3d4c;border-style:solid}.room-seat>span{grid-row:span 2;color:#c7af7b}.room-seat>strong{font-size:16px}.room-seat>small{font-size:12px;color:#a5c5d2}.room-seat>button{position:absolute;right:12px;top:16px;font-size:24px}.server-link{display:inline-block;padding:12px 20px;border-radius:5px}
#connection-state{position:fixed;top:64px;left:50%;transform:translateX(-50%);z-index:12000;max-width:90%;padding:12px 20px;background:#623d20;border:1px solid #dba85e;color:#ffe8b7;border-radius:5px;font-size:14px}#connection-state[hidden]{display:none}
@media(max-width:750px){.mode-screen{padding:14px}.mode-panel{padding:22px}.mode-panel h1{font-size:25px;margin-bottom:18px}.mode-choices{grid-template-columns:1fr;gap:10px}.mode-choices>button{min-height:0;padding:16px 20px}.mode-choices strong{font-size:22px;margin:8px 0}.mode-choices p{font-size:14px}.room-slots{grid-template-columns:1fr}.mode-footer{gap:8px}.mode-footer button{padding:9px 12px}.mode-panel p{font-size:14px}}
@media(max-width:649px){body[data-mode="normal"] .shop-area,body[data-mode="online"] .shop-area{grid-template-columns:1fr}.sell-drop{top:4px!important;min-height:52px!important;padding:6px 10px!important}}
.bench-slot.drop-ready{background:#967b3855;outline:2px solid #ffe2a0;outline-offset:-2px}.unit-dragging,.unit-dragging #arena{cursor:grabbing!important;user-select:none}.unit-dragging .bench-slot{cursor:grabbing}.unit-dragging #unit-tooltip{display:none}
.shop-area[hidden],.practice-tools[hidden],.round-path[hidden]{display:none!important}
.shop-card.cost-1{--cost-color:#566976}.shop-card.cost-2{--cost-color:#146d4c}.shop-card.cost-3{--cost-color:#195db1}.shop-card.cost-4{--cost-color:#8635ad}.shop-card.cost-5{--cost-color:#9b650f}
.shop-card{height:191px;border:2px solid var(--cost-color);border-radius:5px;display:grid;grid-template-rows:104px 47px 36px}
.shop-card:disabled{opacity:.8}.shop-card.unaffordable{filter:none}
.shop-card .shop-art{position:relative;inset:auto;min-height:0;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--cost-color) 45%,#223949),#132832)}
.shop-art:after{display:none}
.shop-card .shop-art>img,.shop-card .shop-art>.unit-portrait{position:absolute;inset:4px 8px;width:calc(100% - 16px);height:calc(100% - 8px);max-width:none;transform:none;object-fit:contain;object-position:center}
.shop-card .card-traits{position:static;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:4px 8px;background:#102632}
.shop-card .card-traits>span{font-size:12px;line-height:16px;font-weight:600;color:#eff8fa;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-card .card-title{position:static;height:auto;padding:7px 8px;background:var(--cost-color);align-items:center;box-shadow:inset 0 1px #ffffff33}
.shop-card .card-title strong{font-size:13px;font-weight:700;max-width:none;color:#fff;line-height:1.4}.shop-card .card-title>span{font-size:15px;color:#fff5db;font-weight:700}.shop-card .card-title .coin{display:inline}
.unit-portrait{display:block;overflow:hidden;pointer-events:none}
.bench-slot .unit-portrait{width:100%;height:100%;max-height:76px;position:relative;z-index:1;padding:3px 4px 6px}
.inspector-portrait .unit-portrait{width:100%;height:100%;padding:7px 15px}
.bench-drag-ghost .unit-portrait{width:80px;height:95px}
.scout-roster .unit-portrait{width:100%;height:60px}
.synergy-tooltip{width:min(510px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:auto;pointer-events:auto;border-color:#9ca17a}
.trait-breakpoints{display:flex;gap:8px;margin:12px 0}.trait-breakpoints span{padding:5px 8px;background:#172e39;border-radius:4px;color:#9db0b7}.trait-breakpoints .reached{background:#706039;color:#ffebaf}
.trait-members{margin-top:12px}.trait-members h4{margin:0 0 6px;font-size:12px}.trait-members>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.trait-member{display:flex;flex-direction:column;align-items:center;border:1px solid #345362;border-radius:5px;background:#152c38;padding:5px;text-align:center;min-width:0}.trait-member.deployed{border:2px solid #e6c989;background:#504a33;padding:4px}
.trait-member .unit-portrait,.trait-member img{height:52px;width:100%;object-fit:contain}.trait-member span{font-size:11px;color:#e5eded;line-height:1.5;word-break:keep-all;margin-top:4px}
.map-picker{display:flex;gap:6px;align-items:center;font-size:11px;color:#cedcd8}.map-picker select{padding:5px;background:#102935;border:1px solid #637e87;color:#e9e7cb;border-radius:4px;font:inherit}
.practice-tools{grid-column:1/-1;padding:14px 0 10px;border-top:1px solid #46666f;margin-top:12px}.practice-tools>div:first-child{display:flex;gap:15px;align-items:center}.practice-tools strong{color:#efd299;font-size:16px}.practice-tools span,.practice-tools p{font-size:12px;color:#a0b8c3}.practice-tools p{margin-top:9px}
.practice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.practice-actions button{padding:9px 12px;border:1px solid #597985;border-radius:5px;background:#193847;font-size:13px}.practice-actions button:nth-child(2){border-color:#bb7d79;background:#4e3439}.practice-actions label{font-size:13px;display:flex;align-items:center;gap:5px}.practice-actions input{width:17px;height:17px;accent-color:#dcc48b}
.model-footer label{display:flex;gap:10px;align-items:center}.model-footer select{padding:8px 14px;background:#122c38;color:#fff;border:1px solid #75909a}
@media(min-width:1101px){.game-shell{grid-template-rows:minmax(0,1fr) 246px;min-height:700px}.roundbar{gap:13px;padding:0 12px}.round-path{gap:4px}.round-path>span{width:10px}.practice-lab .game-shell{grid-template-rows:minmax(0,1fr) auto;min-height:650px}.practice-lab .practice-tools{grid-row:2}.practice-lab .unit-inspector{max-height:420px}}
@media(max-width:1100px){.practice-tools{grid-row:3}.practice-lab .play-column{height:clamp(430px,calc(100svh - 260px),750px)}.map-picker{gap:4px}.roundbar{gap:10px;padding:0 6px}.trait-members>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.shop-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-card{height:187px;grid-template-rows:100px 47px 36px}.shop-card .card-traits>span{font-size:12px}.map-picker{font-size:10px}.round-path{display:none}.practice-tools>div:first-child{align-items:flex-start;flex-direction:column;gap:5px}}
body.arena-focused.practice-lab .game-shell{display:grid;grid-template-rows:minmax(400px,1fr) auto;height:auto;min-height:calc(100svh - 68px)}
body.arena-focused.practice-lab .practice-tools{display:block;grid-column:1/-1;grid-row:2;margin:8px 0 0;padding:10px 0}
body.arena-focused.practice-lab .play-column{height:100%}
@media(max-width:649px){body.arena-focused.practice-lab .game-shell{display:block}body.arena-focused.practice-lab .play-column{height:500px}.practice-actions{gap:7px}.practice-actions button{font-size:12px;padding:8px}.practice-actions label{font-size:12px}}
.arena-location{color:#f5e5bd;text-shadow:0 2px 5px #082337}.arena-note{color:#e5eef0;text-shadow:0 1px 4px #092737}.arena-top>span:last-child{background:#102d3aa6;padding:4px 7px;border-radius:3px}
@media(max-width:649px){.sell-drop{right:12px;bottom:12px;width:190px;min-height:62px;padding:9px}.sell-drop strong{font-size:12px}}
.sell-drop{position:absolute;inset:auto auto 12px 12px!important;width:156px;min-height:58px;z-index:12;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 12px;background:#16272ce8;border:1px dashed #d9b271;border-radius:9px;box-shadow:0 4px 18px #07161c66;color:#f3d697;pointer-events:auto}
.sell-drop strong{font-size:10px;color:#d4ddcf}.sell-drop span{font-size:13px;font-weight:700}.sell-drop.drop-ready{background:#75482eed;border:2px solid #ffe0a0;transform:scale(1.04)}
.arena-bottom{left:182px;justify-content:flex-end}.arena-bottom>span{display:none}
.horizontal-map .arena-wrap{background:#213f4b}.duel-result{pointer-events:none}
@media(max-width:649px){.sell-drop{width:112px;min-height:46px;padding:7px;left:6px!important;bottom:6px!important}.sell-drop span{font-size:11px}.sell-drop strong{font-size:9px}.arena-bottom{left:128px;right:6px}}
.shop-card{height:227px;grid-template-rows:104px 83px 36px}
.shop-card .card-traits{gap:2px}
@media(max-width:750px){.shop-card{height:223px;grid-template-rows:100px 83px 36px}}
@media(min-width:751px){#synergies{max-height:440px;overflow-y:auto;scrollbar-width:thin}}
.overtime-announcement{margin-top:64px;padding:18px 30px;text-align:center;background:linear-gradient(120deg,#441b23f5,#1b2737f5);border:1px solid #ff765f;box-shadow:0 0 32px #ff5d3c66;animation:toast-in .3s}.overtime-announcement small,.overtime-announcement strong,.overtime-announcement span{display:block}.overtime-announcement small{font:10px 'Outfit';letter-spacing:3px;color:#ff9e7d}.overtime-announcement strong{font-size:24px;color:#ffe1b7;margin:6px 0}.overtime-announcement span{font-size:12px;color:#d5b6a4}
.side-heading #synergy-info{padding:5px 9px;border:1px solid #9e885b88;border-radius:4px;background:#b4975321;color:#e8d29d;font-size:11px;letter-spacing:.04em}.side-heading #synergy-info:hover{background:#b4975340;border-color:#d4b875}
.synergy-catalog{display:grid;grid-template-columns:minmax(225px,34%) minmax(0,1fr);gap:22px;margin-top:18px;min-height:420px}.synergy-catalog-nav{min-width:0}.synergy-search{display:grid;gap:7px;color:#a9bdc0;font-size:12px}.synergy-search input{width:100%;padding:10px 12px;border:1px solid #405d66;border-radius:5px;background:#091f2a;color:#ecede4;font:inherit}.synergy-search input:focus{outline:1px solid #ccb075;border-color:#ccb075}.synergy-book-filters{display:flex;gap:7px;margin:10px 0}.synergy-book-filters button{padding:6px 10px;border:1px solid #35515a;border-radius:4px;color:#91a8ad;font-size:11px}.synergy-book-filters button.active{color:#f0d49b;border-color:#bda16b;background:#bda16b1c}.synergy-book-list{display:grid;gap:5px;max-height:min(53vh,520px);overflow:auto;padding-right:4px;scrollbar-width:thin}.synergy-book-item{display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;text-align:left;padding:8px 10px;border:1px solid #2c4853;border-left:3px solid var(--trait-color);border-radius:4px;background:#102b36;color:#dce5df}.synergy-book-item>span{grid-row:1/3;text-align:center;color:var(--trait-color);font-size:16px}.synergy-book-item strong{font-size:12px;font-weight:600}.synergy-book-item small{margin-top:3px;color:#86a0a7;font-size:10px}.synergy-book-item.active{border-color:#bba46f;background:#aa91451c}.synergy-book-detail{min-width:0;padding:22px;border:1px solid #3b5960;border-radius:6px;background:linear-gradient(145deg,#17333b99,#0a202b99)}.synergy-book-kicker{font:10px 'Outfit';letter-spacing:2px;color:#8ca9a8}.synergy-book-detail h3{margin:9px 0 14px;font-size:25px;font-weight:600;color:#eee3c8}.synergy-book-detail h3 span{margin-right:5px}.synergy-book-detail .trait-breakpoints span{font-size:12px;padding:7px 10px}.synergy-book-effect{margin:18px 0 25px;padding:15px;border-left:2px solid #c8ac73;background:#c3a7520c;color:#c2d0cc;font-size:13px;line-height:1.85;word-break:keep-all}.synergy-book-units-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #38545b;padding-bottom:9px}.synergy-book-units-head h4{font-size:15px;font-weight:500;color:#dec991}.synergy-book-units-head span{font-size:11px;color:#829da4}.synergy-book-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.synergy-book-unit{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:8px;border:1px solid #2e4a54;border-radius:4px;background:#0b222d;color:#d5e1dc;font-size:12px}.synergy-book-unit>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.synergy-cost{padding:4px 3px;border-radius:3px;text-align:center;font-size:10px;font-weight:700;color:#fff}.synergy-cost.cost-1{background:#547f89}.synergy-cost.cost-2{background:#3f9c81}.synergy-cost.cost-3{background:#3973bb}.synergy-cost.cost-4{background:#9f50a1}.synergy-cost.cost-5{background:#b98435}.synergy-book-empty{padding:16px;color:#809ba3;font-size:12px}.detail-empty{display:grid;place-items:center;min-height:280px}
@media(max-width:720px){.synergy-catalog{grid-template-columns:1fr;gap:13px;min-height:0}.synergy-book-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:180px}.synergy-book-item{padding:7px}.synergy-book-item strong{font-size:11px}.synergy-book-detail{padding:15px}.synergy-book-detail h3{font-size:22px}.synergy-book-effect{font-size:12px;margin:14px 0 20px}.synergy-book-units{grid-template-columns:1fr 1fr}}
dialog.wide:has(.practice-recruit-catalog){width:min(1120px,95vw);height:min(860px,94svh);max-height:94svh;overflow:hidden}
#modal-content:has(.practice-recruit-catalog){display:flex;flex-direction:column;height:100%;min-height:0}#modal-content:has(.practice-recruit-catalog)>.modal-top{flex-shrink:0}#modal-content:has(.practice-recruit-catalog)>.modal-intro{flex-shrink:0}
.practice-recruit-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin-top:20px}.practice-recruit-controls label{display:grid;gap:7px;font-size:12px;color:#adbec0}.practice-recruit-controls select{min-width:100px;padding:10px 12px;border:1px solid #405d66;border-radius:5px;background:#091f2a;color:#ecede4;font:inherit}.practice-recruit-controls .synergy-search{flex:1;min-width:160px}.practice-recruit-controls .star-picker{display:flex;gap:5px}.practice-recruit-controls .star-picker button{padding:10px 18px;font-size:14px}.practice-recruit-status{margin-top:12px;min-height:22px;font-size:13px;color:#b8dec7;line-height:1.6}
.practice-recruit-catalog{grid-template-columns:230px minmax(0,1fr);min-height:0;margin-top:12px}.practice-recruit-catalog .synergy-book-detail{padding:16px;max-height:55vh;overflow:auto;scrollbar-width:thin}.practice-recruit-catalog .synergy-book-list{max-height:calc(55vh - 151px)}#practice-recruit-all{width:100%;margin-bottom:12px}.practice-recruit-catalog h3{margin:6px 0 10px;font-size:22px}.recruit-synergy-effect{font-size:12px;color:#a8bfc2;margin-bottom:12px}.recruit-synergy-effect summary{cursor:pointer;padding:4px 0}.recruit-synergy-effect .trait-breakpoints{margin-top:10px}.recruit-synergy-effect .synergy-book-effect{margin:10px 0}
.practice-recruit-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.practice-recruit-unit{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:10px;border:1px solid #385b65;border-radius:6px;background:linear-gradient(150deg,#193844,#0a222d);color:#e0e9df;transition:border-color .12s,background .12s}.practice-recruit-unit:hover,.practice-recruit-unit:focus-visible{border-color:#e1c086;background:#254551;outline:2px solid #e1c086;outline-offset:1px}.practice-recruit-unit:active{background:#41605a}.recruit-portrait{display:grid;place-items:center;height:88px;margin-bottom:8px;background:radial-gradient(ellipse,#77968b25,transparent 72%)}.recruit-portrait>svg,.recruit-portrait>img{height:100%;width:100%;object-fit:contain}.recruit-portrait .unit-token{height:70px;width:55px}.recruit-unit-name{display:flex;align-items:center;gap:6px;min-height:24px}.recruit-unit-name .synergy-cost{flex-shrink:0;padding:4px 5px}.recruit-unit-name strong{font-size:13px;line-height:1.4;word-break:keep-all}.practice-recruit-unit>small{display:block;margin:7px 0 10px;font-size:11px;line-height:1.5;color:#adc2c4;word-break:keep-all}.recruit-unit-action{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:8px;border-top:1px solid #36535b;color:#e9c376;font-size:11px}.recruit-unit-action b{font-size:12px;color:#c5dfce}
.practice-recruit-controls .star-picker button[aria-pressed=true]{color:#f7dda3;border:1px solid #d9b773;background:#bda16b33;border-radius:4px}.practice-recruit-controls .star-picker button[aria-pressed=false]{border:1px solid #405d66;border-radius:4px}
.practice-recruit-catalog{flex:1;min-height:0;overflow:hidden}.practice-recruit-catalog .synergy-catalog-nav{display:flex;flex-direction:column;min-height:0}.practice-recruit-catalog .synergy-catalog-nav>label,.practice-recruit-catalog .synergy-book-filters,#practice-recruit-all{flex-shrink:0}.practice-recruit-catalog .synergy-book-list{min-height:0;max-height:none;display:flex;flex-direction:column}.practice-recruit-catalog .synergy-book-item{flex-shrink:0}.practice-recruit-catalog .synergy-book-detail{max-height:none}.practice-recruit-controls,.practice-recruit-status{flex-shrink:0}
@media(max-width:850px){.practice-recruit-catalog{grid-template-columns:190px minmax(0,1fr);gap:12px}.practice-recruit-units{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-recruit-controls{gap:10px}}
@media(max-width:600px){.practice-recruit-catalog{grid-template-columns:135px minmax(0,1fr);gap:8px}.practice-recruit-units{grid-template-columns:1fr}.practice-recruit-controls .star-picker button{padding:10px 14px}.practice-recruit-controls .synergy-search{flex-basis:100%}.practice-recruit-status{font-size:12px}.practice-recruit-catalog .synergy-book-filters{gap:3px}.practice-recruit-catalog .synergy-book-filters button{padding:6px}.practice-recruit-catalog .synergy-book-detail{padding:10px}}
@media(max-height:650px){dialog.wide:has(.practice-recruit-catalog){padding:16px}#modal-content:has(.practice-recruit-catalog)>.modal-top{position:absolute;right:16px;top:12px;margin:0}#modal-content:has(.practice-recruit-catalog)>.modal-top .section-eyebrow,#modal-content:has(.practice-recruit-catalog)>.modal-intro{display:none}#synergy-catalog-title{font-size:22px}.practice-recruit-controls{margin-top:10px;gap:10px}.practice-recruit-controls label{gap:3px}.practice-recruit-controls select,.practice-recruit-controls .star-picker button,.practice-recruit-controls input{padding:7px 10px}.practice-recruit-status{margin-top:8px}.practice-recruit-catalog{margin-top:6px}.practice-recruit-catalog .synergy-search{font-size:11px;gap:4px}.practice-recruit-catalog .synergy-search input{padding:7px}.practice-recruit-catalog .synergy-book-filters{margin:6px 0}#practice-recruit-all{margin-bottom:6px}#practice-recruit-all small{display:none}.practice-recruit-catalog .synergy-book-list{gap:4px}}
/* A single evolving unit, one offer and a one-gold reroll. */
.anomaly-dialog{width:min(940px,95vw);max-height:94vh;padding:26px;color:#eff5ff;border:1px solid #a794d18c;border-radius:18px;background:radial-gradient(ellipse at 50% 25%,#273c60 0,#12232f 48%,#101c26 100%);box-shadow:0 28px 100px #000a;overflow:auto}
.anomaly-dialog::backdrop{background:#030d19b8;backdrop-filter:blur(5px)}
.anomaly-timing{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#adbecf;font-size:13px;margin:16px 0}
.anomaly-timing strong{color:#dac6ff;white-space:nowrap;font-variant-numeric:tabular-nums}
.anomaly-content.with-catalog{display:grid;grid-template-columns:195px minmax(0,1fr);gap:22px}
.anomaly-catalog{border-right:1px solid #b8b1ef25;padding-right:16px;min-height:0}
.anomaly-catalog label{display:block;font-size:13px;color:#d7c3fc;margin-bottom:10px}
.anomaly-catalog input{width:100%;box-sizing:border-box;background:#091925;color:#eff3ff;border:1px solid #8c93aa66;border-radius:7px;padding:10px;margin-bottom:10px}
.anomaly-catalog>div{max-height:470px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.anomaly-catalog button{font-size:13px;text-align:left;border:1px solid transparent;background:transparent;color:#becad9;padding:9px;border-radius:6px}
.anomaly-catalog button.selected,.anomaly-unit-list button.selected{background:#9877e233;border-color:#c5a8ff;color:#f2e6ff}
.anomaly-catalog button[hidden]{display:none}
.anomaly-workspace{min-width:0}
.anomaly-orbit{height:220px;position:relative;display:grid;place-items:center;isolation:isolate}
.anomaly-portal{position:absolute;width:205px;height:100px;bottom:12px;border-radius:50%;border:2px solid #b3b4ff;box-shadow:0 0 35px #a08fff77,inset 0 0 25px #9180ff77;background:radial-gradient(ellipse,#061329 18%,#8072df33 45%,#62d4ff44 65%,transparent 75%)}
.anomaly-portal:before,.anomaly-portal:after{content:'';position:absolute;inset:-12px;border:1px solid #8ac9ff77;border-radius:50%;transform:rotate(-12deg)}
.anomaly-portal:after{inset:10px;transform:rotate(18deg);border-color:#c69cff}
.anomaly-hero{height:200px;width:205px;z-index:1;position:relative;text-align:center;filter:drop-shadow(0 0 16px #a0c1ff50)}
.anomaly-hero>img,.anomaly-hero>svg{width:100%;height:178px;object-fit:contain;display:block}
.anomaly-hero b{display:block;color:#f5e7ff;text-shadow:0 2px 8px #000;font-size:17px}.anomaly-hero small{color:#f0d298}
.anomaly-empty{color:#c1c8e4;font-size:16px;text-align:center;line-height:1.8;z-index:1}
.anomaly-orbit-label{position:absolute;bottom:0;font:10px Georgia;letter-spacing:3px;color:#a2accc}
.anomaly-unit-list{display:flex;gap:8px;overflow:auto;padding:12px 2px;max-height:144px}
.anomaly-unit-list button{flex:0 0 84px;display:flex;align-items:center;flex-direction:column;background:#0b1925;border:1px solid #53688188;border-radius:9px;color:#d6e3ed;padding:5px;cursor:grab}
.anomaly-unit-list button>svg,.anomaly-unit-list button>img{width:64px;height:62px;object-fit:contain}
.anomaly-unit-list button span{font-size:11px;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.anomaly-unit-list button small{color:#e8c582}
.anomaly-card{padding:20px 24px;margin:8px 0 15px;border:1px solid #bba0f577;border-radius:11px;background:linear-gradient(125deg,#33426888,#172734)}
.anomaly-card>span{font:10px Georgia;letter-spacing:2.5px;color:#b6a2ed}.anomaly-card h3{margin:9px 0;color:#f2e7ff;font-size:23px}.anomaly-card p{font-size:15px;line-height:1.7;margin:0;color:#cedae8}.anomaly-card small{display:block;color:#eacb8e;margin-top:10px}
.anomaly-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.anomaly-actions button{padding:12px 24px;border-radius:7px;background:#263a4b;color:#e7edf9;border:1px solid #768ba688;font-weight:600}.anomaly-actions button b{color:#edcf87;margin-left:16px}.anomaly-actions .anomaly-confirm{background:linear-gradient(120deg,#775bb0,#427191);border-color:#c3a8f0;color:white;min-width:180px}.anomaly-actions button:disabled{opacity:.4;cursor:not-allowed}
.anomaly-note{text-align:center;color:#9eafc0;font-size:12px;line-height:1.8;margin:13px 0}.anomaly-dialog button:focus-visible{outline:2px solid #d9bdff;outline-offset:3px}
@media(max-width:650px){.anomaly-dialog{padding:16px}.anomaly-content.with-catalog{grid-template-columns:135px minmax(0,1fr);gap:10px}.anomaly-catalog{padding-right:8px}.anomaly-timing{flex-direction:column;align-items:flex-start}.anomaly-card{padding:15px}.anomaly-orbit{height:190px}.anomaly-hero{height:175px}.anomaly-hero>svg,.anomaly-hero>img{height:150px}.anomaly-actions button{padding:10px}.anomaly-actions .anomaly-confirm{min-width:130px}}

@media(max-width:650px){.anomaly-content.with-catalog{grid-template-columns:minmax(0,1fr)}.anomaly-catalog{height:155px;border-right:0;border-bottom:1px solid #64718b44;padding:0 0 10px}.anomaly-catalog>div{display:grid;grid-template-columns:1fr 1fr;max-height:80px}.anomaly-hero{max-width:100%}.anomaly-dialog{box-sizing:border-box;width:calc(100vw - 24px);max-height:94vh}.anomaly-timing strong{white-space:normal}}
.shop-card{height:210px;grid-template-rows:minmax(0,1fr) 36px}
.shop-card .shop-art{grid-row:1;aspect-ratio:auto}
.shop-card .card-title{grid-row:2;z-index:2}
.shop-card .card-traits{position:absolute;inset:auto 0 36px;min-height:83px;justify-content:flex-end;padding:20px 8px 9px;background:linear-gradient(transparent,#061c2acc 35%,#061c2af5);pointer-events:none}
.shop-card .card-traits>span{text-shadow:0 1px 3px #000}
.shop-card .shop-art>img.shop-portrait{inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:none}
@media(min-width:1101px){body[data-mode="normal"]:not(.arena-focused) .game-shell,body[data-mode="online"]:not(.arena-focused) .game-shell{height:calc(100svh - 68px);grid-template-rows:minmax(0,1fr) 272px}}
.arena-inventory{position:absolute;left:12px;bottom:84px;width:156px;max-height:40%;overflow:auto;z-index:12;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;background:#102630e8;border:1px solid #49606b;border-radius:8px;touch-action:none}
.arena-inventory[hidden]{display:none}.arena-inventory>span{grid-column:1/-1;font-size:10px;color:#cbd6d7}.arena-inventory button{position:relative;padding:0;aspect-ratio:1;border:1px solid #8c784e;border-radius:4px;cursor:grab}.arena-inventory img{width:100%;height:100%;object-fit:contain;pointer-events:none}.arena-inventory b{position:absolute;right:1px;bottom:0;background:#061823db;font-size:10px;padding:1px 3px}.item-drag-ghost{position:fixed;width:44px;height:44px;transform:translate(-50%,-50%);pointer-events:none;z-index:11000;border:2px solid #e4c68b;border-radius:5px}.item-drag-ghost img{width:100%;height:100%}.item-dragging{user-select:none;cursor:grabbing}
.item-combine-preview{position:fixed;z-index:11001;pointer-events:none;width:280px;max-height:230px;overflow:auto;padding:13px;background:#102735f5;border:1px solid #e4c68b;border-radius:8px;box-shadow:0 6px 24px #0008}.item-combine-preview[hidden]{display:none}.item-combine-preview img{width:42px;height:42px;float:left;margin:0 10px 8px 0}.item-combine-preview strong{display:block;font-size:14px;color:#f1d69f}.item-combine-preview small{font-size:11px;color:#a7d9b7}.item-combine-preview p{clear:both;font-size:12px;line-height:1.65;margin-top:8px}
@media(max-width:649px){.arena-inventory{left:6px;bottom:65px;width:112px;padding:4px;gap:3px}}


/* Reference composition: a single Marineford scene with live controls on top. */
body{background:#248dd2 url('./assets/environment/marineford-reference.png') center / 100% 100% fixed no-repeat;color:#fff}
.topbar,.game-shell,.play-column,.arena-wrap,.roundbar,.synergy-panel,.right-panel,.shop-area,.shop-content,.shop-controls,.bench,.unit-inspector,.inspector-portrait{background:transparent;box-shadow:none}
.topbar,.game-shell{text-shadow:0 2px 3px #102e50,-1px -1px 1px #193c60,1px -1px 1px #193c60,-1px 1px 1px #193c60,1px 1px 1px #193c60;font-weight:700}
.topbar{border:0;max-width:none}.top-actions button,.edition,.edition span,.trait-name,.trait-name small,.trait-count,.synergy-help,.bench-heading,.bench-heading b,.player-name,.player-hp,.player-rank,.side-heading,.side-heading h3,.unit-inspector h3,.inspector-traits,.unit-stats span,.unit-stats b,.skill-line b,.skill-line small,.level-heading span,.shop-title,.phase-info>span,.arena-top,.arena-top>span:last-child,.arena-note,.arena-bottom>span,#placement-tip,.map-picker,.music-volume{color:#fff}
.section-eyebrow,.crew-level>span:first-child,.round-chip strong,.gold-info>strong,.coin{color:#ffe080}
body.horizontal-map .arena-wrap,body.arena-focused .arena-wrap{background:transparent}.arena-wrap{border:0;overflow:visible}.arena-top{pointer-events:none}.arena-top>span:last-child{background:none;padding:0}.arena-location{color:#fff}.arena-note{color:#fff}
.synergy-row,.synergy-row.active{background:transparent;border:0}.trait-icon{background:#477c9dba;color:white;border:1px solid #d8ebffa6;box-shadow:0 2px 3px #14395b70}.active .trait-name,.active .trait-count,.trait-name small b.reached{color:#fff}.trait-name small em,.trait-name small b{color:#dceaff}
.player-row{background:#2a67912b;border-bottom:1px solid #d1ecffaa}.player-row.self,.player-row.watching{background:#f6d57738;border:1px solid #f0d58b91}.player-name small{display:none}.player-avatar{background:#184b65c2;border:1px solid #d5eaff;box-shadow:0 1px 5px #102a47}.player-health-track{opacity:.5}
.sidebar-tabs{border:0}.sidebar-tabs button{border:1px solid #b6ddf06b;background:#2c6c9f66;color:#fff}.sidebar-tabs button[aria-pressed=true]{color:#ffe18d;background:#517c9350;border-color:#eed69c}.unit-inspector{border:0}.inspector-head,.inspector-portrait,.unit-stats,.skill-line,.inspector-buttons{background:transparent}.inspector-portrait:before{display:none}.inspector-head{border-top:1px solid #d3eaff80}.empty-inspector{background:#1d56775c;color:#f3f8ff}.inspector-traits{color:white}
.economy-button,#pause,.map-picker select,#arena-focus,.inspector-buttons button{color:#fff;border:1px solid #d3eaff80;background:#204c69b0;box-shadow:0 2px 4px #14385765;border-radius:3px}.battle-button{background:#f6d486;color:#173753;text-shadow:none;box-shadow:0 2px 5px #173f6580;border:1px solid #fff0bf;border-radius:2px}
.round-path i{background:#1c425f9c;color:#e5f5ff;border:1px solid #b8d6eb99;box-shadow:0 2px 4px #16405d}.round-path i.current{color:#ffe284;border:2px solid #ffe284}.round-path>span{background:#cfe3ed80}
.bench-slot{background:#d5e6f015;border:1px solid #f3f8ff99;box-shadow:inset 0 0 8px #32496228}.bench-slot:hover,.bench-slot.selected{background:#ffe4a02b;border-color:#ffdc7b}.bench-slot:after{border-color:#ebf8ff8c}.slot-number{color:white;text-shadow:0 2px 2px #254261}
.arena-inventory{background:#22466880;border:1px solid #e6ebefa1;border-radius:3px;box-shadow:0 2px 4px #17334c77}.sell-drop{background:#1d4c6c8c;border:1px solid #f1d992;border-radius:3px;color:#ffe38b}.sell-drop strong{color:#ffe38b}
.pve-preview{background:#16395345;border:0;color:#fff}.pve-preview strong{color:#ffe394}.pve-preview span,.pve-preview small{color:#fff}
.shop-card{box-shadow:0 2px 5px #16334880;border-radius:3px;background:#58758a33}.shop-card.cost-1{--cost-color:#66798b}.shop-card.cost-2{--cost-color:#008f35}.shop-card.cost-3{--cost-color:#1977c9}.shop-card.cost-4{--cost-color:#8b39b3}.shop-card.cost-5{--cost-color:#ba8425}.shop-card .card-title{background:var(--cost-color);border-top:1px solid #f5f9ff60;color:white}.shop-card .card-traits{background:linear-gradient(transparent,#16314d60 26%,#19334bca);color:#fff}.shop-card .card-traits>span{font-weight:800;text-shadow:0 1px 2px #183046,1px 0 2px #183046,-1px 0 2px #183046}.shop-card .card-title strong{font-weight:800;text-shadow:0 2px 2px #20384d}.shop-card .shop-art{background:transparent}
.combat-meter{background:#1f4f715c;border-radius:4px}.meter-caption,.meter-toolbar button{color:#fff}
@media(min-width:1000px){
 :root{--ui-size:min(1vw,1.78vh)}
 html,body,#app{height:100%;min-height:100%;overflow:hidden}
 .topbar{position:absolute;inset:0 0 auto;height:7%;padding:0 1.2%;gap:1.2%;z-index:30;align-items:flex-start;padding-top:1%;pointer-events:none}.topbar>*{pointer-events:auto}
 .brand{font-size:calc(var(--ui-size)*1.15);gap:10px;letter-spacing:2px}.brand-emblem{width:calc(var(--ui-size)*2.5);height:calc(var(--ui-size)*2.5);font-size:calc(var(--ui-size)*2.1)}.brand small{font-size:calc(var(--ui-size)*.76);letter-spacing:4px;margin-top:4px}.top-divider{height:35px}.edition{font-size:calc(var(--ui-size)*.75);padding-top:2px;white-space:nowrap}.edition span{font-size:calc(var(--ui-size)*.69);margin-top:5px}
 .top-actions{margin-left:auto;display:flex;gap:calc(var(--ui-size)*.9);align-items:center;padding-top:6px;min-width:0}.top-actions button{font-size:calc(var(--ui-size)*.74);white-space:nowrap;padding:0;border:0;background:none;font-weight:800;letter-spacing:-.5px}.top-actions .icon-button{width:auto;min-width:22px;font-size:calc(var(--ui-size)*1.04)!important}.music-volume{gap:4px;font-size:calc(var(--ui-size)*.57)}.music-volume input{width:calc(var(--ui-size)*3.1)}
 body:not(.arena-focused) .game-shell,body[data-mode="normal"]:not(.arena-focused) .game-shell,body[data-mode="online"]:not(.arena-focused) .game-shell,.practice-lab:not(.arena-focused) .game-shell{position:absolute;inset:0;width:100%;height:100svh;min-height:0;max-width:none;margin:0;padding:0;display:block}
 .synergy-panel{position:absolute;left:1%;top:8%;bottom:32%;width:9.6%;padding:0;overflow:auto;scrollbar-width:none}.synergy-panel>.section-eyebrow{font-size:calc(var(--ui-size)*.73);letter-spacing:0}.synergy-panel h2{font-size:calc(var(--ui-size)*1);margin:5px 0 10px}.crew-level{gap:7px;margin:0 0 25px}.crew-level>span:first-child{font-size:calc(var(--ui-size)*2.1)}.crew-level>span:last-child{font-size:calc(var(--ui-size)*.72)}.crew-level b{color:#fff}.panel-rule{display:none}.side-heading{margin:0 0 8px;align-items:center}.side-heading h3{font-size:calc(var(--ui-size)*.94)}.side-heading button{border:1px solid #ecd491;background:#365f7975;color:#ffe48c;font-size:calc(var(--ui-size)*.73);padding:4px 8px}.synergy-row{padding:8px 0;gap:8px}.trait-icon{width:calc(var(--ui-size)*1.9);height:calc(var(--ui-size)*2.1);font-size:calc(var(--ui-size)*1.25);flex-shrink:0}.trait-name{font-size:calc(var(--ui-size)*.79);font-weight:800}.trait-name small{font-size:calc(var(--ui-size)*.7);margin-top:2px;white-space:nowrap}.trait-count{font-size:calc(var(--ui-size)*1.24);font-weight:800}.synergy-help{font-size:calc(var(--ui-size)*.66);line-height:1.65;margin-top:14px}.expedition{display:none}
 .play-column,.play-column.has-pve{display:contents}
 .roundbar{position:absolute;left:30.8%;top:8%;height:4%;width:39%;display:flex;gap:10px;padding:0;justify-content:center;border:0}.round-chip{gap:8px}.round-chip>span{font-size:calc(var(--ui-size)*.7);letter-spacing:0}.round-chip strong{font-size:calc(var(--ui-size)*1.45)}.round-path{gap:5px;flex-shrink:1}.round-path i{width:calc(var(--ui-size)*1.55);height:calc(var(--ui-size)*1.55);font-size:calc(var(--ui-size)*.8)}.round-path>span{width:8px}.phase-info{gap:8px;margin-left:0;white-space:nowrap}.phase-info>span{font-size:calc(var(--ui-size)*.78)}.phase-info strong{font-size:calc(var(--ui-size)*1.9);min-width:30px}#pause{width:28px;height:28px;padding:0;color:#ffe28b;background:#21485dc0;border:1px solid #eccf84}.map-picker{gap:5px;font-size:calc(var(--ui-size)*.65);white-space:nowrap}.map-picker select{padding:4px;font-size:inherit;max-width:85px}
 .arena-wrap{position:absolute;left:11%;top:10.1%;width:76%;height:58%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.arena-top{left:41%;right:auto;top:auto;bottom:3.8%;font-size:calc(var(--ui-size)*.73);white-space:nowrap}.arena-top .arena-location{display:none}.arena-top>span:last-child{font-size:inherit}.arena-note{top:8.9%;width:100%;font-size:calc(var(--ui-size)*.66);text-align:center}.status-orb{display:none}.arena-bottom{bottom:1.5%;left:12px;right:12px;gap:8px;justify-content:flex-end}.arena-bottom>span{display:none}#arena-focus{font-size:calc(var(--ui-size)*.66);padding:6px 9px}.arena-bottom #speed{font-size:calc(var(--ui-size)*.75)}.battle-button{font-size:calc(var(--ui-size)*.71);padding:10px 15px;font-weight:800}.battle-button span{display:none}
 .arena-inventory{left:12px;bottom:84px;width:156px;padding:5px;gap:4px;max-height:35%}.sell-drop{left:12px!important;bottom:12px!important;width:156px;min-height:55px;padding:8px}.sell-drop strong{font-size:calc(var(--ui-size)*.74)}.sell-drop span{font-size:calc(var(--ui-size)*.65)}
 .bench-heading{position:absolute;top:68.25%;left:10.8%;width:76%;height:1.7%;margin:0;padding:0;font-size:calc(var(--ui-size)*.65);border:0}.bench-heading>span:first-child,.bench-heading b{font-size:calc(var(--ui-size)*.73)}.bench-heading>span:last-child{display:none}.bench{position:absolute;left:10.8%;top:70%;width:76%;height:5.6%;gap:0;margin:0}.bench-slot{border-radius:0;overflow:visible}.bench-slot .unit-portrait{height:100%;max-height:none;padding:0 4px}.bench-slot .slot-number{font-size:calc(var(--ui-size)*1.05)}.bench-slot:after{left:18%;right:18%;bottom:7px;height:10px}.bench-stars{font-size:9px}
 .right-panel{position:absolute;top:8%;right:1%;width:12%;height:68%;padding:0;margin:0;display:flex;flex-direction:column;gap:0;border:0;overflow:hidden}.sidebar-tabs{height:29px;flex-shrink:0;display:flex;gap:0;margin-bottom:8px}.sidebar-tabs button{flex:1;white-space:nowrap;padding:5px 2px;font-size:calc(var(--ui-size)*.75);font-weight:800;border-radius:3px}.right-panel>.side-heading{margin-bottom:4px;font-size:calc(var(--ui-size)*.81);flex-shrink:0}.right-panel>.side-heading h3{font-size:calc(var(--ui-size)*.93)}#players{display:block;flex:none}.player-row{height:calc(var(--ui-size)*1.85);width:100%;gap:6px;padding:0 4px}.player-rank{font-size:calc(var(--ui-size)*.7);width:10px}.player-avatar{width:calc(var(--ui-size)*1.35);height:calc(var(--ui-size)*1.35);font-size:calc(var(--ui-size)*.9);flex-shrink:0;border-radius:50%}.player-name{font-size:calc(var(--ui-size)*.71);font-weight:800}.player-hp{font-size:calc(var(--ui-size)*.78)}.player-health-track{height:2px;bottom:1px}
 .unit-inspector{margin-top:8px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.inspector-head{padding:5px 3px;font-size:calc(var(--ui-size)*.68);flex-shrink:0}.inspector-portrait{flex:1;height:auto;min-height:72px;max-height:calc(var(--ui-size)*8.5);overflow:visible}.inspector-portrait .unit-portrait{height:100%;padding:0 12px;max-width:100%}.inspector-cost{right:2px;bottom:2px;font-size:calc(var(--ui-size)*.74)}.unit-inspector h3{padding:2px 3px 0;font-size:calc(var(--ui-size)*1);flex-shrink:0}.inspector-traits{padding:2px 3px;font-size:calc(var(--ui-size)*.61);line-height:1.3;flex-shrink:0}.unit-stats{display:flex;gap:5px;justify-content:space-between;padding:4px 3px;border:0;flex-shrink:0}.unit-stats span{font-size:calc(var(--ui-size)*.57)}.unit-stats b{font-size:calc(var(--ui-size)*.92);margin-top:2px}.unit-stats span:last-child b{font-size:calc(var(--ui-size)*.7)}.skill-line{padding:4px 3px;gap:5px;flex-shrink:0}.skill-line b{font-size:calc(var(--ui-size)*.75)}.skill-line small{font-size:calc(var(--ui-size)*.56)}.inspector-items{padding:2px 3px;font-size:calc(var(--ui-size)*.7);flex-shrink:0}.shadow-inventory{margin:2px 3px;font-size:calc(var(--ui-size)*.67);flex-shrink:0}.inspector-buttons{padding:2px 3px;font-size:calc(var(--ui-size)*.65);flex-shrink:0}.inspector-buttons button{font-size:inherit;padding:3px 4px;border:0;background:none;box-shadow:none}.empty-inspector{font-size:calc(var(--ui-size)*.77)}
 .shop-area{position:absolute;left:1%;right:1%;bottom:.6%;height:22%;padding:0;margin:0;border:0;display:grid;grid-template-columns:8.2% minmax(0,1fr);gap:.6%;background:none;align-items:stretch}.shop-controls{display:flex;flex-direction:column;justify-content:flex-start;gap:7px;padding-top:4px;min-width:0}.level-heading{margin:0;height:22px;display:flex;justify-content:space-between;gap:4px}.level-heading strong{font-size:calc(var(--ui-size)*.94)}.level-heading span{font-size:calc(var(--ui-size)*.68)}.xp-track{height:2px;margin:0 0 3px;width:100%;flex-shrink:0}.economy-button{width:100%;padding:8px 5px;margin:0;gap:3px;min-width:0;font-size:calc(var(--ui-size)*.68);font-weight:800}.economy-button b{font-size:calc(var(--ui-size)*.76)}.economy-button kbd{font-size:9px;min-width:13px;height:14px}.shop-content{display:grid;grid-template-rows:30px minmax(0,1fr);height:100%;min-width:0}.shop-heading{height:30px;margin:0;align-items:center;border:0}.shop-title{font-size:calc(var(--ui-size)*.73);gap:7px;font-weight:800}#shop-odds{font-size:calc(var(--ui-size)*.6);gap:2px}.gold-info{gap:7px}.gold-info>strong{font-size:calc(var(--ui-size)*1.5)}.gold-info>span{font-size:calc(var(--ui-size)*.65)}.gold-info #lock{font-size:20px}.shop-cards{height:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55%;align-items:stretch}.shop-card{height:100%;grid-template-rows:minmax(0,1fr) 32px;border-width:2px;min-width:0}.shop-card .card-title{padding:4px 8px;height:32px}.shop-card .card-title strong{font-size:calc(var(--ui-size)*1.02);line-height:1;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-card .card-title>span{font-size:calc(var(--ui-size)*1.08)}.shop-card .shop-art>img.shop-portrait{inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:none;max-width:none;filter:none}.shop-card .card-traits{inset:auto 0 32px;min-height:0;padding:17px 7px 5px;gap:1px}.shop-card .card-traits>span{font-size:calc(var(--ui-size)*.74);line-height:1.25}.rarity-label{display:none}.combine-label{font-size:calc(var(--ui-size)*.65)}.test-tools{display:none}
 .practice-lab .practice-tools{position:absolute;left:11%;bottom:1%;width:76%;height:21%;margin:0;padding:12px;background:#163c617a;border:1px solid #d3e7ef55;overflow:auto}.practice-lab .practice-tools span,.practice-lab .practice-tools p{color:#fff}.scout-overview{position:absolute;left:11%;bottom:1%;width:76%;max-height:21%;overflow:auto;background:#153c618c}
 body.arena-focused .game-shell{position:absolute;inset:0;display:block;width:100%;height:100svh;padding:0;min-height:0}.arena-focused .synergy-panel,.arena-focused .right-panel{display:flex}.arena-focused .synergy-panel{display:block}.arena-focused .arena-wrap{left:11%;top:7%;width:76%;height:81%;min-height:0}.arena-focused .bench-heading{top:89%}.arena-focused .bench{top:91%;height:7%}.arena-focused .roundbar{top:6%;left:31%;width:39%;height:4%}.arena-focused .arena-note{top:5%}.arena-focused .right-panel{height:83%}.arena-focused.practice-lab .practice-tools{display:none}
}
@media(max-width:999px){body{background-size:auto 100vh}.game-shell{background:#16476c30}.arena-wrap{overflow:hidden}.shop-card .card-title strong{color:#fff}.unit-inspector{background:#173b6660}}
@media(min-width:1000px){
 body[data-mode="normal"] .shop-area,body[data-mode="online"] .shop-area{grid-template-columns:8.2% minmax(0,1fr)}
 .top-actions{min-width:48%;justify-content:space-between;gap:8px}
 .pve-preview{position:absolute;left:31%;top:12.5%;width:38%;padding:0;text-align:center;background:none;font-size:11px;pointer-events:none}.pve-preview span,.pve-preview small{display:none}.pve-preview strong{font-size:12px;margin:0}
 .synergy-panel .trait-icon{background:#467994e6;filter:drop-shadow(0 2px 2px #16405a);border:1px solid #d8ecff}
 .synergy-panel .trait-count,.synergy-panel .trait-name{color:#fff}
 .shop-card.purchased{color:white;background:#254f6873;border-color:#8ba6b2}.shop-card.purchased strong,.shop-card.purchased small{color:#e3eff5;text-shadow:0 2px 3px #173348}
}
/* Keep SVG intrinsic sizes inside their bench cells. */
.bench{grid-template-rows:minmax(0,1fr)}
.bench-slot{min-height:0;height:100%;overflow:hidden}
.bench-slot>img,.bench-slot>.unit-portrait{height:100%;max-height:100%;min-height:0;object-fit:contain}
/* Outlines belong to each text element, including controls with their own styles. */
:root{--scene-text-shadow:-1px -1px 0 #102335,1px -1px 0 #102335,-1px 1px 0 #102335,1px 1px 0 #102335,0 2px 3px #061725}
.topbar,.game-shell,.topbar :is(button,span,small),.game-shell :is(button,span,strong,b,small,h2,h3,kbd,select,em,i){text-shadow:var(--scene-text-shadow)}
.battle-button,.battle-button *{text-shadow:none}
@media(min-width:1000px){
 /* The background and canvas use the same 1.8x scene transform. */
 body.arena-focused{background-size:180% 180%;background-position:50% 34.5%}
 body.arena-focused .arena-wrap{left:-20.2%;top:-9.42%;width:136.8%;height:104.4%;min-height:0}
 body.arena-focused .right-panel,body.arena-focused .shop-area,body.arena-focused .bench,body.arena-focused .bench-heading,body.arena-focused .pve-preview,body.arena-focused .arena-top{display:none}
 body.arena-focused .synergy-panel{display:block;position:absolute;left:12px;top:15%;bottom:20%;width:10%;height:auto;padding:0;z-index:10;pointer-events:none}
 body.arena-focused .synergy-panel :is(.section-eyebrow,h2,.crew-level,.side-heading,.synergy-help){display:none}
 body.arena-focused .synergy-row{padding:4px 0;gap:4px;pointer-events:auto;background:#16324c99}
 body.arena-focused .trait-name{font-size:11px}
 body.arena-focused .topbar :is(.brand,.edition,.top-divider){display:none}
 body.arena-focused .top-actions{margin:auto;min-width:0;gap:18px}
 body.arena-focused .top-actions>button:not(#open-modes):not(#open-items),body.arena-focused .music-volume{display:none}
 body.arena-focused .roundbar{top:4.5%;left:25%;width:50%;height:4%;z-index:15}
 body.arena-focused .arena-note{position:fixed;top:9%;left:0;width:100%;z-index:10}
 body.arena-focused .arena-bottom{position:fixed;left:auto;right:16px;bottom:16px;z-index:15}
 body.arena-focused .arena-inventory{position:fixed;left:12px;bottom:84px;width:146px}
 body.arena-focused .sell-drop{position:fixed;left:12px!important;bottom:12px!important;width:146px}
 body.arena-focused .play-column{display:contents}
}

/* Reference scenes share the live UI anchors from the supplied 1673×940 compositions. */
body.arena-focused.practice-lab .practice-tools{display:none!important}
body[data-map="egghead"]{background-image:url('./assets/environment/egghead-scene.png')}
body[data-map="sabaody"]{background-image:url('./assets/environment/sabaody.png')}
body[data-map="sunny"]{background-image:url('./assets/environment/sunny.png')}
body[data-map="colosseum"]{background-image:url('./assets/environment/colosseum.png')}
body[data-map="drum"]{background-image:url('./assets/environment/drum-scene.png')}
body[data-map="loguetown"]{background-image:url('./assets/environment/loguetown-scene.png')}
body[data-map="marijoa"]{background-image:url('./assets/environment/marijoa-scene.png')}
body[data-map="thrillerbark"]{background-image:url('./assets/environment/thrillerbark-scene.png')}
body[data-map="alabasta"]{background-image:url('./assets/environment/alabasta-scene.png')}
body[data-map="fishman"]{background-image:url('./assets/environment/fishman-scene.png')}
body[data-map="onigashima"]{background-image:url('./assets/environment/onigashima-scene.png')}
body[data-map="wano"]{background-image:url('./assets/environment/wano-scene.png')}
body[data-map="impeldown"]{background-image:url('./assets/environment/impeldown-scene.png')}
body[data-map="marineford-war"]{background-image:url('./assets/environment/marineford-war-scene.png')}
body[data-map="hachinosu"]{background-image:url('./assets/environment/hachinosu-scene.png')}
body[data-map="waterseven"]{background-image:url('./assets/environment/waterseven-scene.png')}
body[data-map="baratie"]{background-image:url('./assets/environment/baratie-scene.png')}
.map-effect-banner{position:absolute;z-index:32;top:13%;left:26%;width:48%;padding:12px 24px;text-align:center;pointer-events:none;background:linear-gradient(90deg,#172131ee,#25232aee 50%,#172131ee);border:2px solid #d8b667;border-radius:8px;box-shadow:0 3px 12px #07121dcc,inset 0 0 0 3px #433a27;color:#fff;text-shadow:0 2px 3px #000,1px 0 #101827,-1px 0 #101827}
.map-effect-banner strong{display:block;color:#ffdc83;font-size:16px;margin-bottom:5px}.map-effect-banner span{font-size:18px;line-height:1.5;font-weight:700}
.map-effect-visible #pve-preview,.map-effect-visible #arena-note{visibility:hidden}
.augment-dialog[data-tier="prismatic"] .augment-card{border-color:#dcb8ff;background:linear-gradient(145deg,#36506b,#473c61 52%,#24585b);box-shadow:inset 0 0 22px #98e8ff38,0 0 8px #dca7ff66}
.augment-dialog[data-tier="prismatic"] .augment-emblem{color:#e4d5ff;border-color:#adf2ef;box-shadow:0 0 25px #c390ff66}.augment-dialog[data-tier="prismatic"] .augment-card-kicker{color:#b7f7ff}
@media(max-width:999px){.map-effect-banner{position:relative;top:auto;left:auto;width:100%;padding:10px}.map-effect-banner span{font-size:15px}}
@media(min-width:1000px){
 .arena-inventory{width:10%;min-width:110px;max-height:21%;bottom:17%}
 .sell-drop{width:10%;min-width:110px;bottom:4%!important;min-height:48px}
 .shop-area{height:22%;bottom:.4%}
}

.synergy-panel .synergy-row.active,body.arena-focused .synergy-panel .synergy-row.active{background:rgba(16,24,39,.72);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff24}
/* PvE reward choices share the inventory's images and descriptions. */
.loot-choice-dialog{position:fixed;top:72px;right:12px;bottom:auto;left:auto;margin:0;width:min(420px,calc(100vw - 24px));max-height:min(70vh,650px);padding:16px;border:1px solid #d9b775;border-radius:14px;background:#102735;color:#f0f6fc;box-shadow:0 20px 80px #000a;overflow:auto;z-index:80}
.loot-choice-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.loot-choice-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.loot-choice-controls button{border:1px solid #d9b775;border-radius:6px;background:#23404e;color:#f0f6fc;padding:5px 8px;cursor:pointer}.loot-choice-dialog.minimized{max-height:none}.loot-choice-dialog.minimized header{margin-bottom:0}.loot-choice-dialog.minimized .loot-choice-grid,.loot-choice-dialog.minimized .loot-deadline-note{display:none}
.loot-choice-dialog h2{margin:6px 0;font-size:24px}.loot-choice-dialog small{color:#e0bd7a}
.loot-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.loot-choice-grid button{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:22px 14px;background:linear-gradient(#284455,#142b38);border:1px solid #8ca6b3;border-radius:8px;color:#fff;text-align:center;cursor:pointer}
.loot-choice-grid button:hover,.loot-choice-grid button:focus-visible{border-color:#f4d18c;outline:2px solid #f4d18c;outline-offset:2px;background:#294a5d}
.loot-choice-grid img{width:70px;height:70px;object-fit:contain}.loot-choice-grid h3{font-size:17px;margin:0}.loot-choice-grid p{font-size:13px;line-height:1.5;margin:0}.loot-choice-grid strong{margin-top:auto;color:#f4d18c;padding-top:16px}
.loot-deadline-note{margin:20px 0 0;color:#b6c9d6;font-size:13px}.loot-upgrades{display:grid;gap:10px}.loot-upgrades button{display:grid;grid-template-columns:42px 1fr;gap:6px;padding:10px;text-align:left;background:#153444;color:white;border:1px solid #cda55e;border-radius:5px}.loot-upgrades img{grid-row:span 2;width:40px;height:40px}.loot-upgrades span{font-size:12px;color:#ebc677}.loot-probabilities{margin-top:18px;font-size:12px;line-height:1.6}.loot-probabilities b{color:#f0ce85}
@media(max-width:700px){.loot-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loot-choice-dialog{padding:16px}.loot-choice-grid button{padding:12px}.loot-choice-grid img{width:44px;height:44px}}
@media(max-height:600px){.loot-choice-dialog{padding:16px}.loot-choice-dialog header{margin-bottom:12px}.loot-choice-dialog h2{font-size:20px}.loot-choice-grid button{padding:12px 10px;gap:6px}.loot-choice-grid img{width:44px;height:44px}.loot-choice-grid h3{font-size:14px}.loot-choice-grid p{font-size:12px}.loot-choice-grid strong{padding-top:6px}.loot-deadline-note{margin-top:12px}}
.bench-slot .bench-anomaly{position:absolute;top:2px;right:3px;z-index:3;color:#e4bdff;font-size:17px;font-weight:900;text-shadow:0 0 8px #5b169f,0 1px 2px #04121c}

/* Encounter armories stay non-modal so the board and bench remain accessible. */
.encounter-banner{position:absolute;z-index:12;top:15%;left:29%;right:24%;padding:9px 18px;border:1px solid #d8b879;border-radius:6px;background:linear-gradient(90deg,#102832f2,#193e46ed,#102832f2);box-shadow:0 3px 18px #061322aa;text-align:center;color:#ffedc5;font-size:clamp(12px,.9vw,17px);line-height:1.5;pointer-events:none}
.encounter-banner[hidden],.encounter-panel[hidden]{display:none}
.round-path i.has-encounter{color:#ffe494;border-color:#ffe494;background:#243543;box-shadow:0 0 8px #e9b6528c;font-weight:900}
.encounter-panel{position:fixed;z-index:96;bottom:23%;left:20%;right:14%;max-height:60vh;overflow:auto;background:linear-gradient(120deg,#102932f7,#17404bf5,#0c202bf7);border:2px solid #b5a675;border-radius:12px;box-shadow:0 14px 55px #071320c9,0 0 0 4px #0a1a249c;color:#f6f0d9;padding:18px 22px;text-shadow:0 2px 2px #06151c;font-size:14px}
.encounter-panel header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ac966a66;padding-bottom:10px}.encounter-panel header>div{flex:1}.encounter-panel header small{font-size:10px;letter-spacing:2px;color:#c5ab74}.encounter-panel h2{font-size:23px;margin:4px 0}.encounter-panel button{border:1px solid #aa976e;border-radius:5px;background:#102a34;color:#fff5d7;padding:10px 16px;cursor:pointer;font:inherit}.encounter-panel button:hover,.encounter-panel button:focus-visible{outline:2px solid #f6d38c;background:#244b55}.encounter-panel button:disabled{opacity:.45;cursor:default}.encounter-panel [data-enc-clock]{font-size:24px;color:#ffda8b}.encounter-content{display:flex;gap:20px;padding-top:16px}.encounter-portrait{width:126px;max-height:210px;object-fit:contain;align-self:flex-start;filter:drop-shadow(0 4px 8px #0008)}.encounter-body{flex:1;min-width:0}.encounter-effect{font-size:16px;line-height:1.6;margin:0 0 14px;color:#fff2d2}.encounter-treasure{display:flex;align-items:center;gap:20px}.encounter-treasure-items{display:flex;flex:1;justify-content:space-around;gap:14px}.encounter-item{display:inline-flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.encounter-item img{width:62px;height:62px;object-fit:contain;border:2px solid #bc9b58;box-shadow:0 0 0 3px #07141e,0 3px 10px #0008}.encounter-item small{font-size:12px;line-height:1.35;text-align:center}.encounter-actions{display:grid;gap:9px;min-width:160px}.encounter-actions .primary{background:linear-gradient(#317789,#163e4c);font-size:18px;padding:16px}.encounter-actions b{color:#ffe590}.encounter-choices{display:flex;flex-wrap:wrap;gap:10px}.encounter-choices>button{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 8px}.encounter-choices>button>small{color:#c6d1cd;font-size:12px;line-height:1.5}.encounter-choice-items{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.encounter-choice-items:empty{display:none}.encounter-choice-items .encounter-item small{display:none}.encounter-detail{min-height:38px;line-height:1.5;font-size:12px;color:#ccdde0;margin:15px 0 5px}.encounter-deadline{font-size:11px;color:#adbdc2}.encounter-complete{color:#dfcb97}.encounter-history{display:flex;gap:10px;border-top:1px solid #ad996e66;margin-top:12px;padding-top:12px}.encounter-history article{flex:1;font-size:12px;display:grid;grid-template-columns:36px 1fr;gap:5px 9px}.encounter-history img{width:36px;grid-row:span 2}.encounter-history small{color:#b7c8ce;font-size:10px;line-height:1.5}.carousel-item{display:flex;justify-content:center;gap:4px}.carousel-item img{max-width:45px}
@media(max-width:1000px){.encounter-panel{left:12%;right:8%;bottom:22%;padding:12px}.encounter-portrait{width:90px}.encounter-banner{left:24%;right:20%;font-size:11px}.encounter-content{gap:12px}.encounter-item img{width:46px;height:46px}.encounter-effect{font-size:14px}}