.tt-match[data-compact] .tt-plaque:has(>.tt-loadout){border-radius:20px;flex-wrap:wrap;align-items:center;gap:3px 8px;max-width:min(100% - 8px,420px);padding:7px 12px 7px 7px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout):after{content:"";flex-basis:100%;order:2;height:0}.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout){justify-content:flex-start;padding:7px 7px 7px 12px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-plaque-copy{flex:0 auto}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-plaque-face{width:32px;height:32px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout) .tt-plaque-copy small{font-size:11px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-tip{order:5;align-self:center;margin:-14px 0;position:static;translate:none}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-tip>span{font-size:11px}.tt-loadout{flex-wrap:nowrap;flex:none;align-items:center;gap:4px;margin:-6px 0;padding:0;list-style:none;display:flex}@media (max-width:720px) and (orientation:portrait){.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-crews{order:4;gap:4px;margin:-6px 0;position:static;translate:none}}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-crews .crew-plate{gap:3px;min-width:44px;min-height:44px;padding:0 8px;font-size:11px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-crews .crew-plate:before{box-shadow:0 2px 0 var(--tt-plate-line);border-width:2px;inset:6px 0}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-crews .crew-plate .crew-glyph{width:14px;height:14px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-crews :is(.crew-plate-name,.crew-plate-text){display:none}.tt-match[data-compact=window] .tt-plaque:has(>.tt-loadout){border-radius:999px;flex-wrap:nowrap;max-width:calc(50% - 34px);padding:7px 12px 7px 7px}.tt-match[data-compact=window] .tt-plaque[data-side=them]:has(>.tt-loadout){padding:7px 7px 7px 12px}.tt-match[data-compact=window] .tt-plaque:has(>.tt-loadout):after{display:none}.tt-match[data-compact=window] .tt-plaque:has(>.tt-loadout)>.tt-plaque-copy{min-width:max-content}.tt-match[data-compact=window] .tt-plaque>.tt-loadout[data-stack-relics]>li[data-kind=relic],.tt-match[data-compact=window] .tt-plaque>.tt-loadout[data-stack-pacts]>li[data-kind=pact]{display:none}.tt-match[data-compact=window] .tt-plaque>.tt-loadout[data-stack-relics]>li[data-loadout-stack=relic],.tt-match[data-compact=window] .tt-plaque>.tt-loadout[data-stack-pacts]>li[data-loadout-stack=pact]{display:flex}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout)>.tt-mat{top:max(22px, calc(max(var(--tt-you-plaque-h,0px), var(--tt-them-plaque-h,0px)) + 8px))}@container tt-mat (orientation:landscape) and (min-aspect-ratio:2.45) and (min-width:481px){.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]{--token-w:min(15cqw, 38cqh)}}@media (max-width:899px){.tt-match[data-compact=window] .tt-plaque>.tt-loadout[data-stack-all]>li:is([data-kind],[data-loadout-stack=relic],[data-loadout-stack=pact]){display:none}.tt-match[data-compact=window] .tt-plaque>.tt-loadout[data-stack-all]>li[data-loadout-stack=all]{display:flex}.tt-match[data-compact=window] .tt-plaque:has(>.tt-loadout)>.tt-plaque-wins{display:none}}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-result{--tt-result-top:0px}@media (orientation:portrait) and (min-width:721px),(orientation:landscape) and (min-height:501px){@container tt-mat (orientation:landscape) and (481px<=width<900px){.tt-match[data-compact=window]:not(.tutorial-stage *) .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-build{bottom:calc(100% + 36px + max(0px, max(var(--tt-you-plaque-h,0px), var(--tt-them-plaque-h,0px)) - 14px))}}@container tt-mat (orientation:landscape) and (min-width:900px){.tt-match[data-compact=window]:not(.tutorial-stage *):has(.tt-dealer[data-mode=sheet]) :is(.tt-build,.tt-tower-seat){z-index:71}}}.tt-match[data-compact] .tt-outpost-move,.tt-match[data-compact] .tt-outpost-move .tt-coin-inline{font-size:11px}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-unit.tt-outpost{--pad-h:27px;grid-template-columns:22px minmax(0,1fr);gap:5px;padding:0 6px 0 2px}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-art{border-width:1.5px;border-radius:6px;width:22px;height:21px}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-info{--name-room:66px;grid-template-columns:minmax(0,max-content) 1fr;align-items:center;gap:0 3px}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-seat{grid-column:1/-1;line-height:10px}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost:has(>.tt-outpost-hp,>.tt-outpost-ammo) .tt-outpost-seat{visibility:hidden}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-name{font-size:12px;line-height:13px}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-pips{gap:3px;padding:0}.tt-match[data-compact=window] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-pips i{border-width:1.5px;border-radius:1px;width:6px;height:6px}@media (max-width:720px) and (orientation:portrait) and (max-height:700px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-unit.tt-outpost{--pad-h:27px;grid-template-columns:22px minmax(0,1fr);gap:5px;padding:0 6px 0 2px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-art{border-width:1.5px;border-radius:6px;width:22px;height:21px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-info{--name-room:66px;grid-template-columns:minmax(0,max-content) 1fr;align-items:center;gap:0 3px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-seat{grid-column:1/-1;line-height:10px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-outpost-name{font-size:12px;line-height:13px}}@media (min-width:521px) and (max-width:720px) and (orientation:portrait) and (max-height:700px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-outpost:has(>.tt-outpost-hp,>.tt-outpost-ammo) .tt-outpost-seat{visibility:hidden}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-outpost-pips{gap:3px;padding:0}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-outpost-pips i{border-width:1.5px;border-radius:1px;width:6px;height:6px}}@media (max-width:720px) and (orientation:portrait){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost{--pad-w:104px;--pad-h:32px;--pad-min:4px;--pad-max:calc(100cqw - 4px - var(--pad-w));--front-clear:calc(var(--token-w) * .5 + 4px);translate:clamp(var(--pad-min), calc(var(--sx) * 1cqw - var(--pad-w) * .5), var(--pad-max)) calc(var(--sy) * 1cqh - var(--at-box) * .61 * var(--ss,1) - var(--pad-h) - var(--pad-gap,6px));grid-template-columns:auto minmax(0,1fr);gap:3px;padding:2px 3px 2px 2px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost[data-side=you][data-slot="0"]{--pad-min:2px;--pad-max:calc(50cqw - var(--token-w) * .5 - 2px - var(--pad-w));--cramped:calc((var(--pad-min) - var(--pad-max)) * 999);translate:calc(clamp(var(--pad-min), calc(50cqw - var(--front-clear) - var(--pad-w)), var(--pad-max)) + clamp(0px, var(--cramped), calc(var(--sx) * 1cqw - var(--pad-w) * .5 - var(--pad-min)))) min(calc(var(--sy) * 1cqh - var(--at-box) * .61 * var(--ss,1) + 3px - clamp(0px, var(--cramped), calc(var(--pad-h) + 9px))), var(--pad-top-max,100cqh))}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost[data-side=you]:is([data-slot="1"],[data-slot="2"]){--pad-gap:max(6px, calc(24.75px - var(--at-box) * var(--ss,1) * .61))}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost[data-side=you][data-slot="1"]{--pad-max:calc(50cqw - var(--front-clear) - var(--pad-w))}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost[data-side=you][data-slot="2"]{--pad-min:calc(50cqw + var(--front-clear))}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost .tt-outpost-art{width:26px;height:24px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost .tt-outpost-info{--name-room:66px;grid-template-columns:minmax(0,1fr)}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost .tt-outpost-seat{display:none}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost>.tt-outpost-move{padding:4px 11px 27px;line-height:13px;top:-16px;left:27px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost>.tt-outpost-move:before{inset:4px 4px 27px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost:before{z-index:-1;content:"";position:absolute;inset:-2px}:is(.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="1"]) .tt-unit.tt-plate[data-side=you][data-slot="1"]:not([data-mini]),.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="2"]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini])){top:calc(var(--sy) * 1% - var(--pw) * .61 - max(55px, calc(73.75px - var(--pw) * .61)));translate:0 -100%}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]) .tt-unit.tt-plate[data-side=you]:not([data-mini]):after{inset:min(-2px,50% - 22px)}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]):after{left:-2px;right:min(-2px,100% - 42px)}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="1"]) .tt-unit.tt-plate[data-side=you][data-slot="1"]:not([data-mini]):after{top:min(-2px,100% - 42px);bottom:-2px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="2"]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]):after{top:min(-2px,100% - 42px);bottom:-2px}@container tt-tools not (min-width:76px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]:is([data-slot="0"],[data-slot="1"])) .tt-tools[data-side=you][data-slot="0"]>:is(.tt-sell-tab,.tt-feed-pill){place-items:start end;top:0;left:auto;right:-44px}}}@media (min-width:361px) and (max-width:720px) and (orientation:portrait){@container tt-mat ((orientation:portrait) or (max-width:480px)) and (max-height:330px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]) .tt-unit.tt-plate[data-side=you]:is([data-slot="1"],[data-slot="2"]):not([data-mini]){translate:0 min(-50%, calc(var(--sy) * 1cqh - max(var(--pw) * .61 + .5px, 22.5px) - 2.25px - 47cqh - 100%))}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="0"]){--pill-h:23.8px;--move-room:5px;--side-ss:.78;--sell-top:calc(80cqh - max(var(--token-w) * var(--side-ss) * .61 + .5px, 22.5px));--pad-top-max:min(max(calc(47cqh - var(--pill-h) / 2 - 34.25px), calc(9.5cqh + var(--token-w) * .44 * .61 + 10px + var(--move-room))), max(calc(var(--sell-top) - var(--pill-h) - 36.5px), min(0px, calc(var(--sell-top) - 34.25px))))}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="0"]):not(:has(>.tt-outpost[data-side=you][data-slot="1"])) .tt-unit.tt-plate[data-side=you][data-slot="1"]:not([data-mini]){translate:0 min(max(-50%, calc(var(--pad-top-max) + 34.25px - 47cqh)), calc(var(--sell-top) - 2.25px - 47cqh - 100%))}}@container tt-mat ((orientation:portrait) or (max-width:480px)) and (max-height:200px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="0"]){--move-room:3.25px;--side-ss:.92}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="0"]):not(:has(>.tt-outpost[data-side=you][data-slot="1"])) .tt-unit.tt-plate[data-side=you][data-slot="1"]:not([data-mini]):after{bottom:-2px}}@container tt-mat ((orientation:portrait) or (max-width:480px)) and (max-height:210px){:is(.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="1"]) .tt-unit.tt-plate[data-side=you][data-slot="1"]:not([data-mini]),.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="2"]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini])){max-width:calc(27% - var(--token-w) * .22 - 3px);padding-inline:6px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="2"]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]){right:auto;left:calc(70% + var(--token-w) * .22 + 3px)}}@container tt-mat ((orientation:portrait) or (max-width:480px)) and (max-height:105px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]){right:auto;left:calc(70% + var(--token-w) * .22 + 3px);max-width:calc(27% - var(--token-w) * .22 - 3px);padding-inline:6px}}}@media (min-width:361px) and (max-width:720px) and (orientation:portrait) and (min-height:701px){@container tt-mat ((orientation:portrait) or (max-width:480px)) and (max-height:330px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you][data-slot="0"]){--pill-h:43.6px}}}@media (max-width:720px) and (orientation:portrait){.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout){row-gap:6px}.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout)>.tt-tip{order:1;align-self:flex-start;margin-inline:-14px}}.tt-match[data-compact=window] .tt-plaque:has(>.tt-loadout)>.tt-crews{top:auto;bottom:0;left:calc(100% + 8px);translate:none}.tt-plaque[data-side=them]>.tt-loadout{flex-direction:row-reverse}.tt-loadout>li{display:flex}.tt-loadout-chip{min-width:44px;height:44px;color:inherit;touch-action:manipulation;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:none;place-items:center;padding:0;display:grid;position:relative}.tt-loadout-chip:focus-visible{outline:none}.tt-loadout-card{box-sizing:border-box;border:2px solid var(--tt-plate-line);outline-offset:1px;min-width:32px;height:32px;box-shadow:0 2px 0 var(--tt-plate-line);color:#3a2a22;background:#ffd3de;border-radius:10px;outline:3px solid #0000;flex:none;justify-content:center;align-items:center;gap:3px;padding:0 6px;transition:outline-color .15s;display:inline-flex}.tt-loadout-card[data-ring=them]{background:#d7eefc}.tt-loadout-card:is([data-kind=captain],[data-kind=relic]){border-radius:999px}.tt-loadout-card[data-pending=true]{background:var(--tt-plate);box-shadow:none;color:var(--tt-plate-muted);border-style:dashed}.tt-loadout-chip:focus-visible .tt-loadout-card{outline-color:var(--color-table-focus)}.tt-loadout-chip[aria-expanded=true] .tt-loadout-card{outline-color:var(--color-pink-strong,#e0457b)}.tt-loadout-chip[data-firing=true] .tt-loadout-card{animation:.9s ease-out both tt-relic-fire}@media (prefers-reduced-motion:reduce){.tt-loadout-chip[data-firing=true] .tt-loadout-card{animation:none}}.tt-loadout-face{flex:none;place-items:center;width:16px;height:16px;font-size:12px;font-weight:900;line-height:1;display:grid}.tt-loadout-art{width:16px;height:16px;display:block}.tt-loadout-badge{box-sizing:border-box;border:1.5px solid var(--tt-plate-line);background:var(--tt-plate);min-width:16px;height:16px;color:var(--tt-ink,#2a1a12);border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.tt-loadout-badge[data-trade-off-mark]{width:16px}.tt-loadout-badge svg{width:13px;height:13px;display:block}.tt-loadout-count{background:var(--tt-plate-line);color:var(--tt-plate);padding:0 3px;font-size:11px;font-weight:900;line-height:1}.tt-loadout-clock[data-price=due]{color:#fff;background:#d6335a}.tt-loadout-clock svg{width:10px;height:10px}@media (max-width:720px) and (orientation:portrait){.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=you]>.tt-loadout)>.tt-mat{bottom:max(40px, calc(var(--tt-you-plaque-h,48px) + 4px))}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout)>.tt-mat{top:max(40px, calc(var(--tt-them-plaque-h,48px) + 10px))}.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout){max-width:calc(100% - 150px)}}@media (min-width:415px) and (max-width:720px) and (orientation:portrait){.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout){max-width:calc(100% - 216px)}}.tt-plaque>.tt-loadout{order:3}.tt-match[data-compact] .tt-plaque:has(>.tt-build-chip){row-gap:7px}.tt-build-chip{min-height:44px;color:var(--tt-plate-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;flex:none;order:1;place-items:center;margin:-4px 0 -4px auto;padding:0;display:grid}.tt-build-chip:focus-visible{outline:none}.tt-build-chip-card{box-sizing:border-box;border:2px solid var(--tt-plate-line);outline-offset:1px;background:linear-gradient(180deg, var(--tt-plate), var(--tt-plate-2));height:36px;box-shadow:0 2px 0 var(--tt-plate-line);font-family:var(--tt-display);border-radius:12px;outline:3px solid #0000;align-items:center;gap:6px;padding:0 6px;font-size:13px;line-height:1;transition:outline-color .15s;display:inline-flex}.tt-build-chip:focus-visible .tt-build-chip-card{outline-color:var(--color-table-focus)}.tt-build-chip[aria-expanded=true] .tt-build-chip-card{outline-color:var(--color-pink-strong,#e0457b)}.tt-build-chip:disabled{cursor:not-allowed}.tt-build-chip:disabled .tt-build-chip-card{opacity:.55}.tt-build-chip-art{gap:3px;display:flex}@media (max-width:360px){.tt-build-chip-art{display:none}}.tt-build-chip-art .tt-chip-icon{box-sizing:border-box;border:1.5px solid var(--tt-plate-line);background:#ffd3de;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.tt-build-chip-art .tt-chip-icon svg{width:14px;height:auto}.tt-build-chip b{letter-spacing:.03em;text-transform:uppercase;font-weight:400}.tt-build-chip .tt-chip-price{box-sizing:border-box;border:2px solid var(--tt-plate-line);color:#3a2a22;background:#ffe27a;border-radius:999px;align-items:center;height:20px;padding:0 7px;font-family:inherit;font-size:11px;font-weight:900;display:inline-flex;position:static}.tt-build-sheet{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));z-index:70;border:2.5px solid var(--tt-plate-line);background:linear-gradient(180deg, var(--tt-plate), var(--tt-plate-2));max-height:calc(100dvh - 16px);box-shadow:0 5px 0 var(--tt-plate-line), 0 18px 30px -12px var(--tt-shadow);border-radius:22px;gap:10px;padding:12px;animation:.16s ease-out tt-sheet-in;display:grid;position:fixed;overflow:auto}.tt-build-sheet-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tt-build-sheet-top p{align-items:baseline;gap:8px;margin:0;display:flex}.tt-build-sheet-top .tt-outpost-seat{font-size:11px}.tt-build-sheet-top .tt-btn{min-height:44px}.tt-build-sheet-list{gap:10px;padding-bottom:4px;display:grid}.tt-build-sheet .tt-chip{grid-template-columns:36px minmax(0,1fr) auto;gap:2px 10px;width:100%;min-height:56px;padding:8px 10px 8px 8px;display:grid}.tt-build-sheet .tt-chip-words{max-width:none}.tt-build-sheet .tt-chip-text{-webkit-line-clamp:unset;font-size:13px;line-height:1.25;display:block}.tt-build-sheet .tt-chip-price{border:2px solid var(--tt-plate-line);background:#ffe27a;border-radius:999px;align-self:center;padding:1px 8px;font-size:12px;font-weight:900;position:static}@media (orientation:landscape) and (max-height:500px){.tt-build-sheet{width:min(460px,100vw - 16px);right:auto}}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]){--tt-rule-hidden:1;width:auto;max-width:calc(var(--pw) + 40px);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;display:flex}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]):before{content:none}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]):after{content:"";position:absolute;inset:min(0px,50% - 22px)}.tt-match[data-compact=phone] .tt-field[data-phase=shop] button.tt-unit.tt-seat:after{inset:min(0px, calc(50% - 22px / var(--ss,1)));content:"";position:absolute}@container tt-tools not (min-width:76px){.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-tools[data-side=you]>:is(.tt-sell-tab,.tt-feed-pill){margin:min(-.5px,61cqw - 22.5px) min(-1.5px,50cqw - 23.5px) min(0px,61cqw - 22px) min(-.5px,50cqw - 22.5px)}}@media (max-width:720px) and (orientation:portrait){.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]){text-align:center;white-space:normal;border-radius:14px;justify-content:center;padding:3px 9px}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-slot="0"]:not([data-mini]){max-width:calc(48% - var(--token-w) * .78 - 16px)}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:is([data-slot="1"],[data-slot="2"]):not([data-mini]){max-width:calc(47% - var(--token-w) / 2 - 6px)}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-slot="2"]:not([data-mini]):after{left:0;right:min(0px,100% - 44px)}}@media (max-width:720px) and (orientation:portrait) and (min-height:701px){.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-side=you][data-slot="1"]:not([data-mini]){max-width:82px;padding:6px}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]){--front-gap:6px;width:auto;max-width:calc(50% - var(--token-w) / 2 - var(--front-gap) - 8px);padding:6px;left:auto;right:8px}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]):after{left:min(0px,100% - 44px);right:0}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]:is([data-slot="0"],[data-slot="1"])) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]){--front-gap:clamp(6px, calc((76px - var(--token-w)) * 999), max(48px, calc(70px - var(--token-w) / 2)))}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]):after{left:min(-2px,100% - 42px);right:-2px}@container tt-mat not (max-height:330px){.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]){top:min(var(--plate-above), calc(var(--sy) * 1% - var(--pw) * .61 - 23px))}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]):after{top:min(0px,100% - 44px);bottom:0}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]):after{top:min(-2px,100% - 42px);bottom:-2px}}}@media (max-width:720px) and (orientation:portrait) and (max-height:700px){.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate[data-side=you][data-slot="0"]:not([data-mini]){top:calc(var(--plate-below) + 4px)}.tt-match[data-compact=phone] .tt-field[data-phase=shop]:has(>.tt-outpost[data-side=you]:is([data-slot="0"],[data-slot="1"])) .tt-unit.tt-plate[data-side=you][data-slot="2"]:not([data-mini]){left:calc(50% + var(--token-w) / 2 + max(48px, calc(70px - var(--token-w) / 2)));max-width:calc(47% - var(--token-w) / 2 - max(48px, calc(70px - var(--token-w) / 2)))}}@media (orientation:landscape) and (max-height:500px){.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-plate-layer>.tt-unit.tt-plate{display:none}}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]) .tt-plate-seat{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]) .tt-plate-name{text-wrap:balance;font-size:12px;line-height:1.15}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]) .tt-plate-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tt-match[data-compact] .tt-dealer .tt-pact-card{grid-template-rows:auto auto auto}.tt-match[data-compact] .tt-dealer .tt-pact-head{justify-content:center;align-items:center;gap:6px;padding:6px 8px 5px;display:flex}.tt-match[data-compact] .tt-dealer .tt-pact-seal{flex:none;width:26px;height:26px;margin:0;font-size:14px;display:grid}.tt-match[data-compact] .tt-dealer .tt-pact-head small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tt-match[data-compact] .tt-dealer .tt-pact-head b{letter-spacing:0;overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto;font-size:14px}@media (max-width:360px){.tt-match[data-compact] .tt-dealer .tt-pact-head b{font-size:12px}}.tt-match[data-compact] .tt-dealer .tt-pact-half{padding:5px 8px 6px;display:block}.tt-match[data-compact] .tt-dealer .tt-pact-half-head{letter-spacing:.04em;vertical-align:1px;flex-wrap:wrap;gap:2px 3px;max-width:100%;margin-right:5px;display:inline-flex}.tt-match[data-compact] .tt-dealer .tt-pact-when{margin-left:2px;font-size:11px}.tt-match[data-compact] .tt-dealer .tt-pact-text{font-size:12px;line-height:1.25;display:inline}.tt-match[data-compact] .tt-dealer .tt-dealer-pill{letter-spacing:.06em;white-space:normal;text-wrap:balance;padding:3px 10px;font-size:11px}.tt-match[data-compact] .tt-dealer .tt-dealer-title{column-gap:16px}.tt-match[data-compact] .tt-dealer .tt-dealer-title>.tt-tip{z-index:1;position:relative}@media (max-height:700px){.tt-match[data-compact] .tt-dealer .tt-dealer-figure{display:none}}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet]{grid-template:"cards title""cards fold""cards actions"1fr/minmax(0,1fr) 170px;align-items:start;gap:12px;max-width:760px;display:grid}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet][data-count="3"]{max-width:1000px}.tt-match[data-compact=phone] .tt-dealer[data-mode=sheet][data-count="3"] .tt-dealer-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.tt-match[data-compact=phone] .tt-dealer[data-mode=sheet][data-count="3"] .tt-pact-card:nth-child(3){grid-column:1/-1}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet] .tt-dealer-top{display:contents}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet] .tt-dealer-figure{display:none}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet] .tt-dealer-title{grid-area:title;padding-right:4px}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet] .tt-dealer-pill{line-height:1.6}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet] .tt-dealer-fold{grid-area:fold;position:static;translate:none}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet] .tt-dealer-cards{grid-area:cards}.tt-match[data-compact=window] .tt-dealer[data-mode=sheet] .tt-dealer-actions{grid-area:actions;align-self:end;gap:8px;padding-top:0}@media (max-width:720px) and (orientation:portrait),(orientation:landscape) and (max-height:500px){.tw-fight>.tw-runbar{flex-wrap:nowrap;gap:10px;min-height:44px;padding:2px 6px 2px 12px}.tw-fight>.tw-runbar .tw-runbar-where{flex:auto}.tw-fight>.tw-runbar .tw-runbar-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tw-fight>.tw-runbar .tw-runbar-where small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.tw-fight>.tw-runbar [data-stat=health]{display:none}.tw-fight>.tw-runbar [data-stat=gold]>small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tw-fight>.tw-runbar .tw-runbar-num{font-size:18px}.tw-fight>.tw-runbar .tw-runbar-icon{width:18px;height:18px}.tw-fight>.tw-fight-floor{gap:8px;padding:4px 10px 4px 8px}.tw-fight>.tw-fight-floor:has(>.tw-fight-more){padding-block:0;align-items:center;min-height:44px;padding-right:8px}@media (max-width:360px){.tw-fight>.tw-fight-floor:has(>.tw-fight-more){padding-block:6px}}@media (orientation:portrait){.tw-fight>.tw-fight-floor:has(>.tw-fight-more):is(:has(>.tw-fight-purse),:has(>.tw-fight-flare)){padding-block:6px}}.tw-fight>.tw-fight-floor .tw-fight-icon{width:24px;height:24px}.tw-fight>.tw-fight-floor:not([data-open]) .tw-fight-copy{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.tw-fight>.tw-fight-floor[data-open] .tw-fight-copy{padding-block:6px;font-size:13px}}.tw-fight-more{width:44px;height:44px;color:var(--color-table-board-gold);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-left:auto;padding:0;font-size:22px;font-weight:900;line-height:1;display:grid}.tw-fight-more>span{border:2px solid;border-radius:999px;place-items:center;width:26px;height:26px;display:grid}.tw-fight-more:focus-visible{outline:3px solid var(--color-table-focus-light);outline-offset:-6px}.tt-loadout>li[data-loadout-stack]{display:none}.tt-loadout-line{display:block}.tt-loadout-line+.tt-loadout-line{margin-top:6px}.tt-loadout-line>b{text-transform:uppercase;font-weight:900}@media (orientation:landscape) and (max-height:500px),(max-width:360px){.tt-loadout[data-stack-relics]>li[data-kind=relic],.tt-loadout[data-stack-pacts]>li[data-kind=pact]{display:none}.tt-loadout[data-stack-relics]>li[data-loadout-stack=relic],.tt-loadout[data-stack-pacts]>li[data-loadout-stack=pact]{display:flex}}@media (max-width:720px) and (orientation:portrait){.tt-plaque[data-side=them]>.tt-loadout[data-crowd][data-stack-relics]>li[data-kind=relic],.tt-plaque[data-side=them]>.tt-loadout[data-crowd][data-stack-pacts]>li[data-kind=pact],.tt-plaque[data-side=you]>.tt-loadout[data-many][data-stack-pacts]>li[data-kind=pact]{display:none}.tt-plaque[data-side=you]:has(>.tt-crews)>.tt-loadout[data-stack-pacts]>li[data-kind=pact]{display:none}.tt-plaque[data-side=them]>.tt-loadout[data-crowd][data-stack-relics]>li[data-loadout-stack=relic],.tt-plaque[data-side=them]>.tt-loadout[data-crowd][data-stack-pacts]>li[data-loadout-stack=pact],.tt-plaque[data-side=you]>.tt-loadout[data-many][data-stack-pacts]>li[data-loadout-stack=pact]{display:flex}.tt-plaque[data-side=you]:has(>.tt-crews)>.tt-loadout[data-stack-pacts]>li[data-loadout-stack=pact]{display:flex}}@media (max-width:360px) and (orientation:portrait){.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout){column-gap:6px;padding-left:7px}.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout)>.tt-plaque-face{width:28px;height:28px}.tt-match[data-compact] .tt-plaque[data-side=them]>.tt-loadout[data-stack-all]>li:is([data-kind],[data-loadout-stack=relic],[data-loadout-stack=pact]){display:none}.tt-match[data-compact] .tt-plaque[data-side=them]>.tt-loadout[data-stack-all]>li[data-loadout-stack=all]{display:flex}.tt-match[data-compact] .tt-plaque[data-side=you]:has(>.tt-seat-chip){column-gap:4px}.tt-match[data-compact] .tt-plaque[data-side=you]:has(>:is(.tt-crews,.tt-seat-chip))>.tt-loadout[data-stack-all]>li:is([data-kind],[data-loadout-stack=relic],[data-loadout-stack=pact]){display:none}.tt-match[data-compact] .tt-plaque[data-side=you]:has(>:is(.tt-crews,.tt-seat-chip))>.tt-loadout[data-stack-all]>li[data-loadout-stack=all]{display:flex}.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-unit.tt-plate:not([data-mini]) .tt-plate-name{font-size:11px;line-height:1.1}}@media (orientation:landscape) and (max-height:500px){.tt-match[data-compact=phone] .tt-build-chip-art{display:none}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-crews{display:none}.tt-match[data-compact=phone] .tt-plaque:has(>.tt-seat-chip)>.tt-crews{display:none}}@media (orientation:landscape) and (max-height:500px) and (max-width:599px){.tt-match[data-compact]{--tt-face:28px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-plaque-face{display:none}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>[data-help-tip]{translate:0 -5px}.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=you]) .tt-plaque[data-side=you]:has(>.tt-loadout){padding-left:43px}.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout){padding-right:43px}:is(.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=you]) .tt-plaque[data-side=you]:has(>.tt-loadout)>[data-help-tip],.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout)>[data-help-tip]){display:none}}@media (orientation:landscape) and (max-height:500px) and (max-width:799px){.tt-match[data-compact] .tt-plaque>.tt-loadout[data-stack-all]>li:is([data-kind],[data-loadout-stack=relic],[data-loadout-stack=pact]){display:none}.tt-match[data-compact] .tt-plaque>.tt-loadout[data-stack-all]>li[data-loadout-stack=all]{display:flex}}@media (orientation:landscape) and (max-height:500px){.tt-match[data-compact] .tt-plaque:has(>.tt-loadout){border-radius:999px;flex-wrap:nowrap;max-width:calc(50% - 104px);padding:7px 10px 7px 7px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout):after{display:none}.tt-match[data-compact] .tt-plaque[data-side=them]:has(>.tt-loadout){padding:7px 7px 7px 10px}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-plaque-copy{flex:0 auto;min-width:0}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-tip{align-self:center}.tt-match[data-compact] .tt-plaque>.tt-loadout{flex:none}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout)>.tt-plaque-copy{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tt-match[data-compact] .tt-plaque:has(>.tt-loadout) .tt-plaque-copy small{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tt-match[data-compact=phone] .tt-plaque>.tt-build-chip{bottom:calc(var(--dock-h) - 46px);left:max(12px, env(safe-area-inset-left));z-index:30;margin:0;position:fixed}.tt-match[data-compact=phone] .tt-plaque:has(>.tt-build-chip){z-index:26}:is(.tt-match[data-compact]:not([data-phase=result],:has(.tt-banner-hold)):has([data-outpost-pad=you]) .tt-plaque[data-side=you]:has(>.tt-loadout),.tt-match[data-compact]:not([data-phase=result],:has(.tt-banner-hold)):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout)){visibility:visible}.tt-match[data-compact]:has([data-outpost-pad=you]) .tt-arena:has(>.tt-plaque[data-side=you]>.tt-loadout){--tt-you-plates-drop:calc(var(--tt-you-plaque-h,36px) + 16px)}.tt-match[data-compact]:has([data-outpost-pad=them]) .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout){--tt-them-plates-drop:calc(var(--tt-them-plaque-h,36px) + 16px)}.tt-match[data-compact]:has([data-outpost-pad]) .tt-arena:has(>.tt-plaque>.tt-loadout)>.tt-mat{top:max(22px, var(--tt-you-plates-drop,0px), var(--tt-them-plates-drop,0px))}.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=them]) .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout){--tt-them-plates-drop:0px}:is(.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=you]) .tt-plaque[data-side=you]:has(>.tt-loadout),.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout)){visibility:hidden}:is(.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=you]) .tt-plaque[data-side=you]>:is(.tt-loadout,[data-help-tip]),.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):not(:has(.tt-banner-hold)):has([data-outpost-pad=them]) .tt-plaque[data-side=them]>:is(.tt-loadout,[data-help-tip])){visibility:visible}:is(.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=you]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=you],.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=them]){--pad-w:var(--tt-face,32px);--pad-h:var(--tt-face,32px);--mat-drop:max(22px, var(--tt-you-plates-drop,0px), var(--tt-them-plates-drop,0px));grid-template-columns:1fr;place-items:center;padding:0}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=you]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=you]{translate:32px calc(6px - var(--mat-drop) + (32px - var(--pad-h)) / 2)}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=them]{translate:calc(100cqw - 32px - var(--pad-w)) calc(6px - var(--mat-drop) + (32px - var(--pad-h)) / 2)}.tt-match[data-compact] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost .tt-outpost-info{display:none}.tt-match[data-compact] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost .tt-outpost-art{width:calc(var(--pad-w) - 4px);height:calc(var(--pad-h) - 5px)}.tt-match[data-compact] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost>.tt-outpost-hp{top:-4px}.tt-match[data-compact] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost>.tt-outpost-ammo{top:auto;bottom:-4px}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=you]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=you]>:is(.tt-outpost-hp,.tt-outpost-ammo){left:auto;right:calc(100% - 2px)}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=them]>:is(.tt-outpost-hp,.tt-outpost-ammo){left:calc(100% - 2px);right:auto}}@media (orientation:portrait) and (max-width:520px){:is(.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=you]) .tt-plaque[data-side=you]:has(>.tt-loadout),.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout)){flex-flow:wrap;align-items:center;gap:3px 8px;max-width:min(100% - 8px,420px);min-height:0;padding:7px 12px 7px 7px}.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout){max-width:calc(100% - 150px);padding:7px 7px 7px 12px;right:auto}:is(.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=you]) .tt-plaque[data-side=you]:has(>.tt-loadout)>:is(.tt-plaque-face,.tt-plaque-copy),.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout)>:is(.tt-plaque-face,.tt-plaque-copy)){display:grid}:is(.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=you]) .tt-plaque[data-side=you]:has(>.tt-loadout)>[data-help-tip],.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout)>[data-help-tip]){display:inline-grid}:is(.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=you]) .tt-plaque[data-side=you]>.tt-loadout,.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=them]) .tt-plaque[data-side=them]>.tt-loadout){visibility:visible;display:flex}.tt-match[data-compact] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost{--pad-h:32px;grid-template-columns:auto minmax(0,1fr);gap:3px;padding:2px 3px 2px 2px}.tt-match[data-compact] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost .tt-outpost-info{--name-room:66px;grid-template-columns:minmax(0,1fr)}.tt-match[data-compact] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost .tt-outpost-art{width:26px;height:24px}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=them][data-slot]{translate:8px calc(-1 * max(40px, calc(var(--tt-them-plaque-h,44px) + 10px)))}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=you]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=you][data-slot]{translate:8px calc(100cqh + 10px)}}@media (orientation:portrait) and (max-width:360px){.tt-match[data-compact]:is([data-phase=battle],[data-phase=reveal]):has([data-outpost-pad=them]) .tt-plaque[data-side=them]:has(>.tt-loadout){column-gap:6px;padding-left:7px}.tt-match[data-compact] .tt-arena:has(>.tt-plaque[data-side=them]>.tt-loadout) .tt-mat[data-phase=battle] .tt-unit.tt-outpost[data-side=them][data-slot]{--pad-h:30px;translate:8px calc(-2px - max(40px, calc(var(--tt-them-plaque-h,44px) + 10px)))}}@media (orientation:landscape) and (max-height:500px){.tt-match[data-compact=phone]:not(:has([data-outpost-pad])) .tt-dealer-chip{top:max(4px, calc(var(--tt-them-plaque-h,36px) - 17px))}.tt-match[data-compact=phone] .tt-dealer-chip{gap:4px;padding:0 8px}.tt-match[data-compact=phone] .tt-dealer-chip-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (orientation:landscape) and (max-height:340px){.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]:has(>.tt-outpost){translate:0 8px}.tt-match[data-compact=phone] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-field[data-phase=shop]>.tt-unit.tt-outpost{z-index:12;top:-8px}}@media (max-width:720px) and (orientation:portrait) and (max-height:700px),(orientation:landscape) and (max-height:500px){.tt-match[data-compact=phone][data-phase=result]{--dock-h:calc(max(64px, var(--tt-result-actions-h,44px) + 12px) + var(--tt-dock-inset,0px))}}@media (orientation:landscape) and (max-height:500px){.tt-match[data-compact=phone] .tt-result{column-gap:10px}.tt-match[data-compact=phone] .tt-result-signin{white-space:normal;text-wrap:balance;max-width:190px}.tt-match[data-compact=phone][data-phase=result] .tt-arena:has(>.tt-plaque>.tt-loadout)>.tt-mat{top:calc(max(var(--tt-you-plaque-h,0px), var(--tt-them-plaque-h,0px)) + 10px)}.tt-match[data-compact=phone][data-scene=relic]{--dock-h:calc(56px + var(--tt-dock-inset,0px))}}.tt-match[data-season="6"][data-compact=window][data-scene=relic]{--dock-h:calc(56px + var(--tt-dock-inset,0px))}@media (orientation:landscape) and (max-height:500px){.tt-match[data-compact=phone][data-scene=relic] .tt-arena:has(>.tt-plaque>.tt-loadout) .tt-relics{padding-top:max(8px, calc(max(var(--tt-you-plaque-h,0px), var(--tt-them-plaque-h,0px)) - 12px))}}[data-help-panel^=loadout-]>div>span:first-child,.tt-match[data-compact] .tt-dealer [data-help-tip]>span,:is(.tt-build-chip,.tt-build-sheet) .tt-coin-inline,.tt-match[data-compact] .tt-dealer .tt-pact-half-head{font-size:11px}@media (max-width:370px){.tt-match[data-compact=phone]:has(.tt-plaque[data-side=you]>:is(.tt-loadout,.tt-seat-chip)) :is(.tt-tip-reroll,.tt-hand>.tt-tip-hand){visibility:hidden}}.tt-seat-chip{display:none}@media (orientation:landscape) and (max-height:500px){.tt-match[data-compact=phone] .tt-plaque>.tt-build-chip{width:118px}.tt-match[data-compact=phone] .tt-plaque>.tt-seat-chip{bottom:calc(var(--dock-h) - 46px);left:calc(max(12px, env(safe-area-inset-left)) + 122px);z-index:30;min-width:44px;height:44px;color:var(--tt-plate-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed}.tt-match[data-compact=phone] .tt-plaque:not(:has(>.tt-build-chip))>.tt-seat-chip{left:max(12px, env(safe-area-inset-left))}.tt-match[data-compact=phone] .tt-plaque:has(>.tt-seat-chip){z-index:26}}@media (max-width:360px) and (orientation:portrait){.tt-match[data-compact=phone] .tt-field[data-phase=shop] .tt-plate-layer>.tt-unit.tt-plate{display:none}.tt-match[data-compact=phone] .tt-plaque>.tt-seat-chip{min-width:44px;height:44px;color:var(--tt-plate-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;order:4;place-items:center;margin:-6px 0;padding:0;display:grid}}@media (orientation:landscape) and (max-height:500px),(max-width:360px) and (orientation:portrait){.tw-fight .tt-match[data-compact=phone] .tt-plaque:has(>.tt-seat-chip){padding-block:6px}.tw-fight .tt-match[data-compact=phone] .tt-plaque>.tt-seat-chip{order:5;margin:-6px 0 -6px 10px;display:grid;position:static}}.tt-seat-chip:focus-visible{outline:none}.tt-seat-chip-card{box-sizing:border-box;border:2px solid var(--tt-plate-line);outline-offset:1px;background:linear-gradient(180deg, var(--tt-plate), var(--tt-plate-2));min-width:32px;height:32px;box-shadow:0 2px 0 var(--tt-plate-line);border-radius:10px;outline:3px solid #0000;justify-content:center;align-items:center;padding:0 6px;transition:outline-color .15s;display:inline-flex}.tt-seat-chip:focus-visible .tt-seat-chip-card{outline-color:var(--color-table-focus)}.tt-seat-chip[aria-expanded=true] .tt-seat-chip-card{outline-color:var(--color-pink-strong,#e0457b)}.tt-seat-chip-face{place-items:center;width:16px;height:16px;font-size:12px;line-height:1;display:grid}.tt-seat-chip-card>:not(.tt-seat-chip-face){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tt-seat-sheet{grid-template-columns:minmax(0,1fr)}.tt-seat-sheet .tt-build-sheet-top>p{white-space:normal;min-width:0}.tt-seat-sheet-list{gap:8px;margin:0;padding:0 0 4px;list-style:none;display:grid}.tt-seat-sheet-row{border:2.5px solid var(--tt-plate-line);background:linear-gradient(180deg, var(--tt-plate), var(--tt-plate-2));box-shadow:0 3px 0 var(--tt-plate-line);color:var(--tt-plate-ink);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 10px;padding:8px 12px 9px;display:grid}.tt-seat-sheet-row[data-revealed=false]{box-shadow:none;color:var(--tt-plate-muted);border-style:dashed}.tt-seat-sheet-row .tt-outpost-seat{font-size:11px}.tt-seat-sheet-name{font-family:var(--tt-display);align-items:center;gap:6px;font-size:15px;font-weight:400;display:inline-flex}.tt-seat-sheet-mark{border:1.5px solid var(--tt-plate-line);background:var(--tt-plate);border-radius:50%;width:16px;height:16px;display:block;overflow:hidden}.tt-seat-sheet-mark svg{width:100%;height:100%;display:block}.tt-seat-sheet-text{grid-column:1/-1;font-size:13px;font-weight:700;line-height:1.3}