/* The original character rig leads the selector; palette and content stay shared with the game. */
#select{--select-camp:#cdebea;overflow:hidden;padding:24px max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(115deg,#071b27fa,#0c2b33ef 60%,#071b27fa)}
.select-panel{width:min(100%,1240px);height:100%;min-height:0;display:flex;flex-direction:column;gap:22px;text-align:left}
#select .select-heading{display:flex;flex-direction:row;flex:none;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding-bottom:16px;border-bottom:1px solid #719a9b55}
.select-title-group{display:flex;align-items:baseline;gap:22px;min-width:0}
#select-title{margin:0;font-size:28px;font-weight:900;line-height:1.1;white-space:nowrap}
.select-title-group p{margin:0;font-size:13px;font-weight:700;color:#b4d3d3;white-space:nowrap}
.select-title-group p span{margin-left:8px;font-size:11px}
#select .team-entry{position:static;display:flex;align-items:center;gap:8px;margin:0}
#select .team-entry button{flex:none;min-height:44px;padding:9px 15px;margin:0;font-size:13px;border-radius:8px;background:#0c2731}
/* v56.2 (the owner: "add a muted discord icon top right ... for feedback"): the feedback Discord, a quiet glyph after the two header buttons, a 44 px target. */
#select .select-discord{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:8px;color:#86a7a6;opacity:.7;transition:opacity .15s,color .15s}
#select .select-discord svg{width:20px;height:20px;fill:currentColor}
#select .select-discord:hover,#select .select-discord:focus-visible{opacity:1;color:#cfe3dc}
/* Under 360 px the header has no room for it beside 選擇角色 (it would cover the title); sources.html names the link too. */
@media(max-width:359px){#select .select-discord{display:none}}
.select-body{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);grid-template-rows:auto minmax(0,1fr) auto;gap:18px 28px;flex:1;min-height:0;min-width:0}
.select-showcase{position:relative;grid-column:1;grid-row:1/4;min-width:0;min-height:0;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--select-camp) 16%,transparent),transparent 72%)}
#select-faction{position:absolute;right:9%;top:5%;font-size:clamp(150px,23vw,290px);font-weight:900;line-height:1;color:color-mix(in srgb,var(--select-camp) 11%,transparent);user-select:none}
#select-portrait{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.select-details{grid-column:2;grid-row:1;align-self:end;padding:6px 0 4px;min-width:0}
#select-name{margin:0;color:var(--paper);font-size:clamp(44px,5vw,76px);font-weight:900;line-height:1.12;letter-spacing:-.03em}
#select-role{margin:8px 0 18px;font-size:15px;line-height:1.5;color:#c5dcd8}
.select-loadout{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;line-height:1.5;color:#c5dcd8}
#select-item{color:var(--select-camp)}
.select-move{display:inline-flex;align-items:baseline;gap:8px}
.select-move>span{color:#bfd2c6;font-size:12px}
#select-move{font-weight:800;color:var(--gold)}
/* The roster (the owner: "organize characters as like a hexagon tile so all characters are just mix", then "hexagon of hexagon ... it refers to
   killer queen"): a hexagon of nineteen hexagons, rows of 3, 4, 5, 4 and 3 (select.js places each cell): 周萬來, of no party, in the middle, the
   eighteen party characters around him in surname-stroke order, the three party buttons in a row above (beside it in a wide box). Pointy-top cells on ten
   half-tile columns; a row
   overlaps the one above by a quarter of a cell (-28.87% of a cell's width is a quarter of its height: a grid item's margin percentages are of its
   grid area's width). --hexw, the hexagon's width, fits the roster's box less the button row: its height is .924 of its width (1.0825 the other way), and never
   below 220 px, a 44 px cell (a short landscape phone scrolls the list a little instead). Phones held
   upright fit it to the width alone, as their roster row is as tall as its content. A cell's own colour is its rim, its ::before the face; a
   1.5 px inset in the outline keeps the cells apart. Auto margins centre the hexagon and, when it does not fit, let the list scroll from its top. */
.hero-list{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-self:stretch;min-width:0;min-height:0;padding:4px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#6a9595 #0a202b;scroll-padding:4px;container:roster/size}
.hero-pick{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;width:100%;margin:auto 0}
.hero-hex{--hexw:max(220px,min(100cqw,calc((100cqh - 62px) * 1.0825)));position:relative;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;flex:none;width:var(--hexw);margin:0}
.hero-parties{display:flex;justify-content:center;gap:10px;flex:none}
.hero-parties>.hero-party{width:46px;margin:0;font-size:18px}
/* A wide roster box (a desktop, a phone held sideways): the party buttons stand in a column beside the hexagon, which keeps the box's full height. */
@container roster (min-aspect-ratio:13/10){.hero-pick{flex-direction:row;justify-content:center;gap:10px}.hero-parties{flex-direction:column}.hero-hex{--hexw:max(220px,min(calc(100cqw - 56px),calc(100cqh * 1.0825)))}}
.hero-card,.room-hero,.hero-party,.hero-mark{--hex:polygon(50% 1.5px,calc(100% - 1.5px) calc(25% + .8px),calc(100% - 1.5px) calc(75% - .8px),50% calc(100% - 1.5px),1.5px calc(75% - .8px),1.5px calc(25% + .8px));position:relative;isolation:isolate;align-self:start;aspect-ratio:.866;min-width:0;margin:0 0 -28.87%;padding:0;border:0;border-radius:0;overflow:hidden;clip-path:var(--hex)}
.hero-hex>[data-row="4"]{margin-bottom:0}
.hero-card::before,.hero-party::before,.hero-mark::before{content:'';position:absolute;inset:2.5px;z-index:-1;clip-path:var(--hex)}
.hero-card{background:#507479;color:#edf4e5;touch-action:pan-y;transition:background-color .15s,opacity .15s,filter .15s}
.hero-card::before{background:color-mix(in srgb,var(--camp) 18%,#112b35);transition:background-color .15s}
.hero-card canvas{position:absolute;top:10%;left:0;width:100%;height:56%;object-fit:cover;object-position:50% 12%;pointer-events:none}
.hero-card strong{position:absolute;top:64%;left:15%;right:15%;padding:1px 0;border-radius:4px;font-size:max(10px,calc(var(--hexw) * .039));line-height:1.35;text-align:center;white-space:nowrap;background:#071b27e8}
.hero-card>span,.hero-card .camp-chip{display:none}
.hero-card[aria-pressed="true"]{background:var(--gold)}
.hero-card[aria-pressed="true"]::before{background:color-mix(in srgb,var(--camp) 32%,#183b3e)}
.hero-card[aria-pressed="true"] strong{background:var(--gold);color:#10232a}
.hero-card:focus-visible,.hero-party:focus-visible{outline:0;background:#fff}
.hero-card.dim{opacity:.3;filter:saturate(.25)}
.hero-party{display:grid;place-items:center;background:color-mix(in srgb,var(--party-color) 75%,transparent);color:var(--party-color);font:900 calc(var(--hexw) * .075)/1 system-ui;cursor:pointer;touch-action:manipulation;transition:background-color .15s,color .15s}
.hero-party::before{background:#0a2029;transition:background-color .15s}
.hero-party[aria-pressed="true"]{color:#10232a}.hero-party[aria-pressed="true"]::before{background:var(--party-color)}
.hero-mark{display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 45%,transparent);color:color-mix(in srgb,var(--gold) 80%,transparent);font:900 calc(var(--hexw) * .085)/1 system-ui;user-select:none}
.hero-mark::before{background:#0b1d26}
#select button:focus-visible{outline:3px solid #f4faf1;outline-offset:2px}
.select-intel{grid-column:2;grid-row:3;display:flex;align-items:center;gap:16px;min-width:0;padding-top:12px;border-top:1px solid #719a9b55}
.select-campaign-label{flex:none;font-size:12px;color:#afcdca}
#select-matchups{display:flex;flex:1;gap:14px;min-width:0;margin:0;color:#dce7d9;font-size:13px;line-height:1.5}
#select-matchups>span{display:block;flex:1;min-width:0}
#select-matchups>:first-child::before{content:none}
#select-matchups b{margin-right:5px;color:#aaccc8;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}
#select-matchups small{display:block;color:#aaccc8;font-size:11px}
.select-footer{flex:none;min-width:0;padding-top:14px;border-top:1px solid #719a9b55;display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:8px 24px;align-items:center}
.select-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px}
.select-actions .secondary{margin:0;min-height:44px;padding:10px 18px;border-radius:8px;background:#0c2731;font-size:13px}
.select-actions #team-start,.select-actions #room-start{width:100%;min-width:0;min-height:64px;margin:0;padding:10px 16px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:18px;line-height:1.3}.select-actions strong{font-size:inherit}.select-actions span{font-size:12px;font-weight:600}.select-actions #room-start{background:#ffe397;color:#142b30;border:1px solid #ffe397;box-shadow:0 4px 12px #020f1938}.select-actions #team-start{background:#9bffe3;color:#142b30;box-shadow:0 4px 12px #020f1938}.select-job{display:grid;grid-template-columns:auto minmax(90px,130px);gap:4px 12px;align-items:center;justify-content:start}.select-job label{font-size:13px;color:#c5dcd8}.select-job select{font:800 14px system-ui;color:var(--paper);background:#0c2731;border:1px solid #719a9b;min-height:44px;border-radius:7px;padding:8px 28px 8px 12px}.select-job p{grid-column:1/-1;margin:0;font-size:12px;color:#b4d3d3}#select select:focus-visible{outline:3px solid #f4faf1;outline-offset:2px}
.select-note{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5;color:#adc6c5}
.select-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
#select ::selection{color:#061b24;background:var(--gold)}
@media(hover:hover){.hero-card:hover{background:#dbeee0}.hero-card:hover::before{background:color-mix(in srgb,var(--camp) 28%,#183b3e)}.hero-card[aria-pressed="true"]:hover{background:var(--gold)}.hero-party:hover::before{background:color-mix(in srgb,var(--party-color) 22%,#0a2029)}.hero-party[aria-pressed="true"]:hover::before{background:var(--party-color)}}
@media(max-width:899px) and (orientation:portrait){
 #select{padding:16px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
 .select-panel{gap:12px}
 #select .select-heading{padding-bottom:10px;gap:8px}
 .select-title-group{display:block}#select-title{font-size:23px}.select-title-group p{margin-top:5px;font-size:11px}.select-title-group p span{display:none}
 #select .team-entry{gap:5px}#select .team-entry button{padding:7px 9px;font-size:11px}
 .select-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(145px,1fr) minmax(0,auto) auto;gap:10px 6px}
 .select-showcase{grid-column:1;grid-row:1}.select-details{grid-column:2;grid-row:1;align-self:center;padding:0}
 #select-name{font-size:clamp(32px,8.6vw,56px)}#select-role{margin:7px 0 12px;font-size:12px}
 .select-loadout{display:flex;flex-direction:column;gap:7px;font-size:12px}.select-move{gap:5px}.select-move>span{font-size:11px}
 #select-faction{font-size:160px;right:0;top:5%}
 .hero-list{grid-column:1/-1;grid-row:2;padding:2px;container-type:inline-size}.hero-hex{--hexw:min(100cqw,300px)}
 .select-intel{grid-column:1/-1;grid-row:3;gap:8px;padding-top:8px}.select-campaign-label{font-size:11px;writing-mode:vertical-rl;letter-spacing:.08em}
 #select-matchups{font-size:12px;gap:8px}#select-matchups b{font-size:10px}#select-matchups small{font-size:10px}
 .select-footer{display:block;padding-top:8px}.select-job{grid-template-columns:auto auto 1fr;gap:6px;margin-bottom:8px}.select-job select{padding:7px 24px 7px 8px;font-size:12px}.select-job p{grid-column:auto;font-size:10px;line-height:1.4}.select-job label{font-size:11px}.select-actions{gap:8px}.select-actions .secondary{padding:9px 10px;font-size:12px}.select-actions #team-start,.select-actions #room-start{min-width:0;min-height:58px;padding:8px 6px;font-size:16px}.select-actions span{font-size:10px}
 .select-note{font-size:10px;margin-top:8px}
}
@media(max-width:899px) and (orientation:portrait) and (max-height:650px){
 #select{padding-top:10px;padding-bottom:10px}.select-panel{gap:8px}
 .select-body{grid-template-rows:minmax(100px,1fr) minmax(0,auto) auto;gap:7px 6px}.hero-list{padding:2px}
 #select-faction{font-size:108px}#select-name{font-size:30px}#select-role{margin:5px 0 7px;font-size:11px}.select-loadout{gap:4px;font-size:11px}
 .select-intel{padding-top:5px}.select-footer{padding-top:8px}.select-note{margin-top:5px}
}
@media(min-width:600px) and (max-width:899px) and (orientation:portrait){.select-body{grid-template-rows:minmax(220px,1fr) minmax(0,auto) auto}.hero-hex{--hexw:min(100cqw,440px)}.select-details{padding-left:24px}.select-loadout{font-size:15px}}
@media(orientation:landscape) and (max-height:550px){
 #select{padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.select-panel{gap:8px}
 #select .select-heading{padding:0 0 5px;min-height:44px;gap:10px}#select-title{font-size:22px}.select-title-group{gap:14px}.select-title-group p{font-size:11px}.select-title-group p span{display:none}
 #select .team-entry button{font-size:11px;padding:6px 10px}
 .select-body{grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr);grid-template-rows:auto minmax(0,1fr) auto;gap:6px 18px}
 .select-details{grid-column:1;grid-row:1;padding:0}#select-name{font-size:28px}#select-role{margin:4px 0;font-size:11px}.select-loadout{font-size:11px;gap:4px 10px}.select-move{gap:4px}.select-move>span{font-size:10px}
 .select-showcase{grid-row:2/4}#select-faction{font-size:110px;right:0}.hero-list{grid-row:1/3;padding:2px}
 .select-intel{padding-top:5px;gap:10px}.select-campaign-label{font-size:11px}#select-matchups{font-size:11px;gap:8px}#select-matchups b{font-size:10px}#select-matchups small{display:none}
 .select-footer{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);gap:4px 16px;padding-top:7px}.select-job{grid-template-columns:auto auto 1fr;gap:4px 8px}.select-job select{font-size:12px;padding:5px 24px 5px 8px}.select-job p{grid-column:auto;font-size:10px;line-height:1.4}.select-actions{gap:8px}.select-actions .secondary{font-size:11px;padding:8px 10px}.select-actions #team-start,.select-actions #room-start{font-size:14px;min-width:0;min-height:52px;padding:6px}.select-actions span{font-size:10px}.select-note{margin:0;font-size:10px}
}
@media(prefers-reduced-motion:reduce){#select *,#select *::before,#select *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* v48: three compact, equally reachable native selectors. */
.select-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:start;min-width:0}
.select-settings .select-job{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;min-width:0}
.select-settings .select-job p{grid-column:1;font-size:10px;line-height:1.4}
.side-choice{display:grid;gap:4px;min-width:0;text-align:left;font-size:13px;color:#c5dcd8}
.side-choice select,.select-settings .select-job select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:7px 20px 7px 8px;font:800 13px system-ui;color:var(--paper);background:#0c2731;border:1px solid #719a9b;border-radius:7px}
@media(min-width:900px) and (max-height:800px){.select-panel{gap:14px}.select-body{row-gap:16px}}
@media(orientation:portrait) and (max-height:550px){.select-body{grid-template-rows:100px minmax(88px,1fr) auto;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}}
@media(max-width:899px){.side-choice,.select-settings .select-job label{font-size:11px}.select-settings{gap:6px;margin-bottom:8px}.side-choice select,.select-settings .select-job select{font-size:12px}}
@media(orientation:landscape) and (max-height:550px){.select-footer{grid-template-columns:minmax(280px,1fr) minmax(0,1fr)}.select-settings{margin-bottom:0}}

/* v54.2 (the owner: "too verbose and dense ... hide the optional selects"): the 闖關模式 lineup and the three selects (單人職責, 我方, 對手) fold
   behind one 對戰設定 row (select.js), closed on every visit; the row reads the current choices. A phone held upright stacks the row, the open
   settings and the two big buttons; elsewhere the row takes the settings' old place left of the buttons, and the settings open beneath it. */
#select:not(.more) .select-intel,#select:not(.more) .select-settings{display:none}
.select-more{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin:0;padding:6px 12px;border:1px solid #719a9b66;border-radius:10px;background:#06151d66;color:#cfe3dc;font:800 13px system-ui;text-align:left;cursor:pointer}
.select-more::after{content:'▾';flex:none;margin-left:auto;color:#86a7a6;transition:transform .15s}
#select.more .select-more::after{transform:rotate(180deg)}
#select-more-sum{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#86a7a6;font-size:12px;font-weight:700}
.select-settings{grid-column:1;grid-row:2}
.select-actions{grid-column:2;grid-row:1}
#select.more .select-actions{grid-row:1/span 2;align-self:end}
.select-note{grid-row:3}
@media(max-width:899px) and (orientation:portrait){.select-more{margin-bottom:8px}}
@media(orientation:landscape) and (max-height:550px){.select-more{padding:4px 10px}}
@media(prefers-reduced-motion:reduce){.select-more::after{transition:none}}
/* v56.14: games played, all time, under the title (invite.js playedTake): a small pulsing dot, the count, a pop when it rises. */
.select-title-group .played-line{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:800;color:#9bffe3;white-space:nowrap}
.select-title-group .played-line.hidden{display:none}
.played-line i{flex:none;width:7px;height:7px;border-radius:50%;background:#4fdc8f;box-shadow:0 0 0 0 #4fdc8f88;animation:played-dot 2s ease-out infinite}
.played-line.tick span{animation:played-tick .6s ease-out}
@keyframes played-dot{0%{box-shadow:0 0 0 0 #4fdc8f88}70%{box-shadow:0 0 0 7px #4fdc8f00}100%{box-shadow:0 0 0 0 #4fdc8f00}}
@keyframes played-tick{0%{color:#fff;transform:scale(1.18)}100%{color:#9bffe3;transform:scale(1)}}
/* the title group's own `p span` rules (smaller, and hidden on a phone, for FLOOR FIGHT) do not apply to the count */
.select-title-group .played-line span{display:inline-block;margin:0;font-size:inherit;transform-origin:left center}
@media (prefers-reduced-motion:reduce){.played-line i,.played-line.tick span{animation:none}}
@media (max-width:640px){.select-title-group .played-line{margin-top:3px;font-size:11px}}
/* v56.15: a fighting-game select screen (the owner: "see how street fighter char select is designed"). Every layer is decoration behind or over
   what was there, with no words and no change of layout or touch target; transforms only, so a phone composites them. The camp colour drives it.
   Under reduced motion nothing moves (the layers stay, still). */
#select{isolation:isolate}
#select::before{content:'';position:absolute;inset:-20% -60%;z-index:-1;pointer-events:none;opacity:.85;background:repeating-linear-gradient(-24deg,transparent 0 46px,color-mix(in srgb,var(--select-camp) 14%,transparent) 46px 53px,transparent 53px 120px,color-mix(in srgb,var(--select-camp) 8%,transparent) 120px 152px);animation:select-streak 9s linear infinite}
#select::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 55%,transparent 45%,#020d1499 100%)}
.select-showcase{isolation:isolate}
.select-showcase::before{content:'';position:absolute;left:50%;top:56%;width:170%;aspect-ratio:1;z-index:-1;pointer-events:none;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--select-camp) 22%,transparent) 0deg 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,#000 18%,transparent 62%);mask:radial-gradient(circle,#000 0,#000 18%,transparent 62%);animation:select-burst 48s linear infinite}
.select-showcase::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 55%,#ffffffcc,color-mix(in srgb,var(--select-camp) 40%,transparent) 30%,transparent 65%)}
.select-showcase.swap::before{animation:select-burst 48s linear infinite,select-burst-kick .5s ease-out}
.select-showcase.swap::after{animation:select-flash .45s ease-out}
.hero-card[aria-pressed="true"]{animation:select-cursor 1.1s ease-in-out infinite}
.select-actions #team-start,.select-actions #room-start{transition:transform .08s;background-image:linear-gradient(105deg,transparent 42%,#ffffffa6 50%,transparent 58%);background-size:300% 100%;background-repeat:no-repeat;background-position:160% 0;animation:select-shine 3.2s ease-in-out infinite}
/* v56.17: 線上對戰 is the main button (Enter, the ↵ cap): it breathes in its own gold; 單人 only shines, a beat later */
.select-actions #team-start{animation-delay:1.6s}
.select-actions #room-start{--glow:#ffe397;animation:select-shine 3.2s ease-in-out infinite,select-ready 1.6s ease-in-out infinite}
.select-actions #team-start:active,.select-actions #room-start:active{transform:scale(.97)}
@keyframes select-streak{to{transform:translateX(13%)}}
@keyframes select-burst{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes select-burst-kick{from{transform:translate(-50%,-50%) rotate(-28deg) scale(1.12)}to{transform:translate(-50%,-50%) rotate(0) scale(1)}}
@keyframes select-flash{0%{opacity:.85}100%{opacity:0}}
@keyframes select-cursor{0%,100%{filter:brightness(1)}50%{filter:brightness(1.28)}}
/* the shine is the button's own background (its ::after is the keyboard cap, which must stay unclipped) */
@keyframes select-shine{0%,50%{background-position:160% 0}85%,100%{background-position:-60% 0}}
@keyframes select-ready{0%,100%{box-shadow:0 4px 12px #020f1938,0 0 0 0 transparent}50%{box-shadow:0 4px 12px #020f1938,0 0 20px 3px color-mix(in srgb,var(--glow,#9bffe3) 55%,transparent)}}
@media (prefers-reduced-motion:reduce){#select::before,.select-showcase::before,.select-showcase.swap::before,.select-showcase.swap::after,.hero-card[aria-pressed="true"],.select-actions #team-start,.select-actions #room-start{animation:none}.select-actions #team-start,.select-actions #room-start{background-image:none}}