.loading-promotion-host{position:relative}.loading-promotion{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;isolation:isolate;background:#102e43;color:#f8f0dc;border-radius:0;text-align:left;text-transform:none;letter-spacing:normal}.loading-promotion-status{position:relative;z-index:1;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto 32px;align-items:center;gap:8px 16px;padding:12px 16px;background:#081d2c;font:14px/1.3 Arial,Helvetica,sans-serif}.loading-promotion-label{font-weight:700;overflow-wrap:anywhere}.loading-promotion-countdown{color:#d8e5e4;font-size:12px;font-variant-numeric:tabular-nums}.loading-promotion-status>progress{grid-column:1/-1;width:100%;height:8px;min-height:8px;accent-color:#85d8ce;margin:0}.loading-promotion .loading-promotion-close{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:1px solid #56717c;border-radius:6px;background:transparent;color:#f8f0dc;font:24px/1 Arial,sans-serif;cursor:pointer}.loading-promotion-close:focus-visible{outline:3px solid #85d8ce;outline-offset:2px}.loading-promotion-art{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.loading-promotion-art>svg{display:block;width:100%;height:100%;min-height:0}.loading-promotion-art a:focus-visible{outline:4px solid #85d8ce}.netball-startup-loading>.loading-promotion{border-radius:0}@media(max-width:600px){.loading-promotion-status{grid-template-columns:minmax(0,1fr) 32px;gap:6px 8px;padding:10px;font-size:12px}.loading-promotion-countdown{grid-column:1;grid-row:2;font-size:11px}.loading-promotion-close{grid-column:2;grid-row:1/3}}.loading-promotion .loading-promotion-status>progress{width:100%!important;height:8px!important;accent-color:#85d8ce;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#36505f}.loading-promotion-status>progress::-webkit-progress-bar{background:#36505f;border-radius:4px}.loading-promotion-status>progress::-webkit-progress-value{background:#85d8ce;border-radius:4px}.loading-promotion-status>progress::-moz-progress-bar{background:#85d8ce;border-radius:4px}.club-paint-bucket{position:absolute;right:18px;bottom:18px;z-index:8;border:0;background:#152b35dd;color:#d9f0e4;border-radius:50%;width:58px;height:58px;padding:8px;cursor:pointer}.club-paint-bucket svg{width:100%;height:100%;overflow:visible}.paint-pail{transform-origin:32px 30px;transition:transform .3s}.paint-pour{opacity:0;transition:opacity .2s .12s}.club-paint-bucket:hover .paint-pail,.club-paint-bucket:focus-visible .paint-pail{transform:rotate(28deg)}.club-paint-bucket:hover .paint-pour,.club-paint-bucket:focus-visible .paint-pour{opacity:1}.club-room-editor{position:absolute;z-index:10;left:16px;bottom:16px;width:min(355px,calc(100% - 32px));max-height:calc(100% - 95px);overflow:auto;box-sizing:border-box;padding:16px;border-radius:14px;background:#152c38f2;border:1px solid #8fa8aa;color:#edf3ed;font:14px system-ui}.club-room-editor[hidden],.club-paint-bucket[hidden]{display:none}.club-room-editor header,.club-room-editor footer{display:flex;align-items:center;gap:8px;justify-content:space-between}.club-room-editor button{padding:7px 10px;border:1px solid #809797;border-radius:6px;background:#355661;color:#edf3ed;cursor:pointer;font:inherit}.club-room-editor button:disabled{opacity:.45;cursor:default}.club-room-editor button[aria-pressed=true]{outline:2px solid #f8d986}.club-room-editor select{width:100%;margin:12px 0;padding:8px;font:inherit}.room-swatches{display:flex;flex-wrap:wrap;gap:7px}.room-swatches button,.room-swatches input{width:29px;height:29px;padding:0;border:1px solid #b4c2bc;border-radius:50%}.room-choices{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.room-upload{display:block;margin:12px 0}.room-upload input{width:100%}.club-room-editor footer{margin-top:15px}.club-room-editor [role=alert]{color:#ffd4bf}@media(prefers-reduced-motion:reduce){.paint-pail,.paint-pour{transition:none}.club-paint-bucket:hover .paint-pail{transform:none}}.club-decorating .club-object-target,.club-decorating .club-person-bubble{display:none!important}#franchise-club{position:fixed;inset:0;z-index:1000;background:#182b36;color:#edf3ef;font:16px system-ui}#franchise-club[hidden]{display:none}.club-scene{position:absolute;inset:0 42% 0 0}.club-scene canvas{width:100%;height:100%;display:block}.club-ui{position:relative;height:100%;display:flex;flex-direction:column}.club-ui header{background:#172b34e8;border-bottom:1px solid #8ba3a8;display:flex;gap:20px;align-items:center;padding:12px 24px}.club-ui h1{font-size:23px;margin:0}.club-ui header nav{margin-left:auto;display:flex;gap:6px}.club-ui button{border:1px solid #8fa6a7;border-radius:8px;background:#2b4652;color:#f3f3df;padding:10px 14px;font:inherit;cursor:pointer}.club-ui button:hover,.club-ui button:focus-visible{outline:2px solid #f8de87}.club-ui button[aria-pressed=true]{background:#f5d77c;color:#172b34}.club-ui button:disabled{opacity:.35;cursor:default}.club-panel{align-self:flex-end;width:44%;max-width:740px;margin:20px;overflow:auto;background:#182d38ed;border:1px solid #6d8a94;border-radius:16px;padding:22px;box-sizing:border-box;max-height:calc(100% - 110px)}.club-panel>button{margin:6px}.club-speech{display:flex;gap:12px;padding:14px;background:#e8ead8;color:#22343b;border-radius:14px;margin-bottom:18px}.club-speech p{margin:6px 0;line-height:1.5}.club-headshot{display:inline-block;vertical-align:top;width:75px;height:75px;flex-shrink:0;object-fit:cover}.club-dossier{text-align:center}.club-dossier .club-headshot{width:115px;height:115px}.dossier-arrows{display:flex;justify-content:space-between;align-items:center}.club-dossier h2{margin:8px}.club-dossier dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.club-dossier dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #5c737c;padding:7px}.club-dossier dd{font-weight:700;margin:0}.activity-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.activity-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.activity-options small{display:block;margin-top:8px;color:inherit}.chosen-activities button{margin:4px}.club-panel h2{font-size:22px}.club-panel h2 span{float:right;color:#f5d77c}.week-results li{padding:10px}.club-fixture{display:flex;justify-content:space-between;gap:20px;padding:20px;background:#304a59;border-radius:12px}.club-score{font-size:24px}.club-roster article{display:flex;gap:12px;align-items:center;border-top:1px solid #58717e;padding:12px 0}.club-roster .club-headshot{width:50px;height:50px}.club-roster h3{margin:0}.club-roster p{font-size:12px}.club-roster article>div{flex:1}.club-roster small{font-size:11px;color:#e6c880}.roster-ratings{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:12px}.morale-face{width:32px;height:32px;flex-shrink:0}.club-panel input{padding:9px;background:#f0efde;border:0;border-radius:5px}.club-calendar{display:grid;grid-template-columns:repeat(7,1fr);font-size:12px}.club-calendar>div{min-height:64px;border:1px solid #486572;padding:4px;overflow-wrap:anywhere}.club-calendar small{display:block;font-size:9px}.club-calendar .today{background:#48635b}.calendar-title{display:flex;align-items:center;justify-content:space-between}.money-chart{width:100%}.club-party:after{content:"";position:absolute;inset:0;background:#090e16;pointer-events:none;animation:club-blink 1.6s forwards}@keyframes club-blink{0%,35%{clip-path:inset(0)}20%{clip-path:inset(40% 0)}65%,to{clip-path:inset(50% 0)}}@media(prefers-reduced-motion:reduce){.club-party:after{display:none}}@media(max-width:900px){.club-scene{inset:60px 0 35%}.club-panel{width:calc(100% - 24px);margin:auto 12px 12px;max-height:62%}.club-ui header{flex-wrap:wrap;gap:8px;padding:8px}.club-ui header nav{margin:0}.club-ui header h1{font-size:18px}.club-ui button{padding:8px;font-size:13px}}.franchise-launch .tournament-path-chart,.franchise-launch .tournament-structure-title{display:none!important}.franchise-launch .tournament-structure-card:after{content:"CLUB CALENDAR";display:grid;place-items:center;height:260px;font:700 24px monospace;color:#fff07a}.franchise-launch [data-select-spectator]{visibility:hidden}.club-ui{pointer-events:none}.club-ui header,.club-panel{pointer-events:auto}.club-object-target{position:absolute;z-index:2;background:transparent;border:0;border-radius:12px;cursor:pointer;padding:0}.club-object-target:hover{box-shadow:0 0 14px #bfffc044}.club-object-target:focus-visible{outline:2px solid #b4e9ca;outline-offset:3px}.club-object-label{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);white-space:nowrap;background:#183039ed;border:1px solid #8bbbb0;border-radius:6px;padding:5px 9px;color:#e7fff2;font:13px system-ui;pointer-events:none}.club-object-target:hover .club-object-label,.club-object-target:focus-visible .club-object-label{display:block}.club-object-folder:hover{box-shadow:none}#franchise-club .club-scene{inset:0}#franchise-club .club-ui{height:100%;gap:0}#franchise-club .club-ui header{align-self:flex-start;border:0;background:#172b3499;border-radius:0 0 12px;padding:10px 18px;flex-shrink:0}#franchise-club .club-ui header nav:empty{display:none}#franchise-club .club-panel{position:relative;align-self:center;width:min(680px,calc(100% - 40px));margin:auto;max-height:calc(100% - 100px);background:#182d38ed;padding:30px}#franchise-club .club-panel[hidden]{display:none}.club-panel-close{position:absolute;right:8px;top:6px;border:0!important;background:transparent!important;font-size:24px!important;padding:0 7px!important;z-index:1}@media(max-width:600px){#franchise-club .club-panel{width:calc(100% - 20px);padding:24px 15px;max-height:calc(100% - 80px)}}.club-object-money:hover{box-shadow:none}.club-object-money:focus-visible{outline:none}.club-customize{display:grid;gap:20px}.club-customize label{display:flex;align-items:center;justify-content:space-between;gap:16px}.club-customize input[type=color]{width:72px;height:44px;padding:4px}.club-customize img{object-fit:contain}.club-player-name{width:min(180px,100%);box-sizing:border-box;font:inherit;padding:5px!important}.club-object-target:hover,.club-object-target:focus-visible{box-shadow:none;outline:none}.club-save-slots{display:none}.franchise-launch .tournament-structure-card:after{display:none}.franchise-launch .club-save-slots{display:grid;gap:8px;padding:12px;max-height:380px;overflow:auto;color:#eef5ef;font:14px system-ui}.club-save-slots h3{margin:0}.club-save-slots article{display:grid;grid-template-columns:1fr auto;gap:5px;padding:9px;border:1px solid #9aafb566;border-radius:8px}.club-save-slots article span,.club-save-slots article small{grid-column:1/-1}.club-save-slots button,.club-save-slots label{background:#294450;border:1px solid #a9b9b5;border-radius:5px;padding:6px;color:#fff;cursor:pointer;font:inherit}.club-save-slots label{position:relative;overflow:hidden}.club-save-slots input[type=file]{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.club-save-slots button:focus-visible,.club-save-slots label:focus-within{outline:2px solid #ffdf85}.club-save-slots [role=alert]{color:#ffdc9c;margin:0}#franchise-club .club-ui{z-index:3}.franchise-launch .club-save-slots{gap:6px;padding:8px;max-height:none;height:100%;box-sizing:border-box;align-content:start;font-size:12px}.club-save-slots article{grid-template-columns:1fr 1fr 1fr;gap:4px;padding:7px}.club-save-slots article b{grid-column:1}.club-save-slots article span{grid-column:2/4;font-weight:600}.club-save-slots article small{grid-column:1/-1}.club-save-slots article button,.club-save-slots article label{font-size:12px;padding:5px;text-align:center}.club-save-slots article label{grid-column:3}.calendar-title h2{font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500;letter-spacing:.02em}.club-calendar{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;gap:3px;font-size:13px;grid-template-columns:repeat(7,minmax(0,1fr))}.club-calendar>b{text-align:center;font-size:11px;font-weight:600;letter-spacing:.06em;padding:8px 0;color:#d5ddd4}.club-calendar>.calendar-day{box-sizing:border-box;min-height:70px;padding:5px;border-color:#849c8c40;border-radius:5px;background:#29433b55}.club-calendar>.calendar-empty{border:0;min-height:0}.club-calendar .today{background:#48635b80}.club-calendar .calendar-date{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;box-sizing:border-box;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;margin-bottom:5px}.club-calendar .game-day .calendar-date{border:2px solid #f3bf81;border-radius:47% 53% 50% 44%;transform:rotate(-7deg)}.club-calendar small{font-size:11px;line-height:1.45;margin:5px 0;color:#e6ece3}.club-calendar .calendar-fixture{color:#ffe0ad;font-weight:600}.club-calendar .calendar-planned{color:#bde4d6}.club-calendar button{font-size:10px;padding:4px;max-width:100%}@media(max-width:600px){.calendar-title h2{font-size:24px}.club-calendar>.calendar-day{padding:3px;min-height:64px}.club-calendar small{font-size:10px}}.club-person-bubble{position:absolute;z-index:5;box-sizing:border-box;transform:translate(-50%,-100%);padding:14px 18px;border-radius:21px;background:#f3efdd;color:#283a36;font:15px/1.45 Avenir Next,Avenir,system-ui;box-shadow:0 5px 18px #0003;pointer-events:none;animation:club-speech-appear .2s ease-out}.club-person-bubble[hidden]{display:none}.club-person-bubble strong{display:block;font-size:13px;margin-bottom:5px;color:#537561}.club-person-bubble span{display:block}.club-person-bubble:after{content:"";position:absolute;left:50%;bottom:-10px;border:12px solid transparent;border-top-color:#f3efdd;border-bottom:0;transform:translate(-50%)}@keyframes club-speech-appear{0%{opacity:0;transform:translate(-50%,-95%)}to{opacity:1;transform:translate(-50%,-100%)}}@media(prefers-reduced-motion:reduce){.club-person-bubble{animation:none}}#franchise-club .club-panel[data-view=team]{width:calc(100% - 32px);max-width:none;margin-left:16px;margin-right:16px;padding:18px;max-height:calc(100% - 90px)}.club-roster-grid{overflow-x:auto}.club-roster-grid table{border-collapse:collapse;width:100%;font:13px Avenir Next,Avenir,system-ui;font-variant-numeric:tabular-nums}.club-roster-grid th{font-weight:500;text-align:center;position:sticky;top:0;background:#20343d;z-index:1}.club-roster-grid th button{border:0;background:none;padding:8px 5px;font-size:11px;white-space:nowrap}.club-roster-grid td{padding:10px 5px;border-bottom:1px solid #67817455;text-align:center}.club-roster-grid tbody tr:nth-child(2n){background:#8fb9a808}.club-roster-grid .roster-person{display:flex;align-items:center;gap:6px;text-align:left;min-width:175px}.club-roster-grid .club-headshot{width:34px;height:34px}.club-roster-grid .club-player-name{width:122px;background:transparent;color:inherit;padding:2px!important}.club-roster-grid .roster-person small{display:block;color:#d8c08e;font-size:10px}.club-roster-grid .roster-person button{font-size:10px;padding:2px 6px;margin-top:4px}.club-roster-grid select{background:#2b4652;color:#eef3e7;border:1px solid #708b8a;border-radius:5px;padding:5px;font:inherit}.club-roster-grid .morale-face{width:25px;height:25px}.club-roster-grid td>button{font-size:11px;padding:6px;white-space:nowrap}.club-roster-grid .roster-person button{border:0;background:none;padding:2px 0;font-size:13px;text-align:left;font-weight:600}.club-roster-grid td{padding:6px 5px}.club-roster-grid tr[data-focused=true]{background:#71855433;outline:1px solid #e5c88d;outline-offset:-1px}.week-results button{display:block;font-size:12px;margin-top:8px}.club-plan-weeks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:16px}.club-plan-weeks button{text-align:left}.club-plan-weeks b{font-size:12px}.club-plan-weeks span{float:right;font-size:12px}.club-plan-weeks small{display:block;margin-top:6px;font-size:11px;line-height:1.4}.club-money-ledger{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.club-money-ledger th,.club-money-ledger td{padding:9px 6px;border-bottom:1px solid #728b8655;text-align:right}.club-money-ledger th:first-child,.club-money-ledger td:first-child{text-align:left}.money-positive{color:#93e4ab}.money-negative{color:#ffa6a0}.club-host-form{display:grid;gap:14px}.club-host-form label{display:grid;gap:6px}.club-host-form select{padding:10px;font:inherit;border-radius:6px}#franchise-club .club-panel[data-view=team]{background:#eee6d4;color:#263c3e;border:9px solid #b99a64;border-bottom-width:17px;border-radius:8px 8px 12px 12px;box-shadow:0 14px 45px #0008}#franchise-club .club-panel[data-view=team] .club-roster-grid th,#franchise-club .club-panel[data-view=team] .club-roster-grid td{border-color:#aaa48e}@keyframes club-roster-open{0%{opacity:0;transform:translateY(90px) rotateX(8deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#franchise-club .club-panel[data-view=team]{animation:none}}#franchise-club .club-panel[data-view=team][data-opening=true]{animation:club-roster-open .28s ease-out .38s both}#franchise-club .club-panel[data-view=team] .roster-person button,#franchise-club .club-panel[data-view=team] .club-panel-close{color:#263c3e}#franchise-club .club-panel[data-view=team] .roster-person small{color:#716044}#franchise-club .club-panel[data-view=team] th{color:#edf3ef}@media(prefers-reduced-motion:reduce){#franchise-club .club-panel[data-view=team][data-opening=true]{animation:none}}.club-calendar .calendar-birthday{color:#b5c8cd;font-style:italic;font-size:11px;line-height:1.3}.club-calendar .birthday-day:not(.game-day) .calendar-date{border:1px solid #a4b8b8;border-radius:48% 53% 45% 55%;padding:0;white-space:nowrap}.club-calendar .calendar-holiday{color:#b6c0d0;font-style:italic;font-size:11px}.club-activity-row{display:flex;align-items:flex-start;gap:8px}.club-activity-row .activity-options{flex:1;min-width:0}.club-ui .club-ideas-refresh{flex:0 0 34px;width:34px;height:34px;padding:0;margin-top:16px;font-size:23px;line-height:1}.club-morale-players{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0}.club-morale-players label{display:flex;align-items:center;gap:5px}#franchise-club .club-panel[data-view=rankings]{width:min(1040px,calc(100% - 40px));max-width:none}.club-panel[data-view=rankings] table{font-size:14px}.club-person-bubble button{pointer-events:auto;margin:8px 5px 0 0;padding:6px 9px;border:1px solid #537561;border-radius:9px;background:#fff9;color:#283a36;font:inherit;cursor:pointer}#franchise-club .club-panel-close{position:sticky;float:right;top:0;right:0;display:block;margin:0 0 0 8px;min-width:44px;min-height:44px;background:#182d38f2!important;z-index:5}#franchise-club .club-panel[data-view=team] .club-panel-close{background:#e9e4d5f2!important}.club-ambient-bubble{font-size:13px;line-height:1.35;padding:9px 12px;z-index:4;background:#f3efdded;animation:none}.club-rating{display:inline-block;min-width:2.2em;padding:2px 5px;border-radius:4px;background:#243831;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.club-roster-views{display:inline-flex;gap:5px;margin:8px 0}.club-roster-views button[aria-pressed=true]{background:#537561;color:#fff}.activity-options .club-rating{font-size:12px;margin-left:5px}.club-legacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.club-legacy-grid div{padding:12px;background:#ffffff0f;border-radius:8px}.club-legacy-grid dt{font-size:.85rem;opacity:.8}.club-legacy-grid dd{font-size:1.5rem;font-weight:700;margin:6px 0 0}.club-legacy-actions{display:flex;gap:8px;flex-wrap:wrap}.club-legacy-picture{display:block;width:100%;height:auto;border-radius:8px;margin:12px 0}.club-player-history{margin:22px 0;padding-top:14px;border-top:1px solid #6d8a94;text-align:left}.club-player-history h3,.club-player-history h4{margin:10px 0}.club-player-history table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;font-variant-numeric:tabular-nums}#franchise-club .club-player-history th,#franchise-club .club-player-history td{padding:6px 4px;border-bottom:1px solid #ffffff20;text-align:right;vertical-align:top;overflow-wrap:anywhere}#franchise-club .club-player-history th:first-child{width:46%;text-align:left;font-weight:400}.club-player-history thead th{color:#bed1d4;font-size:11px}.club-player-history .club-history-sample{color:#bed1d4;font-size:12px}.club-player-history ol{padding:0;list-style:none}.club-player-history li{margin:7px 0;border:1px solid #ffffff20;border-radius:6px}.club-player-history summary{display:flex;justify-content:space-between;gap:10px;padding:10px;cursor:pointer;font-size:13px}.club-player-history summary:hover,.club-player-history summary:focus-visible{background:#ffffff0a}.club-player-history details p{margin:10px}.club-dossier .club-player-history dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px;font-size:12px}.club-dossier .club-player-history dl>div{min-width:0;gap:8px;padding:5px}@media(max-width:480px){.club-dossier .club-player-history dl{grid-template-columns:minmax(0,1fr)}}#mutator-preview{font-family:Georgia,serif;color:#e8f1f7;background:#10171d;font-synthesis:none;color-scheme:dark;--yellow:#fff07a}#mutator-preview *{box-sizing:border-box}#mutator-preview{margin:0;padding:16px;background:radial-gradient(ellipse at top left,#33222b,transparent 60%),#10171d}#mutator-preview .cabinet button{font:inherit}#mutator-preview .cabinet button{cursor:pointer;color:inherit;background:#0c1218;border:2px solid #626e77;border-radius:9px;padding:12px 18px;font-weight:700;min-height:46px}#mutator-preview .cabinet button:hover,#mutator-preview .cabinet button:focus-visible{outline:3px solid white;outline-offset:3px}#mutator-preview .cabinet button:disabled{cursor:default;opacity:.4}#mutator-preview .cabinet button:disabled:hover{outline:0}#mutator-preview .cabinet button[aria-pressed=true]{border-color:var(--yellow)}#mutator-preview .cabinet{max-width:1500px;margin:auto;padding:20px;border:3px solid #e4ebed;outline:2px solid #a09b64;outline-offset:4px;border-radius:9px;background:#0e171e;box-shadow:0 0 0 12px #060b0e}#mutator-preview h2{font-size:21px;margin:0;color:var(--yellow);font-family:Courier New,monospace}#mutator-preview p{margin:10px 0;line-height:1.4}#mutator-preview .match-options{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px;border:2px solid #56616a;border-radius:10px}#mutator-preview .duration,#mutator-preview .opening{display:flex;align-items:center;gap:12px}#mutator-preview .duration button{color:var(--yellow);border-color:var(--yellow);font-size:32px;padding:2px 20px}#mutator-preview .duration output{font:700 42px Courier New,monospace;padding:3px 18px;border:2px solid #56616a;border-radius:8px}#mutator-preview .opening{border-left:2px solid #56616a;padding-left:20px}#mutator-preview .opening>div{display:flex;gap:8px}#mutator-preview .opening button[aria-pressed=true]{background:var(--yellow);color:#101820}#mutator-preview .options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}#mutator-preview .option{border:2px solid #59636b;border-radius:10px;padding:20px;display:flex;justify-content:space-between;min-height:205px;overflow:hidden}#mutator-preview .option.selected{border-color:var(--yellow)}#mutator-preview .option>div:first-child{flex:1;z-index:1}#mutator-preview .option h2{font-size:29px;color:#fff;text-shadow:2px 2px #e84c64,-2px -1px #3977ee;white-space:nowrap}#mutator-preview .switch{background:none;border:none;display:flex;align-items:center;gap:13px;padding:4px 0;font:700 17px Courier New,monospace}#mutator-preview .switch i{display:block;width:65px;height:34px;background:#50545a;border:2px solid #cbd7df;border-radius:25px;position:relative}#mutator-preview .switch i:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#ced9e2}#mutator-preview .switch.on i{background:var(--yellow);border-color:var(--yellow)}#mutator-preview .switch.on i:before{left:33px;background:#fff;box-shadow:0 0 0 1px #12171b}#mutator-preview .switch.on span{color:var(--yellow)}#mutator-preview .option-art{width:110px;flex-shrink:0;background-image:url(/mutator-preview/setup-reference.jpg);background-repeat:no-repeat;background-size:1269px auto;align-self:center;height:160px}#mutator-preview .art-0{background-position:-293px -210px}#mutator-preview .art-1{background-position:-685px -210px}#mutator-preview .art-2{background-position:-1083px -210px}#mutator-preview .pickups{border:2px solid var(--yellow);border-radius:10px;margin-top:18px;padding:12px}#mutator-preview .pickup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#mutator-preview .pickup{padding:6px 6px 12px;border-color:transparent;background:#0c1420;overflow:hidden}#mutator-preview .pickup-art{width:100%;height:185px;background-image:url(/mutator-preview/pickups.jpg);background-size:400% auto;background-position:calc(var(--icon) * 100% / 3) 29%;background-repeat:no-repeat}#mutator-preview .pickup[aria-pressed=false] .pickup-art{filter:grayscale(1);opacity:.35}#mutator-preview .pickup h3{font:700 23px Courier New,monospace;text-transform:uppercase;color:#ed896c;margin:8px 0}#mutator-preview .pickup:nth-child(2) h3{color:#2eeee6}#mutator-preview .pickup:nth-child(3) h3{color:#7edaff}#mutator-preview .pickup:nth-child(4) h3{color:#e897f1}#mutator-preview .pickups.inactive{border-color:#56616a}#mutator-preview footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}#mutator-preview .cabinet button[data-action=continue]{background:var(--yellow);color:#101820;border-color:#fff8c1;font:700 23px Courier New,monospace;padding:18px 28px}@media(min-width:1550px){#mutator-preview .pickup-art{height:225px}}@media(max-width:1150px){#mutator-preview .match-options{flex-wrap:wrap}#mutator-preview .opening{border:0;padding:0}#mutator-preview .option-art{display:none}#mutator-preview .pickup-art{height:145px}#mutator-preview .option h2{font-size:25px}}@media(max-width:700px){#mutator-preview{padding:10px}#mutator-preview .cabinet,#mutator-preview .match-options{padding:12px}#mutator-preview .duration{flex-wrap:wrap;gap:8px}#mutator-preview .duration h2{width:100%}#mutator-preview .duration output{font-size:34px}#mutator-preview .opening{flex-wrap:wrap}#mutator-preview .options{grid-template-columns:1fr}#mutator-preview .option{min-height:120px;padding:16px}#mutator-preview .option-art{display:block}#mutator-preview .pickup-grid{grid-template-columns:repeat(2,1fr)}#mutator-preview .pickup-art{height:145px}#mutator-preview .pickup h3{font-size:19px}#mutator-preview footer{flex-direction:column;align-items:stretch}}#mutator-preview .pickup-art{width:90%;max-width:210px;margin:auto;height:auto;aspect-ratio:.88;background-position:calc(var(--icon) * 100% / 3) 19%}#mutator-preview .option-art{height:145px}@media(prefers-reduced-motion:reduce){#mutator-preview *{scroll-behavior:auto}}#mutator-preview{position:relative;min-height:0;overflow:auto;margin:20px 0 0;padding:6px;font-family:Georgia,serif;color:#e8f1f7;background:transparent;text-transform:none;text-shadow:none;letter-spacing:normal}#mutator-preview[hidden]{display:none!important}#mutator-preview .cabinet{max-width:none;margin:0;padding:0;border:0;outline:0;border-radius:0;background:transparent;box-shadow:none}.team-select-screen.mutator-settings-open>.team-select-panel{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.team-select-screen.mutator-settings-open>.team-select-panel>:not(.cabinet-header):not(#mutator-preview){display:none!important}.mutator-integration-notice{font:14px/1.4 Georgia,serif;text-transform:none;text-align:center;color:#fff07a;margin:8px}[data-mutator-settings][hidden],.mutator-integration-notice[hidden]{display:none!important}#mutator-preview{container-type:size;margin-top:12px}#mutator-preview .cabinet{display:grid;gap:8px;align-content:start}#mutator-preview .cabinet button{min-height:32px;padding:5px 10px}#mutator-preview .match-options{padding:8px 10px;gap:6px 14px;flex-wrap:wrap}#mutator-preview .duration,#mutator-preview .opening{gap:6px;flex-wrap:nowrap}#mutator-preview .duration h2,#mutator-preview .opening h2{width:auto;font-size:14px;white-space:nowrap}#mutator-preview .duration output{font-size:22px;padding:1px 8px}#mutator-preview .duration button{font-size:24px;padding:0 9px}#mutator-preview .opening{border:0;padding:0}#mutator-preview .opening>div{align-items:center;gap:4px}#mutator-preview .opening button{font-size:14px;white-space:nowrap}#mutator-preview .opening-divider{font-size:18px;color:var(--yellow)}#mutator-preview .options{margin:0;gap:8px;min-height:0}#mutator-preview .option{min-height:0;padding:8px 10px;align-items:center;gap:4px}#mutator-preview .option h2{font-size:18px}#mutator-preview .option .switch{margin-top:5px;gap:7px;font-size:13px}#mutator-preview .switch i{width:42px;height:23px}#mutator-preview .switch i:before{width:15px;height:15px;left:2px;top:2px}#mutator-preview .switch.on i:before{left:21px}#mutator-preview .option-art{display:block;width:55px;height:73px;background-size:634.5px auto}#mutator-preview .art-0{background-position:-146.5px -105px}#mutator-preview .art-1{background-position:-342.5px -105px}#mutator-preview .art-2{background-position:-541.5px -105px}#mutator-preview .pickups{margin:0;padding:5px;min-height:0}#mutator-preview .pickup-grid{gap:6px}#mutator-preview .pickup{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:4px}#mutator-preview .pickup-art{width:auto;max-width:100%;height:clamp(62px,16cqh,110px);aspect-ratio:.88;margin:0 auto}#mutator-preview .pickup h3{font-size:14px;margin:3px 0}#mutator-preview footer{margin:0;gap:8px;justify-content:flex-end}#mutator-preview .cabinet button[data-action=continue]{font-size:15px;padding:8px 14px}#mutator-preview .mutator-integration-notice{font-size:11px;margin:0}@container (max-width:699px){#mutator-preview .options{grid-template-columns:1fr;gap:6px}#mutator-preview .option{padding:5px 10px}#mutator-preview .option-art{height:66px}#mutator-preview .pickup-grid{grid-template-columns:repeat(2,1fr)}#mutator-preview .pickup-art{height:clamp(50px,10cqh,72px)}#mutator-preview .option h2{font-size:17px}#mutator-preview footer{align-items:stretch}}#mutator-preview .options{grid-template-columns:repeat(2,minmax(0,1fr))}#mutator-preview .option-art.art-3{width:48px;height:48px;margin:4px;background:radial-gradient(circle at 30% 25%,#fff9 0 5%,transparent 18%),repeating-conic-gradient(from 15deg,#dff7ff30 0 2deg,transparent 3deg 44deg),radial-gradient(circle,#ccefff15 45%,#dcfaff88 69%,transparent 72%);border:2px solid #b8e7ee90;border-radius:50%}@container (max-width:430px){#mutator-preview .option h2{font-size:13px;white-space:normal}#mutator-preview .option-art{display:none}}@media(min-width:1100px){#mutator-preview .options{grid-template-columns:repeat(3,minmax(0,1fr))}}#mutator-preview .option-art.art-4{background:none;width:48px;height:48px;border:4px solid #fff07a;border-radius:50%;position:relative;margin:4px 10px 12px;overflow:visible}#mutator-preview .option-art.art-4:after{content:"↔";position:absolute;top:34px;left:4px;font:24px monospace;color:#fff07a}
