.squad-theatre,.squad-builder-shell{width:min(1600px,96%);margin:0 auto;padding:32px 0 40px;color:#e9e8f4}.squad-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.squad-page-heading h1{font-size:clamp(26px,3.5vw,46px);font-weight:500;letter-spacing:-.045em;margin:9px 0 0}.squad-page-heading .rift-button{font-size:12px}.squad-page-heading svg{width:16px;height:16px}.squad-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 22px;background:linear-gradient(90deg,#13212d99,#111322,#29172477);border:1px solid #303044;border-bottom:0;border-radius:18px 18px 0 0;gap:15px}.squad-versus>div{display:flex;align-items:center;gap:12px}.squad-versus>div:last-child{justify-content:flex-end;text-align:right}.squad-versus strong{font-size:15px;font-weight:500;display:block}.squad-versus small{font-size:9px;letter-spacing:.16em;color:#929ab6;display:block;margin-bottom:5px}.squad-versus .squad-turn-indicator{display:block;text-align:center;min-width:150px}.squad-turn-indicator b{font-size:11px;font-weight:600;letter-spacing:.13em;color:#ded0b0}.squad-side-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.squad-side-dot.ally,.squad-live-dot{background:#82cfc4;box-shadow:0 0 12px #82cfc444}.squad-side-dot.enemy{background:#d691a8;box-shadow:0 0 12px #d691a844}.squad-stage{isolation:isolate;position:relative;border:1px solid #373749;border-radius:0 0 18px 18px;overflow:hidden;background:#101527;aspect-ratio:16/8.7}.squad-stage canvas{width:100%;height:100%;display:block;touch-action:manipulation}.squad-stage-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0a0c1ccc,transparent 22%,transparent 75%,#080b18a0);z-index:1}.squad-stage-caption{position:absolute;top:18px;left:20px;display:flex;align-items:center;gap:8px;color:#b4c8d4;font-size:9px;letter-spacing:.16em;z-index:2}.squad-live-dot{width:5px;height:5px;border-radius:50%}.squad-stage-tools{position:absolute;right:16px;top:12px;display:flex;align-items:center;gap:6px;z-index:4}.squad-stage-tools button,.squad-speed{border:1px solid #7b8aa12b;background:#0c1022b8;color:#bec5dd;min-height:32px;border-radius:7px;font-size:10px;padding:5px 9px;backdrop-filter:blur(8px)}.squad-stage-tools button:disabled{opacity:.3;cursor:default}.squad-stage-tools button svg{height:13px;width:13px}.squad-speed select{background:transparent;border:0;color:#e0d8be;font-size:11px;outline-offset:3px}.squad-speed option{background:#101524}.squad-action-caption{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);max-width:90%;padding:8px 20px;border-radius:6px;text-align:center;background:#090d21b8;color:#e7dfce;font-size:12px;z-index:2;border:1px solid #d2bd8e22;pointer-events:none}.squad-art-loading{position:absolute;inset:0;z-index:6;background:#090f20e6;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;backdrop-filter:blur(10px)}.squad-art-loading strong{font-size:24px;font-weight:400}.squad-art-loading small{font-size:11px;color:#8c99b7}.squad-theatre [hidden],.squad-builder-shell [hidden]{display:none!important}.squad-cinematic{position:absolute;z-index:3;top:11%;left:0;display:flex;align-items:center;gap:16px;width:min(540px,72%);height:130px;padding:12px 30px 12px 18px;background:linear-gradient(90deg,#101625f5,#1f2943e8,#24324b00);border-top:1px solid #b8d0ee55;border-bottom:1px solid #b8d0ee22;pointer-events:none}.squad-cinematic img{height:108px;width:78px;object-fit:contain;filter:drop-shadow(0 0 12px #7f9dcc33);flex-shrink:0}.squad-cinematic span{font-size:8px;letter-spacing:.25em;color:#d8c8a7}.squad-cinematic strong{display:block;font-size:clamp(18px,2.5vw,32px);font-weight:500;letter-spacing:-.03em;margin:5px 0}.squad-cinematic small{font-size:11px;color:#aab8ce}.squad-health-decks{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:17px}.squad-deck-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.15em;color:#94a5bf;margin-bottom:8px;padding:0 2px}.squad-deck-title small{font-size:9px;letter-spacing:0;color:#737e99}.squad-roster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.squad-unit{display:flex;gap:8px;align-items:center;min-width:0;text-align:left;padding:8px;border:1px solid #333549;border-radius:9px;background:#14182a;color:#e2e5f3;position:relative;transition:border-color .15s,background .15s;cursor:pointer}.squad-unit img{height:48px;width:35px;object-fit:contain;flex-shrink:0;border-radius:4px;background:#0b0e1b}.squad-unit-info{min-width:0;width:100%}.squad-unit b{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:6px}.squad-unit .unit-hp{display:block;height:3px;border-radius:5px;overflow:hidden;background:#050915;margin-bottom:5px}.unit-hp i{display:block;background:#83c9bf;height:100%;transition:width .35s}.squad-deck:last-child .unit-hp i{background:#cc91a7}.squad-unit small{font-size:8px;color:#8997b3}.squad-unit.selected{border-color:#a8dfcf;background:#1c3238}.squad-unit.targeted{border-color:#df9baf;background:#30202f}.squad-unit.selected::before,.squad-unit.targeted::before{content:'';position:absolute;bottom:-1px;width:24px;height:2px;background:#a8dfcf;left:calc(50% - 12px)}.squad-unit.targeted::before{background:#df9baf}.squad-unit.dead{opacity:.35;filter:saturate(.35);cursor:default}.squad-unit:disabled:not(.dead){cursor:default}.squad-unit:focus-visible,.squad-stage-tools button:focus-visible,.squad-command button:focus-visible{outline:2px solid #d6c6f1;outline-offset:3px}.squad-command{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;margin-top:20px;border:1px solid #353449;border-radius:12px;background:linear-gradient(115deg,#192031,#151629 65%)}.squad-command-copy{min-width:0}.squad-command-copy .rift-eyebrow{font-size:8px}.squad-command-copy>strong{font-size:19px;font-weight:500;display:block;margin:6px 0}.squad-command-copy>small{color:#8e9bb6;font-size:11px;display:block;line-height:1.5}.squad-command-buttons{display:flex;align-items:stretch;gap:9px;flex-shrink:0}.squad-command-buttons>button{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 15px;border:1px solid #6b6a8955;font-size:11px;text-align:left;cursor:pointer;min-height:60px}.squad-command-buttons>button svg{height:22px;width:22px;flex-shrink:0}.squad-command-buttons>button span{min-width:95px}.squad-command-buttons b{font-size:12px;font-weight:500;display:block}.squad-command-buttons small{color:#b1bacd;font-size:9px;display:block;margin-top:4px;max-width:140px}.squad-command-buttons kbd{font:10px system-ui;border:1px solid #fff2;padding:2px 5px;border-radius:3px;color:#b8bbd2}.squad-primary{color:#e4f7f3;background:linear-gradient(135deg,#2b5356,#203c48)}.squad-signature{color:#f3e4be;background:linear-gradient(135deg,#524439,#312d38)}.squad-secondary{color:#a1acc4;background:transparent;padding:10px!important;font-size:10px!important}.squad-command-buttons>button:disabled{opacity:.35;cursor:default}.squad-history{margin-top:20px;padding:16px 20px;border:1px solid #303145;border-radius:10px;background:#101425}.squad-history summary{font-size:12px;cursor:pointer;color:#b9bfd3}.squad-history summary span{float:right;font-size:10px;color:#6e7d9b}.squad-history ol{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}.squad-history li{font-size:11px;color:#99a9bf;display:flex;align-items:center;gap:8px;border-top:1px solid #252c3a;padding-top:8px}.squad-history li b{color:#d6daeb;font-weight:500}.squad-history li em{margin-left:auto;color:#cebba1;font-style:normal;font-size:10px}.squad-history li span{color:#7788a7}.squad-error-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.squad-error-row p{margin:8px 0;font-size:12px}.squad-error-row button{font-size:10px}.squad-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px}.squad-bottom p{font-size:10px;color:#74809a}.squad-concede{color:#ac8794;font-size:10px;background:none;border:0;padding:8px;cursor:pointer}.squad-concede:disabled{display:none}.squad-outcome{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;z-index:5;background:linear-gradient(0deg,#0c1025ee,#0b102488);backdrop-filter:blur(6px);text-align:center;padding:25px}.squad-outcome h2{font-size:clamp(35px,6vw,78px);letter-spacing:-.05em;font-weight:400;margin:0;color:#e9dab9}.squad-outcome p{color:#a7b2ca;font-size:13px;max-width:350px}.squad-outcome .rift-eyebrow{color:#bdb18f}.squad-outcome a{font-size:12px;margin-top:10px}
/* Formation builder shares the battlefield's material palette. */
.squad-builder-intro{min-height:220px;border:1px solid #36364e;border-radius:17px;background:linear-gradient(90deg,#101729f5,#111b2abb),url('/static/rift/v2-20261027/arena-frost.webp') center 48%/cover;padding:32px 36px;margin-bottom:23px;position:relative;overflow:hidden}.squad-builder-intro h1{font-size:clamp(35px,5vw,64px);font-weight:400;line-height:1.05;letter-spacing:-.05em;margin:15px 0}.squad-builder-intro p{font-size:12px;color:#a0b2c7;max-width:440px;line-height:1.8}.squad-builder-intro .squad-intro-note{position:absolute;right:35px;bottom:27px;text-align:right;font-size:10px;letter-spacing:.12em;color:#c6d4df}.squad-formation-panel{padding:23px;border:1px solid #36394c;border-radius:13px;background:linear-gradient(110deg,#1a2435,#14172a);margin-bottom:26px}.squad-formation-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.squad-formation-top>span{font-size:11px;color:#b7c3d8}.squad-picked{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.squad-slot{min-height:105px;border:1px dashed #5e6f8f55;border-radius:9px;padding:10px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;color:#778baa;background:#0d142455;min-width:0}.squad-slot>span{font-size:22px;color:#4b6080;font-weight:300}.squad-slot img{height:90px;width:64px;object-fit:contain;flex-shrink:0}.squad-slot b{font-size:12px;font-weight:500;color:#e7e5ee;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-slot div{min-width:0}.squad-slot small{font-size:9px;color:#9eb0c5;display:block;margin-top:6px}.squad-slot.filled{border-style:solid;border-color:#73969e66;background:#23354155}.squad-slot .squad-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;background:#111b2ccc;color:#acbfcd;border-radius:4px;font-size:14px;cursor:pointer}.squad-builder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.squad-builder-toolbar label{font-size:10px;color:#8798b7;letter-spacing:.13em}.squad-builder-toolbar input{border:1px solid #3a4056;border-radius:7px;background:#101527;color:#e0e6f2;padding:10px 14px;font-size:12px;width:270px;max-width:100%}.squad-build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.squad-pick-card{display:flex;align-items:center;gap:12px;border:1px solid #34384b;border-radius:10px;background:#141b2c;padding:12px;cursor:pointer;position:relative;min-width:0;transition:border-color .15s}.squad-pick-card img{height:85px;width:62px;object-fit:contain;border-radius:5px;background:#0a1120;flex-shrink:0}.squad-pick-card input{position:absolute;top:8px;right:8px;accent-color:#a4d4c4;width:12px;height:12px}.squad-pick-card b{display:block;font-size:13px;font-weight:500;padding-right:9px;margin:6px 0}.squad-pick-card small{font-size:8px;color:#b7aaca;letter-spacing:.09em}.squad-pick-card p{font-size:9px;color:#8d9ebc;margin:7px 0 0}.squad-pick-card p span{display:inline-block;margin-right:7px}.squad-pick-card.selected{border-color:#9ad3c4;background:#20373d}.squad-pick-card:focus-within{outline:2px solid #b8b2d2;outline-offset:2px}.squad-build-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #33384a;margin-top:22px;padding-top:20px}.squad-build-footer p{font-size:11px;color:#8c9db7;max-width:390px;line-height:1.7}.squad-build-footer button{padding:14px 24px;background:linear-gradient(120deg,#608f8c,#3c5c75);color:#f5faf8;border:1px solid #9ac8c355;border-radius:8px;font-size:12px;cursor:pointer}.squad-build-footer button:disabled{opacity:.35;cursor:default}.squad-build-notice{padding:13px 18px;background:#34273566;border:1px solid #8f657755;border-radius:9px;color:#d6acb9;font-size:12px;margin-bottom:18px}.squad-resume{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 20px;border:1px solid #354452;border-radius:10px;margin-bottom:22px;color:#b1c9cf;font-size:12px;background:#15232f}.squad-resume a{color:#d6dfdf;text-decoration:underline;text-underline-offset:4px}.squad-ratings{padding:24px;border:1px solid #30384b;border-radius:13px;margin-top:35px;background:#111728}.squad-ratings h2{font-size:20px;font-weight:400}.squad-ratings table{min-width:650px}.squad-builder-shell .squad-warning{color:#ddbf90;background:#3a302655;padding:10px 14px;border:1px solid #b8975c33;border-radius:7px;font-size:11px;margin-top:13px}
@media(max-width:1100px){.squad-unit{display:block;text-align:center;padding:6px}.squad-unit img{margin:0 auto 5px;height:40px;width:30px}.squad-unit b{font-size:9px;margin-bottom:5px}.squad-command{padding:17px;gap:15px}.squad-command-buttons>button{padding:12px 10px;gap:8px}.squad-command-buttons>button span{min-width:75px}.squad-command-buttons kbd{display:none}.squad-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.squad-theatre,.squad-builder-shell{width:94%;padding-top:22px}.squad-page-heading{margin-bottom:20px;align-items:flex-end}.squad-page-heading .rift-button{padding:8px;font-size:9px;white-space:nowrap}.squad-page-heading .rift-eyebrow{font-size:7px}.squad-page-heading h1{font-size:29px;max-width:230px}.squad-versus{padding:13px 12px;gap:6px}.squad-versus strong{font-size:11px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-versus small{font-size:7px;letter-spacing:.1em}.squad-versus>div{gap:6px}.squad-versus .squad-turn-indicator{min-width:90px}.squad-turn-indicator b{font-size:8px;letter-spacing:.04em}.squad-stage{aspect-ratio:1/1.1;border-radius:0 0 12px 12px}.squad-stage-caption{top:12px;left:10px;font-size:6px;max-width:100px}.squad-stage-tools{top:6px;right:6px;gap:4px}.squad-stage-tools button,.squad-speed{font-size:8px;padding:4px 5px;min-height:27px}.squad-speed{font-size:0}.squad-speed select{font-size:10px}.squad-action-caption{font-size:10px;bottom:10px;padding:6px 12px;max-width:90%;width:max-content}.squad-cinematic{top:14%;height:86px;padding:7px 12px;gap:9px;width:83%}.squad-cinematic img{height:70px;width:49px}.squad-cinematic strong{font-size:19px}.squad-cinematic small{font-size:9px}.squad-cinematic span{font-size:7px}.squad-health-decks{display:block;margin-top:16px}.squad-deck+.squad-deck{margin-top:13px}.squad-roster{gap:6px}.squad-unit{display:flex;gap:6px;text-align:left;min-height:65px;padding:6px}.squad-unit img{height:40px;width:27px;margin:0;flex-shrink:0}.squad-unit b{font-size:8px;max-width:100%;margin-bottom:6px}.squad-unit small{font-size:7px}.squad-command{flex-direction:column;align-items:stretch;padding:14px;margin-top:17px;gap:13px}.squad-command-copy>strong{font-size:18px}.squad-command-copy>small{font-size:10px}.squad-command-buttons{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px}.squad-command-buttons>button{min-height:53px;gap:6px;padding:9px}.squad-command-buttons>button svg{width:17px;height:17px}.squad-command-buttons>button span{min-width:0}.squad-command-buttons b{font-size:10px}.squad-command-buttons small{font-size:8px;line-height:1.4}.squad-secondary{font-size:8px!important;padding:6px!important}.squad-history{padding:13px}.squad-history li{font-size:9px;flex-wrap:wrap}.squad-bottom{align-items:flex-start;gap:14px}.squad-bottom p{font-size:9px;line-height:1.6;max-width:240px}.squad-outcome h2{font-size:45px}.squad-outcome p{font-size:11px}.squad-builder-intro{padding:25px 22px;min-height:240px}.squad-builder-intro h1{font-size:44px}.squad-builder-intro p{font-size:11px;max-width:260px}.squad-builder-intro .squad-intro-note{right:20px;bottom:16px;font-size:8px}.squad-formation-panel{padding:13px}.squad-picked{gap:6px}.squad-slot{min-height:128px;display:flex;flex-direction:column;gap:3px;padding:8px 4px;justify-content:center}.squad-slot img{width:43px;height:65px}.squad-slot b{font-size:8px;text-align:center;max-width:70px}.squad-slot small{font-size:7px;margin-top:4px;text-align:center}.squad-formation-top .rift-eyebrow{font-size:8px}.squad-formation-top>span{font-size:9px}.squad-builder-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.squad-builder-toolbar input{width:100%;font-size:12px}.squad-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.squad-pick-card{padding:9px;gap:7px}.squad-pick-card img{width:39px;height:63px}.squad-pick-card b{font-size:10px;padding-right:0;line-height:1.4}.squad-pick-card small{font-size:6px;letter-spacing:.03em}.squad-pick-card p{font-size:8px;line-height:1.5}.squad-pick-card input{width:10px;height:10px;top:5px;right:5px}.squad-build-footer{gap:13px;align-items:flex-start}.squad-build-footer p{font-size:9px;max-width:180px}.squad-build-footer button{font-size:10px;padding:12px 14px;white-space:nowrap}.squad-ratings{padding:17px}.squad-resume{font-size:10px;padding:13px;gap:9px}}
@media(prefers-reduced-motion:reduce){.squad-unit,.unit-hp i,.squad-pick-card{transition:none}}

/* Override only the retired builder tray's ID rules from the shared site sheet. */
.squad-formation-panel #squad-picked{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;width:100%;gap:12px}.squad-formation-panel #squad-picked img{width:64px;height:90px;object-fit:contain;border:0;background:none}.squad-formation-top #squad-total{font-size:11px;color:#b7c3d8}
@media(max-width:760px){.squad-formation-panel #squad-picked{gap:6px}.squad-formation-panel #squad-picked img{width:43px;height:65px}.squad-formation-top #squad-total{font-size:9px}}

.squad-turn-flow{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 0;color:#586a85;font-size:9px;letter-spacing:.06em}.squad-turn-flow span{padding:6px 10px;border:1px solid transparent;border-radius:5px}.squad-turn-flow span.active{color:#cce2dd;border-color:#77a6a533;background:#203b402b}.squad-turn-flow i{font-style:normal;color:#51617b}@media(max-width:760px){.squad-turn-flow{font-size:7px;gap:5px;letter-spacing:0}.squad-turn-flow span{padding:5px}}