.emote-trigger{position:absolute;right:18px;bottom:100px;z-index:61;padding:12px 16px;border:1px solid #ffffff55;border-radius:14px;background:#101c32ee;color:#fff;font:700 14px system-ui;cursor:pointer}.emote-backdrop{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:#061020a6;backdrop-filter:blur(5px)}.emote-backdrop[hidden]{display:none}.emote-wheel{position:relative;width:min(580px,94vw,90vh);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#142b44 0 24%,#25415ecc 25% 26%,#101d31f2 27% 66%,#3d6484 67% 68%,transparent 69%);color:#fff;font-family:system-ui,sans-serif}.emote-preview-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.emote-choice{position:absolute;transform:translate(-50%,-50%);width:24%;height:24%;display:flex;flex-direction:column;align-items:center;padding:3px;border:1px solid #89b9dc40;border-radius:22px;background:#c5eaff0c;color:#fff;font:700 clamp(10px,1.6vw,14px) system-ui;cursor:pointer}.emote-choice:hover,.emote-choice:focus-visible{background:#58d9e733;border-color:#6ae8ef;outline:2px solid #6ae8ef;outline-offset:2px}.emote-reference{width:100%;height:78%;flex-shrink:0}.emote-choice span{position:relative;z-index:3}.emote-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3;text-align:center}.emote-center strong{font-size:clamp(14px,3vw,23px);letter-spacing:.12em}.emote-center span{font-size:clamp(10px,1.8vw,13px);color:#bad9e9}.emote-center button{background:transparent;color:#88e4ed;border:0;padding:6px;font:600 clamp(9px,1.7vw,12px) system-ui;cursor:pointer}:root{--popup-font:"Trebuchet MS",Arial,sans-serif}.crosshair{position:fixed;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;z-index:30;pointer-events:none;opacity:0;color:#fff8ed;transition:opacity .15s;will-change:transform}.crosshair svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 3px #142b4899);transition:transform .12s}.crosshair .xhair-edge{stroke:#142b48}.crosshair .xhair-core{stroke:currentColor}.crosshair[data-reach="1"]{color:#4ade80}.crosshair[data-reach="1"] svg{transform:scale(1.18)}.match-feedback{position:fixed;left:50%;top:clamp(190px,29vh,310px);transform:translate(-50%) rotate(-2deg);z-index:22;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:10px;max-width:calc(100vw - 44px);padding:0;background:none;border:0;font-family:var(--popup-font);text-align:center}.match-feedback .feedback-icon{display:none}.feedback-copy{display:grid;gap:3px;justify-items:center;opacity:.82}.feedback-copy strong{font-family:inherit;font-size:clamp(24px,4.6vw,46px);font-style:italic;font-weight:900;line-height:1;letter-spacing:.01em;text-transform:uppercase;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:2.5px #142b48;paint-order:stroke fill;filter:drop-shadow(0 3px 0 #142b4866) drop-shadow(0 0 10px #ffffff55);white-space:nowrap}.match-feedback[data-kind=good] .feedback-copy strong{background-image:linear-gradient(180deg,#9df5b6,#1fa85a 78%)}.match-feedback[data-kind=block] .feedback-copy strong{background-image:linear-gradient(180deg,#8df2b0,#0e9488 78%)}.match-feedback[data-kind=bad] .feedback-copy strong{background-image:linear-gradient(180deg,#e6e8ee,#8a93a6)}.match-feedback[data-kind=perfect] .feedback-copy strong{background-image:linear-gradient(90deg,#c084fc,#fde047 18%,#fb923c,#4ade80,#22d3ee 72%,#60a5fa 88%,#f472b6);filter:drop-shadow(0 4px 0 #142b4877) drop-shadow(0 0 16px #ffc958aa)}.match-feedback[data-kind=foot-fault] .feedback-copy strong,.match-feedback[data-kind=out] .feedback-copy strong{background-image:linear-gradient(180deg,#ffb9a6,#e0452f)}.feedback-copy small{font-family:inherit;font-size:clamp(12px,1.9vw,17px);font-style:italic;font-weight:700;color:#142b48;text-shadow:0 1px 0 #fff8ed,0 -1px 0 #fff8ed,1px 0 0 #fff8ed,-1px 0 0 #fff8ed}.point-callout{position:fixed;left:50%;top:22%;transform:translate(-50%) rotate(-2deg);z-index:20;pointer-events:none;text-align:center;font-family:var(--popup-font)}.point-callout>*{opacity:.85}.point-callout .callout-title{display:inline-block;font-style:italic;font-weight:900;font-size:clamp(26px,5.2vw,52px);line-height:1;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(180deg,#9ff0ff,#2563eb);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:3px #142b48;paint-order:stroke fill;filter:drop-shadow(0 4px 0 #142b4866) drop-shadow(0 0 12px #ffffff44);text-transform:uppercase}.point-callout[data-team="0"] .callout-title{background-image:linear-gradient(180deg,#9ff0ff,#2563eb)}.point-callout[data-team="1"] .callout-title{background-image:linear-gradient(180deg,#ffc2d4,#e11d48)}.point-callout.is-rule .callout-title{font-size:clamp(22px,3.9vw,42px);background-image:linear-gradient(180deg,#ffb9a6,#e0452f)}.point-callout .callout-detail{margin-top:8px;font-size:clamp(11px,1.5vw,14px);font-weight:700;font-style:italic;letter-spacing:.02em;color:#142b48;text-shadow:0 1px 0 #fff8ed,0 -1px 0 #fff8ed,1px 0 0 #fff8ed,-1px 0 0 #fff8ed}.point-callout .callout-score{margin-top:6px;font-size:clamp(12px,1.8vw,15px);letter-spacing:.18em;color:#fff8ed;-webkit-text-stroke:1.5px #142b48;paint-order:stroke fill;text-shadow:0 3px 0 #142b4866}html #toast{pointer-events:none;font-family:var(--popup-font)!important;font-weight:800;color:#142b48!important;background:#fff8edf2!important;border:2px solid #142b48;border-radius:14px 6px!important;box-shadow:3px 4px #142b4866!important;letter-spacing:.02em}@media(max-width:600px){.match-feedback{top:180px;gap:8px}.point-callout{top:20%}}:root{font-family:Trebuchet MS,Arial,sans-serif;font-synthesis:none;color:#17456c;--ink:#17456c;--blue:#249cdb;--pink:#ec72ac;--teal:#24b1aa}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #143b69;outline-offset:6px}button:disabled{opacity:.5;cursor:default!important}[hidden]{display:none!important}#main-menu{position:fixed;inset:0;z-index:50;overflow:auto;display:none;color:var(--ink);background:radial-gradient(ellipse at 15% 25%,#fff 0,transparent 58%),linear-gradient(145deg,#e9faff,#d9f5fd 60%,#b7e7ef)}body.in-menu #main-menu{display:flex;flex-direction:column}body.in-menu #hud,body.in-menu #panel,body.in-menu #help,body.in-menu #charge,body.in-menu #toast{display:none!important}#main-menu:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#49b6d326 1.5px,transparent 1.5px);background-size:18px 18px;mask-image:linear-gradient(135deg,transparent 20%,#000)}#main-menu:after{content:"";position:fixed;left:-10%;right:-10%;bottom:-110px;height:220px;background:#ffffff80;border-radius:50% 50% 0 0;transform:rotate(-5deg);pointer-events:none}.menu-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:24px 4.5%;gap:15px}.wordmark{display:flex;align-items:center;text-decoration:none;color:var(--ink);font-weight:900;font-style:italic;font-size:22px;letter-spacing:-1px;gap:4px}.wordmark>span:last-child{font-weight:500}.brand-ball{display:block;width:35px;height:35px;margin-right:7px}.brand-ball svg{width:100%;height:100%}.header-right{display:flex;gap:12px}.sound-button{display:grid;place-items:center;background:#fff;border:2px solid #fff;border-radius:50%;width:46px;height:46px;color:var(--ink);box-shadow:0 4px #aacfe0;cursor:pointer}.sound-button:hover{background:#fff6c6;transform:translateY(-2px)}.menu-content{position:relative;flex:1;width:min(1150px,90%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;min-height:540px;padding:15px 0 40px;box-sizing:border-box}.menu-scenery{position:absolute;left:-26%;width:86%;bottom:-80px;pointer-events:none;opacity:.24;transform:rotate(-7deg)}.menu-scenery svg{width:100%}.title-scene{position:relative;aspect-ratio:1;max-width:510px;width:100%;display:grid;place-items:center;animation:scene-in .7s both}.hero-ball{position:absolute;inset:7%;filter:drop-shadow(0 22px 10px #217f9d25);animation:float-ball 6s ease-in-out infinite}.hero-ball svg{width:100%;height:100%;transform:rotate(-16deg)}.emblem-orbit{position:absolute;inset:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 13px #ffffff40,0 0 0 15px #ffffff50,0 0 0 35px #ffffff18}.hero-title{position:relative;z-index:1;font-size:clamp(65px,7.5vw,104px);line-height:.83;font-weight:900;font-style:italic;letter-spacing:-6px;text-align:center;transform:rotate(-9deg);color:#fff;-webkit-text-stroke:2px #17456c;text-shadow:3px 7px 0 #17456c,0 0 25px #17456c55;pointer-events:none}.hero-title span{color:#fff8d3}.sport-tag{position:absolute;bottom:4%;background:#17456c;color:#fff;padding:9px 26px;border-radius:30px;font-size:12px;font-weight:800;letter-spacing:4px;transform:rotate(-9deg);box-shadow:0 4px #fff}.scene-spark{position:absolute;color:#fff;text-shadow:2px 3px 0 #41b7df}.spark-one{font-size:60px;top:0;right:9%;transform:rotate(12deg)}.spark-two{font-size:35px;bottom:15%;left:-2%;color:#ffc958}.mode-section{position:relative;z-index:2;width:100%;animation:scene-in .65s .1s both}.section-heading{display:flex;align-items:center;gap:15px;margin:0 10px 25px}.section-heading h1{font-size:14px;letter-spacing:4px;white-space:nowrap;margin:0;font-weight:900}.heading-line{height:2px;flex:1;background:#79b8cf55}.mode-grid{display:grid;gap:19px}.mode-card{--mode-color:var(--blue);position:relative;display:flex;align-items:center;gap:22px;text-align:left;min-height:108px;width:100%;padding:12px 25px 12px 18px;border:4px solid #fff;border-radius:60px 18px 18px 60px;background:linear-gradient(115deg,#fff 25%,#f1faff);color:var(--ink);cursor:pointer;box-shadow:0 6px #a9d2e0,0 12px 26px #356f9310;transform:skew(-7deg);transition:transform .18s,box-shadow .18s,background .18s}.mode-card>*{transform:skew(7deg)}.mode-card[data-mode=duo]{--mode-color:var(--pink)}.mode-card[data-mode=online]{--mode-color:var(--teal)}.mode-card:hover{transform:skew(-7deg) translate(-8px);box-shadow:0 6px #87b8cd,0 12px 30px #356f9320}.mode-card.selected{background:var(--mode-color);color:#fff;box-shadow:0 6px color-mix(in srgb,var(--mode-color),#17456c 30%),0 0 0 5px #ffffff60;transform:skew(-7deg) translate(-12px)}.mode-icon{display:block;width:78px;height:78px;flex-shrink:0;background:var(--mode-color);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff45}.mode-icon svg{width:100%;height:100%}.selected .mode-icon{background:#ffffff18}.mode-label{display:grid;gap:4px;flex:1}.mode-label strong{font-size:34px;font-weight:900;letter-spacing:-1.3px;line-height:1}.mode-label>span{font-size:12px;font-weight:600;opacity:.8}.mode-arrow{font-size:48px;font-weight:400;line-height:1;opacity:.7}.selection-dot{position:absolute;left:-14px;top:5px;display:none;place-items:center;border:3px solid white;border-radius:50%;background:#17456c;color:#fff;width:25px;height:25px;font-size:14px;transform:skew(7deg) rotate(-8deg)}.selected .selection-dot{display:grid}.play-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:88px;margin-top:18px}.mode-options{font-size:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:60%;font-weight:700}.ready-dot{height:7px;width:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #24b1aa15;flex-shrink:0}.play-button{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#17456c;color:#fff;border:3px solid white;border-radius:30px;padding:13px 24px;min-width:150px;font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 5px #91bacd;transition:transform .18s}.play-button span{font-size:15px}.play-button:hover{transform:translateY(-3px);background:#246391}.play-button:active{transform:translateY(3px)}.team-size{background:#ffffff9e;color:#17456c;border:2px solid white;border-radius:20px;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:800}.team-size.active{background:#ec72ac;color:#fff}.menu-footer{position:relative;z-index:2;padding:20px 4.5% 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:700}.menu-footer button{border:0;background:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 0}.keycap{display:inline-grid;place-items:center;border:2px solid #b5d6e2;background:#fff9;border-radius:7px;min-width:22px;height:24px;font-size:12px;box-sizing:border-box}.keycap.wide{padding:0 7px;margin-left:10px}.footer-rule{font-size:10px;letter-spacing:2px;opacity:.7}.footer-rule span{padding:0 7px;color:#65b8d1}.menu-input-hint{display:flex;gap:5px;align-items:center}dialog{color:var(--ink);background:#f4fcff;border:5px solid white;border-radius:28px;width:min(460px,calc(100vw - 70px));padding:30px;box-sizing:border-box;box-shadow:0 12px #4998bb55,0 30px 100px #143b6955}dialog::backdrop{background:#17456c75;backdrop-filter:blur(10px)}dialog h2{font-size:36px;font-weight:900;margin:0 0 25px;letter-spacing:-1px}dialog dl{display:grid;grid-template-columns:1fr 1.6fr;gap:17px;font-size:13px}dialog dt{font-weight:900}dialog dd{margin:0;color:#476a84}dialog p{font-size:13px;line-height:1.6;color:#476a84}dialog .play-button{width:100%;margin-top:24px}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:transparent;color:var(--ink);font-size:30px;cursor:pointer}#hud{top:18px!important;width:auto!important;max-width:90vw}#score{background:linear-gradient(100deg,#258fcbe8 0 47%,#17456cf2 47% 53%,#eb72a4e8 53%);border:3px solid white;border-radius:18px;padding:10px 22px;font:900 clamp(16px,2.5vw,25px) "Trebuchet MS",sans-serif!important;letter-spacing:1px!important;box-shadow:0 5px #17456c55;text-shadow:none!important;white-space:nowrap}#msg{background:#17456cdd;border-radius:15px;padding:5px 12px;color:#fff;font-weight:700;max-width:90vw!important}#msg:empty{display:none}#panel{top:18px!important;left:18px!important;transform:none!important;width:145px!important;justify-content:flex-start!important;gap:7px!important}#panel button{background:#ffffffeb!important;color:#17456c!important;border:2px solid #fff!important;padding:8px 13px!important;box-shadow:0 3px #17456c44;font-weight:800}#panel button:hover{background:#fff6c6!important}#btn-solo,#btn-duo,#btn-trio,#btn-online,#panel>a{display:none!important}#help{color:#17456c;background:#ffffffed!important;border:3px solid #fff!important;border-radius:18px!important;box-shadow:0 4px #17456c44;opacity:1!important}#help summary{font-weight:900!important}#toast{color:#17456c;background:#ffffffed!important;border:2px solid white;border-radius:20px!important;font-weight:800;box-shadow:0 4px #17456c44}@keyframes float-ball{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes scene-in{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.menu-content{width:min(1350px,86%);gap:10%}.title-scene{max-width:580px}.hero-title{font-size:120px}.mode-card{min-height:125px}.mode-icon{width:90px;height:90px}.mode-label strong{font-size:40px}}@media(max-width:850px){.menu-content{gap:5%;width:88%;min-height:480px}.hero-title{font-size:70px;letter-spacing:-4px}.mode-card{gap:12px;min-height:95px;padding:10px 16px 10px 12px}.mode-icon{width:62px;height:62px}.mode-label strong{font-size:28px}.section-heading h1{font-size:12px}.sport-tag{font-size:9px;padding:8px 15px}.play-row{flex-wrap:wrap}.mode-options{max-width:100%}.footer-rule{display:none}}@media(max-width:600px){.menu-header{padding:18px 6%}.wordmark{font-size:18px}.brand-ball{width:29px;height:29px}.sound-button{width:38px;height:38px}.menu-content{display:flex;flex-direction:column;gap:22px;width:82%;min-height:0;padding-top:10px;padding-bottom:20px}.title-scene{width:190px;flex-shrink:0}.hero-title{font-size:48px;letter-spacing:-3px;-webkit-text-stroke:1px #17456c;text-shadow:2px 4px 0 #17456c}.sport-tag{bottom:0;font-size:7px;letter-spacing:2px;padding:5px 15px}.spark-one{font-size:32px}.spark-two{font-size:20px}.emblem-orbit{box-shadow:0 0 0 8px #ffffff40,0 0 0 10px #ffffff50}.section-heading{margin-bottom:16px}.mode-grid{gap:14px}.mode-card{min-height:85px;border-width:3px;gap:17px}.mode-card.selected{transform:skew(-7deg) translate(-6px)}.mode-label strong{font-size:29px}.mode-label>span{font-size:11px}.mode-icon{width:59px;height:59px}.mode-arrow{font-size:35px}.play-row{margin-top:14px;min-height:65px;flex-wrap:nowrap}.mode-options{max-width:55%;font-size:11px}.play-button{min-width:120px;padding:12px 15px;font-size:16px;gap:12px}.team-size{padding:6px 9px}.menu-footer{padding:10px 6% 20px;font-size:10px;flex-wrap:wrap}.menu-scenery{position:fixed;width:145%;bottom:-50px;left:-60%;opacity:.17}#panel{top:90px!important;left:10px!important;width:110px!important}#score{padding:10px 15px}#help{font-size:10px!important}dialog{width:calc(100vw - 36px);padding:24px}dialog dl{font-size:12px}}@media(max-height:700px)and (min-width:601px){.menu-header{padding-top:15px;padding-bottom:15px}.menu-content{min-height:410px}.title-scene{max-width:370px}.hero-title{font-size:80px}.mode-card{min-height:86px}.mode-icon{width:60px;height:60px}.mode-grid{gap:12px}.section-heading{margin-bottom:16px}.menu-footer{padding-top:10px;padding-bottom:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:601px){.menu-scenery{bottom:0}}.emote-trigger{background:#ffffffed!important;color:#17456c!important;border:3px solid white!important;border-radius:25px!important;font-family:inherit!important;box-shadow:0 4px #17456c55}.emote-backdrop{background:#17456c99!important}.emote-wheel{background:radial-gradient(circle,#e5f8ff 0 24%,#fff 25% 26%,#f4fcfff2 27% 66%,#fff 67% 68%,transparent 69%)!important;color:#17456c!important}.emote-choice{background:#249cdb0a!important;color:#17456c!important;border:2px solid #9ad8ee!important;font-family:inherit!important}.emote-choice:hover,.emote-choice:focus-visible{background:#f9e5f1!important;border-color:#ec72ac!important;outline-color:#ec72ac!important}.emote-center span{color:#547c93!important}.emote-center button{color:#1886c2!important}.wordmark .brand-copy{display:grid;gap:4px;font-style:normal;letter-spacing:-.5px;font-weight:900}.brand-copy strong{font-size:clamp(12px,2vw,21px)}.brand-copy small{font-size:10px;letter-spacing:1px;font-weight:600}.hero-title{font-size:clamp(34px,4.9vw,67px);letter-spacing:-3px;line-height:1.04}.hero-title small{display:block;font-size:.65em;letter-spacing:-1px}.hero-title>span{display:block}@media(min-width:1500px){.hero-title{font-size:78px}}@media(max-width:850px){.hero-title{font-size:43px}}@media(max-width:600px){.hero-title{font-size:27px;letter-spacing:-1.5px}.brand-copy small{font-size:9px}}#online-lobby{position:fixed;inset:0;z-index:100;overflow:auto;display:grid;place-items:center;padding:30px;color:#17456c;background:radial-gradient(circle at 20% 10%,#fff,transparent 60%),linear-gradient(135deg,#e5f9ff,#c3edf4);font-family:inherit;box-sizing:border-box}.lobby-card{width:min(740px,100%);background:#ffffffd9;border:5px solid white;border-radius:35px;padding:30px;box-sizing:border-box;box-shadow:0 9px #9acbdc,0 20px 65px #17456c15;animation:scene-in .4s both}.lobby-heading{display:flex;align-items:center;gap:18px}.lobby-emblem{width:82px;height:82px;flex-shrink:0;background:#24b1aa;border:4px solid white;border-radius:50%;box-shadow:0 4px #a6d8dd}.lobby-emblem svg{width:100%;height:100%}.lobby-kicker{font-size:10px;letter-spacing:3px;font-weight:900;color:#24a29c}.lobby-card h1{font-size:clamp(28px,5vw,42px);letter-spacing:-1.5px;margin:4px 0 0;font-weight:900}.lobby-card label{display:block;margin-top:22px;font-size:12px;font-weight:900}#lobby-status{font-size:15px;line-height:1.5;min-height:1.5em;font-weight:700;padding:12px 16px;border-radius:15px;background:#e9f7fc;margin-bottom:8px}.connection-details{font-size:11px;color:#547c93}.connection-details summary{cursor:pointer}#lobby-route{overflow-wrap:anywhere}#lobby-players{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:80px;margin:22px 0}#lobby-players:empty:after{content:"Waiting for players…";font-size:14px;color:#547c93;align-self:center}#lobby-players li{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border:2px solid #d9eff8;border-radius:18px;background:#f0faff;padding:10px;font-size:14px}#lobby-players li.team-red{background:#fff1f7;border-color:#f8d6e5}.player-avatar{display:block;background:#249cdb;width:43px;height:43px;border-radius:50%;flex-shrink:0}.team-red .player-avatar{background:#ec72ac}.player-avatar svg{width:100%;height:100%}.player-team{font-size:10px;font-weight:700;color:#547c93}.player-ready{margin-left:auto;font-size:10px;background:#e1eaf0;color:#547c93;padding:5px 8px;border-radius:15px;font-weight:800}.player-ready.is-ready{background:#c5f4e6;color:#167d62}#lobby-players li button{border:0;background:#fff;color:#547c93;border-radius:50%;width:24px;height:24px;font-size:18px;cursor:pointer}#lobby-invite{width:100%;box-sizing:border-box;padding:12px;margin:9px 0;border:2px solid #c9e6f2;border-radius:13px;color:#547c93;background:#f4fbff;font:12px monospace}.lobby-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.lobby-actions button{font:800 13px Trebuchet MS,sans-serif;padding:11px 17px;border:2px solid #d4e9f1;border-radius:25px;background:#fff;cursor:pointer;color:#17456c;box-shadow:0 3px #bddae5;transition:transform .15s}.lobby-actions button:hover:enabled{transform:translateY(-2px);background:#fff7ce}.lobby-actions button:disabled{opacity:.45;cursor:default}.lobby-actions button[hidden]{display:none}#lobby-bot-blue{color:#1886c2;border-color:#9bdcf9}#lobby-bot-red{color:#cc4f91;border-color:#fac1dc}#lobby-start,#lobby-ready{background:#17456c;color:#fff;border-color:#17456c}#lobby-start:hover:enabled,#lobby-ready:hover:enabled{background:#286b94}#lobby-help{font-size:12px;line-height:1.6;margin:22px 0 0;color:#547c93}#lobby-leave{margin-left:auto}@media(max-width:600px){#online-lobby{padding:14px;align-items:start}.lobby-card{padding:20px;border-radius:25px;margin:10px 0}.lobby-emblem{width:60px;height:60px}.lobby-card h1{font-size:29px}#lobby-players{grid-template-columns:1fr;gap:8px}.lobby-actions{gap:8px}.lobby-actions button{padding:10px 13px;font-size:12px}#lobby-leave{margin-left:0}#lobby-status{font-size:13px}}.wardrobe{position:fixed;inset:0;width:min(1280px,96vw);height:min(850px,94dvh);max-width:none;max-height:none;margin:auto;padding:0;border:3px solid #142b48;border-radius:20px;background:#fff8ed;color:#142b48;box-shadow:10px 10px #142b48;font-family:Trebuchet MS,sans-serif;overflow:hidden}.wardrobe::backdrop{background:#142b48cc}.wardrobe[open]{display:flex;flex-direction:column}.wardrobe button{cursor:pointer;border:2px solid #142b48;border-radius:7px;padding:8px 12px;background:#fff8ed;color:#142b48;font-weight:800}.wardrobe button:hover{background:#dff4ef}.wardrobe button[aria-pressed=true]{background:#142b48;color:#fff8ed}.wardrobe button:disabled{opacity:.4}.wardrobe button:focus-visible,.wardrobe input:focus-visible,.wardrobe select:focus-visible{outline:3px solid #ff7768;outline-offset:3px}.locker-header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-bottom:2px solid #142b48}.locker-kicker{font-size:10px;letter-spacing:2px;margin:0 0 6px}.locker-header h1{font-size:42px;font-style:italic;letter-spacing:-2px;margin:0;line-height:1}.locker-header h1 span{color:#ff7768}.locker-body{display:grid;grid-template-columns:42% 58%;flex:1;min-height:0}.locker-stage{position:relative;background:#eee7db;border-right:2px solid #142b48;display:flex;flex-direction:column;min-height:0;padding:22px}.locker-caption{display:grid;gap:6px;z-index:1}.locker-caption>span{font-size:10px;letter-spacing:2px}.locker-caption strong{font-size:27px;font-style:italic}.locker-canvas{flex:1;min-height:220px;width:100%;overflow:hidden}.locker-canvas canvas{display:block;width:100%;height:100%}.locker-view{display:flex;align-items:center;gap:12px}.locker-view label{display:flex;align-items:center;gap:8px;flex:1;font-size:12px}.locker-view input{min-width:40px;width:100%;accent-color:#24b1aa}.locker-view button{font-size:11px;white-space:nowrap}.locker-poses{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.locker-poses button{font-size:11px;padding:7px 10px}.locker-fair{font-size:11px;margin:14px 0 0;opacity:.7}.locker-editor{padding:20px 24px;overflow:auto}.locker-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.locker-tabs button{font-size:12px}.locker-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.locker-presets button{font-size:10px;border-color:#d3c8b8;font-weight:600}.locker-tools{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #142b4833}.locker-tools button{font-size:11px;padding:6px 9px}.locker-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:20px 0}.locker-field{display:grid;gap:7px;font-size:12px;font-weight:800;align-content:start}.locker-field input:not([type=color]),.locker-field select{box-sizing:border-box;width:100%;padding:10px 12px;border:2px solid #d2cabc;border-radius:6px;color:#142b48;background:#fff;font:inherit;font-weight:400}.locker-field:has(.locker-swatches){grid-column:1/-1}.locker-swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.locker-swatches button{width:29px;height:29px;padding:0;border-radius:50%;border:2px solid #142b4840}.locker-swatches button[aria-pressed=true]{outline:2px solid #142b48;outline-offset:3px}.locker-swatches input[type=color]{width:37px;height:31px;border:1px solid #142b48;border-radius:4px;padding:1px;background:#fff;cursor:pointer}.locker-outfits{border-top:1px solid #142b4833;padding-top:16px}.locker-outfits h2{font-size:15px;margin:0 0 12px}.locker-outfits h2 small{font-size:10px;opacity:.6;margin-left:10px;font-weight:400}.locker-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px}.locker-slot{display:flex;min-width:0}.locker-slot button:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px 0 0 6px;font-size:11px;text-align:left}.locker-slot button:last-child{font-size:10px;border-left:0;border-radius:0 6px 6px 0;background:#e0f2ed}.locker-footer{display:flex;align-items:center;gap:12px;padding:14px 24px;border-top:2px solid #142b48}.locker-footer p{flex:1;font-size:12px;margin:0}.wardrobe #locker-apply{background:#24b1aa;box-shadow:3px 3px #142b48}.wardrobe #locker-reset{font-size:11px}.menu-wardrobe{border:2px solid #17456c;border-radius:24px;padding:9px 16px;background:#fff8ed;color:#17456c;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 3px #aacfe0}.menu-wardrobe:hover{background:#dff4ef}@media(max-width:700px){.wardrobe{width:96vw;height:96dvh;box-shadow:4px 4px #142b48}.locker-header{padding:12px 16px}.locker-header h1{font-size:30px}.locker-kicker{font-size:8px;letter-spacing:1px}.locker-body{display:block;overflow:auto}.locker-stage{border-right:0;border-bottom:2px solid #142b48;min-height:400px;padding:16px}.locker-canvas{height:265px;flex:none}.locker-caption strong{font-size:20px}.locker-editor{overflow:visible;padding:16px}.locker-footer{flex-wrap:wrap;padding:12px 16px;gap:8px}.locker-footer p{flex-basis:100%;font-size:10px}.locker-fields{gap:12px}.locker-tabs button{font-size:11px;padding:7px 9px}.menu-wardrobe{padding:7px 10px;font-size:10px}}.locker-rgb{display:flex;gap:12px;margin-top:5px}.locker-rgb label{display:flex;align-items:center;gap:5px;font-size:10px}.locker-rgb input{width:68px!important;padding:5px 7px!important}.locker-face-gallery{grid-column:1/-1}.locker-face-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:10px}.locker-face-pager button{font-size:10px;padding:6px 8px}.locker-face-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.locker-face-grid button{display:grid;place-items:center;padding:2px;font-size:9px;min-width:0}.locker-face-grid svg{width:100%;max-width:48px}.locker-face-grid button[aria-pressed=true]{background:#24b1aa!important}.locker-face-grid span{padding-bottom:3px}@media(max-width:700px){.locker-face-grid{grid-template-columns:repeat(4,1fr)}.locker-rgb{gap:7px}.locker-rgb input{width:60px!important}}