:root{--ink:#121313;--arena:#192a32;--signal-yellow:#f7dc42;--impact-orange:#ff6339;--electric-blue:#68baf3;--text-primary:#f5f0e6;--text-muted:#a7a399;--focus-ring:#68baf3}.hero-mascot-stage{z-index:1;aspect-ratio:1;pointer-events:none;width:min(88%,410px);position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.hero-mascot-stage .capy-token{object-fit:contain;filter:drop-shadow(14px 18px #14191945);width:100%;height:100%;display:block;position:absolute;top:0;bottom:auto;left:0}.hero-art .impact-tag,.hero-art .art-stamp{z-index:2}:root{color:var(--text-primary);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--paper:var(--text-primary);--muted:var(--text-muted);--line:#ffffff24;--yellow:var(--signal-yellow);--orange:var(--impact-orange);--blue:var(--electric-blue);--mono:"SFMono-Regular",Consolas,monospace;--display:Impact,"Arial Narrow",sans-serif;font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}#app{min-height:100vh}.home-shell,.lobby-shell{max-width:1500px;margin:auto;padding:28px clamp(20px,5vw,76px) 20px}.masthead,.lobby-top{justify-content:space-between;align-items:center;height:44px;display:flex}.wordmark{color:var(--paper);font:900 29px/.9 var(--display);letter-spacing:-.02em;text-decoration:none}.wordmark span{color:var(--yellow)}.online-mark,.eyebrow,.art-stamp,.impact-tag,.home-footer,.profile-form label,.join-form label,.section-head,.roster-number,.host-tag,.copy-status,.room-row small,.room-row button,.host-hint{font:500 11px/1.3 var(--mono);letter-spacing:.11em}.online-mark{color:#c9c4b7;align-items:center;gap:9px;display:flex}.online-mark i{background:#73e298;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 12px #73e29877}.hero{grid-template-columns:minmax(360px,.87fr) minmax(390px,1.13fr);align-items:center;gap:clamp(40px,8vw,128px);min-height:590px;padding:35px 0 64px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--yellow);margin:0 0 17px}.hero h1,.lobby-heading h1,.arena-loading h1{font:900 clamp(70px,10.2vw,150px)/.78 var(--display);letter-spacing:-.035em;color:var(--paper);text-transform:uppercase;margin:0}.hero h1 em,.lobby-heading h1 em,.arena-loading h1 em{color:var(--yellow);font-style:normal}.hero-note{color:#c5c0b6;max-width:360px;margin:25px 0 26px;font-size:14px;line-height:1.7}.profile-form{grid-template-columns:1fr 1fr;gap:9px 13px;max-width:430px;display:grid}.profile-form label{color:#a9a69e}.profile-form input,.profile-form select,.join-form input{width:100%;height:43px;color:var(--paper);background:#1b1d1c;border:1px solid #ffffff2c;border-radius:0;padding:0 12px}.profile-form input{grid-column:1}.profile-form select{grid-area:2/2}.home-actions{gap:11px;max-width:430px;margin:15px 0 23px;display:flex}.button{min-height:46px;font:700 12px/1 var(--mono);letter-spacing:.065em;border:0;border-radius:0;padding:0 17px;transition:transform .16s,background .16s,color .16s,border-color .16s}.button:hover:not(:disabled){transform:translateY(-2px)}.button--hot{background:var(--yellow);color:var(--ink)}.button--hot:hover:not(:disabled){background:#ffed72}.button--hot span{margin-left:12px;font-size:18px}.button--quiet{color:var(--paper);background:#292a28}.button--quiet:hover:not(:disabled){background:#41413b}.button--line{color:var(--paper);background:0 0;border:1px solid #ffffff42}.button--line:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.join-form label{color:#a9a69e;margin-bottom:8px;display:block}.notice{margin:12px 0 0;font-size:12px;line-height:1.55}.notice--error{color:#ff9176}.hero-art{isolation:isolate;background:#6bbaf0;border:1px solid #ffffff18;height:500px;position:relative;overflow:hidden}.hero-art:before{content:"";z-index:-2;background:linear-gradient(#57a8e9 0 57%,#245e86 57% 58%,#d6b460 58% 62%,#496e43 62% 100%);position:absolute;inset:0}.sun-disc{background:var(--yellow);border-radius:50%;width:235px;height:235px;position:absolute;top:48px;right:11%;box-shadow:0 0 0 18px #f7dc4218}.arena-lines{background:repeating-linear-gradient(90deg,#345937 0 30px,#3c6741 30px 61px);border-top:6px solid #e5cc8e;position:absolute;inset:59% -4% 10%;transform:skewY(-4deg)}.arena-lines:before,.arena-lines:after{content:"";background:#253b30;width:39%;height:18px;position:absolute;top:60px;left:8%;box-shadow:0 8px #ffffff15}.arena-lines:after{width:28%;top:-82px;left:53%}.capy-token{filter:drop-shadow(14px 18px #14191945);width:174px;height:155px;animation:3.4s ease-in-out infinite capy-bob;position:absolute;top:40%;left:40%}.capy-body{background:#a96f4f;border:5px solid #28221d;border-radius:46% 50% 31% 30%;width:174px;height:116px;position:absolute;bottom:0;left:0;transform:rotate(-7deg)}.capy-face{z-index:2;background:#bb815c;border:5px solid #28221d;border-radius:46% 47% 40% 42%;width:105px;height:76px;position:absolute;top:11px;left:43px}.capy-face i{background:#171714;border-radius:50%;width:5px;height:6px;position:absolute;top:30px;left:25px}.capy-face i:nth-child(2){left:68px}.capy-face b{background:#171714;border-radius:50%;width:10px;height:7px;position:absolute;top:47px;left:46px}.capy-ear{z-index:1;background:#a96f4f;border:4px solid #28221d;border-radius:50%;width:25px;height:24px;position:absolute;top:1px;left:46px}.impact-tag{background:var(--yellow);color:var(--ink);padding:12px 15px;font-size:12px;font-weight:500;position:absolute;bottom:60px;right:25px;transform:rotate(-5deg)}.art-stamp{color:#fff;position:absolute;bottom:17px;left:19px}.home-footer{border-top:1px solid var(--line);color:#aaa69a;justify-content:space-between;padding-top:17px;display:flex}.room-browser h2,.section-head h2{font:800 31px/.95 var(--display);letter-spacing:.015em;margin:0}.room-list{gap:7px;display:grid}.room-row{background:#1b1d1c;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.room-row span{gap:4px;display:grid}.room-row b{font:700 16px var(--mono);letter-spacing:.08em}.room-row small{color:var(--muted);font-size:9px}.room-empty{color:var(--muted);margin:0;padding:16px 0;font-size:13px}.lobby-shell{min-height:100vh}.lobby-heading{margin:82px 0 37px}.lobby-heading h1{font-size:clamp(65px,9vw,128px)}.lobby-heading>p:last-child{color:var(--muted);margin-top:22px;font-size:14px}.lobby-grid{grid-template-columns:1.1fr .9fr;gap:18px;display:grid}.roster-panel,.match-panel{border:1px solid var(--line);background:#191b1a;padding:24px}.section-head{color:#bbb7ac;justify-content:space-between;align-items:center;display:flex}.section-head h2{color:var(--paper)}.roster{margin:0;padding:16px 0 0;list-style:none}.roster li{border-bottom:1px solid #ffffff15;align-items:center;gap:13px;height:55px;display:flex}.roster-number{color:#77786f}.skin-dot{background:#ff754c;border-radius:50%;width:12px;height:12px}.roster strong{flex:1;font-size:14px}.host-tag{color:var(--yellow);font-size:9px}.roster-empty{color:#66665f;font:10px var(--mono);letter-spacing:.08em}.copy-code{margin-top:19px}.copy-status{min-height:15px;color:var(--blue);margin:9px 0 0}.match-panel>p.eyebrow{margin:0 0 26px}.match-panel [data-match-settings]{border-left:3px solid var(--yellow);background:#252725;gap:15px;padding:22px;display:grid}[data-match-settings] strong{font:800 34px/.95 var(--display)}[data-match-settings] span{color:#c5c0b6;font:11px var(--mono);letter-spacing:.1em}.lobby-actions{gap:10px;margin-top:auto;padding-top:32px;display:grid}.host-hint{color:#aaa69a;margin:14px 0 0;font-size:10px}.arena-loading{flex-direction:column;justify-content:center;align-items:flex-start;max-width:1200px;min-height:100vh;margin:auto;padding:8vw;display:flex}.arena-loading h1{margin:34px 0 22px;font-size:clamp(70px,12vw,150px)}.arena-loading p{color:#c5c0b6;margin-bottom:28px}@keyframes capy-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-11px)rotate(1deg)}}@media (width<=850px){.hero{grid-template-columns:1fr;gap:28px;padding:47px 0}.hero-art{height:min(460px,75vw);min-height:310px}.hero h1{font-size:clamp(76px,17vw,130px)}.room-browser{grid-template-columns:1fr;gap:20px}.lobby-heading{margin-top:55px}.lobby-grid{grid-template-columns:1fr}.match-panel{min-height:300px}}@media (width<=500px){.home-shell,.lobby-shell{padding:19px 18px}.hero{padding:38px 0}.hero h1{font-size:74px}.home-actions{flex-direction:column}.home-actions .button{text-align:left}.hero-art{min-height:280px}.profile-form{gap:8px}.profile-form label,.home-footer{font-size:9px}.room-browser h2{font-size:27px}.lobby-heading{margin-top:45px}.lobby-heading h1{font-size:63px}.roster-panel,.match-panel{padding:17px}.online-mark{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button:focus-visible,.text-action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.arena-shell{background:#101415;flex-direction:column;min-height:100vh;padding:16px clamp(14px,3vw,42px) 10px;display:flex}.arena-topline{justify-content:space-between;align-items:center;gap:12px;height:43px;display:flex}.arena-topline .button{min-height:35px;font-size:10px}.arena-canvas{background:#131719;border:1px solid #ffffff24;width:min(100%,1440px);height:calc(100vh - 118px);min-height:420px;max-height:850px;margin:7px auto 0;overflow:hidden;box-shadow:0 18px 65px #0007}.arena-canvas canvas{max-width:100%;max-height:100%;margin:auto;display:block}.arena-controls-hint{text-align:center;color:#d7d0bd;min-height:25px;font:10px var(--mono);letter-spacing:.09em;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;margin:8px 0 0;display:flex}.arena-controls-hint b{color:var(--yellow);font-weight:700}.arena-controls-hint span{white-space:nowrap}.arena-controls-hint span:not(:last-child){color:#b7c0c0}@media (width<=600px){.arena-shell{padding:12px 8px}.arena-canvas{height:calc(100vh - 136px);min-height:360px}.arena-controls-hint{gap:5px 10px;min-height:40px;font-size:8px}.arena-topline .wordmark{font-size:24px}.arena-topline .button{padding:0 8px;font-size:9px}}.home-tools{gap:23px;margin-top:15px;display:flex}.text-action{color:#c8c2b7;font:500 10px var(--mono);letter-spacing:.11em;background:0 0;border:0;padding:8px 0}.text-action span{color:var(--yellow);margin-left:6px}.text-action:hover{color:var(--yellow)}.first-visit{border-left:3px solid var(--yellow);background:#1c2527;align-items:center;gap:14px;max-width:600px;margin:-34px 0 28px;padding:12px 14px;display:flex}.first-visit p{color:#cfcbc1;flex:1;margin:0;font-size:12px;line-height:1.5}.first-visit strong{color:var(--yellow);font:500 9px var(--mono);letter-spacing:.08em;display:block}.guide-spark{color:var(--electric-blue);font-size:21px}.first-visit .text-action{white-space:nowrap;color:var(--yellow)}.game-dialog{width:min(590px,100vw - 32px);max-height:min(780px,100dvh - 32px);color:var(--text-primary);background:#151a1b;border:1px solid #ffffff36;padding:clamp(20px,5vw,34px);overflow:auto;box-shadow:0 28px 100px #000b}.game-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070a0bc9}.dialog-top{justify-content:space-between;align-items:center;display:flex}.dialog-top .eyebrow{margin:0}.dialog-close{width:38px;height:38px;color:var(--text-primary);background:0 0;border:1px solid #fff3;font-size:25px;line-height:1}.game-dialog h2{font:900 clamp(37px,9vw,58px)/.9 var(--display);letter-spacing:.01em;margin:12px 0}.game-dialog h2 em{color:var(--yellow);font-style:normal}.dialog-intro{color:#c6c2b8;max-width:490px;font-size:13px;line-height:1.6}.binding-list{margin:23px 0;display:grid}.binding-row{border-bottom:1px solid #ffffff19;justify-content:space-between;align-items:center;gap:12px;min-height:53px;font-size:13px;display:flex}.binding-row button{color:var(--yellow);font:500 9px var(--mono);letter-spacing:.04em;background:#212625;border:1px solid #ffffff31;padding:9px 11px}.binding-row button[data-capturing]{border-color:var(--electric-blue);color:var(--electric-blue)}.mouse-note{color:#aca99f;font:10px var(--mono);letter-spacing:.08em}.mouse-note span{color:var(--electric-blue)}.dialog-actions{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.binding-error{min-height:20px;color:var(--impact-orange);font-size:11px}.guide-controls{grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;display:grid}.guide-controls>div{background:#202625;justify-content:space-between;align-items:center;gap:8px;padding:11px;display:flex}.guide-controls dt{color:#d0cbc0;font-size:11px}.guide-controls dd{margin:0}.guide-controls kbd{color:var(--yellow);font:500 9px var(--mono);white-space:nowrap}.guide-copy{gap:5px;margin:17px 0 22px;display:grid}.guide-copy p{color:#bbb8ae;border-top:1px solid #ffffff16;margin:0;padding:8px 0;font-size:12px;line-height:1.6}.guide-copy strong{color:#f1eadb}.roster-skin{color:#aaa69a;font:700 9px/1 var(--mono);letter-spacing:.045em;white-space:nowrap}.skin-classic{background:#f28b22}.skin-rambo{background:#bf493c}.skin-swat{background:#7d9cc6}.skin-pilot{background:#d5ac58}:root{--capy-paper:#f7f0e2;--capy-card:#fffaf1;--capy-ink:#173c43;--capy-muted:#627b79;--capy-line:#244a4a24;--capy-orange:#e66a42;--capy-teal:#167b78;--capy-yellow:#efc846;--capy-shadow:0 18px 45px #304a3920}.home-shell,.lobby-shell{isolation:isolate;background:var(--capy-paper);width:100%;max-width:none;min-height:100svh;color:var(--capy-ink);--paper:var(--capy-ink);--muted:var(--capy-muted);--line:var(--capy-line);--yellow:var(--capy-orange);--orange:var(--capy-orange);--blue:var(--capy-teal);--focus-ring:var(--capy-teal);margin:0;padding:0 clamp(18px,5vw,76px) 24px;position:relative;overflow:hidden}.home-shell:before,.lobby-shell:before{z-index:-1;content:"";opacity:.22;pointer-events:none;background-image:radial-gradient(#8d785020 .7px,#0000 .7px);background-size:9px 9px;position:absolute;inset:0}.masthead,.lobby-top,.home-content,.home-footer,.lobby-content,.lobby-footer{width:min(100%,1280px);margin-inline:auto}.masthead,.lobby-top{z-index:2;border-bottom:1px solid var(--capy-line);height:78px;position:relative}.home-shell .wordmark,.lobby-shell .wordmark{color:var(--capy-ink);letter-spacing:.01em;font:900 25px/.9 Impact,Arial Narrow,sans-serif}.home-shell .wordmark span,.lobby-shell .wordmark span{color:var(--capy-orange)}.home-shell .online-mark,.lobby-shell .online-mark{color:var(--capy-muted);letter-spacing:.14em;font-size:10px}.home-shell .online-mark i,.lobby-shell .online-mark i,.status-chip i,.match-ready i{background:#36a574;box-shadow:0 0 0 4px #36a57420}.home-content{z-index:1;position:relative}.home-shell .hero{grid-template-columns:minmax(360px,.9fr) minmax(380px,1.1fr);align-items:center;gap:clamp(30px,5vw,72px);min-height:0;padding:clamp(40px,6vw,76px) 0 46px}.home-shell .hero-copy{z-index:2}.home-shell .eyebrow,.lobby-shell .eyebrow{color:var(--capy-teal);letter-spacing:.15em;align-items:center;gap:10px;margin:0 0 14px;font:700 10px/1.3 SFMono-Regular,Consolas,monospace;display:flex}.section-number{min-height:23px;color:var(--capy-teal);letter-spacing:.07em;background:#167b7814;border-radius:999px;place-items:center;padding:0 8px;font-size:9px;display:inline-grid}.home-shell .hero h1{color:var(--capy-ink);letter-spacing:-.015em;margin:0;font:900 clamp(54px,7vw,92px)/.88 Impact,Arial Narrow,sans-serif}.home-shell .hero h1 em,.lobby-shell .lobby-heading h1 em{color:var(--capy-orange);font-style:normal}.home-shell .hero-note{color:#47676a;max-width:430px;margin:18px 0 25px;font-size:15px;line-height:1.65}.play-panel{background:#fffaf1e8;border:1px solid #fff;border-radius:20px;max-width:520px;padding:clamp(17px,2.2vw,24px);box-shadow:0 14px 38px #41605a14,inset 0 1px #fff}.play-panel-head,.rail-heading,.room-browser-heading,.section-head,.match-panel-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.panel-label{color:var(--capy-teal);letter-spacing:.16em;margin-bottom:5px;font:700 9px/1.2 SFMono-Regular,Consolas,monospace;display:block}.play-panel h2{color:var(--capy-ink);letter-spacing:-.035em;margin:0;font-size:clamp(17px,2vw,22px)}.status-chip,.match-ready{color:#277d54;letter-spacing:.12em;background:#eaf6e9;border:1px solid #23825221;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font:700 9px SFMono-Regular,Consolas,monospace;display:inline-flex}.status-chip i,.match-ready i{border-radius:50%;width:7px;height:7px}.profile-form{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;max-width:none;margin-top:20px;display:grid}.profile-mascot{object-fit:contain;background:#e7f0df;border:1px solid #d7e7db;border-radius:17px;width:58px;height:58px;padding:4px}.profile-fields{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.profile-fields label,.join-form label{color:#55716f;letter-spacing:.1em;font:700 9px/1.2 SFMono-Regular,Consolas,monospace}.profile-fields input,.profile-fields select,.join-form input{width:100%;min-width:0;height:42px;color:var(--capy-ink);background:#fffdf8;border:1px solid #cddbd4;border-radius:10px;padding:0 11px;font-size:13px}.profile-fields input{grid-area:2/1}.profile-fields select{text-transform:capitalize;grid-area:2/2}.home-shell .home-actions{grid-template-columns:1fr 1fr;gap:9px;max-width:none;margin:16px 0 14px;display:grid}.home-shell .button,.lobby-shell .button{letter-spacing:.06em;border-radius:11px;min-height:46px;font:800 10px/1 SFMono-Regular,Consolas,monospace;transition:transform .18s,box-shadow .18s,background .18s}.home-shell .button:hover:not(:disabled),.lobby-shell .button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #294b4420}.home-shell .button--hot,.lobby-shell .button--hot{background:var(--capy-orange);color:#fff}.home-shell .button--hot:hover:not(:disabled),.lobby-shell .button--hot:hover:not(:disabled){background:#d95c37}.home-shell .button--quiet,.lobby-shell .button--quiet{color:var(--capy-ink);background:#edf3e8;border:1px solid #d7e3da}.home-shell .button--line,.lobby-shell .button--line{color:var(--capy-teal);background:0 0;border:1px solid #bfd2cc}.home-shell .button--line:hover:not(:disabled),.lobby-shell .button--line:hover:not(:disabled){border-color:var(--capy-teal);color:var(--capy-teal);background:#167b780d}.join-form{max-width:none}.join-form label{margin-bottom:7px;display:block}.join-form>div{gap:8px;display:flex}.join-form .button{min-width:86px}.home-tools{flex-wrap:wrap;gap:10px 19px;margin-top:11px}.home-shell .text-action{color:#587572;letter-spacing:.07em;padding:7px 0;font:700 9px/1.3 SFMono-Regular,Consolas,monospace;text-decoration:none}.home-shell .text-action span,.home-shell .text-action:hover{color:var(--capy-orange)}.hero-art{aspect-ratio:1.16;width:100%;min-width:0;height:auto;min-height:0;box-shadow:var(--capy-shadow);isolation:isolate;background:#abd8d6;border:5px solid #fffaf1;border-radius:28px;margin:0;display:block;position:relative;overflow:hidden}.hero-art:before{display:none}.hero-scene{z-index:-1;object-fit:cover;object-position:57% center;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.25,1);position:absolute;inset:0}.hero-art:hover .hero-scene{transform:scale(1.025)}.home-shell .art-stamp{color:var(--capy-ink);font:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf1e8;border:1px solid #fff9;border-radius:15px;gap:4px;padding:15px 17px;display:grid;position:absolute;bottom:16px;left:17px;right:17px}.art-stamp span,.art-stamp small{color:var(--capy-teal);letter-spacing:.12em;font:700 9px SFMono-Regular,Consolas,monospace}.art-stamp strong{letter-spacing:.02em;font:900 20px/1 Impact,Arial Narrow,sans-serif}.art-stamp small{color:#69817d;font-size:8px}.scene-spark{color:#fff4c1;text-shadow:0 2px 9px #855c2377;font-size:25px;animation:3.5s ease-in-out infinite scene-sparkle;position:absolute}.scene-spark--two{animation-delay:-1.6s;top:38%;left:47%}.feature-ribbon{color:#55706d;letter-spacing:.08em;background:#eef3e8;border:1px solid #dce7d7;border-radius:15px;justify-content:space-around;align-items:center;gap:16px;min-height:67px;margin:0 0 68px;padding:12px 20px;font:700 9px/1.4 SFMono-Regular,Consolas,monospace;display:flex}.feature-ribbon span{align-items:baseline;gap:9px;display:flex}.feature-ribbon b{color:var(--capy-orange);font:900 23px/1 Impact,Arial Narrow,sans-serif}.feature-ribbon>i{background:#cbd9cf;width:1px;height:25px}.worlds-rail{margin:0 0 68px}.rail-heading{align-items:end;margin-bottom:19px}.rail-heading h2,.room-browser-heading h2{color:var(--capy-ink);letter-spacing:-.01em;margin:0;font:900 clamp(29px,4vw,43px)/.95 Impact,Arial Narrow,sans-serif}.rail-heading>p,.room-browser-heading>p:last-child{max-width:320px;color:var(--capy-muted);margin:0 0 2px;font-size:12px;line-height:1.55}.world-cards{scrollbar-color:#7ca49a #e7eadb;scrollbar-width:thin;scroll-snap-type:x mandatory;gap:13px;padding:2px 2px 10px;display:flex;overflow-x:auto}.world-card{color:#fff;scroll-snap-align:start;background:#31534f;border:3px solid #fffaf1;border-radius:18px;flex:0 0 clamp(220px,21vw,270px);min-height:182px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 9px 22px #304a3914}.world-card--feature{flex-basis:clamp(280px,29vw,370px)}.world-card>img,.world-card-shade{width:100%;height:100%;position:absolute;inset:0}.world-card>img{object-fit:cover;transition:transform .45s}.world-card-shade{background:linear-gradient(#122a2d00 18%,#132b2dd9 100%)}.world-card-copy{text-shadow:0 1px 5px #10252577;gap:4px;display:grid;position:absolute;bottom:17px;left:17px;right:42px}.world-card-copy small{color:#f7db8a;letter-spacing:.12em;font:700 8px SFMono-Regular,Consolas,monospace}.world-card-copy strong{letter-spacing:.015em;font:900 25px/1 Impact,Arial Narrow,sans-serif}.world-card-copy>span{color:#f5f0e6;font-size:11px}.world-card-arrow{color:#fff;border:1px solid #fff8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:14px;right:13px}.room-browser{border-top:1px solid var(--capy-line);grid-template-columns:minmax(240px,.65fr) 1.35fr;gap:clamp(24px,5vw,65px);padding:28px 0 36px;display:grid}.room-browser-heading .eyebrow{margin-bottom:13px}.room-browser-heading>p:last-child{margin-top:11px}.room-list{align-content:start;gap:9px;display:grid}.room-row{background:#fffaf1;border:1px solid #dce6dc;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:10px 12px 10px 16px;display:flex}.room-row-info{gap:5px;display:grid}.room-row b{color:var(--capy-ink);letter-spacing:.1em;font:800 15px SFMono-Regular,Consolas,monospace}.room-row small{color:var(--capy-muted);letter-spacing:.05em;font-size:9px}.room-row .button{min-height:38px}.room-empty{color:var(--capy-muted);justify-items:start;gap:6px;margin:0;padding:15px 0;font-size:12px;display:grid}.room-empty strong{color:var(--capy-ink);font-size:15px}.room-empty-icon{width:36px;height:36px;color:var(--capy-orange);background:#e4eee1;border-radius:12px;place-items:center;font-size:20px;display:grid}.home-footer,.lobby-footer{border-top:1px solid var(--capy-line);color:#718784;letter-spacing:.09em;justify-content:space-between;gap:16px;padding:17px 0 5px;font:700 8px/1.4 SFMono-Regular,Consolas,monospace;display:flex}.home-shell .first-visit{border:1px solid #e9d593;border-left:4px solid var(--capy-orange);background:#fff5d9;border-radius:0 12px 12px 0;max-width:620px;margin:0 auto 22px;box-shadow:0 7px 20px #304a3910}.home-shell .first-visit p{color:#536865}.home-shell .first-visit strong,.home-shell .first-visit .text-action{color:#b94e2d}.lobby-shell{min-height:100svh;padding-bottom:20px}.lobby-scene{z-index:-1;background:#b5dbd3;height:min(64vh,620px);position:absolute;inset:0 0 auto;overflow:hidden}.lobby-scene:after{background:linear-gradient(180deg, #f7f0e200 8%, #f7f0e240 42%, var(--capy-paper) 100%);content:"";position:absolute;inset:0}.lobby-scene img{object-fit:cover;object-position:center 44%;width:100%;height:100%}.lobby-top{height:70px}.lobby-shell .online-mark{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffaf1c9;border:1px solid #fffaf1b0;border-radius:999px;padding:9px 12px}.lobby-content{z-index:1;position:relative}.lobby-heading h1{color:var(--capy-ink);letter-spacing:-.015em;margin:0;font:900 clamp(48px,6.5vw,82px)/.86 Impact,Arial Narrow,sans-serif}.lobby-heading>div>p:last-child{color:#55706d;margin:13px 0 0;font-size:13px}.room-code-card{background:#fffaf1ed;border:1px solid #fff;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:4px 16px;min-width:min(390px,44%);padding:13px 15px;display:grid;box-shadow:0 10px 26px #304a3916}.room-code-card>div{gap:4px;display:grid}.room-code-card>div span,.match-settings small{color:var(--capy-teal);letter-spacing:.14em;font:700 8px SFMono-Regular,Consolas,monospace}.room-code-card>div strong{color:var(--capy-ink);letter-spacing:.12em;font:900 24px/1 Impact,Arial Narrow,sans-serif}.room-code-card>p{min-height:11px;color:var(--capy-teal);letter-spacing:.06em;grid-column:1/-1;margin:0;font:700 8px SFMono-Regular,Consolas,monospace}.lobby-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:stretch;gap:16px;display:grid}.roster-panel,.match-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf1ed;border:1px solid #fff;border-radius:20px;min-width:0;padding:clamp(18px,2.5vw,28px);box-shadow:0 16px 36px #304a3915}.section-head{color:var(--capy-muted);align-items:center}.section-head h2{color:var(--capy-ink);text-transform:uppercase;margin:0;font:900 29px/1 Impact,Arial Narrow,sans-serif}.player-count{color:var(--capy-orange);font:900 31px/1 Impact,Arial Narrow,sans-serif}.player-count small{color:#8ca09a;font:700 12px SFMono-Regular,Consolas,monospace}.roster{gap:7px;margin:19px 0 0;padding:0;list-style:none;display:grid}.roster-number{color:#91a19a;letter-spacing:.04em;width:24px;font:700 9px SFMono-Regular,Consolas,monospace}.skin-dot{background:#e66a42;border:3px solid #fff;border-radius:9px;flex:none;width:27px;height:27px;box-shadow:0 0 0 1px #21484321}.skin-cobalt{background:#5e9de1}.skin-lime{background:#9bae46}.skin-violet{background:#9c79bb}.skin-cyan{background:#54b6b2}.skin-rose{background:#df8492}.roster strong{color:var(--capy-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.host-tag,.you-tag{color:#98662e;letter-spacing:.08em;background:#f8e5be;border-radius:999px;padding:5px 7px;font:700 8px SFMono-Regular,Consolas,monospace}.you-tag{color:var(--capy-teal);background:#dcefeb}.roster .roster-empty{color:#95a49f;letter-spacing:.08em;background:#fbf9f1ad;border-style:dashed;font:700 8px SFMono-Regular,Consolas,monospace}.empty-slot-icon{color:#77918a;border:1px dashed #bbcbc1;border-radius:8px;place-items:center;width:25px;height:25px;font-size:15px;display:grid}.match-panel{flex-direction:column;display:flex}.match-panel-heading{margin-bottom:13px}.match-panel-heading .eyebrow{margin:0}.match-ready{padding:7px 9px;font-size:8px}.match-preview{background:#b4d8ce;border-radius:13px;height:170px;margin:0;position:relative;overflow:hidden}.match-preview img{object-fit:cover;object-position:57% 52%;width:100%;height:100%}.match-preview figcaption{z-index:1;color:#fff;gap:5px;display:grid;position:absolute;bottom:13px;left:14px;right:14px}.match-preview figcaption span{color:#f8dc8c;letter-spacing:.13em;font:700 8px SFMono-Regular,Consolas,monospace}.match-preview figcaption strong{letter-spacing:.02em;font:900 24px/1 Impact,Arial Narrow,sans-serif}.match-settings{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.match-settings>div{background:#f4f4e8;border:1px solid #e1e8dd;border-radius:11px;gap:4px;padding:10px 12px;display:grid}.match-settings strong{color:var(--capy-ink);font:900 22px/1 Impact,Arial Narrow,sans-serif}.match-settings span{color:#718681;letter-spacing:.08em;font:700 8px SFMono-Regular,Consolas,monospace}.lobby-actions{grid-template-columns:1.2fr .8fr;gap:8px;margin-top:auto;padding-top:13px;display:grid}.lobby-actions .button{min-height:43px;padding-inline:10px;font-size:9px}.host-hint{color:#718681;letter-spacing:.025em;margin:9px 0 0;font:500 9px/1.5 SFMono-Regular,Consolas,monospace}.lobby-footer{z-index:1;margin-top:24px;position:relative}@keyframes scene-sparkle{0%,to{opacity:.8;transform:translateY(0)rotate(0)scale(1)}50%{opacity:1;transform:translateY(-5px)rotate(12deg)scale(1.08)}}@media (width<=900px){.home-shell .hero{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:42px}.home-shell .hero-copy{max-width:680px}.hero-art{aspect-ratio:1.55;justify-self:center;width:min(100%,680px)}.feature-ribbon{margin-bottom:52px}.room-browser{grid-template-columns:1fr;gap:16px}.lobby-heading{margin-top:56px}.lobby-grid{grid-template-columns:1fr}.room-code-card{min-width:min(390px,50%)}}@media (width<=600px){.home-shell,.lobby-shell{padding-inline:17px}.masthead,.lobby-top{height:65px}.home-shell .wordmark,.lobby-shell .wordmark{font-size:22px}.home-shell .online-mark,.lobby-shell .online-mark{letter-spacing:.08em;font-size:8px}.home-shell .hero{padding:32px 0 27px}.home-shell .hero h1{font-size:clamp(49px,14vw,74px)}.home-shell .hero-note{margin:13px 0 19px;font-size:13px}.play-panel{border-radius:16px;padding:15px}.play-panel-head{align-items:start}.play-panel h2{max-width:210px;font-size:17px}.status-chip{padding:7px 8px;font-size:8px}.profile-form{grid-template-columns:47px minmax(0,1fr);gap:9px}.profile-mascot{width:47px;height:50px;padding:2px}.profile-fields{gap:5px 7px}.profile-fields label,.join-form label{font-size:8px}.profile-fields input,.profile-fields select,.join-form input{height:39px;padding-inline:8px;font-size:11px}.home-shell .home-actions{grid-template-columns:1fr;gap:7px;margin:12px 0}.home-shell .button{min-height:43px}.home-tools{gap:7px 14px}.home-shell .text-action{font-size:8px}.hero-art{aspect-ratio:1.12;border-width:3px;border-radius:19px;width:100%}.home-shell .art-stamp{padding:10px 12px;bottom:10px;left:10px;right:10px}.art-stamp strong{font-size:17px}.feature-ribbon{letter-spacing:.025em;justify-content:space-between;gap:8px;min-height:57px;margin-bottom:42px;padding:9px 10px;font-size:7px}.feature-ribbon span{gap:5px}.feature-ribbon b{font-size:19px}.feature-ribbon>i{height:21px}.worlds-rail{margin-bottom:43px}.rail-heading{display:block}.rail-heading h2,.room-browser-heading h2{font-size:34px}.rail-heading>p{margin-top:8px;font-size:11px}.world-card{flex-basis:218px;min-height:160px}.world-card--feature{flex-basis:260px}.room-browser{gap:12px;padding:22px 0 25px}.room-row{padding-inline:10px}.room-row .button{min-height:35px;padding-inline:9px;font-size:8px}.home-footer,.lobby-footer{flex-direction:column;gap:7px;font-size:7px}.home-footer span:last-child,.lobby-footer span:last-child{color:#889b95}.lobby-scene{height:460px}.lobby-scene img{object-position:63% center}.lobby-heading{flex-direction:column;align-items:stretch;gap:17px;margin:40px 0 17px}.lobby-heading h1{font-size:clamp(47px,14vw,66px)}.lobby-heading>div>p:last-child{font-size:11px}.room-code-card{min-width:0;padding:11px 12px}.room-code-card>div strong{font-size:21px}.roster-panel,.match-panel{border-radius:16px;padding:16px}.section-head h2{font-size:26px}.match-preview{height:147px}.lobby-actions .button{min-height:41px;font-size:8px}}@media (prefers-reduced-motion:reduce){.scene-spark,.hero-scene,.world-card,.world-card>img,.home-shell .button,.lobby-shell .button{transition:none;animation:none}}body:has(.home-shell){height:100dvh;min-height:0;overflow:hidden}#app:has(.home-shell){height:100dvh;min-height:0;overflow:hidden}.home-shell{grid-template-rows:57px minmax(0,1fr) 26px;width:100%;height:100dvh;min-height:0;padding:0 clamp(18px,4.6vw,68px) 10px;display:grid}.home-shell .masthead{border-color:#244a4a20;height:auto;min-height:0}.home-app-icon{border:2px solid var(--capy-ink);background:var(--capy-yellow);border-radius:14px 14px 14px 5px;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;transform:rotate(-4deg);box-shadow:0 3px #244a4a28}.home-app-icon img{object-fit:cover;object-position:center 22%;width:100%;height:100%;display:block}.home-header-meta{align-items:center;gap:7px;display:flex}.home-header-meta .header-ping-badge{color:#15344a;pointer-events:none;background-image:url(/assets/capy-bobby-ping-badge-FJAPWTdA.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex:none;justify-content:center;align-items:center;width:116px;height:38px;line-height:1;display:inline-flex;position:relative}.header-badge-content{text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;padding:0 23px 0 37px;display:inline-flex;overflow:hidden}.header-badge-content small{color:#52717a;letter-spacing:.08em;font:800 7px/1 SFMono-Regular,Consolas,monospace}.header-badge-content strong{color:#15344a;letter-spacing:.035em;white-space:nowrap;text-shadow:0 1px #fff8e9;font:900 9px/1 SFMono-Regular,Consolas,monospace}.header-ping-badge[data-state=good] strong{color:#397c5a}.header-ping-badge[data-state=warn] strong{color:#df8a1d}.header-ping-badge[data-state=bad] strong,.header-ping-badge[data-state=offline] strong{color:#d4493e}.header-ping-badge[data-state=offline]{filter:saturate(.45)}.home-header-meta .header-divider{background:#244a4a2e;width:1px;height:23px}.home-header-meta .header-guest-wordmark{pointer-events:none;flex:none;justify-content:center;align-items:center;width:82px;height:31px;display:inline-flex}.header-guest-wordmark img{object-fit:contain;width:100%;height:100%;display:block}.home-content{grid-template-rows:minmax(0,1fr) 104px;gap:10px;min-height:0;display:grid}.home-shell .hero{grid-template-columns:minmax(350px,.86fr) minmax(380px,1.14fr);align-items:stretch;gap:clamp(24px,4.2vw,62px);height:100%;min-height:0;padding:12px 0 6px}.home-shell .hero-copy{align-content:start;min-width:0;display:grid}.brand-lockup{width:100%;max-width:520px;margin:0 0 8px;position:relative}.brand-lockup:before{display:none}.brand-kicker,.bottom-kicker{color:var(--capy-teal);letter-spacing:.16em;font:800 9px/1.2 SFMono-Regular,Consolas,monospace;display:block}.home-shell .hero h1{margin:3px 0 0;font-size:0;line-height:0}.brand-wordmark{object-fit:contain;width:100%;height:auto;display:block}.play-panel{width:100%;max-width:520px;box-shadow:none;background:0 0;border:0;border-top:2px solid #244a4a27;border-radius:0;margin-top:0;padding:10px 0 0}.play-panel-head{gap:12px}.panel-label{margin-bottom:3px;font-size:8px}.play-panel h2{letter-spacing:.015em;text-transform:uppercase;font:900 clamp(17px,1.55vw,21px)/1 Impact,Arial Narrow,sans-serif}.status-chip{padding:6px 9px;font-size:8px}.profile-form{grid-template-columns:53px minmax(0,1fr);gap:11px;margin-top:11px}.profile-mascot{border-radius:15px;width:53px;height:53px}.profile-fields{gap:4px 9px}.profile-fields label,.join-form label{font-size:8px}.profile-fields input,.profile-fields select,.join-form input{border-radius:9px;height:37px;font-size:12px}.home-shell .home-actions{gap:8px;margin:11px 0 9px}.home-shell .button{border-radius:9px;min-height:41px;font-size:9px}.home-shell .button--hot{box-shadow:0 4px #a7482e}.home-shell .button--hot:active{transform:translateY(2px);box-shadow:0 2px #a7482e}.join-form label{margin-bottom:5px}.join-form>div{gap:7px}.join-form .button{min-width:70px;min-height:37px}.home-tools{justify-content:flex-start;gap:7px 17px;margin-top:5px}.home-shell .text-action{font-size:8px}.home-shell [data-error]:empty{display:none}.home-shell .notice--error{margin:4px 0 0;font-size:10px}.hero-art{aspect-ratio:auto;width:100%;height:100%;min-height:0;box-shadow:0 12px 0 #d9e6d8, var(--capy-shadow);background:#9fcfc3;border:0;border-radius:30px 22px 28px 19px;align-self:stretch;overflow:hidden}.hero-art:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#0e393000 56%,#144b4b12),linear-gradient(#0000 55%,#18484a1a);position:absolute;inset:0}.hero-scene{z-index:-2;object-position:center}.home-dada-shoot{z-index:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 13px 8px #2643432a);transform-origin:55% 85%;width:min(75%,560px);height:100%;animation:3.8s ease-in-out infinite dada-home-bob;position:absolute;bottom:-6%;right:-1%}.home-shell .art-stamp{z-index:1;background:#fffaf1e8;border-color:#fff9;border-radius:12px;gap:3px;width:max-content;max-width:48%;padding:9px 12px;bottom:17px;left:17px;right:auto}.art-stamp span{font-size:7px}.art-stamp strong{font-size:clamp(13px,1.6vw,18px)}.home-shell .art-stamp small{display:none}.arena-tag{z-index:1;color:var(--capy-teal);letter-spacing:.1em;background:#fffaf1d9;border:1px solid #fff9;border-radius:999px;padding:7px 10px;font:800 8px/1 SFMono-Regular,Consolas,monospace;position:absolute;top:16px;left:17px}.scene-spark{z-index:1;text-shadow:0 2px 7px #7b673988}.scene-spark--one{top:20%;left:12%}.scene-spark--two{top:45%;left:46%}.home-extras{border-top:1px solid #244a4a24;min-height:0;padding-top:9px;display:block}.room-browser{border:0;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:0}.room-browser--hero{border:0;min-width:0;margin:5px 0 0;padding:0;display:block}.room-browser-count{color:var(--capy-muted);letter-spacing:.11em;align-items:baseline;gap:6px;margin:0 0 5px;font:800 7px/1 SFMono-Regular,Consolas,monospace;display:flex}.room-browser-count strong{color:var(--capy-ink);letter-spacing:.025em;font:900 17px/.9 Impact,Arial Narrow,sans-serif}.room-browser-count strong span{color:var(--capy-orange);margin-left:2px;font-size:13px}.room-browser--hero .room-list{scrollbar-color:#7ca49a #e7eadb;scrollbar-width:thin;scroll-snap-type:x proximity;grid-template-rows:repeat(2,74px);grid-auto-columns:74px;grid-auto-flow:column;place-content:start flex-start;align-items:stretch;gap:6px;padding:0 2px 4px 0;display:grid;overflow:auto hidden}.room-tile{border:1px solid #d7e3da;border-left:3px solid var(--capy-yellow);scroll-snap-align:start;background:#fffaf1;border-radius:10px;grid-template-rows:minmax(0,1fr) auto;gap:4px;min-width:0;min-height:0;padding:6px;display:grid;box-shadow:0 3px #244a4a12}.room-tile-info{text-align:center;align-content:center;justify-items:center;gap:3px;min-width:0;display:grid}.room-tile-info b{max-width:100%;color:var(--capy-ink);letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;font:900 10px/1 Impact,Arial Narrow,sans-serif;display:block;overflow:hidden}.room-tile-info small{color:var(--capy-muted);white-space:nowrap;font:700 7px/1 SFMono-Regular,Consolas,monospace}.room-tile .button{border-radius:6px;min-height:25px;padding-inline:5px;font-size:7px}.room-tile .button span{margin-left:2px}.room-browser-heading h2{margin-top:5px;font:900 19px/.94 Impact,Arial Narrow,sans-serif}.room-browser-heading h2 .text-action{color:var(--capy-orange);padding:0 4px;font:900 14px Impact,Arial Narrow,sans-serif;display:inline-block}.room-browser-heading .bottom-kicker,.worlds-heading .bottom-kicker{font-size:7px}.room-list{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.room-row{border:0;border-left:2px solid var(--capy-yellow);background:#fffaf1a8;border-radius:0 10px 10px 0;flex:1 1 0;gap:6px;min-width:0;min-height:58px;padding:6px 7px 6px 10px}.room-row-info{gap:3px;min-width:0}.room-row b{font-size:11px}.room-row small{letter-spacing:0;white-space:nowrap;font-size:7px}.room-row .button{min-height:30px;padding-inline:7px;font-size:7px}.room-empty{white-space:nowrap;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.room-empty-icon{border-radius:9px;flex:none;width:27px;height:27px;font-size:15px}.worlds-rail{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:9px;min-width:0;margin:0;display:grid}.worlds-heading h2{color:var(--capy-ink);white-space:nowrap;margin-top:5px;font:900 17px/.95 Impact,Arial Narrow,sans-serif;text-decoration:none;display:inline-block}.world-cards{scrollbar-color:#7ca49a #e7eadb;scrollbar-width:thin;scroll-snap-type:x proximity;gap:7px;min-width:0;padding:0 2px 4px;display:flex;overflow:auto hidden}.world-card,.world-card--feature{min-width:0;min-height:56px;box-shadow:none;color:var(--capy-ink);scroll-snap-align:start;background:#fffaf1;border:1px solid #dbe5d9;border-radius:11px;flex:0 0 148px;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:7px;padding:5px;display:grid;overflow:hidden}.world-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #304a3914}.world-card>img{object-fit:cover;border-radius:8px;width:39px;height:39px;position:static}.world-card:hover>img{transform:none}.world-card-shade,.world-card-copy,.world-card-arrow{display:none}.world-card>span{color:var(--capy-ink);overflow-wrap:anywhere;font:900 10px/1.05 Impact,Arial Narrow,sans-serif}.home-shell .home-footer{border:0;align-items:center;min-height:0;padding:3px 0 0;font-size:7px}.home-footer i{color:var(--capy-orange);margin-inline:4px;font-style:normal}.home-shell .first-visit{z-index:5;max-width:min(450px,100vw - 24px);margin:0;padding:8px 12px;position:absolute;bottom:34px;right:clamp(12px,3vw,40px);box-shadow:0 8px 20px #304a3920}.home-shell .first-visit p{font-size:10px}.home-shell .first-visit strong,.home-shell .first-visit .text-action{font-size:8px}@keyframes dada-home-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(-.5deg)}}@media (width<=900px){.home-shell{padding-inline:20px}.home-content{grid-template-rows:minmax(0,1fr) 98px;gap:8px}.home-shell .hero{grid-template-columns:minmax(320px,.92fr) minmax(280px,1.08fr);gap:20px;padding-block:8px 4px}.home-shell .hero h1{margin-top:2px}.home-extras{display:block}.room-browser--hero .room-list{grid-template-rows:repeat(2,68px);grid-auto-columns:68px;gap:5px}.worlds-rail{grid-template-columns:138px minmax(0,1fr);gap:8px}.worlds-heading h2{font-size:14px}.world-card,.world-card--feature{grid-template-columns:31px minmax(0,1fr);gap:4px;min-height:48px;padding:4px}.world-card>img{width:31px;height:38px}.world-card>span{font-size:8px}}@media (width<=680px){body:has(.home-shell){overflow:hidden}#app:has(.home-shell){overflow:hidden}.home-shell{grid-template-rows:48px minmax(0,1fr) 20px;padding:0 14px 7px}.home-shell .masthead{min-height:0}.home-app-icon{border-radius:11px 11px 11px 4px;width:35px;height:35px}.home-header-meta{gap:3px}.home-header-meta .header-ping-badge{width:92px;height:31px}.header-badge-content{gap:3px;padding:0 17px 0 27px}.header-badge-content small{font-size:6px}.header-badge-content strong{font-size:7px}.home-header-meta .header-divider{display:none}.home-header-meta .header-guest-wordmark{width:66px;height:25px}.home-content{grid-template-rows:minmax(0,1fr) 94px;gap:8px}.home-shell .hero{grid-template-rows:106px minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 4px;display:grid;position:relative}.hero-art{border-radius:15px 15px 9px 9px;order:-1;width:100%;height:100%;min-height:0;box-shadow:0 4px #d9e6d8}.hero-scene{object-position:52% 45%}.home-dada-shoot{width:43%;height:145%;bottom:-19%;right:-3%}.home-shell .art-stamp{max-width:50%;padding:5px 7px;bottom:7px;left:8px;right:auto}.art-stamp span{font-size:6px}.art-stamp strong{font-size:12px}.arena-tag{padding:5px 7px;font-size:6px;top:7px;left:8px}.scene-spark{font-size:17px}.home-shell .hero-copy{align-content:start;padding-top:5px}.brand-lockup{margin:0 0 6px}.brand-kicker{font-size:7px}.home-shell .hero h1{margin-top:1px}.room-browser--hero{margin-top:3px}.room-browser-count{margin-bottom:4px;font-size:6px}.room-browser-count strong{font-size:14px}.room-browser-count strong span{font-size:11px}.room-browser--hero .room-list{grid-template-rows:repeat(2,58px);grid-auto-columns:58px;gap:5px}.room-tile{border-radius:8px;gap:3px;padding:4px}.room-tile-info{gap:2px}.room-tile-info b{font-size:8px}.room-tile-info small{font-size:6px}.room-tile .button{min-height:21px;padding-inline:3px;font-size:6px}.play-panel{max-width:none;padding-top:8px}.play-panel-head{align-items:center}.panel-label{margin-bottom:2px;font-size:7px}.play-panel h2{max-width:240px;font-size:16px}.status-chip{padding:5px 7px;font-size:7px}.profile-form{grid-template-columns:42px minmax(0,1fr);gap:8px;margin-top:8px}.profile-mascot{border-radius:12px;width:42px;height:45px;padding:2px}.profile-fields{gap:3px 7px}.profile-fields label,.join-form label{font-size:7px}.profile-fields input,.profile-fields select{height:32px;padding-inline:7px;font-size:10px}.home-shell .home-actions{gap:7px;margin:8px 0 7px}.home-shell .button{border-radius:8px;min-height:36px;font-size:8px}.home-shell .button--hot span{margin-left:4px}.join-form label{margin-bottom:3px}.join-form>div{gap:6px}.join-form input,.join-form .button{height:32px;min-height:32px;font-size:9px}.join-form .button{min-width:57px}.home-tools{gap:3px 15px;margin-top:2px}.home-shell .text-action{padding:4px 0;font-size:7px}.home-extras{padding-top:6px;display:block}.room-list{gap:4px}.room-row{min-height:35px;padding:4px 5px}.room-row-info{gap:1px}.room-row b{font-size:9px}.room-row small{font-size:6px}.room-row .button{min-height:25px;padding-inline:5px;font-size:6px}.room-empty{gap:4px;font-size:8px}.room-empty-icon{width:22px;height:22px;font-size:12px}.worlds-rail{grid-template-columns:112px minmax(0,1fr);align-content:center;gap:7px}.worlds-heading h2{margin-top:2px;font-size:14px}.world-cards{gap:5px;display:flex}.world-card,.world-card--feature{border-radius:7px;flex-direction:column;flex:0 0 72px;justify-content:center;gap:2px;min-height:0;padding:3px 2px;display:flex}.world-card>img{border-radius:5px;width:24px;height:24px}.world-card>span{text-align:center;max-width:100%;font-size:6px;line-height:1}.home-shell .home-footer{justify-content:center;padding:2px 0 0;font-size:6px}.home-shell .home-footer span:last-child{display:none}.home-shell .first-visit{gap:7px;max-width:none;padding:6px 8px;bottom:25px;left:8px;right:8px}.home-shell .first-visit p{font-size:8px}.home-shell .first-visit .text-action{font-size:7px}}@media (height<=700px) and (width>=681px){.home-shell{grid-template-rows:48px minmax(0,1fr) 21px;padding-bottom:5px}.home-content{grid-template-rows:minmax(0,1fr) 92px;gap:6px}.home-shell .hero{padding-block:4px 2px}.home-shell .hero h1{font-size:clamp(49px,5.9vw,70px)}.brand-lockup{margin-bottom:7px}.play-panel{padding-top:8px}.profile-form{margin-top:7px}.profile-mascot{width:46px;height:46px}.home-shell .home-actions{margin-block:7px 5px}.home-tools{margin-top:1px}.room-browser--hero .room-list{grid-template-rows:repeat(2,60px);grid-auto-columns:60px}.room-tile{padding:4px}.home-extras{padding-top:6px}.hero-art{border-radius:22px 18px 23px 15px}}@media (prefers-reduced-motion:reduce){.home-dada-shoot{animation:none}}.home-shell{color:#fff3d7;--capy-paper:#111a1e;--capy-card:#182429;--capy-ink:#fff3d7;--capy-muted:#a4b1a9;--capy-line:#f1bf5738;--capy-orange:#f0bd59;--capy-teal:#9acdb7;--paper:#fff3d7;--muted:#a4b1a9;--line:#f1bf5738;--yellow:#f0bd59;--orange:#e98856;--blue:#8cc9c1;--focus-ring:#f6cd70;background:#111a1e}.home-shell:before{opacity:.18;background-image:radial-gradient(#ddb97438 .65px,#0000 .75px);background-size:10px 10px}.home-shell:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(115deg,#070f1242,#0000 48%,#070f1247);position:absolute;inset:0}.home-shell .masthead{border-color:#f1bf572e}.home-shell .header-divider{background:#f1bf574d}.home-shell .play-panel{background:linear-gradient(145deg,#17252af7,#0f1b1ff2);border:1px solid #f1bf5740;border-radius:15px;padding:10px 12px 9px;box-shadow:0 10px 26px #0003,inset 0 1px #ffffff09}.home-shell .profile-fields label,.home-shell .join-form label,.home-shell .room-browser-count,.home-shell .home-footer{color:#a9b7ae}.home-shell .profile-fields input,.home-shell .profile-fields select,.home-shell .join-form input{color:#fff3d7;background:#0f1a1e;border:1px solid #f0bd5940;border-radius:7px;box-shadow:inset 0 2px 5px #00000038}.home-shell .profile-fields input:focus,.home-shell .profile-fields select:focus,.home-shell .join-form input:focus{border-color:#e8b64f}.home-shell .profile-fields select option{color:#fff3d7;background:#142126}.home-shell .profile-mascot{background:#203137;border:1px solid #f0bd5957;box-shadow:0 3px #0000003d}.home-shell .home-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.home-shell .mayhem-button--home{justify-self:stretch;width:min(100%,214px);font-size:9px}.home-shell .mayhem-button--home .mayhem-button__safe{padding-inline:10%}.home-shell .mayhem-button--home:hover:not(:disabled){filter:brightness(1.12)}.home-shell .mayhem-button--home:focus-visible{outline-offset:3px;outline:3px solid #f6cd70}.home-shell .join-form .button--line,.home-shell .room-tile .button--line{color:#f8d78d;background:#f0bd5914;border:1px solid #f0bd5973}.home-shell .join-form .button--line:hover:not(:disabled),.home-shell .room-tile .button--line:hover:not(:disabled){color:#fff3d7;background:#f0bd592e;border-color:#f0bd59}.home-shell .text-action{color:#c4cec5}.home-shell .text-action span{color:#f0bd59}.home-shell .text-action:hover{color:#f4c961}.home-shell .notice--error{color:#ff9a7d}.name-required-dialog{width:min(460px,100vw - 32px)}.name-required-dialog .dialog-top{margin-bottom:7px}.name-required-dialog .eyebrow{color:var(--signal-yellow);letter-spacing:.12em;font-size:9px}.name-required-dialog h2{margin:10px 0 13px;font-size:clamp(39px,10vw,58px)}.name-required-dialog .dialog-intro{margin:0 0 21px}.name-required-dialog form{gap:8px;display:grid}.name-required-dialog label{color:#d6d0c2;font:700 9px/1.2 var(--mono);letter-spacing:.13em}.name-required-dialog input{width:100%;height:46px;color:var(--text-primary);background:#20292b;border:1px solid #ffffff35;border-radius:8px;padding:0 13px;font-size:14px}.name-required-dialog .binding-error{min-height:17px;margin:1px 0 2px}.name-required-submit{width:min(100%,280px);min-height:54px;margin-top:1px}.name-required-submit .mayhem-button__safe{white-space:nowrap}.home-shell .hero-art{border:1px solid #f0bd5957;box-shadow:0 12px #050c0f47,0 20px 46px #0000004d}.home-shell .arena-tag,.home-shell .art-stamp{color:#f3d28a;background:#111d21e0;border:1px solid #f1bf576b}.home-shell .art-stamp strong{color:#fff3d7}.home-shell .home-extras{border-color:#f1bf5733}.home-shell .room-browser-count strong{color:#fff3d7}.home-shell .room-browser-count strong span{color:#f0bd59}.home-shell .room-tile{background:linear-gradient(145deg,#1b2b30,#142126);border:1px solid #f1bf5738;border-left:3px solid #f0bd59;border-radius:9px;box-shadow:inset 0 1px #ffffff09,0 3px #0000002e}.home-shell .room-tile-info b{color:#fff3d7}.home-shell .room-tile-info small{color:#a8b6ad}.home-shell .room-tile .button{border-radius:6px}.home-shell .room-empty{color:#b3c1b7}.home-shell .room-empty-icon{color:#f5ce72;background:#f0bd591f;border:1px solid #f0bd5961}.home-shell .room-browser--hero .room-list{scrollbar-color:#9b773e #1b2b30}.home-shell .worlds-heading .bottom-kicker{color:#dbaa54}.home-shell .worlds-heading h2{color:#fff3d7}.home-shell .world-card,.home-shell .world-card--feature{color:#fff3d7;background:linear-gradient(145deg,#1b2b30,#142126);border-color:#f1bf5733;border-radius:9px;box-shadow:inset 0 1px #ffffff09}.home-shell .world-card:hover{border-color:#f1bf5775;box-shadow:0 5px 14px #00000038}.home-shell .world-card>span{color:#fff3d7}.home-shell .world-cards{scrollbar-color:#9b773e #1b2b30}.home-shell .home-footer{border-color:#f1bf5733}.home-shell .first-visit{color:#fff3d7;background:#17262b;border:1px solid #f1bf575c}@media (width<=680px){.home-shell .play-panel{border-radius:12px;padding:8px 9px 7px}.home-shell .mayhem-button--home{font-size:7px}.home-shell .mayhem-button--home .mayhem-button__safe{padding-inline:7%}.home-shell .hero-art{box-shadow:0 4px #050c0f47}}@media (width<=360px){.home-shell .home-actions{gap:4px}.home-shell .mayhem-button--home{letter-spacing:.04em;font-size:6px}}.arena-shell{isolation:isolate;background-color:#111a1e;background-image:radial-gradient(#ddb97429 .65px,#0000 .75px),linear-gradient(135deg,#17252a,#0e171b 65%,#192429);background-size:10px 10px,auto;width:100%;height:100dvh;min-height:0;padding:10px clamp(10px,3vw,42px) 9px;position:relative;overflow:hidden}.arena-topline{z-index:1;min-width:0;height:auto;box-shadow:none;background:linear-gradient(110deg,#142126f7,#0d181cf5);border:0;border-radius:13px;flex:0 0 48px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(6px,1.2vw,16px);padding:4px 10px;display:grid;position:relative}.arena-brand{flex:none;grid-column:1;justify-self:start;align-items:center;gap:8px;min-width:0;display:inline-flex}.arena-app-icon{object-fit:cover;border:1px solid #f1bf5770;border-radius:10px 10px 10px 4px;width:34px;height:34px;display:block}.arena-wordmark{object-fit:contain;width:clamp(112px,14vw,168px);max-height:34px;display:block}.arena-header-actions{grid-column:3;justify-self:end;align-items:center;gap:clamp(5px,.8vw,10px);min-width:0;display:flex}.arena-shell .arena-topline .button{color:#f7dfa6;letter-spacing:.08em;background:#f0bd5914;border:1px solid #f0bd5961;border-radius:7px;flex:none;min-height:32px;padding:0 11px;font:850 8px/1 SFMono-Regular,Consolas,monospace;transition:background .14s,border-color .14s,transform .14s}.arena-shell .arena-topline .button:hover:not(:disabled){box-shadow:none;background:#f0bd592b;border-color:#f0bd59b8;transform:translateY(-1px)}.arena-shell .arena-topline [data-action=leave-match]{color:#ffd4b8;background:#e988561a;border-color:#e9885666}.arena-shell .arena-topline [data-action=toggle-sfx][aria-pressed=false],.arena-shell .arena-topline [data-action=toggle-music][aria-pressed=false]{color:#a9d4c0;border-color:#9acdb773}.arena-canvas{z-index:0;background:#111a1e;border:0;border-radius:15px;flex:auto;width:100%;max-width:none;height:auto;min-height:0;max-height:none;margin:7px auto 0;position:relative;box-shadow:0 14px 36px #00000052}.arena-canvas canvas{border-radius:13px;max-width:100%;max-height:100%;margin:auto;display:block}.arena-controls-hint{z-index:1;color:#d3d7cb;letter-spacing:.08em;white-space:nowrap;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;flex:none;grid-column:2;justify-self:center;gap:clamp(5px,.65vw,9px);min-width:0;min-height:0;margin:0;padding:0;font:800 7px/1.2 SFMono-Regular,Consolas,monospace;display:flex;position:relative;overflow:hidden}.arena-controls-hint b{color:#f0bd59;letter-spacing:.12em;background:0 0;border:0;border-radius:0;align-self:center;padding:0;font-size:7px}.arena-controls-hint span{color:#c4d1c8;background:0 0;border:0;border-radius:0;padding:0}.arena-controls-hint span:last-child{color:#d7eadc}@media (width<=1100px){.arena-topline{flex-basis:auto;grid-template-rows:32px 18px;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-height:61px}.arena-header-actions{grid-area:1/2}.arena-controls-hint{grid-area:2/1/auto/-1;gap:8px}}@media (width<=600px){.arena-shell{padding:8px 7px}.arena-topline{border-radius:10px;grid-template-rows:30px 16px;gap:2px 5px;min-height:54px;padding:3px 6px}.arena-app-icon{border-radius:8px 8px 8px 3px;width:29px;height:29px}.arena-brand{gap:4px}.arena-wordmark{width:clamp(82px,25vw,112px);max-height:28px}.arena-header-actions{grid-area:1/2;gap:3px}.arena-header-meta .header-ping-badge{width:82px;height:28px}.arena-header-meta .header-badge-content{gap:2px;padding:0 14px 0 23px}.arena-header-meta .header-badge-content small{font-size:5px}.arena-header-meta .header-badge-content strong{font-size:6px}.arena-shell .arena-topline .button{letter-spacing:.04em;min-height:29px;padding-inline:6px;font-size:6px}.arena-controls-hint{letter-spacing:.02em;grid-area:2/1/auto/-1;justify-self:center;gap:5px;font-size:5.5px}.arena-controls-hint b{letter-spacing:.04em;font-size:5.5px}.arena-canvas{border-radius:10px;margin-top:5px}.arena-canvas canvas{border-radius:8px}}@media (width<=420px){.arena-wordmark{width:clamp(58px,17vw,72px)}}@media (width<=360px){.arena-wordmark{display:none}.arena-app-icon{width:25px;height:25px}.arena-header-meta .header-ping-badge{width:74px;height:26px}.arena-header-meta .header-badge-content{padding-inline:20px 12px}.arena-shell .arena-topline .button{padding-inline:4px;font-size:5px}.arena-controls-hint{gap:3px;font-size:5px}.arena-controls-hint b{font-size:5px}}@media (prefers-reduced-motion:reduce){.arena-shell .arena-topline .button{transition:none}}body:has(.lobby-shell){height:100dvh;min-height:0;overflow:hidden}#app:has(.lobby-shell){height:100dvh;min-height:0;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lobby-shell{grid-template-rows:56px minmax(0,1fr) 24px;width:100%;height:100dvh;min-height:0;padding:0 clamp(16px,4.6vw,68px) 8px;display:grid}.lobby-top{justify-content:space-between;align-items:center;height:auto;min-height:0;display:flex}.lobby-brand{align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.lobby-brand .home-app-icon{width:40px;height:40px}.lobby-brand-wordmark{object-fit:contain;width:clamp(118px,15vw,174px);max-height:44px;display:block}.lobby-header-meta{flex:none}.lobby-content{flex-direction:column;min-height:0;display:flex}.lobby-heading{flex:none;justify-content:flex-start;margin:8px 0 10px}.room-code-card{border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;width:min(100%,390px);min-width:0;padding:8px 12px}.room-code-card>div{gap:3px}.room-code-card>div strong{font-size:21px}.room-code-card .button{min-height:34px;padding-inline:10px;font-size:8px}.room-code-card>p{min-height:0}.lobby-grid{flex:auto;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px;min-height:0}.roster-panel,.match-panel{border-radius:17px;min-height:0;padding:clamp(12px,1.7vw,20px);overflow:hidden}.section-head .panel-label{margin-bottom:4px}.section-head h2{font-size:clamp(22px,2.1vw,27px)}.player-count{font-size:27px}.roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:11px}.roster li{border-radius:10px;gap:7px;min-width:0;min-height:40px;padding:5px 7px}.roster-number{width:17px;font-size:8px}.skin-dot{border-width:2px;border-radius:7px;width:23px;height:23px}.roster strong{font-size:11px}.host-tag,.you-tag{padding:4px 5px;font-size:7px}.roster .roster-empty{font-size:7px}.empty-slot-icon{width:22px;height:22px}.match-panel-heading{min-height:25px;margin-bottom:8px}.match-preview{flex:0 auto;height:clamp(104px,18vh,152px)}.match-preview figcaption{gap:3px;bottom:10px;left:11px;right:11px}.match-preview figcaption strong{font-size:21px}.match-settings{gap:7px;margin-top:8px}.match-settings>div{gap:3px;padding:7px 9px}.match-settings strong{font-size:19px}.match-settings span{font-size:7px}.lobby-actions{gap:7px;padding-top:9px}.lobby-actions .button{min-height:38px;font-size:8px}.host-hint{margin-top:5px;font-size:8px;line-height:1.35}.lobby-footer{justify-content:space-between;align-items:end;min-height:0;margin-top:0;padding-top:4px;font-size:8px;display:flex}@media (width<=900px){.lobby-heading{margin:7px 0 8px}.lobby-grid{grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr);grid-template-columns:minmax(0,1fr);gap:8px}.roster-panel,.match-panel{padding:11px 13px}.roster{margin-top:8px}.roster li{min-height:34px;padding-block:4px}.skin-dot{width:21px;height:21px}.match-panel-heading{min-height:21px;margin-bottom:6px}.match-preview{height:clamp(76px,12vh,100px)}.match-preview figcaption strong{font-size:18px}.match-settings{margin-top:6px}.match-settings>div{padding:5px 8px}.match-settings strong{font-size:17px}.lobby-actions{padding-top:6px}.lobby-actions .button{min-height:34px}.host-hint{margin-top:4px}}@media (width<=480px){.lobby-shell{padding-inline:12px;grid-template-rows:48px minmax(0,1fr) 21px;padding-bottom:6px}.lobby-brand{gap:7px}.lobby-brand .home-app-icon{border-radius:11px 11px 11px 4px;width:33px;height:33px}.lobby-brand-wordmark{width:clamp(102px,30vw,132px)}.lobby-header-meta{gap:3px}.lobby-heading{margin:6px 0}.room-code-card{width:100%;padding:6px 9px}.room-code-card>div span{font-size:7px}.room-code-card>div strong{font-size:18px}.room-code-card .button{min-height:31px;padding-inline:8px;font-size:7px}.lobby-grid{grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr);gap:7px}.roster-panel,.match-panel{border-radius:14px;padding:9px 10px}.section-head h2{font-size:21px}.player-count{font-size:23px}.roster{gap:5px;margin-top:7px}.roster li{gap:5px;min-height:31px;padding:3px 5px}.roster-number{width:14px;font-size:7px}.skin-dot{width:19px;height:19px}.roster strong{font-size:10px}.host-tag,.you-tag{padding:3px 4px;font-size:6px}.match-preview{height:clamp(65px,10vh,82px)}.match-preview figcaption span{font-size:7px}.match-preview figcaption strong{font-size:16px}.match-settings>div{padding:4px 6px}.match-settings small,.match-settings span{font-size:6px}.match-settings strong{font-size:15px}.lobby-actions{gap:5px}.lobby-actions .button{min-height:31px;padding-inline:6px;font-size:7px}.host-hint,.lobby-footer{font-size:7px}.lobby-footer span:last-child{display:none}}@media (height<=700px) and (width>=901px){.lobby-shell{grid-template-rows:48px minmax(0,1fr) 20px;padding-bottom:5px}.lobby-heading{margin:5px 0 7px}.roster-panel,.match-panel{padding:10px 13px}.roster li{min-height:34px}.match-preview{height:clamp(80px,14vh,110px)}}body:has(.lobby-shell){overflow:hidden}.lobby-shell{isolation:isolate;color:#fff3d7;background:#111a1e;grid-template-rows:48px minmax(0,1fr) 24px;gap:4px;width:100%;height:100dvh;min-height:0;padding:10px clamp(14px,3vw,48px) 9px;display:grid;position:relative;overflow:hidden}.lobby-scene{z-index:-2;position:absolute;inset:0;overflow:hidden}.lobby-scene img{object-fit:cover;opacity:.23;filter:saturate(.78)brightness(.72);width:100%;height:100%}.lobby-shell:after{content:"";z-index:-1;background:linear-gradient(90deg,#081014f0,#091114bf 56%,#090f12e8);position:absolute;inset:0}.lobby-top{justify-content:space-between;align-items:center;min-width:0;display:flex}.lobby-brand{align-items:center;gap:10px;display:inline-flex}.lobby-brand .home-app-icon{object-fit:cover;width:40px;height:40px}.lobby-brand-wordmark{object-fit:contain;width:clamp(135px,18vw,205px);max-height:38px}.lobby-header-meta{align-items:center;gap:12px;display:flex}.lobby-content{grid-template-rows:auto auto minmax(0,1fr);gap:clamp(7px,1.1vh,13px);min-height:0;display:grid;overflow:hidden}.lobby-heading{justify-content:space-between;align-items:center;gap:12px;margin:0;display:flex}.room-code-card{background:#0b1418d1;border:1px solid #ffd26f52;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:5px 8px;display:flex}.room-code-card>div{gap:1px;padding-inline:4px;display:grid}.room-code-card>div span,.panel-label{color:#d9a64e;letter-spacing:.15em;margin:0;font-size:9px;font-weight:900}.room-code-card>div strong{color:#fff4d7;letter-spacing:.12em;font-size:17px}.room-code-card [data-copy-status]{color:#9fe0ac;margin:0;font-size:10px;position:absolute}.lobby-room-state{color:#c5d0cc;letter-spacing:.13em;align-items:center;gap:7px;font-size:10px;font-weight:900;display:inline-flex}.lobby-room-state i,.chat-live i{background:#96e58f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #96e58f}.settings-map-strip{grid-template-columns:minmax(180px,1.45fr) repeat(4,minmax(104px,.7fr));gap:8px;min-height:98px;display:grid}.match-preview{background:#293439;border:1px solid #ffd26f4d;border-radius:12px;min-width:0;height:clamp(84px,12vh,120px);margin:0;position:relative;overflow:hidden}.match-preview img{object-fit:cover;width:100%;height:100%}.match-preview:after{content:"";background:linear-gradient(#0000,#080f13eb);position:absolute;inset:35% 0 0}.match-preview figcaption{z-index:1;gap:2px;display:grid;position:absolute;bottom:8px;left:12px}.match-preview figcaption span{color:#f0bd59;letter-spacing:.16em;font-size:8px;font-weight:900}.match-preview figcaption strong{color:#fff2d2;font-family:inherit;font-size:clamp(16px,2vw,22px)}.lobby-setting{background:#141f23eb;border:1px solid #efc06033;border-radius:11px;align-content:center;gap:7px;min-width:0;padding:9px 11px;display:grid}.lobby-setting>span{color:#dca74c;letter-spacing:.14em;font-size:9px;font-weight:900}.lobby-setting select,.bot-controls select{color:#fff2d6;width:100%;min-width:0;font:inherit;background:#263338;border:1px solid #ffebbe24;border-radius:7px;padding:8px 22px 8px 9px;font-size:clamp(10px,1vw,13px);font-weight:850}.lobby-setting select:disabled,.bot-controls select:disabled{color:#a7aca6;opacity:.76}.lobby-grid{grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:12px;min-height:0;display:grid}.roster-panel,.chat-panel{background:#101b1fe8;border:1px solid #f1bf573d;border-radius:15px;min-width:0;min-height:0;padding:clamp(10px,1.4vw,17px);overflow:hidden;box-shadow:0 12px 36px #0000002b}.roster-panel{grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:7px;display:grid}.section-head,.chat-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2,.chat-heading h2{color:#fff1d4;margin:2px 0 0;font-size:clamp(19px,2.1vw,27px);line-height:1}.player-count{color:#f4bb51;font-size:23px;font-weight:950}.player-count small{color:#a6b4ad;font-size:12px}.roster{align-content:start;gap:5px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.roster li{background:#ffffff09;border:1px solid #fff4d814;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:4px 9px;display:flex}.roster-number{color:#8d9a92;width:20px;font-size:9px;font-weight:900}.skin-dot{flex:none}.roster strong{color:#fff3db;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.player-record{color:#d8d2bd;font:700 9px/1 var(--mono);font-variant-numeric:tabular-nums;background:#0a121394;border:1px solid #f2d28233;border-radius:6px;flex:none;align-items:center;gap:5px;padding:3px 6px;display:inline-flex}.player-record b{align-items:baseline;gap:2px;font-weight:800;display:inline-flex}.player-record b:first-child{color:#91e6a6}.player-record b:last-child{color:#ff9a78}.player-record small{opacity:.82;font-size:7px}.player-record i{border-left:1px solid #f2d28247;height:10px}.roster .roster-empty{color:#f0e3c7;background:#e5be7017;border-color:#f0d2974d}.roster-empty>span:last-child{color:#f4e8d0;letter-spacing:.12em;text-shadow:0 1px 3px #000000e6;font-size:10px;font-weight:950}.empty-slot-icon{color:#172328;background:#ffd15f;border:0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:16px;font-weight:950;line-height:1;display:grid;box-shadow:0 0 11px #ffcd5657}.bot-tag,.host-tag,.you-tag,.team-tag{color:#192126;letter-spacing:.08em;background:#e9bd64;border-radius:4px;flex:none;padding:3px 5px;font-size:7px;font-weight:950}.bot-tag{background:#a5d0c2}.you-tag{background:#85c4db}.team-tag--b{background:#e88868}.roster-remove,.invite-close{color:#f1c267;cursor:pointer;background:0 0;border:0;flex:none;margin-left:auto;font-size:20px}.bot-controls{color:#dca74c;letter-spacing:.12em;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:8px;font-size:9px;font-weight:900;display:grid}.bot-controls select{padding-block:6px}.roster-actions{grid-template-columns:1fr auto;gap:8px;display:grid}.lobby-inline-status,.chat-status{color:#91c4ab;min-height:12px;margin:0;font-size:10px}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;display:grid}.chat-live{color:#9fe1a1;letter-spacing:.12em;align-items:center;gap:7px;font-size:9px;font-weight:900;display:inline-flex}.chat-log{background:#0000002b;border:1px solid #ffffff12;border-radius:9px;flex-direction:column;align-items:stretch;gap:7px;min-height:0;padding:8px;display:flex;overflow-y:auto}.chat-empty{color:#87968e;text-align:center;align-self:center;margin:auto;font-size:12px}.chat-message{color:#d8e3dc;overflow-wrap:anywhere;background:#ffffff12;border-radius:9px 9px 9px 2px;gap:3px;max-width:92%;margin:0;padding:7px 9px;font-size:12px;display:grid}.chat-message strong{color:#eebe60;letter-spacing:.06em;font-size:9px}.chat-message--self{background:#34716745;border-radius:9px 9px 2px;align-self:end}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.chat-form input,.invite-dialog input{color:#fff4dc;background:#1b282d;border:1px solid #f6d08433;border-radius:7px;min-width:0;padding:0 10px;font-size:11px}.lobby-footer{color:#91a29b;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:900;display:flex}.mayhem-button{color:#fff6db;min-width:0;min-height:0;box-shadow:none;aspect-ratio:500/220;font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:950;transition:transform .12s,filter .12s;display:inline-flex;position:relative;overflow:visible}.mayhem-button__plate{object-fit:fill;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mayhem-button__safe{z-index:1;color:#fff8e8;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 3px #000000f5,0 0 6px #000c;place-items:center;width:100%;max-width:100%;height:100%;padding:0 18%;line-height:1;display:grid;position:absolute;inset:0;overflow:hidden}.mayhem-button--start{width:clamp(146px,14vw,180px)}.mayhem-button--add-bot{width:clamp(106px,10vw,130px)}.mayhem-button--leave{width:clamp(112px,11vw,140px)}.mayhem-button--copy{width:clamp(78px,8vw,98px);font-size:8px}.mayhem-button--invite{width:clamp(88px,9vw,112px);font-size:8px}.roster-actions{align-items:center}.roster-actions .mayhem-button--start{justify-self:start}.chat-form .mayhem-button--start{width:82px;font-size:8px}.invite-actions .mayhem-button{justify-self:center}.mayhem-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.mayhem-button:active:not(:disabled){transform:translateY(1px)}.mayhem-button:disabled{filter:grayscale(.4)brightness(.72);opacity:.76;cursor:not-allowed}.mayhem-button:focus-visible,.lobby-shell :is(select,input,a,button):focus-visible{outline-offset:2px;outline:3px solid #f6cd70}.invite-dialog{color:#fff2d8;background:#172328;border:1px solid #ddae54;border-radius:16px;width:min(410px,100vw - 28px);padding:20px;box-shadow:0 22px 90px #000a}.invite-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03080ac7}.invite-dialog__head{justify-content:space-between;align-items:start;display:flex}.invite-dialog h2{margin:5px 0 0;font-size:24px}.invite-qr-wrap{color:#e9bd64;letter-spacing:.16em;justify-items:center;gap:8px;margin:16px auto;font-size:9px;font-weight:950;display:grid}.invite-qr-wrap img{background:#fff8e8;border-radius:10px;width:160px;height:160px;padding:7px}.invite-url-label{color:#e9bd64;letter-spacing:.1em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.invite-dialog [data-invite-url]{width:100%;height:37px}.invite-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.invite-dialog [data-invite-status]{color:#9fe1a1;min-height:13px;font-size:10px}@media (width<=900px){.lobby-shell{grid-template-rows:43px minmax(0,1fr) 20px;padding-inline:12px}.lobby-content{padding:1px 2px 8px;overflow-y:auto}.settings-map-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.match-preview{grid-column:1/-1;height:92px}.lobby-grid{grid-template-rows:minmax(220px,.95fr) minmax(190px,1.05fr);grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.lobby-shell{padding-inline:9px}.lobby-brand .home-app-icon{width:33px;height:33px}.lobby-brand-wordmark{width:125px}.lobby-header-meta{gap:5px}.lobby-heading{flex-direction:column;align-items:start;gap:3px}.room-code-card{width:100%}.room-code-card>div{margin-right:auto}.room-code-card .mayhem-button--copy{width:76px;font-size:7px}.room-code-card .mayhem-button--invite{width:78px;font-size:7px}.settings-map-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.match-preview{height:82px}.lobby-grid{grid-template-rows:minmax(240px,1fr) minmax(220px,1fr)}.roster-panel,.chat-panel{padding:10px}.roster li{gap:5px;min-height:34px;padding-inline:6px}.roster strong{font-size:11px}.player-record{gap:3px;padding:3px 4px;font-size:8px}.player-record small{font-size:6px}.bot-controls{grid-template-columns:auto minmax(75px,1fr) auto;gap:5px}.bot-controls .mayhem-button--add-bot{width:90px;font-size:7px}.roster-actions .mayhem-button--start{width:142px;font-size:8px}.roster-actions .mayhem-button--leave{width:104px;font-size:7px}.lobby-footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.mayhem-button{transition:none}}.roster-skin-avatar{object-fit:contain;image-rendering:auto;background:#131d20e0;border:1px solid #ffeeca47;border-radius:8px;flex:0 0 32px;width:32px;height:32px;display:block}.skin-avatar-classic{box-shadow:0 0 0 1px #ed8b4059}.skin-avatar-rambo{box-shadow:0 0 0 1px #c4493c66}.skin-avatar-swat{box-shadow:0 0 0 1px #7d9cc666}.skin-avatar-pilot{box-shadow:0 0 0 1px #d5ac5866}.roster .roster-skin{color:#c7bfae;letter-spacing:.035em;white-space:nowrap;flex:none;font-size:8px}@media (width<=520px){.roster-skin-avatar{border-radius:7px;flex-basis:27px;width:27px;height:27px}.roster .roster-skin{letter-spacing:0;font-size:7px}}.mayhem-result-dialog{color:#f5f0e6;background:0 0;border:0;place-items:center;width:100vw;max-width:none;height:100vh;max-height:none;padding:clamp(12px,3vw,38px);display:grid;position:fixed;inset:0;overflow:auto}.mayhem-result-dialog[open]{animation:.26s cubic-bezier(.16,.8,.28,1) both mayhem-result-enter}.mayhem-result-dialog::backdrop{background:0 0}.mayhem-result-card{z-index:2;background:linear-gradient(135deg,#2c3e39fa,#131d1dfa 68%),#172020;border:0;grid-template-columns:minmax(0,1fr) minmax(230px,.82fr);align-items:center;width:min(890px,100%);min-height:440px;padding:clamp(25px,4vw,48px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #0008,inset 0 1px #fff2}.mayhem-fireworks{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.mayhem-firework{width:0;height:0;position:absolute;bottom:0;left:0}.mayhem-firework-rocket,.mayhem-firework-flash,.mayhem-firework-spark{pointer-events:none;position:absolute;bottom:0;left:0}.mayhem-firework-rocket{background:currentColor;border-radius:50%;width:4px;height:8px;box-shadow:0 0 8px 2px}.mayhem-firework-rocket:after{content:"";opacity:.8;background:linear-gradient(currentColor,#0000);width:2px;height:38px;position:absolute;bottom:3px;left:1px}.mayhem-firework-flash{opacity:0;background:radial-gradient(circle,#fff 0 4%,#fff8cf 9%,#ffdc62 24%,#ff9e4b55 46%,#0000 72%);border-radius:50%;width:72px;height:72px}.mayhem-firework-spark{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 7px 2px}.mayhem-result-copy{z-index:2;min-width:0;position:relative}.mayhem-result-wordmark{object-fit:contain;object-position:left center;width:clamp(176px,25vw,255px);max-height:58px;margin:0 0 23px;display:block}.mayhem-result-kicker{color:#70d0c3;font:800 10px/1.2 var(--mono);letter-spacing:.2em;margin:0 0 8px}.mayhem-result-copy h1{color:#ffe074;font:1000 clamp(47px, 7vw, 78px)/.85 var(--display);letter-spacing:-.055em;text-shadow:0 4px #9d552a,0 8px #13191a,0 12px 24px #0008;-webkit-text-stroke:1px #32251a;margin:0}.mayhem-result-winner{color:#f6c84e;font:900 clamp(17px, 2.3vw, 23px)/1.05 var(--display);letter-spacing:.025em;text-shadow:0 2px #121718;margin:17px 0 5px}.mayhem-result-message{color:#e1ded1;max-width:355px;font:500 13px/1.5 var(--mono);margin:0}.mayhem-result-player{background:#0b1414a8;border-left:3px solid #48b7a8;align-items:center;gap:11px;width:fit-content;max-width:100%;margin:17px 0 20px;padding:8px 11px;display:flex}.mayhem-result-swatch{background:#f47b43;border:2px solid #111817;border-radius:50%;flex:0 0 19px;width:19px;height:19px;box-shadow:0 0 0 1px #efe5c7}.mayhem-result-swatch.skin-cobalt{background:#6b9dff}.mayhem-result-swatch.skin-lime{background:#b9d744}.mayhem-result-swatch.skin-violet{background:#bd87ea}.mayhem-result-swatch.skin-cyan{background:#66d5db}.mayhem-result-swatch.skin-rose{background:#f184a6}.mayhem-result-player>span:nth-child(2){gap:2px;min-width:0;display:grid}.mayhem-result-player small{color:#93aaa4;font:700 8px/1 var(--mono);letter-spacing:.13em}.mayhem-result-player strong{color:#fff8e8;font:800 13px/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mayhem-result-skin{color:#f5cf67;font:700 9px/1 var(--mono);letter-spacing:.07em;padding-left:8px}.mayhem-return-button{color:#fff5db;filter:drop-shadow(0 5px #070d0d);background:url(/assets/leave-room-D2GEO8uS.webp) 50%/170% 215% no-repeat;border:0;justify-content:center;align-items:center;gap:10px;width:clamp(180px,24vw,230px);height:58px;padding:0 28px;transition:transform .15s,filter .15s;display:flex}.mayhem-return-button span,.mayhem-return-button b{font:900 12px/1 var(--mono);letter-spacing:.15em;text-shadow:0 2px 2px #071211,0 0 8px #071211}.mayhem-return-button span{color:#69e1d4;font-size:18px}.mayhem-return-button b{color:#fff5db}.mayhem-return-button:hover{filter:drop-shadow(0 7px #070d0d)brightness(1.12);transform:translateY(-2px)}.mayhem-return-button:focus-visible{outline-offset:4px;outline:3px solid #70d0c3}.mayhem-result-art{align-self:stretch;place-items:center;min-width:0;min-height:340px;display:grid;position:relative}.mayhem-result-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 18px 12px #0008);width:min(100%,360px);max-height:min(390px,54vh);animation:2.8s ease-in-out infinite mayhem-mascot-float;display:block;position:relative}.mayhem-result-burst{aspect-ratio:1;background:repeating-conic-gradient(from 9deg, #e4b94d16 0 8deg, transparent 8deg 23deg);border:2px dashed #e4b94d77;border-radius:50%;width:min(26vw,300px);animation:35s linear infinite mayhem-burst-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mayhem-result-enter{0%{opacity:0}to{opacity:1}}@keyframes mayhem-mascot-float{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-7px)rotate(-1deg)}}@keyframes mayhem-burst-spin{to{rotate:360deg}}@media (width<=620px){.mayhem-result-dialog{height:100dvh;padding:10px}.mayhem-result-card{grid-template-columns:minmax(0,1fr) minmax(105px,34%);align-items:center;min-height:0;padding:24px 15px 21px}.mayhem-result-wordmark{width:min(175px,100%);max-height:42px;margin-bottom:16px}.mayhem-result-copy h1{font-size:clamp(39px,11vw,55px)}.mayhem-result-winner{font-size:clamp(15px,4vw,18px)}.mayhem-result-message{font-size:10px}.mayhem-result-player{flex-wrap:wrap;gap:7px;padding:8px}.mayhem-result-skin{padding-left:0}.mayhem-return-button{width:min(185px,100%);height:48px;padding-inline:12px}.mayhem-result-art{min-height:180px}.mayhem-result-art img{max-height:34vh}.mayhem-result-burst{width:31vw}}@media (width<=390px){.mayhem-result-card{grid-template-columns:1fr}.mayhem-result-copy{grid-row:2}.mayhem-result-art{grid-row:1;min-height:135px}.mayhem-result-art img{max-height:20vh}.mayhem-result-wordmark{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.mayhem-result-dialog[open],.mayhem-result-art img,.mayhem-result-burst{animation:none}.mayhem-fireworks{display:none}.mayhem-return-button{transition:none}}