:root{--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);color:#332d3e;font-synthesis:none;--ink:#332d3e;--muted:#79717d;--paper:#f6f0e5;--coral:#e99d89;--mint:#b9cfc0;background:#f6f0e5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:#e9e1d8;border:0;border-radius:12px;min-height:48px;padding:13px 22px;font-weight:700;transition:transform .15s,background .15s}button:hover{background:#dfd3c8;transform:translateY(-2px)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #9678ae}a{color:inherit;text-decoration:none}.primary{background:var(--ink);color:#fff8eb;box-shadow:0 5px #1c182524}.primary:hover{background:#51415e}.secondary{background:#e8dfd2;border:1px solid #d1c5b8}.quiet{color:#68606d;background:0 0}.text-button{background:0 0;padding:8px 0;font-size:14px}.text-button:hover{background:0 0}.eyebrow{letter-spacing:2px;color:#8b7279;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:700}.status-dot{background:#839d82;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}h1,h2,h3,.wordmark{font-family:Space Grotesk,sans-serif}h1,h2,p{margin-top:0}.wordmark{letter-spacing:-1.8px;font-size:26px;font-weight:700;line-height:1}.wordmark span{color:#a16678}.wordmark small{letter-spacing:4px;color:#8b7279;padding-top:7px;font-size:8px;display:block}.home{flex-direction:column;max-width:1500px;min-height:100dvh;margin:auto;padding:40px 7% 24px;display:flex}.home-nav{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:15px;display:flex}.nav-links button{font-size:13px}.hero{flex:1;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:45px 0;display:grid}.hero-copy{z-index:1}.hero h1{letter-spacing:-5px;margin-bottom:26px;font-size:clamp(50px,5.6vw,88px);font-weight:600;line-height:1.03}.hero h1 em{color:#a16b7c;font-style:normal}.hero-description{color:#827883;margin-bottom:31px;font-size:17px;line-height:1.7}.hero-buttons{gap:12px;display:flex}.hero-buttons button{text-align:left;min-width:172px;font-size:15px}.hero-buttons span{float:right;margin-left:24px}.hero-buttons .secondary span{color:#8a7480;padding-top:3px;font-size:11px}.online-links{gap:27px;margin-top:22px;display:flex}.build-note{letter-spacing:1px;color:#a2979b;margin-top:31px;font-size:9px}.hero-art{isolation:isolate;height:500px;position:relative}.hero-art:before{content:"";background:#e7e4d8;border-radius:47% 53% 51% 49%;position:absolute;inset:12% 1% 5% 5%;transform:rotate(-12deg)}.orbit{z-index:-1;border:1px solid #cbbeba77;border-radius:50%;position:absolute}.orbit-one{inset:0 -9% 3% 1%;transform:rotate(30deg)}.orbit-two{inset:8% -1% 7% -5%;transform:rotate(-30deg)}.hero-cat{filter:drop-shadow(0 10px #5a46550a);position:absolute}.cat-one{z-index:3;width:66%;top:27%;left:0}.cat-two{z-index:2;width:60%;top:4%;right:-3%}.cat-three{z-index:4;width:49%;bottom:0;right:-3%}.art-star{color:#a16b7c;position:absolute}.star-one{font-size:58px;top:9%;left:12%}.star-two{color:#aaa17b;font-size:58px;top:54%;right:-5%}.art-caption{letter-spacing:2px;color:#a19091;font-size:9px;position:absolute;bottom:-34px;left:21%;transform:rotate(-4deg)}.home-footer{color:#95888d;letter-spacing:1.2px;border-top:1px solid #ddd4cb;justify-content:space-between;padding-top:22px;font-size:10px;display:flex}.home-footer i{color:#aa7b86;padding:0 14px;font-style:normal}#game{display:none}.page{max-width:1400px;margin:auto;padding:35px 5% 45px}.page-header{border-bottom:1px solid #dfd5cb;justify-content:space-between;align-items:center;gap:45px;margin-bottom:30px;padding-bottom:25px;display:flex}.page-header>div{flex:1}.page-header h1{letter-spacing:-1px;margin:0;font-size:32px}.page-header .eyebrow{margin-bottom:10px}.selection-top,.selection-bottom{justify-content:space-between;align-items:center;gap:22px;display:flex}.selection-top p{color:var(--muted);max-width:650px;font-size:14px;line-height:1.5}.selection-bottom{margin-top:28px}label{align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}select{background:#fffaf0;border:1px solid #d9cec4;border-radius:8px;max-width:100%;min-height:44px;padding:9px 12px}.player-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px;display:grid}.player-card{background:#fffaf0;border:1px solid #e1d5c9;border-radius:20px;padding:18px;position:relative;overflow:hidden}.player-card:before{content:"";background:var(--player,#c4b6c8);height:4px;position:absolute;top:0;left:0;right:0}.player-label{letter-spacing:1.5px;color:#9b7a83;justify-content:space-between;font-size:10px;display:flex}.player-label span{color:#aea09f;font-size:8px}.cat-picker{justify-content:center;align-items:center;padding:15px 0;display:flex}.cat-picker>div{text-align:center;flex:1}.cat-picker svg{max-width:180px}.cat-picker h2{margin:0;font-size:24px}.cat-picker>button{background:0 0;width:32px;min-width:32px;padding:0;font-size:27px}.kit{flex-direction:column;gap:8px;display:flex}.kit label{background:#f2ebe0;border-radius:9px;gap:9px;padding:4px 8px}.kit select{background:0 0;border:0;width:100%;padding:5px 0;font-size:12px}.slot-number{color:#9b8e8d;font-size:10px}.toy-glyph{text-shadow:0 1px #332d3e30;font-size:25px}.team-label{justify-content:space-between;margin-top:10px}.team-label select{min-height:30px;padding:3px 10px;font-size:11px}.fineprint{color:#a19396;margin-top:26px;font-size:11px;line-height:1.6}#notice{color:#985763;margin-top:20px;font-size:13px}.guide-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.guide-grid article{background:#eee5da;border-radius:16px;padding:26px}.guide-grid p,.control-table{color:#82747f;font-size:14px;line-height:1.8}.guide-grid h2{font-size:22px}.guide-icon{color:#a16b7c;margin-bottom:25px;font-size:40px}.control-table{margin:25px 0}.settings-card{background:#fffaf0;border-radius:20px;flex-direction:column;gap:25px;max-width:560px;padding:30px;display:flex}.settings-card p{color:#877a83;font-size:14px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.settings-grid .settings-card{max-width:none}.settings-card h2,.settings-card h3{margin:0}.settings-card label{justify-content:space-between}.settings-card input[type=checkbox]{width:22px;height:22px}.keybindings{max-width:none;margin-top:24px}.keybind-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.keybind-grid label{flex-direction:column;gap:8px;display:flex}.keybind-grid button{width:100%;min-height:48px}.touch-device .settings-card label,.touch-device .keybind-grid button{min-height:56px}.round-draft-hint{letter-spacing:0;margin-top:14px;font-size:14px;display:block}@media (max-width:700px){.settings-grid{grid-template-columns:1fr}.keybind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.room-card{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:800px;margin:50px auto;display:grid}.room-card svg{max-width:220px}.room-card h2{letter-spacing:-1px;font-size:32px}.room-card button{width:100%;margin-top:20px}.room-card label{display:block}.room-card input{letter-spacing:8px;background:#fffaf0;border:1px solid #cdbfb9;border-radius:9px;width:100%;margin-top:8px;padding:15px;font-size:28px;display:block}.divider{text-align:center;color:#9e8e96;margin:30px 0 20px;font-size:12px}.room-code{align-items:center;gap:20px;margin-bottom:25px;display:flex}.room-code span{letter-spacing:2px;color:#957982;font-size:11px}.room-code strong{letter-spacing:6px;font-size:34px}.lobby-players{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.lobby-players svg{height:160px}.lobby-players h2{font-size:18px}.lobby-players p{color:#94818d;font-size:12px}.you-badge{letter-spacing:2px;color:#a16b7c;font-size:10px}.search-card{text-align:center;max-width:700px;margin:35px auto}.search-cat{width:210px;margin:auto;animation:2s ease-in-out infinite bob}.search-card p{color:#8e7c88;font-size:14px;line-height:1.8}.search-card button{margin:8px}.search-card h2{font-size:28px}table{border-collapse:collapse;text-align:left;width:100%}td,th{border-bottom:1px solid #d9ccc4;padding:17px}th{letter-spacing:1px;font-size:11px}.playing{touch-action:none;background:#272332;overflow:hidden}.playing #game{z-index:0;display:block;position:fixed;inset:74px 0 24px}.playing #ui{z-index:50;pointer-events:none;position:fixed;inset:0}.playing button,.playing .dialog,.touch-controls{pointer-events:auto}.battle-hud{padding:10px max(16px, var(--safe-right)) 8px max(16px, var(--safe-left));color:#efe3ce;justify-content:space-between;align-items:center;gap:20px;height:74px;display:flex}.hud-brand{letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700}.hud-brand span{color:#cb9cac}#scoreboard{justify-content:center;gap:35px;display:flex}.score{color:var(--player);grid-template-columns:auto auto;align-items:center;gap:4px 14px;font-size:12px;display:grid}.score b{font-size:20px}.hud-toys{grid-column:1/-1;gap:6px;display:flex}.hud-toys span{text-align:center;background:#ffffff10;border-radius:4px;min-width:25px;height:21px;font-size:16px;line-height:21px}.hud-toys .cooling{color:#d1c4d3;font-size:11px}.pause-button{color:#e9dace;background:0 0;border:1px solid #6d6173;min-width:44px;min-height:44px;padding:5px}#phase-banner{text-align:center;color:#fff2db;text-shadow:0 3px 15px #332d3e99;position:absolute;top:30%;left:5%;right:5%}#phase-banner:not(.round-presentation) strong{letter-spacing:-2px;font-family:Space Grotesk,sans-serif;font-size:clamp(32px,6vw,80px);display:block}#phase-banner:not(.round-presentation) span{letter-spacing:3px;font-size:11px}#connection-status{color:#e5bec4;font-size:12px;position:absolute;bottom:8px;left:15px}.touch-controls{display:none}.dialog{color:#332d3e;text-align:center;background:#f6f0e5;border-radius:24px;width:min(600px,92vw);max-height:90dvh;padding:32px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 120px #15111ecc}.dialog h1{letter-spacing:-1px;font-size:34px}.dialog p{color:#8c7884;font-size:14px;line-height:1.8}.dialog .eyebrow{margin-bottom:16px;font-size:10px}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.winner-cat{width:180px;margin:-10px auto 10px}.rotate-notice{display:none}@keyframes bob{50%{transform:translateY(-8px)}}@media (max-width:1000px){.home{padding:28px 5%}.hero{min-height:480px}.hero h1{letter-spacing:-3px;font-size:61px}.hero-art{height:400px}.hero-buttons{flex-wrap:wrap}.hero-buttons button{min-width:150px}.online-links{gap:20px}.guide-grid,.lobby-players{grid-template-columns:repeat(2,1fr)}.selection-bottom{flex-wrap:wrap}.player-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.home{min-height:100dvh;padding:22px 6%}.home-nav .quiet{padding:8px;font-size:11px}.nav-links{gap:0}.wordmark{font-size:23px}.hero{flex-direction:column-reverse;gap:22px;min-height:0;padding:20px 0 22px;display:flex}.hero-copy{width:100%}.hero-art{width:85%;height:250px;margin-right:7%}.hero h1{letter-spacing:-2.7px;margin-bottom:18px;font-size:50px}.hero-description{margin-bottom:22px;font-size:14px}.hero .eyebrow{letter-spacing:1.3px;margin-bottom:15px;font-size:8px}.hero-buttons{flex-wrap:nowrap}.hero-buttons button{flex:1;min-width:0;min-height:54px;padding:14px;font-size:13px}.hero-buttons span{margin-left:8px}.online-links{justify-content:space-between;gap:10px;margin-top:12px}.online-links button{font-size:11px}.build-note{margin:20px 0 0;font-size:8px}.art-caption{font-size:7px;bottom:-20px}.star-one,.star-two{font-size:35px}.home-footer{flex-direction:column;gap:10px;font-size:8px;line-height:1.8}.home-footer i{padding:0 8px}.page{padding:22px 5%}.page-header{flex-wrap:wrap;gap:18px;margin-bottom:20px}.page-header .wordmark{font-size:19px}.page-header>div{flex-basis:100%;order:3}.page-header h1{font-size:29px}.page-header .quiet{margin-left:auto}.selection-top{align-items:flex-start}.selection-top p{font-size:12px}.player-grid{grid-template-columns:1fr}.player-card{padding:18px}.cat-picker svg{width:140px}.kit label{min-height:50px}.kit select{font-size:14px}.selection-bottom{grid-template-columns:1fr;display:grid}.selection-bottom label{justify-content:space-between}.selection-bottom button{min-height:56px}.selection-bottom #arena{max-width:68%}.guide-grid{grid-template-columns:1fr}.guide-grid article{padding:24px}.guide-icon{margin-bottom:14px}.room-card{grid-template-columns:1fr;gap:20px;margin:0 auto}.room-card>div:first-child{align-items:center;gap:18px;display:flex}.room-card svg{width:140px}.room-card h2{font-size:25px}.room-code{flex-wrap:wrap;gap:10px}.room-code strong{font-size:26px}.lobby-players{gap:10px}.lobby-players .player-card{padding:12px}.lobby-players h2{overflow-wrap:anywhere;font-size:13px}.lobby-players svg{width:100%;height:130px}}:root.touch-device .playing #game{inset:58px max(0px, var(--safe-right)) calc(100px + var(--safe-bottom)) max(0px, var(--safe-left))}:root.touch-device .battle-hud{height:58px;padding-top:4px;padding-bottom:4px}:root.touch-device .hud-brand{font-size:16px}:root.touch-device #scoreboard{gap:24px}:root.touch-device .score{gap:0 10px;font-size:10px}:root.touch-device .score b{font-size:17px}:root.touch-device .hud-toys span{min-width:20px;height:18px;font-size:13px;line-height:18px}:root.touch-device .touch-controls{--control:clamp(56px, min(var(--requested-control,64px), calc((100vw - max(20px, var(--safe-left)) - max(20px, var(--safe-right)) - 64px) / 5.5)), 80px);left:max(20px, var(--safe-left));right:max(20px, var(--safe-right));bottom:max(12px, var(--safe-bottom));justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute}:root.touch-device .touch-controls.mirror{flex-direction:row-reverse}:root.touch-device .move-control{width:calc(var(--control) * 1.5);height:var(--control);color:#145e92;touch-action:none;background:#c6f2f6;border:2px solid #2099ee;border-radius:40px;justify-content:center;align-items:center;gap:9px;display:flex}:root.touch-device .move-control span{font-size:33px}:root.touch-device .move-control small{letter-spacing:2px;font-size:8px}:root.touch-device .touch-actions{align-items:center;gap:12px;display:flex}:root.touch-device .touch-actions button{min-width:var(--control);width:var(--control);min-height:var(--control);height:var(--control);color:#145e92;touch-action:none;background:#e9f9ff;border:2px solid #2099ee;border-radius:50%;padding:4px;position:relative}:root.touch-device .touch-actions button>span{font-size:26px}:root.touch-device .touch-actions button small{font-size:9px;line-height:12px;display:block}:root.touch-device .touch-actions .jump-control{color:#145e92;background:#aee8fa;border-color:#2099ee;margin-left:12px;font-size:28px}:root.touch-device .touch-controls .pressed{background:#55bffa;transform:scale(.96)}:root.touch-device .touch-cd{pointer-events:none;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}:root.touch-device .touch-cd:not(:empty){color:#fff;background:#144f80e8}:root.touch-device #connection-status{bottom:calc(100px + var(--safe-bottom));font-size:10px}:root.touch-device .dialog{max-height:88dvh;padding:22px}:root.touch-device .winner-cat{width:110px}:root.touch-device .dialog h1{font-size:28px}:root.touch-device .dialog .eyebrow{margin-bottom:8px}:root.touch-device .dialog-actions{margin-top:15px}:root.touch-device .dialog-actions button{min-height:50px}:root.touch-device .dialog p{margin-bottom:10px}:root.touch-device .rotate-notice{pointer-events:auto}@media (orientation:portrait){:root.touch-device .playing .rotate-notice{text-align:center;background:#f6f0e5;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}:root.touch-device .rotate-notice>span{color:#aa8096;font-size:90px}:root.touch-device .rotate-notice h2{font-size:32px}:root.touch-device .rotate-notice p{color:#8c7884;font-size:15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.playing #game{width:auto!important;height:auto!important}#game canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.playing{min-height:100dvh}html:has(body.playing){background:#272332}.xbox{color:#18251b;vertical-align:middle;background:#85d94e;border:1px solid #14281b44;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font:800 13px/1 system-ui;display:inline-flex;box-shadow:0 1px #0003}.xbox-x{color:#102a45;background:#64baff}.xbox-y{color:#3f310b;background:#ffda54}.xbox-b{color:#4d111d;background:#ff8183}.xbox-menu{color:#332a40;background:#e6e0e9;border-radius:5px;width:auto;padding:0 5px;font-size:10px}.xbox-lb,.xbox-rb{color:#332a40;background:#e6e0e9;border-radius:5px;width:30px;font-size:11px}.room-code-picker{border:0;min-width:0;margin:18px 0 0;padding:0}.room-code-picker legend{margin-bottom:8px;font-size:12px}.room-code-picker>div{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.room-code-picker select{text-align:center;min-width:0;padding:8px 2px;font-weight:700}.room-code-picker p{margin:10px 0 0;font-size:11px;line-height:1.8}.room-card>div{min-width:0}#draft-prompt{top:78px;left:max(16px, var(--safe-left));flex-wrap:wrap;gap:8px;display:flex;position:absolute}.draft-button{background:#fff0d8;min-height:44px;padding:8px 12px;font-size:12px}.draft-dialog .kit{text-align:left}@media (max-width:740px){.touch-device .hud-brand{display:none}.touch-device #scoreboard{gap:12px}.touch-device .battle-hud{gap:8px}}.touch-device .pause-button{min-width:56px;min-height:56px}.touch-device .battle-hud{height:calc(64px + var(--safe-top));padding-top:calc(4px + var(--safe-top))}.touch-device .playing #game{top:calc(64px + var(--safe-top))}.touch-device #draft-prompt{top:calc(68px + var(--safe-top))}.replaying #game,.touch-device .replaying #game{bottom:calc(134px + var(--safe-bottom))}.replay-toolbar{pointer-events:auto;bottom:max(8px,var(--safe-bottom));left:max(16px,var(--safe-left));right:max(16px,var(--safe-right));color:#eee4da;position:absolute}.replay-toolbar>label{gap:12px;display:flex}.replay-toolbar input{accent-color:#c8a4d8;flex:1;min-width:0;min-height:28px}.replay-toolbar>div{flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0;display:flex}.replay-toolbar button{min-height:44px;padding:8px 12px}.replay-toolbar select{color:#332d3e}.replay-toolbar small,#replay-status{text-align:center;margin:3px 0;font-size:10px;display:block}.replaying .battle-hud .quiet{color:#eee4da}.replaying #phase-banner{top:24%}@media (max-width:600px){.replaying #game,.touch-device .replaying #game{bottom:calc(200px + var(--safe-bottom))}.replay-toolbar button{min-height:48px}}.menu .page,.menu .home{padding-left:max(5%, var(--safe-left));padding-right:max(5%, var(--safe-right))}.xbox-help{font-size:13px;line-height:2}.controller-instructions{margin:18px 0}.controller-nav :focus{outline-offset:4px;outline:3px solid #955ce9}.controller-hint{color:#ece2ed;text-align:center;pointer-events:none;display:none;position:fixed;bottom:12px;left:0;right:0}.controller-hint.visible{display:block}.hud-toys>span{position:relative}.hud-toys .xbox{width:14px;height:14px;font-size:9px;position:absolute;bottom:-8px;right:-5px}.touch-device .controller-hint.visible{display:none}@media (max-width:960px){.controller-hint .xbox-help{font-size:10px}}.menu-xbox-prompt{font-size:11px;line-height:2}.replay-toolbar button.secondary{color:#332d3e}.replay-opt-in{align-items:center;gap:10px;margin:16px 0;display:flex}.replay-opt-in input{width:24px;height:24px}.controller-nav [data-pad-focus]{outline:3px solid var(--player,#37d6bd);outline-offset:3px}.learning .battle-hud,.learning #controller-hint,.learning #draft-prompt{display:none}.learning #game,:root.touch-device .learning #game{top:var(--lesson-height,calc(108px + var(--safe-top)))}#lesson-panel{top:var(--safe-top);left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));color:#efe3ce;pointer-events:auto;justify-content:space-between;align-items:center;gap:14px;min-height:96px;display:flex;position:absolute}#lesson-panel .eyebrow{color:#d7b8d7;margin:0 0 4px;font-size:9px;display:block}#lesson-panel strong{font-size:18px}#lesson-panel p{max-width:720px;margin:5px 0;font-size:12px;line-height:1.4}.lesson-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:300px;display:flex}.lesson-actions button{color:#efe3ce;min-height:44px;padding:6px 10px;font-size:11px}@media (max-width:760px){#lesson-panel{gap:8px}#lesson-panel strong{font-size:14px}#lesson-panel p{max-width:410px;font-size:10px}.lesson-actions{flex-shrink:0;max-width:150px}.lesson-actions button{min-height:44px;padding:5px;font-size:10px}}.learning #phase-banner{display:none}@font-face{font-family:Bopl Display;src:url(./SF_Arch_Rival_Bold-C1tMuh8E.ttf)format("truetype");font-display:swap}:root{--ink:#145e92;--muted:#155582;--paper:#bceef5;--display-font:"Bopl Display",sans-serif;--menu-blue:#2099ee;color:var(--ink);background:var(--paper);font-family:Bopl Display,sans-serif}button,select,input{font-family:inherit}.menu button,.menu select,.menu input{color:var(--ink)}.menu button{box-shadow:none;border-radius:5px 9px 6px 4px;font-weight:400}.menu button:hover{background:#2099ee20;transform:none}.menu .primary{background:var(--ink);color:#e6faff;border:3px solid var(--ink)}.menu .primary:hover{background:#2378ac}.menu .secondary{border:2px solid var(--ink);background:#e6faff}.menu .quiet{color:var(--ink)}.menu h1,.menu h2,.menu h3,.menu .wordmark{letter-spacing:0;font-family:Bopl Display,sans-serif;font-weight:400}.menu .eyebrow{color:var(--ink);letter-spacing:1px}.menu button:focus-visible,.menu select:focus-visible,.menu input:focus-visible,.controller-nav .menu :focus{outline-offset:4px;outline:4px solid #e48b27}.menu .page{width:min(1440px,100%);margin:auto;padding:26px 4%}.menu .page-header{align-items:center;gap:26px;margin-bottom:18px}.menu .page-header h1{margin:0;font-size:clamp(30px,4vw,58px);line-height:1.05}.menu .page-header .eyebrow{margin:0 0 6px;font-size:12px}.menu .wordmark{font-size:28px;line-height:.82}.menu .wordmark span{color:var(--ink)}.menu .wordmark small{letter-spacing:2px;margin-top:10px;font-size:10px}.menu .page-header .quiet{margin-left:auto}.title-menu.home{background:#a3e5fa;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:none;min-height:100dvh;padding:4vh 8% 58px;display:grid;position:relative;overflow:hidden}.title-clouds{opacity:1;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.title-logo{text-align:center;z-index:1;color:#e6faff;filter:drop-shadow(5px 7px #155582);-webkit-text-stroke:4px #145e92;paint-order:stroke fill;grid-column:1;justify-self:center;width:min(540px,90%);padding:2vh 0 3vh;line-height:.74;position:relative;transform:rotate(-5deg)}.title-logo span{font-size:clamp(56px,7vw,112px);display:block}.title-logo strong{font-size:clamp(90px,12vw,186px);font-weight:400;display:block}.title-logo small{color:#9ce7ff;letter-spacing:8px;margin-top:16px;font-size:clamp(36px,4.7vw,70px);display:block}.title-options{z-index:2;flex-direction:column;grid-column:1;place-self:start center;gap:4px;width:65%;min-width:250px;margin:2vh 0 0;display:flex;position:relative}.title-options .menu-option{background:0 0;border:3px solid #0000;border-radius:40% 15% 35% 10%;min-height:48px;padding:2px 18px 5px;font-size:clamp(28px,3.3vw,50px);line-height:1.2;position:relative}.title-options .menu-option:hover,.title-options .menu-option:focus-visible{border-color:var(--menu-blue);background:#dcf7ffcc;outline:none}.title-options .menu-option:hover:before,.title-options .menu-option:focus-visible:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid var(--ink);width:0;height:0;position:absolute;top:calc(50% - 10px);left:-18px}.title-cats{grid-area:1/2/3;align-self:center;height:min(640px,78vh);position:relative}.title-cats>div{filter:drop-shadow(8px 12px #15558220);width:72%;position:absolute}.title-cats>div:first-child{top:0;left:0;transform:rotate(-10deg)}.title-cats>div:nth-child(2){top:32%;right:-10%;transform:rotate(15deg)}.title-cats>div:nth-child(3){top:56%;left:-10%;transform:rotate(-7deg)}.menu-footer{bottom:max(16px,var(--safe-bottom));left:max(5%,var(--safe-left));right:max(5%,var(--safe-right));z-index:2;justify-content:space-between;gap:20px;font-family:Arial,sans-serif;font-size:12px;display:flex;position:absolute}.selection-page .selection-top{margin:0 0 16px;font-size:15px}.selection-page .selection-top p{color:var(--ink);margin:0}.selection-page .player-grid{grid-template-columns:repeat(var(--players),minmax(0,1fr));gap:20px;display:grid}.selection-page .player-card{background:#d1f2f8;border:4px solid #2099ee;border-radius:35px 23px 29px 19px;min-width:0;padding:16px 12px;position:relative;box-shadow:4px 6px #15558220}.selection-page .player-card.is-ready{border-color:var(--ink);background:#aee6ee}.selection-page .player-label{color:var(--ink);letter-spacing:0;text-align:center;flex-direction:column;gap:4px;font-size:20px;display:flex}.selection-page .player-label span{letter-spacing:.6px;color:var(--ink);font:10px/1.5 Arial,sans-serif}.selection-page .cat-picker{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:0;margin:10px 0;display:grid}.selection-page .cat-picker button{background:0 0;min-width:40px;min-height:48px;padding:0;font-size:42px}.selection-page .cat-picker svg{width:100%;max-width:220px;height:clamp(95px,12vw,170px)}.selection-page .cat-picker h2{text-align:center;margin:0;font-size:27px;line-height:1}.circular-kit{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ability-slot{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.ability-circle{aspect-ratio:1;border:3px solid var(--ink);background:#edfbff;width:100%;max-width:105px;min-height:0;padding:10px;position:relative;border-radius:50%!important}.ability-art{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.ability-circle .slot-number{position:absolute;bottom:-6px;right:-4px}.ability-slot select{background:0 0;border:0;border-bottom:2px solid #145e9233;border-radius:0;width:100%;min-width:0;min-height:36px;padding:4px 0;font:12px/1.3 Arial,sans-serif}.selection-page .team-label{margin:14px 0 0;font-size:14px}.selection-page .team-label select{font-size:13px}.selection-page .ready-button{width:100%;min-height:44px;color:var(--ink);border:2px solid var(--ink);background:0 0;border-radius:20px 8px 17px 10px;margin:12px auto 0;padding:0;font-size:28px;display:block}.selection-page .is-ready .ready-button{background:var(--ink);color:#e6faff}.selection-page .selection-bottom{align-items:center;gap:20px;margin-top:20px}.selection-page .selection-bottom label{font-size:16px}.menu select{background:#e4f8fc;border:2px solid #145e9266;border-radius:5px;min-height:42px;padding:5px 10px}.selection-page .selection-bottom #arena{max-width:min(42vw,420px);font:13px/1.4 Arial,sans-serif}.selection-page .start-button{min-width:140px;margin-left:auto;padding:3px 22px;font-size:30px}.selection-meta{justify-content:space-between;align-items:center;gap:20px;margin-top:8px;display:flex}.selection-meta .controller-instructions{margin:4px 0;font:12px/1.8 Arial,sans-serif}.selection-meta .replay-opt-in{margin:4px 0;font:12px/1.5 Arial,sans-serif}.selection-page #notice{color:#963b1c;min-height:20px;margin:8px 0;font:14px/1.4 Arial,sans-serif}.ability-backdrop{z-index:20;background:#103954aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ability-picker{background:var(--paper);border:5px solid var(--menu-blue);border-radius:32px 19px 27px 23px;width:min(1080px,100%);max-height:94dvh;padding:22px;overflow:auto;box-shadow:8px 10px #0e416c}.ability-picker header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.ability-picker .eyebrow{margin:0}.ability-picker h2{margin:6px 0;font-size:36px}.ability-library{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.ability-choice{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex;background:#d5f3f9!important;border:3px solid #0000!important;border-radius:15px!important;padding:8px!important}.ability-choice.selected{border-color:var(--ink)!important}.ability-choice:hover,.ability-choice:focus-visible{background:#cae4e2!important}.ability-choice .ability-art{width:clamp(38px,5.6vw,76px);height:clamp(38px,5.6vw,76px)}.ability-choice span{text-align:center;font:12px/1.15 Arial,sans-serif}.ability-description{min-height:40px;margin:14px 0 0;font:14px/1.4 Arial,sans-serif}.menu .settings-card,.menu .guide-grid article{background:#d1f2f8;border:3px solid #2099ee;border-radius:22px 12px 18px 13px}.menu .settings-card label{font-size:20px}.menu .settings-card p,.menu .guide-grid p,.menu .control-table,.menu .room-card label,.menu .search-card p{color:var(--ink);font:14px/1.6 Arial,sans-serif}.menu .settings-card h2{font-size:28px}.menu .settings-card select,.menu .keybind-grid label{font-size:16px}.menu .room-card input{border:3px solid var(--ink);background:#e4f8fc;font:28px Arial,sans-serif}.menu .lobby-players .player-card{text-align:center;background:#d1f2f8;border:3px solid #2099ee;border-radius:25px 16px 23px 15px}.menu .room-code strong{font-size:42px}.menu .room-code span,.menu .lobby-players p,.menu .you-badge{color:var(--ink)}.menu td,.menu th{border-color:#145e9244}.touch-actions .ability-art{width:36px;height:36px;margin:auto}.playing:not(.learning):not(.replaying) #game{inset:12px 0}@media (min-width:1100px){.selection-page .player-grid:has(>:nth-child(2):last-child){max-width:850px;margin:auto}}@media (max-width:900px){.menu .page{padding:18px 3%}.menu .page-header{gap:18px}.menu .page-header h1{font-size:34px}.selection-page .player-grid{gap:10px}.selection-page .player-card{border-width:3px;padding:12px 8px}.selection-page .cat-picker{grid-template-columns:28px minmax(0,1fr) 28px}.selection-page .cat-picker button{min-width:28px}.selection-page .cat-picker h2{font-size:23px}.selection-page .player-label{font-size:17px}.ability-circle{border-width:2px;padding:7px}.circular-kit{gap:5px}.ability-slot select{font-size:10px}.selection-page .selection-bottom{gap:10px}.selection-meta{gap:12px}.ability-library{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}}@media (max-width:600px) and (orientation:portrait){.title-menu.home{flex-direction:column;padding:24px 6% 80px;display:flex}.title-logo{width:100%;padding:12px 0 24px}.title-logo span{font-size:54px}.title-logo strong{font-size:100px}.title-logo small{margin-top:12px;font-size:34px}.title-options{gap:2px;width:78%;margin:12px 0}.title-options .menu-option{font-size:32px}.title-cats{opacity:.32;pointer-events:none;width:210px;height:320px;position:absolute;bottom:-30px;right:-80px}.menu-footer{flex-direction:column;gap:5px;font-size:10px}.menu .page-header{flex-wrap:wrap}.menu .page-header>div{flex-basis:100%;order:3}.menu .page-header .wordmark{font-size:23px}.selection-page .player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-page .cat-picker svg{height:95px}.selection-page .cat-picker{grid-template-columns:26px minmax(0,1fr) 26px}.selection-page .cat-picker button{min-width:26px}.selection-page .player-label span{font-size:8px}.selection-page .cat-picker h2{font-size:22px}.selection-page .team-label{flex-direction:column;gap:4px}.selection-page .team-label select{width:100%}.selection-page .ready-button{font-size:24px}.selection-page .selection-top{gap:10px}.selection-page .selection-top p{font-size:13px}.selection-page .selection-bottom{flex-wrap:wrap;display:flex}.selection-page .selection-bottom label{font-size:14px}.selection-page .selection-bottom #arena{max-width:68vw}.selection-page .start-button{flex:1}.selection-meta{flex-direction:column;align-items:flex-start;gap:8px}.ability-picker{padding:12px}.ability-picker h2{font-size:25px}.ability-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ability-choice{padding:5px!important}.ability-choice span{font-size:10px}.ability-picker header .quiet{padding:5px;font-size:12px}.ability-backdrop{padding:10px}}@media (max-height:550px) and (orientation:landscape){.title-menu.home{grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding:8px 9% 34px}.title-logo{grid-area:1/1;align-self:start;width:95%;padding:8px 0}.title-logo span{font-size:48px}.title-logo strong{font-size:88px}.title-logo small{margin-top:10px;font-size:31px}.title-options{grid-area:1/2;align-self:center;gap:0;width:90%;min-width:0;margin:0}.title-options .menu-option{min-height:45px;padding:0 14px;font-size:27px}.title-cats{opacity:.85;grid-area:1/1;align-self:end;width:90%;height:140px}.title-cats>div{width:48%}.title-cats>div:first-child{top:5%;left:0}.title-cats>div:nth-child(2){top:0;right:0}.title-cats>div:nth-child(3){top:35%;left:27%}.menu-footer{font-size:10px;bottom:7px}.menu .page{padding:10px 3%}.menu .page-header{flex-wrap:nowrap;gap:20px;margin-bottom:9px}.menu .page-header>div{flex-basis:auto;order:0}.menu .page-header h1{font-size:28px}.menu .page-header .wordmark{font-size:22px}.menu .page-header .eyebrow{margin-bottom:3px;font-size:9px}.menu .page-header .quiet{min-height:44px;padding:5px 8px}.selection-page .selection-top{margin-bottom:10px}.selection-page .selection-top p{font-size:12px}.selection-page .selection-top label{font-size:13px}.selection-page select{min-height:34px}.selection-page .player-grid{grid-template-columns:repeat(var(--players),minmax(0,1fr))}.selection-page .player-card{padding:7px 6px}.selection-page .player-label{gap:0;font-size:14px}.selection-page .player-label span{font-size:8px}.selection-page .cat-picker{grid-template-columns:24px minmax(0,1fr) 24px;margin:2px 0 6px}.selection-page .cat-picker button{min-width:24px;min-height:44px}.selection-page .cat-picker svg{height:70px}.selection-page .cat-picker h2{font-size:18px}.ability-circle{max-width:60px;padding:6px}.ability-slot{gap:3px}.ability-slot select{min-height:28px;font-size:10px}.ability-circle .xbox{width:18px;height:18px;font-size:11px}.selection-page .team-label{margin:5px 0 0;font-size:11px}.selection-page .team-label select{min-height:30px;padding:2px;font-size:10px}.selection-page .ready-button{min-height:44px;margin-top:5px;font-size:22px}.selection-page .selection-bottom{margin-top:10px}.selection-page .selection-bottom label{font-size:13px}.selection-page .selection-bottom #arena{max-width:36vw}.selection-page .start-button{min-height:44px;padding:1px 18px;font-size:24px}.selection-meta{margin-top:5px}.selection-meta .controller-instructions,.selection-meta .replay-opt-in{font-size:10px}.ability-picker{padding:10px 16px}.ability-picker header{margin-bottom:5px}.ability-picker h2{margin:2px 0;font-size:25px}.ability-library{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.ability-choice{padding:5px!important}.ability-choice .ability-art{width:38px;height:38px}.ability-choice span{font-size:9px}.ability-description{min-height:28px;margin:6px 0 0;font-size:11px}}.menu{background:#a3e5fa url(./CloudsWithBG-CdcipiS5.png) 50%/cover fixed}.title-options{background:#b8f0fac9;border-radius:32% 18% 24% 20%;padding:10px 0}@media (min-height:551px) and (min-width:601px){.title-menu.home{flex-direction:column;justify-content:center;align-items:center;padding:20px 8% 60px;display:flex}.title-logo{width:460px;max-width:65%;padding:0 0 26px}.title-logo span{font-size:65px}.title-logo strong{font-size:120px}.title-logo small{margin-top:13px;font-size:43px}.title-options{background:0 0;align-self:center;gap:2px;width:320px;max-width:75%;margin:0;padding:0}.title-options .menu-option{min-height:49px;font-size:37px}.title-options .menu-option:nth-child(-n+2){min-height:65px;font-size:48px}.title-cats{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.title-cats>div{width:clamp(160px,25vw,360px)}.title-cats>div:first-child{top:30%;left:1%}.title-cats>div:nth-child(2){top:22%;right:0}.title-cats>div:nth-child(3){width:clamp(130px,20vw,280px);top:64%;left:68%}.selection-page .circular-kit{grid-template-columns:1fr;gap:12px;padding:0 9%}.selection-page .ability-slot{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;display:grid}.selection-page .ability-circle{width:76px;max-width:none}.selection-page .ability-slot select{font-size:13px}.selection-page .cat-picker svg{height:110px}.selection-page .player-card{border-radius:90px 90px 75px 75px;padding-top:25px;padding-bottom:20px}.selection-page .team-label{padding:0 8%}.selection-page .ready-button{width:80%}}@media (min-height:551px) and (min-width:601px) and (max-width:1000px){.selection-page .circular-kit{padding:0}.selection-page .ability-slot{grid-template-columns:58px minmax(0,1fr);gap:6px}.selection-page .ability-circle{width:58px}.selection-page .ability-slot select{font-size:10px}}.ability-circle:before{content:"";background:var(--ink);pointer-events:none;position:absolute;inset:-3px;-webkit-mask:url(./charSelect_Components_12-BCLXR1Qr.png) 50%/100% 100%;mask:url(./charSelect_Components_12-BCLXR1Qr.png) 50%/100% 100%}.ability-circle{border-color:#0000}.selection-page .cat-picker{padding:3px 0}.menu .page-header{border-color:#145e9233;padding-bottom:12px}.guide-icon{gap:12px;display:flex}.guide-icon .ability-art{width:60px;height:60px}.draft-dialog .kit .ability-art{flex-shrink:0;width:46px;height:46px}@media (min-height:551px) and (min-width:601px){.selection-page .player-card{padding-top:20px;padding-bottom:16px}.selection-page .cat-picker svg{height:88px}.selection-page .ability-slot{grid-template-columns:64px minmax(0,1fr)}.selection-page .ability-circle{width:64px}.selection-page .circular-kit{gap:8px}}@media (max-width:700px) and (orientation:landscape){.selection-page .circular-kit{grid-template-columns:1fr;gap:5px}.selection-page .ability-slot{grid-template-columns:44px minmax(0,1fr);gap:4px;display:grid}.selection-page .ability-circle{width:44px;min-height:44px;padding:4px}.selection-page .ability-slot select{min-height:44px;font-size:9px}.selection-page .cat-picker{grid-template-columns:1fr 1fr}.selection-page .cat-picker>div{grid-area:1/1/auto/3}.selection-page .cat-picker>button{grid-row:2;width:100%;min-width:44px;min-height:44px;line-height:1}.selection-page .cat-picker svg{height:65px}.selection-page .cat-picker h2{font-size:17px}}:root.touch-device .menu select,:root.touch-device .menu button{min-height:44px}.selection-page #notice:empty{display:none}.selection-page .player-card{border-color:#0000}.selection-page .player-card:after{content:"";background:var(--menu-blue);pointer-events:none;position:absolute;inset:0;-webkit-mask:url(./charSelect_Components_0-C-P9u3eS.png) 50%/100% 100%;mask:url(./charSelect_Components_0-C-P9u3eS.png) 50%/100% 100%}.selection-page .player-card.is-ready:after{background:var(--ink)}@media (min-width:780px) and (orientation:landscape){:root.touch-device .playing:not(.learning) .touch-actions .jump-control{margin-left:0}}.online-title .title-options{width:min(520px,90%);max-width:95%}.online-title .title-options .menu-option{min-height:54px;font-size:clamp(23px,2.7vw,38px)}.public-browser>p,.public-lobby p,.room-share p,.public-listing-note,.lobby-page #notice{font:15px/1.5 Arial,sans-serif}.public-browser .dialog-actions{flex-wrap:wrap}#public-rooms{gap:14px;margin:24px 0;display:grid}.public-lobby{background:#d1f2f8;border:3px solid #2099ee;border-radius:22px 15px;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.public-lobby h2{overflow-wrap:anywhere;margin:0 0 5px;font:700 22px/1.3 Arial,sans-serif}.public-lobby p{margin:0}.public-lobby button{flex-shrink:0;min-height:48px}.empty-lobbies{text-align:center;border:2px dashed #2099ee;border-radius:20px;padding:24px}.room-share{background:#d1f2f8;border:2px solid #2099ee;border-radius:20px;max-width:820px;margin:22px auto 0;padding:16px 22px}.room-share h2{margin:0 0 12px;font-size:24px}.share-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-actions button,.share-actions a{min-height:44px;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:10px 16px;font:700 16px/1.2 Arial,sans-serif;text-decoration:none;display:inline-flex}.share-actions a:focus-visible{outline-offset:3px;outline:3px solid #126bad}.room-share p{text-align:center;margin:10px 0}.room-share input{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #2099ee;border-radius:8px;padding:10px;font:14px/1.4 Arial,sans-serif}.host-badge{color:var(--ink);margin:4px 8px;font:700 12px Arial,sans-serif;display:inline-block}.lobby-page .lobby-players .player-card h2{overflow-wrap:anywhere;font:700 clamp(14px,2vw,23px)/1.3 Arial,sans-serif}@media (max-width:600px){.public-lobby{gap:12px;padding:14px}.public-lobby h2{font-size:17px}.public-lobby button{padding:10px;font-size:17px}.public-browser .dialog-actions{gap:8px}.public-browser .dialog-actions button{font-size:17px}.room-share{padding:14px 10px}.online-title .title-options .menu-option{min-height:50px;font-size:26px}}@media (max-height:550px) and (orientation:landscape){.online-title .title-options .menu-option{min-height:44px;font-size:23px}}.fullscreen-button{flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px;display:inline-flex}.fullscreen-button svg{flex-shrink:0;width:23px;height:23px}.menu-footer{align-items:center}.menu-footer .fullscreen-button{pointer-events:auto;font:700 14px/1.2 Arial,sans-serif}.page-header>.fullscreen-button{margin-left:auto}.battle-window-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.battle-window-controls .fullscreen-button{color:#e6faff;background:#145e92;border:2px solid #aee6ee}.touch-device .battle-window-controls .fullscreen-button{min-width:56px;min-height:56px}#fullscreen-status{z-index:10000;bottom:calc(72px + var(--safe-bottom));color:#fff;pointer-events:none;background:#103954;border-radius:14px;max-width:min(520px,90vw);padding:14px 18px;font:15px/1.5 Arial,sans-serif;position:fixed;left:50%;transform:translate(-50%)}.menu{--cat-menu-sky:#55f9ff;--cat-menu-milk:#eafaff;--cat-menu-depth:#0c4976}.menu-doodles{pointer-events:none;color:#145e92;opacity:.18;z-index:0;width:100%;height:100%;position:fixed;inset:0}.menu .page,.menu .title-logo,.menu .title-options,.menu .menu-footer{z-index:1;position:relative}.menu .title-menu{isolation:isolate;overflow:hidden}.menu .title-clouds{filter:saturate(1.05)}.menu .title-logo{filter:drop-shadow(0 7px #0c497632);transform:rotate(-4deg)}.menu .title-logo strong{letter-spacing:-4px}.menu .title-logo small{letter-spacing:8px}.menu .title-options{background:0 0}.menu .title-options .menu-option{isolation:isolate;text-shadow:0 2px #eafaff44;min-height:56px;transition:transform .18s cubic-bezier(.2,1.7,.5,1),color .16s;position:relative}.menu .title-options .menu-option:after{content:"";z-index:-1;opacity:0;background:#eafaff;border-radius:46% 24% 40% 22%;transition:transform .18s,opacity .15s;position:absolute;inset:8px -10px 3px;transform:scale(.75,.4)rotate(-3deg);box-shadow:0 5px #145e9233}.menu .title-options .menu-option:hover,.menu .title-options .menu-option:focus-visible{color:#0c4976;background:0 0;transform:rotate(-2deg)scale(1.045)}.menu .title-options .menu-option:hover:after,.menu .title-options .menu-option:focus-visible:after{opacity:1;transform:scale(1)rotate(-3deg)}.menu .title-options .menu-option:active{transform:scale(.97)}.menu .title-cats>div{filter:drop-shadow(5px 11px #145e922a)}.menu .title-cats>div:before{content:"";z-index:-1;background:#f0fcff;border-radius:49% 41% 44% 38%;position:absolute;inset:20% -4% -3%;transform:rotate(8deg);box-shadow:0 14px #83dfff66}.menu .title-cats>div:nth-child(2):before{transform:rotate(-13deg)}.menu .menu-footer{font-size:12px;position:absolute}.menu .selection-top>p{font-family:Arial,sans-serif!important;font-size:14px!important}.menu .selection-page .player-card{background:linear-gradient(175deg,#f1fcff 0%,#d2f3fa 54%,#aee9f4 100%);transition:background .22s,box-shadow .22s;box-shadow:0 10px #13598720}.menu .selection-page .player-label span{letter-spacing:0;opacity:.8}.menu .selection-page .cat-picker{grid-template-columns:56px minmax(0,1fr) 56px;gap:0;margin:3px 0 8px}.menu .selection-page .cat-picker>button[data-cat]{z-index:1;border-radius:50%;min-width:56px;min-height:56px;font-size:38px;transition:transform .18s,background .18s;position:relative}.menu .selection-page .cat-picker>button[data-cat]:hover,.menu .selection-page .cat-picker>button[data-cat]:focus-visible{background:#fff9}.menu .cat-showcase{isolation:isolate;border-radius:28px;flex-direction:column;align-items:center;width:100%;min-width:0;min-height:56px;padding:0 0 5px;display:flex;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.menu .cat-showcase:hover{transform:none}.menu .cat-spotlight{z-index:-1;background:#fff9;border-radius:48% 45% 42% 47%;transition:transform .22s,background .22s;position:absolute;inset:11% -16% 25%;transform:rotate(-8deg)}.menu .cat-preview-art{transform-origin:50% 90%;width:146%;max-width:220px;transition:transform .24s cubic-bezier(.2,1.4,.5,1);display:block}.menu .selection-page .cat-picker .cat-preview-art svg{width:100%;max-width:none;height:132px;display:block;overflow:visible}.menu .cat-showcase:hover .cat-preview-art,.menu .cat-showcase:focus-visible .cat-preview-art{transform:translateY(-5px)rotate(-5deg)scale(1.07)}.menu .cat-showcase:hover .cat-spotlight,.menu .cat-showcase:focus-visible .cat-spotlight{background:#fff;transform:rotate(4deg)scale(1.07)}.menu .selection-page .cat-showcase h2{white-space:nowrap;margin:0;font-size:26px}.menu .cat-roster-hint{white-space:nowrap;justify-content:center;align-items:center;gap:5px;margin-top:5px;font:10px/1.5 Arial,sans-serif;display:flex}.menu .cat-roster-hint>span:first-child{letter-spacing:.6px;opacity:.65;font-weight:700}.menu .cat-roster-hint>span:last-child{text-underline-offset:3px;text-decoration:underline}.menu .cat-catchphrase{text-align:center;opacity:.85;min-height:28px;margin:0 5px 8px;font:11px/1.3 Arial,sans-serif}.menu .selection-page .ability-circle{background:#f4fdff;transition:transform .2s cubic-bezier(.2,1.5,.5,1),background .2s;box-shadow:0 4px #145e922b}.menu .selection-page .ability-circle:hover{background:#fff;transform:rotate(-7deg)scale(1.07)}.menu .selection-page .ability-circle:active{transform:scale(.93)}.menu .selection-page .ready-button{background:#f1fcff;border:3px solid #145e92;font-size:27px;transition:transform .18s,background .18s;box-shadow:0 4px #145e922b;min-height:56px!important}.menu .selection-page .is-ready{background:linear-gradient(165deg,#eafffe,#a9e8f3);box-shadow:0 10px #145e9233}.menu .selection-page .is-ready .ready-button{color:#fff;background:#145e92;animation:.36s cubic-bezier(.25,1.8,.5,1) cat-ready-pop}.menu .selection-page .is-ready .cat-preview-art{transform:translateY(-4px)rotate(-5deg)}.menu .selection-page .start-button{border-radius:40% 24% 35% 18%;min-height:56px;font-size:31px;box-shadow:0 5px #0c497640}.menu .ability-picker,.menu .cat-roster{background:linear-gradient(155deg,#effcff,#c3ecf7);border:5px solid #145e92;border-radius:34px 26px 38px 24px;box-shadow:0 12px #0c49764d}.menu .ability-picker h2,.menu .cat-roster h2{font-size:36px;line-height:1.1}.menu .ability-choice{min-height:92px;transition:transform .15s,background .15s;background:0 0!important;border-radius:28px!important;padding:10px 6px!important}.menu .ability-choice .ability-art{background:#fff;border:3px solid #145e9255;border-radius:50%;padding:9px;box-shadow:0 4px #145e9222}.menu .ability-choice.selected{background:#70cff060!important;border-color:#0000!important}.menu .ability-choice.selected .ability-art{border-color:#145e92}.menu .ability-choice:hover,.menu .ability-choice:focus-visible{transform:translateY(-3px);background:#fff9!important}.menu .ability-choice span{font:13px/1.2 var(--display-font);color:#145e92}.menu .ability-description{background:#eafaff;border-top:2px solid #145e922a;min-height:60px;margin:16px -22px -22px;padding:14px 24px;font:14px/1.45 Arial,sans-serif;position:sticky;bottom:-22px}.menu .cat-roster{width:min(1050px,100%);max-height:94dvh;padding:22px;overflow:auto}.menu .cat-roster header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.menu .cat-roster header h2{margin:5px 0}.menu .cat-roster .eyebrow{margin:0}.menu .cat-roster-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.menu .cat-choice{background:#eafaff99;border:3px solid #0000;border-radius:32px;flex-direction:column;justify-content:end;align-items:center;min-width:0;min-height:120px;padding:8px 4px;transition:transform .18s,background .18s;display:flex}.menu .roster-portrait{width:100%;max-width:110px;display:block}.menu .roster-portrait svg{width:100%;height:90px;display:block}.menu .cat-choice strong{font:17px/1.1 var(--display-font)}.menu .cat-choice.selected{background:#fff;border-color:#145e92;box-shadow:0 4px #145e9233}.menu .cat-choice:hover,.menu .cat-choice:focus-visible{background:#fff;transform:translateY(-4px)rotate(-3deg)}.menu .roster-description{font:18px/1.25 var(--display-font);text-align:center;min-height:24px;margin:18px 0 8px}.menu .roster-fairness{text-align:center;opacity:.8;margin:0;font:12px/1.4 Arial,sans-serif}.menu .room-card{background:#eafaffd9;border:3px solid #2099ee;border-radius:60px 40px 50px 35px;padding:28px;position:relative}.menu .room-card>div:first-child svg{filter:drop-shadow(0 10px #145e9219);width:min(290px,80%);max-height:240px}.menu .lobby-players .player-card{background:#e8faff;border:4px solid #2099ee;border-radius:55px 55px 42px 42px;box-shadow:0 7px #145e9222}.menu .lobby-players .player-card svg{width:150px;max-width:100%}.menu .room-code strong{letter-spacing:8px;color:#145e92;font-size:48px}@keyframes cat-ready-pop{0%{transform:scale(.93,.85)}60%{transform:scale(1.035,1.08)}to{transform:scale(1)}}@media (min-width:1100px) and (min-height:760px){.menu .title-cats>div:first-child{width:30vw;max-width:420px;top:24%;left:-2%}.menu .title-cats>div:nth-child(2){width:29vw;max-width:410px;top:16%;right:-2%}.menu .title-cats>div:nth-child(3){width:22vw;max-width:310px;top:60%;left:68%}.menu .selection-page .player-card{padding-top:22px;padding-bottom:18px}.menu .selection-page .cat-picker .cat-preview-art svg{height:152px}.menu .selection-page .circular-kit{gap:10px}.menu .selection-page .ability-slot{grid-template-columns:68px minmax(0,1fr)}.menu .selection-page .ability-circle{width:68px}}@media (max-width:1000px){.menu .cat-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.menu .cat-roster{max-width:720px}.menu .cat-choice{min-height:110px}.menu .cat-roster-hint{flex-direction:column;gap:0}.menu .selection-page .cat-picker{grid-template-columns:56px minmax(0,1fr) 56px}.menu .selection-page .cat-showcase h2{font-size:20px}.menu .cat-catchphrase{font-size:10px}}@media (max-width:700px){.menu .selection-page .cat-picker{grid-template-columns:1fr 1fr}.menu .cat-showcase{grid-area:1/1/auto/3}.menu .selection-page .cat-picker>button[data-cat]{grid-row:2;width:100%}.menu .cat-preview-art{width:100%}.menu .selection-page .cat-picker .cat-preview-art svg{height:125px}.menu .cat-roster-hint{flex-direction:row}.menu .selection-page .cat-catchphrase{min-height:32px}.menu .cat-roster-grid{gap:6px}.menu .cat-roster{padding:14px}.menu .cat-roster h2{font-size:28px}.menu .cat-choice{min-height:95px;padding:4px}.menu .roster-portrait svg{height:65px}.menu .cat-choice strong{font-size:14px}.menu .cat-roster header .quiet{min-height:56px;font-size:14px}.menu .ability-library{grid-template-columns:repeat(4,minmax(0,1fr))}.menu .ability-choice{min-height:83px}.menu .ability-choice .ability-art{width:50px;height:50px;padding:6px}.menu .ability-choice span{font-size:11px}.menu .ability-description{margin:12px -12px -12px;padding:12px;bottom:-12px}.menu .room-card{border-radius:35px;padding:18px}.menu .room-code strong{letter-spacing:5px;font-size:34px}}@media (max-height:550px) and (orientation:landscape){.menu .title-options .menu-option{min-height:56px;font-size:26px}.menu .title-logo strong{font-size:82px}.menu .title-logo small{font-size:26px}.menu .title-cats>div:before{box-shadow:none}.menu .selection-page .player-grid{gap:10px}.menu .selection-page .player-card{border-radius:75px;padding:12px 8px}.menu .selection-page .cat-picker{grid-template-columns:1fr 1fr}.menu .cat-showcase{grid-area:1/1/auto/3}.menu .selection-page .cat-picker>button[data-cat]{grid-row:2;width:100%}.menu .selection-page .cat-picker .cat-preview-art svg{height:105px}.menu .cat-preview-art{width:100%;max-width:180px}.menu .cat-roster-hint{flex-direction:row;font-size:9px}.menu .selection-page .cat-showcase h2{font-size:20px}.menu .cat-catchphrase{min-height:26px;font-size:10px}.menu .selection-page .circular-kit{grid-template-columns:1fr;gap:7px}.menu .selection-page .ability-slot{grid-template-columns:56px minmax(0,1fr);gap:5px;display:grid}.menu .selection-page .ability-circle{width:56px;max-width:none;min-height:56px}.menu .selection-page .ability-slot select{min-height:56px;font-size:11px}.menu .selection-page .team-label{font-size:12px}.menu .selection-page .team-label select{min-height:56px}.menu .selection-page .selection-bottom{flex-wrap:wrap}.menu .selection-page .start-button{min-height:56px}.menu .ability-library{grid-template-columns:repeat(7,minmax(0,1fr))}.menu .ability-picker{max-height:94dvh}.menu .ability-choice{min-height:83px}.menu .ability-picker header .quiet{min-height:56px}.menu .ability-description{margin:12px -16px -10px;padding:10px 16px;bottom:-10px}.menu .cat-roster-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.menu .cat-roster{max-width:100%;padding:14px}.menu .cat-roster header h2{font-size:27px}.menu .cat-choice{min-height:100px}.menu .roster-portrait svg{height:65px}.menu .roster-description{margin-top:12px;font-size:15px}}:root.touch-device .menu button,:root.touch-device .menu select,:root.touch-device .menu input:not([type=checkbox]):not([type=range]){min-height:56px}@media (prefers-reduced-motion:reduce){.menu *,.menu :before,.menu :after{transition:none!important;animation:none!important}}.menu .menu-doodles{z-index:1}.menu .title-logo,.menu .title-options,.menu .menu-footer{z-index:2}@media (min-width:1001px) and (min-height:551px) and (max-height:950px){.menu .selection-page .page-header{margin-bottom:12px;padding-bottom:6px}.menu .selection-page .page-header h1{font-size:42px}.menu .selection-page .selection-top{margin-bottom:10px}.menu .selection-page .player-card{padding-top:14px;padding-bottom:12px}.menu .selection-page .cat-picker .cat-preview-art svg{height:112px}.menu .selection-page .cat-catchphrase{min-height:15px;margin-bottom:5px}.menu .selection-page .circular-kit{gap:7px}.menu .selection-page .ability-slot{grid-template-columns:58px minmax(0,1fr)}.menu .selection-page .ability-circle{width:58px}.menu .selection-page .team-label,.menu .selection-page .ready-button{margin-top:8px}.menu .selection-page .selection-bottom{margin-top:14px}}.playing .pause-dialog{isolation:isolate;background:#d6f3fc;border:4px solid #145e92;border-radius:44px 30px 37px 28px;position:relative;overflow:visible;box-shadow:0 12px #0b3e6755}.playing .pause-dialog h1{font-family:var(--display-font);color:#145e92;margin-bottom:16px;font-size:52px}.playing .pause-dialog .pause-cat{z-index:-1;pointer-events:none;width:160px;position:absolute;top:-95px;right:20px;transform:rotate(12deg)}.playing .pause-dialog .pause-cat svg{width:100%;height:150px}.playing .pause-dialog .dialog-actions button{min-height:56px}@media (max-height:550px){.playing .pause-dialog .pause-cat{width:105px;top:-65px;right:24px}.playing .pause-dialog .pause-cat svg{height:100px}.playing .pause-dialog h1{margin-bottom:7px;font-size:34px}.playing .pause-dialog{border-radius:30px}}:root.touch-device .menu button,:root.touch-device .menu select{min-width:56px}@media (max-width:700px) and (orientation:portrait){.menu .selection-page .circular-kit{grid-template-columns:1fr;gap:7px}.menu .selection-page .ability-slot{grid-template-columns:56px minmax(0,1fr);gap:6px;display:grid}.menu .selection-page .ability-circle{width:56px;max-width:none;min-height:56px}.menu .selection-page .ability-slot select{min-width:0;padding:4px;font-size:11px}}.playing .pause-dialog{overflow:auto}.playing .pause-dialog .pause-cat{opacity:.18;width:125px;top:0;right:0}.menu select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpath d='m3 3 5 5 5-5' fill='none' stroke='%23145e92' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px 10px;padding-right:25px!important}.menu .menu-doodles{opacity:.1}.menu .menu-footer{justify-content:center;gap:0}.hint-divider{opacity:.4;margin:0 8px}.menu .selection-page .page-header h1{font-size:40px}.menu .selection-page .selection-top{justify-content:flex-end;margin-bottom:14px}.menu .selection-page .player-card{background:#e3f8fc;padding:20px 14px 16px;box-shadow:0 5px #145e9215}.menu .selection-page .player-label{letter-spacing:1px;font-size:15px}.menu .selection-page .cat-picker{margin:8px 0 12px}.menu .cat-roster-hint{opacity:.65;gap:7px;font-size:10px}.menu .roster-grid-mark{grid-template-columns:repeat(2,3px);gap:2px;display:grid;text-decoration:none!important}.menu .roster-grid-mark i{background:currentColor;border-radius:1px;width:3px;height:3px}.menu .selection-page .circular-kit{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:6px 0 0;display:grid}.menu .selection-page .ability-slot{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.menu .selection-page .ability-circle{width:72px;max-width:100%;height:72px;min-height:56px;padding:11px;box-shadow:0 3px #145e921c}.menu .selection-page .ability-slot select{width:100%;min-width:0;min-height:32px;box-shadow:none;text-align:center;text-align-last:center;text-overflow:ellipsis;font:13px/1.2 var(--display-font);background:0 0;border:0;border-radius:10px;padding:2px 0!important}.menu .selection-page .ability-slot select:hover,.menu .selection-page .ability-slot select:focus-visible{background:#fff8}.menu .selection-page .team-label{justify-content:center;margin:6px 0;padding:0}.menu .selection-page .team-label select{width:auto;max-width:100%;min-height:36px;font:13px/1.2 var(--display-font);background-color:#0000;border:0;padding-left:12px}.menu .selection-page .ready-button{width:100%;box-shadow:none;border-width:2px;border-radius:28px;margin-top:12px;font-size:25px}.menu .selection-page .selection-bottom{border-top:1px solid #145e9229;gap:18px;margin-top:24px;padding-top:16px}.menu .selection-page .selection-bottom label{gap:8px;font:13px/1.2 Arial,sans-serif}.menu .selection-meta{opacity:.85;margin-top:12px}.menu .selection-meta .controller-instructions{font-size:11px}.menu .ability-picker,.menu .cat-roster{border-width:3px;box-shadow:0 8px #0c49762a}.menu .ability-picker .ability-choice .ability-art{border-width:2px;width:64px;height:64px;padding:9px}.menu .ability-choice{border-radius:22px!important}.menu .ability-picker .ability-choice span{font-size:12px}.menu .ability-picker h2,.menu .cat-roster h2{font-size:30px}.menu .ability-description{font-size:13px}.menu .room-card{box-shadow:none;background:#eafaffba;border:0;border-radius:36px;max-width:850px;margin:auto}.menu .room-card>div:first-child{justify-content:center;align-items:center;display:flex}.menu .room-card .divider{opacity:.65;margin:14px 0;font:14px Arial,sans-serif}.menu .room-code-picker{border:0;padding:8px 0}.menu .room-code-picker legend{opacity:.8;font:12px Arial,sans-serif}.playing .pause-dialog{border-width:3px;border-radius:32px;width:min(520px,94vw);padding:26px;box-shadow:0 8px #0b3e6733}.playing .pause-dialog h1{font-size:42px}.playing .pause-dialog .dialog-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.playing .pause-dialog .dialog-actions>.primary{grid-column:1/-1}.playing .pause-dialog .dialog-actions button{padding:10px;font-size:16px}.playing .pause-control-help{border-top:1px solid #145e9233;margin-top:16px;padding-top:14px}.playing .pause-control-help p{margin:0;font:13px/1.6 Arial,sans-serif}@media (min-width:1100px) and (min-height:700px){.menu .selection-page{max-width:1300px;margin:auto}.menu .selection-page .player-grid{gap:20px}.menu .selection-page .cat-picker .cat-preview-art svg{height:140px}}@media (max-width:1000px){.menu .selection-page .player-grid{gap:10px}.menu .selection-page .player-card{padding:16px 10px}.menu .selection-page .circular-kit{gap:4px}.menu .selection-page .ability-circle{width:56px;height:56px;padding:8px}.menu .selection-page .ability-slot select{font-size:11px}}@media (max-height:550px) and (orientation:landscape){.menu .selection-page .page-header h1{font-size:28px}.menu .selection-page .selection-top{margin:0 0 8px}.menu .selection-page .cat-picker{grid-template-columns:56px minmax(0,1fr) 56px;margin:4px 0 6px}.menu .selection-page .cat-showcase{grid-area:1/2}.menu .selection-page .cat-picker>button[data-cat]{grid-row:1;width:56px}.menu .selection-page .cat-picker>button[data-cat]:first-child{grid-column:1}.menu .selection-page .cat-picker>button[data-cat]:last-child{grid-column:3}.menu .selection-page .cat-picker .cat-preview-art svg{height:90px}.menu .cat-preview-art{width:150%}.menu .cat-roster-hint{gap:3px;font-size:8px}.menu .selection-page .cat-showcase h2{font-size:19px}.menu .selection-page .ability-slot select,.menu .selection-page .team-label select{min-height:56px}.menu .selection-page .ready-button{margin-top:6px}.menu .selection-page .selection-bottom{margin-top:12px;padding-top:12px}.menu .ability-picker .ability-choice .ability-art{width:56px;height:56px;padding:8px}.menu .ability-choice{min-height:92px}.menu .ability-picker h2{font-size:26px}.playing .pause-dialog{padding:18px}.playing .pause-dialog h1{margin-bottom:10px;font-size:32px}}@media (max-width:700px) and (orientation:portrait){.menu .selection-page .player-grid{grid-template-columns:1fr}.menu .selection-page .player-card{border-radius:65px;width:100%;max-width:390px;margin:auto;padding:18px 22px}.menu .selection-page .cat-picker{grid-template-columns:56px minmax(0,1fr) 56px}.menu .selection-page .cat-showcase{grid-area:1/2}.menu .selection-page .cat-picker>button[data-cat]{grid-row:1;width:56px}.menu .selection-page .cat-picker>button[data-cat]:first-child{grid-column:1}.menu .selection-page .cat-picker>button[data-cat]:last-child{grid-column:3}.menu .selection-page .cat-picker .cat-preview-art svg{height:115px}.menu .selection-page .ability-circle{width:64px;height:64px}.menu .selection-page .ability-slot select{min-height:56px;font-size:12px}.menu .selection-page .team-label select{min-height:56px}.menu .selection-page .page-header h1{font-size:32px}.menu .selection-page .selection-top{margin-top:-8px}.menu .ability-picker .ability-choice .ability-art{width:54px;height:54px;padding:7px}.menu .ability-picker .ability-choice span{font-size:11px}}@media (max-width:820px) and (orientation:landscape){.menu .selection-page .player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu .selection-page .player-card{padding-left:16px;padding-right:16px}}.playing .pause-dialog{position:fixed;top:50%;left:50%}.playing .pause-dialog .dialog-actions button{color:#145e92;box-shadow:none;background:#bce6f5}.playing .pause-dialog .dialog-actions button.primary{color:#effcff;background:#145e92}.playing .pause-dialog .dialog-actions button.quiet{background:0 0}.playing .pause-dialog{z-index:60;box-shadow:0 8px #0b3e6733,0 0 0 100vmax #082e5070}.playing .pause-dialog button:focus{outline-color:#238bce}.playing:has(.pause-dialog) #phase-banner{visibility:hidden}.menu .selection-page>#menu-sheet{z-index:300;pointer-events:none;isolation:isolate;position:fixed;inset:0}.menu .selection-page>#menu-sheet>.ability-backdrop{pointer-events:auto;z-index:1;-webkit-backdrop-filter:blur(3px);background:linear-gradient(145deg,#082f50d9,#166b9fbf);padding:clamp(10px,2.4vw,28px)}.menu .selection-page .player-card:after{z-index:0}.menu .selection-page .player-card>*{z-index:1;position:relative}.menu .ability-picker{background:linear-gradient(160deg,#f3fdff 0%,#cceff7 72%,#b7e6f2 100%);border-radius:38px 27px 35px 25px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100%);max-height:calc(100dvh - clamp(20px,4.8vw,56px));padding:clamp(14px,2vw,24px);display:grid;overflow:hidden;box-shadow:0 12px #083d67,0 24px 70px #031b2a66}.menu .ability-picker header{border-bottom:2px solid #145e9224;margin:0 0 10px;padding:0 2px 10px}.menu .ability-picker header .eyebrow{letter-spacing:1.4px;font:11px/1.2 Arial,sans-serif}.menu .ability-picker h2{margin:5px 0 0;font-size:clamp(27px,3.1vw,42px);line-height:.95}.menu .ability-picker header .quiet{align-self:center;min-width:108px}.menu .ability-library{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(5px,1vw,12px);min-height:0;padding:5px 6px 9px;overflow:auto}.menu .ability-choice{min-height:96px;scroll-margin:18px;border-radius:25px 19px 23px 17px!important;padding:8px 5px!important}.menu .ability-choice.selected{box-shadow:inset 0 0 0 2px #145e92,0 4px #145e922b;background:#7edbf070!important}.menu .ability-choice:focus-visible{outline-offset:1px;transform:translateY(-2px)scale(1.025);outline:4px solid #ff9c2f!important}.menu .ability-picker-footer{background:#edfaff;border-top:2px solid #145e9229;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:52px;margin:8px -24px -24px;padding:10px 24px 12px;display:grid}.menu .ability-picker-footer p{margin:0}.menu .ability-picker-footer .ability-description{background:0 0;border:0;min-height:0;margin:0;padding:0;font:13px/1.35 Arial,sans-serif;position:static}.menu .ability-picker-controls{white-space:nowrap;color:#145e92c9;font:11px/1.7 Arial,sans-serif}.menu .selection-page{width:min(1380px,100%);min-height:100dvh;padding:clamp(14px,3vh,30px) max(24px,5vw,var(--safe-left)) max(18px,3vh,var(--safe-bottom))}.menu .selection-page .page-header{margin-bottom:clamp(10px,2vh,20px);padding-bottom:clamp(8px,1.4vh,14px)}.menu .selection-page .selection-top{margin-bottom:clamp(8px,1.7vh,16px)}.menu .selection-page .player-grid{align-items:stretch;gap:clamp(10px,1.5vw,22px)}.menu .selection-page .selection-bottom{margin-top:clamp(12px,2vh,24px);padding-top:clamp(10px,1.5vh,16px)}.menu .selection-page .selection-meta{min-height:24px;margin-top:8px}@media (max-width:900px){.menu .ability-library{grid-template-columns:repeat(6,minmax(0,1fr))}.menu .ability-picker-footer{margin-bottom:-14px;margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}}@media (max-height:550px) and (orientation:landscape){.menu .ability-picker{border-radius:27px 20px 25px 18px;max-height:calc(100dvh - 14px);padding:9px 14px}.menu .ability-picker header{margin-bottom:4px;padding-bottom:5px}.menu .ability-picker h2{font-size:25px}.menu .ability-picker header .eyebrow{font-size:9px}.menu .ability-library{grid-template-columns:repeat(10,minmax(0,1fr));align-content:start;gap:4px;padding:3px 4px 5px}.menu .ability-choice{min-height:76px;padding:4px!important}.menu .ability-picker .ability-choice .ability-art{width:42px;height:42px;padding:5px}.menu .ability-picker-footer{min-height:40px;margin:5px -14px -9px;padding:6px 14px}.menu .ability-picker-controls{font-size:9px}.menu .ability-picker-footer .ability-description{font-size:10px}}@media (max-width:620px) and (orientation:portrait){.menu .ability-library{grid-template-columns:repeat(4,minmax(0,1fr))}.menu .ability-picker-footer{grid-template-columns:1fr;gap:2px}.menu .ability-picker-controls{white-space:normal}}.menu .settings-page{width:min(1120px,100%)}.menu .settings-grid{align-items:start;gap:clamp(12px,2vw,24px)}.menu .settings-card{gap:clamp(12px,1.7vw,20px);padding:clamp(18px,2.5vw,28px)}.menu .settings-card>h2{margin-bottom:2px}.menu .settings-card>p{margin:0}.menu .settings-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.menu details.keybindings{max-width:none;margin-top:16px;padding:0;display:block;overflow:hidden}.menu details.keybindings summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 22px;font-size:25px;list-style:none;display:flex}.menu details.keybindings summary::-webkit-details-marker{display:none}.menu details.keybindings summary:after{content:"+";font-size:32px;line-height:1}.menu details.keybindings[open] summary:after{content:"−"}.menu details.keybindings summary span{letter-spacing:.5px;opacity:.7;margin-left:auto;font:11px/1.3 Arial,sans-serif}.menu details.keybindings summary:focus-visible{outline-offset:-4px;background:#fff8;outline:4px solid #e48b27}.menu .keybindings-body{border-top:1px solid #145e9226;padding:0 22px 22px}@media (max-height:550px) and (orientation:landscape){.menu .settings-page{padding-top:8px;padding-bottom:10px}.menu .settings-page .page-header{margin-bottom:8px}.menu .settings-grid{gap:10px}.menu .settings-card{gap:8px;padding:12px 16px}.menu .settings-card h2{font-size:23px}.menu .settings-card label{font-size:15px}.menu .settings-card p{font-size:11px}.menu details.keybindings{margin-top:10px;padding:0}.menu details.keybindings summary{min-height:50px;padding:8px 16px;font-size:21px}}.selection-page.ready-screen{max-width:1440px;padding:22px 4% 18px}.menu .ready-screen .selection-top{justify-content:center;gap:14px;margin:0 0 14px}.menu .ready-screen .player-count{background:#b4e4f366;border-radius:30px;align-items:center;gap:4px;padding:4px 7px;display:flex}.menu .ready-screen .player-count>span{padding:0 9px;font:16px Bopl Display,sans-serif}.menu .ready-screen .player-count button{color:#175981;background:0 0;border-radius:50%;min-width:48px;min-height:44px;padding:3px;font-size:25px}.menu .ready-screen .player-count button[aria-pressed=true]{color:#fff8de;background:#175981;transform:rotate(-6deg)}.menu .ready-screen .player-grid{align-items:stretch;gap:clamp(12px,2.1vw,32px);max-width:1200px;margin:auto}.menu .ready-screen .player-card{isolation:isolate;position:relative;background:0 0!important;border:0!important;border-radius:0!important;padding:12px 10px 16px!important}.menu .ready-screen .player-card:after{display:none}.menu .ready-screen .player-card:before{content:"";z-index:-1;background:color-mix(in srgb,var(--player) 26%,#effaff);width:auto;height:auto;box-shadow:0 7px 0 color-mix(in srgb,var(--player) 65%,#427b9c);border-radius:46% 50% 34% 38%/25% 29% 18% 20%;position:absolute;inset:8% 0 0;transform:rotate(-1deg)}.menu .ready-screen .player-card:nth-child(2n):before{transform:rotate(1deg)}.menu .ready-screen .player-card.is-ready:before{box-shadow:0 7px 0 var(--player),0 0 0 4px #f4ffe6}.menu .ready-screen .player-label{letter-spacing:1px;margin-bottom:8px;font-size:20px}.menu .ready-screen .cat-picker{grid-template-columns:44px minmax(0,1fr) 44px!important;margin:0!important}.menu .ready-screen .cat-picker>button{font-size:46px;transition:transform .12s;grid-area:auto!important;min-width:44px!important;min-height:56px!important}.menu .ready-screen .cat-picker>button:hover{transform:scale(1.16)}.menu .ready-screen .cat-picker>div{grid-area:auto!important}.menu .ready-screen .cat-picker svg{height:clamp(100px,13vw,174px)!important}.menu .ready-screen .cat-picker h2{font-size:clamp(23px,2.5vw,36px)!important}.menu .ready-screen .circular-kit{flex-direction:row;justify-content:center;align-items:start;gap:clamp(6px,.9vw,14px)!important;padding:16px 0 7px!important;display:flex!important}.menu .ready-screen .ability-slot{flex-direction:column;flex:1;align-items:center;min-width:0;gap:5px!important;display:flex!important}.menu .ready-screen .ability-circle{aspect-ratio:1;background:#faffee;border-radius:50%;min-width:44px;transition:transform .12s;box-shadow:0 4px #1d61883d;width:100%!important;max-width:82px!important;height:auto!important;min-height:56px!important;padding:7px!important}.menu .ready-screen .ability-circle:hover{transform:translateY(-5px)rotate(-5deg)}.menu .ready-screen .ability-name{text-align:center;min-height:25px;font:12px/1.1 Bopl Display,sans-serif}.menu .ready-screen .team-chip{background:0 0;align-items:center;gap:6px;min-height:44px;margin:0 auto;padding:4px 12px;font:15px Bopl Display,sans-serif;display:flex}.menu .ready-screen .team-dot{background:var(--team);border:2px solid #fff;border-radius:50%;width:12px;height:12px;display:inline-block}.menu .ready-screen .ready-button{box-shadow:0 4px #1d618830;color:#185577!important;background:#fff5c1!important;border:0!important;width:85%!important;min-height:52px!important;margin:8px auto 0!important;font-size:27px!important}.menu .ready-screen .is-ready .ready-button{color:#efffc8!important;background:#265f63!important}.menu .ready-screen .selection-bottom{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;max-width:1080px;gap:20px!important;margin:27px auto 0!important;display:grid!important}.menu .ready-screen .arena-carousel{align-items:center;gap:5px;min-width:0;display:flex}.menu .ready-screen .arena-carousel>button{background:0 0;min-width:44px;min-height:56px;padding:4px;font-size:34px}.menu .ready-screen .arena-carousel .arena-card{text-align:left;background:#d4eef877;border-radius:18px;flex:1;align-items:center;gap:15px;min-width:0;max-width:360px;display:flex;padding:7px 12px!important}.menu .ready-screen .arena-thumbnail{filter:drop-shadow(0 3px #31607b33);flex-shrink:0;width:118px;height:67px;transform:rotate(-3deg)}.menu .ready-screen .arena-card span{text-overflow:ellipsis;font:21px/1.1 Bopl Display,sans-serif;overflow:hidden}.menu .ready-screen .arena-card small{letter-spacing:1.8px;font:10px/1.7 Arial,sans-serif;display:block}.menu .ready-screen .win-chip{background:0 0;align-items:center;gap:8px;min-height:56px;padding:8px;font:21px Bopl Display,sans-serif;display:flex}.menu .ready-screen .win-chip strong{color:#215d81;font-size:40px}.menu .ready-screen .start-button{text-shadow:none;border-radius:30px 22px 31px 18px;transform:rotate(-3deg);box-shadow:0 6px #b38436;color:#235a7b!important;background:#fff2a7!important;min-height:72px!important;padding:4px 30px!important;font-size:40px!important}.menu .ready-screen .selection-meta{justify-content:space-between;align-items:center;max-width:1080px;margin:18px auto 0}.menu .ready-screen .replay-toggle{opacity:.75;background:0 0;min-height:44px;padding:5px 10px;font:12px Arial,sans-serif}.menu .ready-screen .replay-toggle[aria-pressed=true]{opacity:1;color:#185f69}.arena-picker{color:#175981;background:#dff4fa;border:4px solid #338acc;border-radius:34px;width:100%;max-width:1100px;max-height:90dvh;padding:22px;overflow:auto}.arena-picker header{z-index:1;background:#dff4fa;justify-content:space-between;align-items:center;padding:12px 0;display:flex;position:sticky;top:-22px}.arena-picker h2{margin:0;font-size:36px}.arena-library{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.arena-choice{background:#c1e8f6;border:3px solid #0000;border-radius:18px;justify-items:center;gap:5px;min-height:100px;padding:8px;display:grid}.arena-choice.selected{background:#fff3b2;border-color:#dfad38}.arena-choice .arena-thumbnail{width:100%;height:auto}.arena-choice span{font:14px Bopl Display,sans-serif}@media (max-width:650px){.selection-page.ready-screen{padding:14px 14px 18px}.menu .ready-screen .player-grid{gap:15px 10px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.menu .ready-screen .player-card{padding:8px 6px 12px!important}.menu .ready-screen .cat-picker{grid-template-columns:30px minmax(0,1fr) 30px!important}.menu .ready-screen .cat-picker>button{min-width:30px!important;font-size:32px!important}.menu .ready-screen .cat-picker svg{height:92px!important}.menu .ready-screen .cat-picker h2{font-size:24px!important}.menu .ready-screen .circular-kit{gap:5px!important}.menu .ready-screen .ability-circle{padding:4px!important}.menu .ready-screen .ability-name{font-size:10px}.menu .ready-screen .selection-bottom{grid-template-columns:1fr auto;gap:12px!important;margin-top:20px!important}.menu .ready-screen .arena-carousel{grid-column:1/3}.menu .ready-screen .arena-card{max-width:none!important}.menu .ready-screen .start-button{min-height:60px!important;font-size:32px!important}.menu .ready-screen .selection-meta{flex-direction:row;gap:4px}.menu .ready-screen .controller-instructions{font-size:10px}.arena-library{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-picker{padding:14px}}@media (min-width:651px) and (max-height:550px){.selection-page.ready-screen{padding:8px 3%}.menu .ready-screen .page-header{margin-bottom:3px}.menu .ready-screen .selection-top{margin:0;position:absolute;top:15px;right:6%}.menu .ready-screen .player-grid{gap:12px;max-width:980px;grid-template-columns:repeat(var(--players),minmax(0,1fr))!important}.menu .ready-screen .player-card{padding:3px 7px 9px!important}.menu .ready-screen .player-label{margin-bottom:0;font-size:13px}.menu .ready-screen .cat-picker svg{height:76px!important}.menu .ready-screen .cat-picker h2{font-size:22px!important}.menu .ready-screen .circular-kit{padding:6px 0 0!important}.menu .ready-screen .ability-circle{max-width:56px!important;min-height:48px!important;padding:4px!important}.menu .ready-screen .ability-name{min-height:18px;font-size:9px}.menu .ready-screen .team-chip{min-height:32px;font-size:12px}.menu .ready-screen .ready-button{min-height:38px!important;margin-top:3px!important;font-size:22px!important}.menu .ready-screen .selection-bottom{gap:12px!important;margin-top:13px!important}.menu .ready-screen .arena-thumbnail{width:80px;height:45px}.menu .ready-screen .arena-card span{font-size:17px}.menu .ready-screen .start-button{min-height:56px!important;font-size:30px!important}.menu .ready-screen .win-chip{font-size:16px}.menu .ready-screen .win-chip strong{font-size:30px}.menu .ready-screen .selection-meta{margin-top:5px}.menu .ready-screen .controller-instructions{font-size:10px}.menu .ready-screen .replay-toggle{min-height:28px}.arena-library{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ready-screen button{transition:none!important}}.menu .ready-screen .player-card{box-shadow:none}.menu .ready-screen #notice:empty{display:none}.menu .ready-screen .selection-meta p{margin:0}@media (min-width:651px){.menu .ready-screen .selection-top{margin-bottom:8px}.menu .ready-screen .player-card{padding-top:6px!important;padding-bottom:10px!important}.menu .ready-screen .selection-bottom{margin-top:18px!important}.menu .ready-screen .selection-meta{margin-top:8px}}@media (min-width:651px) and (max-height:550px){.menu .ready-screen .selection-top{top:8px;right:150px}.menu .ready-screen .cat-picker svg{height:58px!important}.menu .ready-screen .cat-roster-hint{display:none}.menu .ready-screen .cat-picker h2{font-size:19px!important}.menu .ready-screen .cat-picker>button{padding-bottom:0!important}.menu .ready-screen .ability-name{display:none}.menu .ready-screen .ability-circle{max-width:56px!important;min-height:56px!important}.menu .ready-screen .circular-kit{padding-top:4px!important;padding-bottom:3px!important}.menu .ready-screen .selection-bottom{padding-top:7px;margin-top:10px!important}.menu .ready-screen .selection-meta{margin-top:0}.menu .ready-screen .arena-card{padding-top:3px!important;padding-bottom:3px!important}.menu .ready-screen .player-grid{margin-top:0}.menu .ready-screen .pod-actions{align-items:center;gap:4px;margin-top:5px;display:flex}.menu .ready-screen .team-chip{flex:1;gap:3px;min-height:56px;padding:3px;font-size:10px}.menu .ready-screen .ready-button{flex:1;width:auto!important;min-height:56px!important;margin:0!important;font-size:19px!important}}:root.touch-device .menu .ready-screen .player-count button,:root.touch-device .menu .ready-screen .arena-carousel>button{min-width:56px}@media (max-width:650px){:root.touch-device .menu .ready-screen .cat-picker{grid-template-columns:56px minmax(0,1fr) 56px!important}:root.touch-device .menu .ready-screen .cat-picker>button{min-width:56px!important}:root.touch-device .menu .ready-screen .circular-kit{grid-template-columns:repeat(2,56px);gap:6px!important;display:grid!important}:root.touch-device .menu .ready-screen .ability-slot:last-child{grid-area:1/1/auto/3}:root.touch-device .menu .ready-screen .ability-circle{min-width:56px;width:56px!important;min-height:56px!important}:root.touch-device .menu .ready-screen .cat-roster-hint{display:none}}.menu .ready-screen .player-grid:has(>.player-card:only-child){max-width:390px;grid-template-columns:minmax(0,1fr)!important}.menu .ready-screen .player-grid:has(>.player-card:nth-child(2):last-child){max-width:850px}@media (max-height:550px) and (min-width:651px){.menu .ready-screen .player-grid:has(>.player-card:only-child){max-width:330px}}.ready-screen .player-card{position:relative}.ready-screen .pad-seat{text-align:center;letter-spacing:.04em;color:#526b7d;pointer-events:none;margin-bottom:3px;font-size:11px;line-height:1.2}.ready-screen .pad-seat.connected{color:#196047}@media (max-height:550px) and (min-width:651px){.ready-screen .pad-seat{margin-bottom:1px;font-size:9px}.menu .ready-screen .player-card:has(.pad-seat) .cat-picker svg{height:64px!important}.menu .ready-screen .player-grid:has(.pad-seat)+.selection-bottom{padding-top:0;margin-top:0!important}}.flat-boot{z-index:2147483000;overscroll-behavior:contain;box-sizing:border-box;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));color:#145e92;text-align:center;isolation:isolate;touch-action:manipulation;background:linear-gradient(#3ac0ed,#9ae8ff 77%,#e9fbff);place-items:center;font-family:Bopl Display,Trebuchet MS,system-ui,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.flat-boot-content{z-index:1;width:min(100%,540px);margin:auto;position:relative}.flat-boot-cat{transform-origin:50% 90%;width:clamp(115px,22vh,205px);margin:0 auto 4px;animation:1.3s ease-in-out infinite flat-boot-breathe}.flat-boot-cat svg{width:100%;height:auto;display:block;overflow:visible}.flat-boot h1{text-wrap:balance;margin:0 0 10px;font-size:clamp(28px,6vw,48px);font-weight:900;line-height:1.1}.flat-boot p{text-wrap:balance;margin:0 0 20px;font-size:clamp(16px,3.5vw,21px);font-weight:700;line-height:1.35}.flat-boot-progress{width:min(100%,340px);margin:0 auto;position:relative}.flat-boot progress{box-sizing:border-box;appearance:none;background:#f8ffff;border:3px solid #2099ee;border-radius:999px;width:100%;height:28px;display:block;overflow:hidden}.flat-boot progress::-webkit-progress-bar{background:#f8ffff;border-radius:999px}.flat-boot progress::-webkit-progress-value{background:#81d142;border-radius:999px}.flat-boot progress::-moz-progress-bar{background:#81d142;border-radius:999px}.flat-boot-percent{font-variant-numeric:tabular-nums;margin-top:8px;font:800 16px/1.2 system-ui,sans-serif;display:block}.flat-boot button.flat-boot-retry{color:#145e92;cursor:pointer;background:#fff;border:3px solid #2099ee;border-radius:999px;min-width:160px;min-height:56px;margin:8px auto 0;padding:10px 28px;font:900 24px/1.2 Trebuchet MS,system-ui,sans-serif;display:block;box-shadow:0 5px #1485c4}.flat-boot button.flat-boot-retry:focus-visible{outline-offset:5px;outline:4px solid #145e92}.flat-boot [hidden]{display:none!important}.flat-boot-cloud{z-index:0;pointer-events:none;background:#f3fcff;border-radius:50% 50% 0 0;width:min(75vw,750px);height:33vh;min-height:140px;position:fixed;bottom:-12vh;box-shadow:0 -10px #fff5}.flat-boot-cloud:before,.flat-boot-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.flat-boot-cloud:before{width:54%;height:150%;top:-55%;left:10%}.flat-boot-cloud:after{width:44%;height:120%;top:-30%;right:2%}.flat-boot-cloud-left{left:-27vw;transform:rotate(12deg)}.flat-boot-cloud-right{right:-27vw;transform:rotate(-12deg)}.flat-boot-failed .flat-boot-cat{animation:none}@keyframes flat-boot-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.025,.975)}}@media (max-height:480px) and (orientation:landscape){.flat-boot{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}.flat-boot-content{grid-template-columns:130px minmax(0,360px);align-items:center;column-gap:22px;width:min(100%,530px);display:grid}.flat-boot-cat{grid-row:1/5;width:130px}.flat-boot h1{font-size:clamp(24px,4.5vw,34px)}.flat-boot p{margin-bottom:12px;font-size:16px}.flat-boot-progress{width:100%}.flat-boot button.flat-boot-retry{margin-top:0}}@media (prefers-reduced-motion:reduce){.flat-boot-cat{animation:none}}.playing .battle-hud{top:auto;left:auto;right:max(22px,var(--safe-right));bottom:max(16px,var(--safe-bottom));width:auto;height:auto;box-shadow:none;z-index:44;pointer-events:none;background:0 0;border:0;gap:12px;padding:0;position:fixed}.playing .battle-hud>.wordmark,.playing .battle-hud>b{display:none}.playing .battle-hud>button{top:calc(14px + var(--safe-top));right:calc(16px + var(--safe-right));pointer-events:auto;color:#145e92;background:#ffffffc9;border:3px solid #145e92;border-radius:50%;width:48px;height:48px;min-height:48px;padding:0;font-size:20px;position:fixed}#scoreboard{pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.bopl-score.score{color:#fff;text-align:center;filter:drop-shadow(0 2px #134c6c);flex-direction:column;align-items:center;gap:1px;width:72px;font-family:Bopl Display,sans-serif;display:flex;position:relative}.bopl-score .score-portrait{border:3px solid var(--player);background:color-mix(in srgb,var(--player) 40%,#fff);border-radius:50%;width:48px;height:44px;position:relative;box-shadow:0 0 0 2px #164969}.score-portrait>svg{width:54px;height:48px;position:absolute;top:-9px;left:-6px}.bopl-score .score-total{color:#fff;-webkit-text-stroke:1px #173a56;paint-order:stroke fill;text-shadow:0 2px #173a56;font-size:23px;line-height:1;position:absolute;top:28px;left:0;right:0}.score-crown{z-index:2;color:#ffe961;text-shadow:1px 1px #784622,-1px -1px #784622;font-size:29px;line-height:1;position:absolute;top:-24px;left:10px;transform:rotate(-9deg)}.score-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;text-shadow:1px 1px #145e92,-1px -1px #145e92;max-width:80px;margin-top:5px;font-size:11px;display:block;overflow:hidden}.bopl-score.is-out .score-portrait{filter:saturate(.35);opacity:.72}.bopl-score .hud-toys{gap:3px;height:27px;margin-top:2px;display:flex}.bopl-score .hud-ability{background:#22658ebd;border:1px solid #bfe8ff;border-radius:50%;place-items:center;width:22px;height:22px;padding:2px;display:grid;position:relative;overflow:visible}.hud-ability img{object-fit:contain;width:100%;height:100%}.hud-ability.cooling:before{content:"";background:conic-gradient(#123c64c9 var(--cooldown),transparent 0);z-index:1;border-radius:50%;position:absolute;inset:-1px}.hud-ability .cooldown-number{z-index:2;color:#fff;text-shadow:1px 1px #143b59;place-items:center;font-size:14px;line-height:1;display:grid;position:absolute;inset:0}.hud-ability .xbox{z-index:3;border-width:1px;width:12px;min-width:12px;height:12px;padding:0;font-size:8px;line-height:10px;position:absolute;bottom:-9px;right:-3px}.hud-ability.is-active{box-shadow:0 0 0 2px #fff,0 0 10px #fff}#phase-banner.round-presentation{pointer-events:none;z-index:35;text-align:center;color:#fff;background:0 0;width:100%;height:100%;padding:0;font-family:Bopl Display,sans-serif;display:block;position:absolute;inset:0;overflow:hidden;transform:none}.round-countdown{color:#fff;filter:drop-shadow(3px 4px #145e92);justify-items:center;display:grid;position:absolute;top:28%;left:50%;transform:translate(-50%)}.round-countdown>strong{-webkit-text-stroke:3px #145e92;paint-order:stroke fill;font-size:clamp(90px,13vw,210px);line-height:1.1;animation:.65s cubic-bezier(.2,1.5,.5,1) both countdown-pop}.round-number{letter-spacing:.04em;font-size:clamp(20px,3vw,40px);transform:rotate(-5deg)}.round-arena{max-width:60vw;font-size:clamp(14px,1.8vw,24px)}.round-go{-webkit-text-stroke:4px #145e92;paint-order:stroke fill;pointer-events:none;font-size:clamp(100px,16vw,220px);font-weight:700;animation:.65s ease-out both go-burst;position:absolute;inset:24% 0 auto}.round-ceremony,.bopl-results{isolation:isolate;position:absolute;inset:0;overflow:hidden}.round-ceremony{animation:.46s cubic-bezier(.18,.8,.3,1) both ceremony-enter;animation-delay:var(--ceremony-offset,0s)}.winner-triangle{z-index:2;clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(145deg,#58bfe8,#2299d9 55%,#176cb6);position:absolute;inset:12% -3% -8%}.winner-triangle:after{content:"";background:radial-gradient(circle at 80% 80%,#2d79b959 0 14%,#0000 14.2%),radial-gradient(circle at 47% 97%,#2d79b95f 0 25%,#0000 25.2%),radial-gradient(circle at 96% 37%,#2d79b950 0 8%,#0000 8.2%);position:absolute;inset:0}.winner-stripes{z-index:3;transform-origin:50%;opacity:.8;background:repeating-linear-gradient(#8ff8ff 0 2px,#0000 2px 5px);width:150%;height:12px;position:absolute;bottom:24%;left:-10%;transform:rotate(-27deg)}.ceremony-cast{z-index:1;position:absolute;inset:0}.ceremony-cat{transform-origin:50% 90%;width:52%;max-width:860px;animation:.68s cubic-bezier(.2,1.2,.4,1) both winner-pop;animation-delay:calc(.12s + var(--ceremony-offset,0s));position:absolute;bottom:10%;left:15%;transform:rotate(-20deg)}.celebration-cat{width:100%;height:auto;display:block;overflow:visible}.cheer-body{transform-origin:50% 85%;animation:1.45s ease-in-out infinite cheer-bounce}.cheer-paw{transform-origin:54px 231px;animation:1.45s ease-in-out infinite cheer-paw}.cheer-pupil{transform-origin:50%;animation:3s ease-in-out infinite cheer-eyes}.cast-2 .ceremony-cat{width:39%;bottom:5%;left:10%}.cast-2 .ceremony-cat:nth-child(2){bottom:20%;left:36%;transform:rotate(-12deg)}.cast-3 .ceremony-cat,.cast-4 .ceremony-cat{width:31%;left:calc(4% + var(--cat-index)*19%);bottom:calc(2% + var(--cat-index)*11%)}.winner-title{z-index:4;text-shadow:3px 3px #164969;-webkit-text-stroke:2px #164969;paint-order:stroke fill;animation:.42s ease-out .2s both winner-title;top:42%;right:12%;transform:rotate(-27deg);letter-spacing:.025em!important;color:#fff!important;margin:0!important;font-family:Bopl Display,sans-serif!important;font-size:clamp(32px,5.8vw,92px)!important;line-height:1!important;position:absolute!important}.ceremony-scores{z-index:4;align-items:flex-end;gap:clamp(8px,2vw,32px);display:flex;position:absolute;bottom:12%;right:8%}.ceremony-score{text-align:left;color:#fff;min-width:76px;animation:.3s both score-enter;animation-delay:calc(var(--row-delay) + var(--ceremony-offset,0s));filter:drop-shadow(1px 2px #176598);grid-template-rows:auto auto;grid-template-columns:42px 1fr;align-items:center;column-gap:8px;font-family:Bopl Display,sans-serif;display:grid;position:relative}.ceremony-avatar{background:var(--player);border:2px solid #fff;border-radius:50%;grid-row:span 2;width:44px;height:40px;display:block}.ceremony-avatar svg{width:48px;height:44px;margin:-5px 0 0 -4px}.ceremony-name{white-space:nowrap;font-size:clamp(12px,1.4vw,20px)}.ceremony-score strong{font-size:clamp(24px,3vw,42px);line-height:1}.score-addition{color:#fff073;animation:.6s both score-plus;animation-delay:calc(var(--row-delay) + .15s + var(--ceremony-offset,0s));font-size:28px;position:absolute;top:-32px;left:9px}.ceremony-score.won .ceremony-avatar{box-shadow:0 0 0 3px #ffef85}.ceremony-prompt{z-index:5;white-space:nowrap;text-shadow:1px 2px #145e92;align-items:center;gap:10px;font-size:clamp(13px,1.6vw,24px);display:flex;position:absolute;bottom:4%;left:37%}.ceremony-prompt button{pointer-events:auto;align-items:center;gap:8px;min-height:56px;display:flex}.bopl-results.result-dialog{pointer-events:auto;animation:.5s ease-out both ceremony-enter;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;box-shadow:none!important;background:linear-gradient(160deg,#b8e2f17d,#17538cc7)!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;transform:none!important}.bopl-results .result-art{z-index:1;isolation:isolate;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bopl-results .winner-triangle{inset:0 -4% -6%}.bopl-results .ceremony-cat{width:48%;bottom:18%;left:1%}.bopl-results .cast-2 .ceremony-cat{width:35%;bottom:23%;left:0}.bopl-results .cast-2 .ceremony-cat:nth-child(2){bottom:31%;left:23%}.bopl-results .winner-title{top:19%;right:10%}.bopl-results .result-content{z-index:6;color:#fff;isolation:isolate;background:linear-gradient(155deg,#0d4f83e8,#1678afe0);border:3px solid #c9faff;border-radius:32px 22px 29px 19px;width:min(56%,760px);padding:clamp(12px,2vw,24px);font-family:Bopl Display,sans-serif;position:absolute;bottom:3%;right:3%;box-shadow:0 8px #08375f,0 18px 48px #06294566}.result-content .ceremony-scores{flex-wrap:wrap;justify-content:center;margin-bottom:18px;position:relative;bottom:auto;right:auto}.result-kicker{text-align:center;letter-spacing:.12em;color:#bdefff;margin:0 0 10px;font:clamp(12px,1.3vw,18px)/1 Bopl Display,sans-serif}.result-content .dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;animation:none;display:grid}.result-content .dialog-actions button{color:#fff;text-shadow:1px 2px #145e92;background:0 0;border:2px solid #c9faff;border-radius:10px;min-height:48px;padding:10px 16px;font-family:Bopl Display,sans-serif;font-size:clamp(14px,1.6vw,24px);box-shadow:0 4px #1462a3}.result-content .dialog-actions button:last-child:nth-child(odd){grid-column:1/-1}.result-content .dialog-actions button:hover,.result-content .dialog-actions button:focus-visible{color:#145e92;text-shadow:none;outline-offset:3px;background:#c9faff;outline:3px solid #fff;transform:translateY(-3px)}.result-content .dialog-actions [data-action=redraft]{color:#145e92;text-shadow:none;background:#ffeb76;border-color:#fff8c7;box-shadow:0 4px #b47724}.result-content .dialog-actions [data-action=redraft]:hover,.result-content .dialog-actions [data-action=redraft]:focus-visible{background:#fff4a8}.result-context{color:#e5f8ff;text-align:center;margin:10px 0 0;font-size:clamp(12px,1.4vw,18px)}.playing.replaying .battle-hud{bottom:140px}@keyframes ceremony-enter{0%{transform:translate(115%)}to{transform:translate(0)}}@keyframes winner-pop{0%{translate:10% 25%;scale:.7}60%{scale:1.06 .95}to{translate:0;scale:1}}@keyframes winner-title{0%{opacity:0;translate:12% 10%}to{opacity:1;translate:0}}@keyframes score-enter{0%{opacity:0;translate:0 30px}to{opacity:1;translate:0}}@keyframes score-plus{0%{opacity:0;translate:0 22px;scale:.4}70%{opacity:1;scale:1.2}to{opacity:1;translate:0;scale:1}}@keyframes cheer-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.018,.98)}}@keyframes cheer-paw{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)translateY(-13px)}}@keyframes cheer-eyes{0%,88%,to{opacity:1}92%{opacity:.15}}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.5)rotate(-10deg)}30%{opacity:1}to{transform:scale(1)rotate(-5deg)}}@keyframes go-burst{0%{opacity:0;transform:scale(.5)rotate(-8deg)}15%,60%{opacity:1;transform:scale(1)rotate(-8deg)}to{opacity:0;visibility:hidden;transform:scale(1.7)rotate(-8deg)}}@media (max-width:760px){.playing .battle-hud{bottom:12px;right:12px}#scoreboard{gap:6px}.bopl-score.score{width:55px}.bopl-score .score-portrait{width:38px;height:35px}.score-portrait>svg{width:43px;height:39px;top:-8px;left:-5px}.bopl-score .score-total{font-size:19px;top:22px}.score-name{font-size:9px}.score-crown{font-size:22px;top:-19px;left:8px}.bopl-score .hud-ability{width:17px;height:17px}.bopl-score .hud-toys{gap:2px;height:22px}.hud-ability .cooldown-number{font-size:11px}.ceremony-score{grid-template-columns:30px 1fr;column-gap:4px;min-width:55px}.ceremony-avatar{width:32px;height:29px}.ceremony-avatar svg{width:36px;height:32px}.ceremony-scores{gap:10px;bottom:16%;right:6%}.ceremony-cat{width:66%;bottom:8%;left:2%}.winner-title{-webkit-text-stroke:1px #164969;top:46%;right:9%;font-size:clamp(30px,6vw,60px)!important}.score-addition{font-size:20px;top:-23px}.bopl-results .result-content{border-radius:20px 15px 18px 13px;width:64%;padding:9px 11px;bottom:2%;right:2%}.bopl-results .ceremony-cat{width:53%;bottom:26%;left:-8%}.result-content .dialog-actions{gap:6px;margin-top:6px}.result-content .dialog-actions button{min-height:44px;padding:6px 8px}.bopl-results .winner-title{top:19%;font-size:clamp(26px,5.5vw,50px)!important}.result-content .ceremony-scores{margin-bottom:4px}}@media (pointer:coarse),(max-height:500px){.touch-device .playing .battle-hud{bottom:calc(var(--control-size,64px) + 38px + var(--safe-bottom));right:calc(14px + var(--safe-right))}.touch-device .bopl-score .hud-toys{display:none}.touch-device .bopl-score.score{width:44px}.touch-device #scoreboard{gap:3px}.touch-device .score-name{font-size:8px}.ceremony-prompt{bottom:7%;left:32%}.touch-device .playing .battle-hud>button{width:44px;height:44px;min-height:44px;top:8px;right:10px}}@media (max-width:500px) and (orientation:portrait){.bopl-results .ceremony-cat{width:85%;bottom:45%;left:0}.bopl-results .winner-title{top:37%;right:12%}.bopl-results .result-content{width:92%;bottom:5%;right:4%}.bopl-results .winner-triangle{inset:28% -30% -7% -50%}.bopl-results .dialog-actions button{min-height:56px}.bopl-results .ceremony-scores{gap:8px}}@media (prefers-reduced-motion:reduce){.round-presentation *,.bopl-results *{animation-duration:.01ms!important;animation-delay:0s!important}.round-go{animation-duration:.65s!important}.cheer-body,.cheer-paw,.cheer-pupil{animation:none!important}}img.winner-triangle{object-fit:fill;clip-path:none;background:0 0;width:160%;max-width:none;height:88%;inset:auto auto 0 0}.bopl-results img.winner-triangle{width:176%;height:100%;inset:auto auto 0 -8%}.round-ceremony,.bopl-results.result-dialog{animation:none}.outgoing-ceremony{z-index:5}.ceremony-score{animation-name:score-fade}@keyframes score-fade{0%{opacity:0}to{opacity:1}}.playing .battle-hud>.hud-brand{display:none}body.playing{background:#092c47}.playing:has(.bopl-results) .battle-hud{display:none!important}.playing:has(.bopl-results) #touch-controls{display:none!important}.playing:has(.bopl-results) #controller-hint{display:none!important}.playing:has(.bopl-results) #draft-prompt{display:none!important}:is(.playing:has(.round-ceremony) #scoreboard,.playing:has(.round-ceremony) #touch-controls,.playing:has(.round-ceremony) #controller-hint){display:none!important}.playing:has(.round-ceremony) #draft-prompt{top:auto;right:auto;left:calc(12px + var(--safe-left));bottom:calc(12px + var(--safe-bottom));z-index:45;flex-wrap:wrap;gap:6px;max-width:34%;display:flex;position:fixed}.playing:has(.round-ceremony) #draft-prompt button{color:#fff;background:#1464a7;border:2px solid #c9faff;border-radius:8px;min-height:44px;padding:6px 10px;font-family:Bopl Display,sans-serif;font-size:13px}:root.touch-device body.playing:not(.learning):not(.replaying) #game{top:8px;bottom:calc(clamp(56px,var(--requested-control,64px),80px) + 28px + var(--safe-bottom))}body.playing.replaying #game{top:8px;bottom:calc(134px + var(--safe-bottom))}body.playing.learning #game{top:var(--lesson-height,108px)}@media (max-width:600px){body.playing.replaying #game{bottom:calc(200px + var(--safe-bottom))}}@media (min-width:780px) and (orientation:landscape){:root.touch-device body.playing{--rail-control:clamp(56px,var(--requested-control,64px),80px)}:root.touch-device body.playing:not(.learning):not(.replaying) #game{inset:8px calc(var(--rail-control)*2 + 24px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(var(--rail-control)*1.5 + 16px + var(--safe-left))}:root.touch-device body.playing:not(.learning):not(.replaying):has(#touch-controls.mirror) #game{left:calc(var(--rail-control)*2 + 24px + var(--safe-left));right:calc(var(--rail-control)*1.5 + 16px + var(--safe-right))}:root.touch-device .playing:not(.learning) .touch-actions{grid-template-columns:repeat(2,var(--rail-control));gap:8px;display:grid}:root.touch-device .playing:not(.learning) .touch-controls{left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));--control:var(--rail-control)}:root.touch-device .playing:not(.learning):not(.replaying) .battle-hud{left:calc(8px + var(--safe-left));right:auto;top:calc(14px + var(--safe-top));height:auto;bottom:auto;transform:none}:root.touch-device .playing:not(.learning):not(.replaying) #scoreboard{grid-template-columns:repeat(2,44px);gap:14px 2px;display:grid}:root.touch-device .playing:not(.learning):not(.replaying):has(#touch-controls.mirror) .battle-hud{left:auto;right:calc(8px + var(--safe-right))}}:root.touch-device .playing .battle-hud>button{width:56px;height:56px;min-height:56px;left:auto;right:calc(10px + var(--safe-right));top:calc(8px + var(--safe-top));position:fixed}@media (max-width:779px) and (orientation:landscape){:root.touch-device .playing:not(.learning):not(.replaying) .battle-hud{left:calc(8px + var(--safe-left));height:auto;top:calc(50% - 106px);bottom:auto;right:auto}:root.touch-device .playing:not(.learning):not(.replaying) #scoreboard{grid-template-columns:40px;gap:5px;display:grid}:root.touch-device .playing:not(.learning):not(.replaying) .score-name{display:none}:root.touch-device .playing:not(.learning):not(.replaying) .score-portrait{margin-bottom:6px}}