@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2) format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff) format("woff")}:root{font-family:DM Sans,Segoe UI,sans-serif;color:#eef1e6;background:#11181c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px;--bg: #11181c;--panel: #182126;--panel2: #1d292d;--line: #2a3538;--muted: #8c9a9c;--lime: #b6f36c;--lime-hover: #c8ff89;--orange: #ffae63;--radius: 12px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button{color:inherit}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button,input,select{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input:focus,select:focus{border-color:#8baa68;box-shadow:0 0 0 3px #b6f36c0e}::selection{background:#b6f36c;color:#102019}h1,h2,h3{font-weight:700;letter-spacing:-.035em}h1,h2{font-family:Barlow Condensed,Arial Narrow,Segoe UI,sans-serif}button{transition:background .16s,border-color .16s,transform .16s,opacity .16s}button:not(:disabled):active{transform:translateY(1px)}.pixel-avatar{image-rendering:pixelated;overflow:visible}.brand{display:flex;align-items:center;gap:9px;font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-weight:900;font-size:29px;letter-spacing:-.7px;white-space:nowrap}.brand-icon{width:35px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--lime);color:#17211b;box-shadow:3px 3px #566d3c;border-radius:7px 7px 9px;transform:rotate(-7deg);margin-right:3px}.brand-grid{color:var(--lime)}.brand-dot{font-size:11px;vertical-align:top;position:relative;top:4px;margin-left:2px;color:var(--lime)}.eyebrow,.mini-heading{font-family:DM Sans,Segoe UI,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--muted);line-height:1.6}.mini-heading{letter-spacing:1.1px}.button{min-height:43px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.4}.button.primary{background:var(--lime);color:#203019;box-shadow:0 2px #729746}.button.primary:not(:disabled):hover{background:var(--lime-hover);box-shadow:0 2px #86ad55,0 0 20px #b6f36c15}.button.secondary{background:#202b2f;border-color:#344045;color:#e2e8df}.button.secondary:not(:disabled):hover{background:#2a363b;border-color:#596653}.button.ghost{background:transparent;color:#9da9a8}.button.ghost:hover{color:#edf1e8;background:#ffffff04}.button.small{min-height:35px;padding:8px 13px;font-size:11px}.button.full{width:100%;margin-top:15px}.button.full+.button.full{margin-top:8px}.text-button{display:inline-flex;align-items:center;gap:8px;border:0;padding:0;background:transparent;color:var(--lime);font-size:12px;font-weight:700}.text-button:hover{color:var(--lime-hover)}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);width:31px;height:31px;padding:4px;border-radius:6px}.icon-button:hover{color:#edf2e8;background:#ffffff08}.live-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #b6f36c33}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-error{background:#e2766310;border:1px solid #e2766335;color:#f5b4a5;padding:11px 13px;font-size:12px;line-height:1.55;border-radius:6px;margin:12px 0}.success-message{background:#b6f36c0a;color:var(--lime);display:flex;align-items:center;gap:7px;padding:10px 0;font-size:12px}.field-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:12px}input,select{color:#e6ebdf;background:#131d21;border:1px solid #344043;border-radius:6px;width:100%;height:44px;padding:0 13px;font-size:12px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#687779}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}select{padding-right:24px;max-width:100%}label{display:block;color:#c8d0c7;font-size:11px;font-weight:600;line-height:1.6}label>input,label>select,label>.password-input{margin-top:7px}form>label{margin-top:17px}form>label:first-child{margin-top:0}fieldset{border:0;padding:0;margin:18px 0 0;min-width:0}legend{padding:0;font-size:11px;font-weight:600;color:#c8d0c7;margin-bottom:9px}kbd,.key-cap{font-family:DM Sans,sans-serif;font-size:10px;min-width:23px;height:24px;padding:3px 6px;background:#253034;border:1px solid #3b494c;border-bottom:3px solid #10191c;display:inline-flex;align-items:center;justify-content:center;color:#bdc6bd;border-radius:4px;line-height:1;margin:0 2px}.space-key{padding:5px 12px;white-space:nowrap;font-size:9px;letter-spacing:.5px}.quiet-link{display:inline-flex;align-items:center;gap:7px;color:#a9b5ae;font-size:12px}.quiet-link:hover{color:var(--lime)}.auth-page{background:radial-gradient(ellipse at 25% 40%,#21322a5c,transparent 44%),radial-gradient(ellipse at 75% 16%,#23302733,transparent 38%),var(--bg);min-height:100vh;padding:0 5.2%}.auth-header{height:102px;display:flex;align-items:center;gap:28px;max-width:1320px;margin:auto;border-bottom:1px solid #ffffff06}.auth-header .quiet-link{margin-left:auto}.build-badge{font-size:9px;letter-spacing:1.4px;color:#81948c;display:flex;align-items:center;gap:7px;margin-top:4px}.build-badge>span{width:5px;height:5px;border:1px solid #a0c784;background:#a0c784;border-radius:50%}.auth-main{max-width:1220px;margin:44px auto 45px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr);gap:75px;align-items:center}.auth-showcase>.eyebrow{font-size:9px;color:#b4c49c;display:flex;align-items:center;gap:8px}.mini-line{height:2px;width:22px;background:var(--lime)}.auth-showcase h1{font-size:65px;line-height:1.02;letter-spacing:-1px;margin-top:18px;font-weight:800}.outlined-word{color:var(--lime);display:inline-block;position:relative;transform:rotate(-3deg);font-size:1.08em}.hero-description{font-size:13px;line-height:1.7;color:#9fac9f;margin-top:16px}.showcase-arena{position:relative;width:88%;max-width:470px;margin:38px 0 24px 24px;padding-bottom:5px}.arena-rim{transform:rotate(-5deg);padding:9px;background:#20352b;border:1px solid #63804b;border-radius:8px;box-shadow:0 16px #0d1515,0 17px #2a3c32,0 25px 50px #0006;position:relative}.arena-canvas{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.arena-tag{position:absolute;background:#1b2827;border:1px solid #445a45;border-radius:6px;box-shadow:0 8px 25px #0006;padding:11px 14px;display:flex;align-items:center;gap:9px;z-index:2}.tag-top{right:-27px;top:-15px;font-size:8px;letter-spacing:1px;font-weight:700;transform:rotate(3deg)}.tag-top>span:last-child{font-size:8px;color:#7f9886;padding-left:8px;border-left:1px solid #405145;letter-spacing:0}.tag-bottom{left:-27px;bottom:-5px;transform:rotate(2deg);padding:10px 13px}.tag-bottom>span{font-size:9px;color:#a5bba0;line-height:1.6}.tag-bottom strong{font-size:11px;color:#edf4e2;font-weight:600}.tag-bottom>svg:last-child{margin-left:17px;color:var(--lime);transform:rotate(-20deg)}.orbit-pixel{position:absolute;width:8px;height:8px;background:#b6f36c;box-shadow:0 0 20px #b6f36c33;transform:rotate(15deg)}.pixel-one{left:-26px;top:34%;width:5px;height:5px;opacity:.7}.pixel-two{right:-31px;bottom:28%;background:#ffc27d;width:6px;height:6px}.auth-features{display:flex;flex-wrap:wrap;gap:23px;row-gap:10px;margin-top:32px;font-size:9px;color:#9baea1}.auth-features>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.auth-features svg{color:#829576;width:15px}.auth-card{position:relative;background:linear-gradient(140deg,#1b2629,#182025);border:1px solid #344039;padding:31px 31px 0;border-radius:13px;box-shadow:0 20px 60px #0003;max-width:433px;width:100%;justify-self:end}.auth-card:before{content:"";position:absolute;top:-1px;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,#849768,transparent)}.auth-card-icon{width:48px;height:48px;background:#b6f36c0c;border:1px solid #b6f36c21;color:var(--lime);display:flex;align-items:center;justify-content:center;border-radius:11px;margin-bottom:23px}.auth-card>.eyebrow{font-size:8px;letter-spacing:1.5px;color:#93a487}.auth-card h2{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.5px;margin-top:7px}.auth-card>p{font-size:11px;color:#9aa6a0;line-height:1.7;margin-top:9px;max-width:315px}.auth-tabs{display:flex;background:#101a1e;border:1px solid #29383a;border-radius:7px;padding:4px;margin:25px 0 23px}.auth-tabs>button{width:50%;border:0;background:transparent;min-height:34px;color:#8c9c95;border-radius:4px;font-size:11px;font-weight:600}.auth-tabs>button.active{background:#2b3937;color:#e1ebd6;box-shadow:0 2px 4px #0002}.auth-tabs>button:hover{color:#eef4df}.password-input{position:relative}.password-input input{padding-right:42px}.password-input .icon-button{position:absolute;right:5px;top:6px;color:#738481}.auth-submit{width:100%;margin-top:24px;height:45px}.auth-submit svg:last-child{margin-left:auto}.auth-submit svg:first-child{margin-right:auto}.auth-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;line-height:1.6;color:#89958f;margin:19px -3px 22px}.auth-note svg{color:#71886b;width:13px}.auth-card-footer{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #314036;background:#172321;font-size:9px;color:#96a58a;margin:0 -31px;padding:15px 12px;border-radius:0 0 13px 13px}.auth-card-footer .live-dot{width:4px;height:4px;box-shadow:none}.how-strip{max-width:1320px;margin:0 auto;border:1px solid #2b3835;background:#19242180;display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;border-radius:9px;padding:21px 23px;gap:23px}.how-strip>div{display:flex;align-items:center;gap:12px}.how-strip>div:first-child{display:block}.how-strip .eyebrow{font-size:7px;letter-spacing:1.1px;color:#819080}.how-strip h3{font-size:16px;letter-spacing:-.5px;margin-top:5px}.step-number{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;color:#69815c;line-height:1}.how-strip p{font-size:9px;color:#85968b;line-height:1.7}.how-strip strong{display:block;font-size:10px;font-weight:600;color:#c2d0b9;margin-bottom:3px}.auth-footer{max-width:1320px;margin:25px auto 0;padding-bottom:25px;display:flex;justify-content:space-between;color:#60716a;font-size:8px}.auth-footer>span:last-child{font-size:7px;letter-spacing:1px}.app-shell{display:flex;min-height:100vh;background:radial-gradient(ellipse at 65% 0,#25352b27,transparent 55%),#131b1f}.sidebar{width:216px;flex-shrink:0;border-right:1px solid #2b3435;background:#141d21;position:fixed;inset:0 auto 0 0;padding:31px 22px 21px;display:flex;flex-direction:column;z-index:10}.sidebar .brand{font-size:28px;margin-left:3px}.sidebar .brand-icon{width:32px;height:33px}.sidebar .brand-icon svg{width:22px}.sidebar-section-label{margin:47px 12px 13px;font-size:8px;color:#586e69;font-weight:700;letter-spacing:1.4px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#8d9b94;font-size:11px;text-align:left;padding:12px 13px;border-radius:7px;min-height:45px}.sidebar nav button.active{background:#b6f36c0d;border-color:#b6f36c12;color:var(--lime)}.sidebar nav button:hover{color:#d7e3cd;background:#b6f36c06}.sidebar nav button.active>svg:last-child:not(:first-child){margin-left:auto;width:12px}.sidebar-scene{margin:47px 7px 0;padding:18px 14px 20px;border:1px solid #334432;background:radial-gradient(ellipse at 50% 10%,#3e52305c,transparent 70%),#1b2823;border-radius:8px;position:relative;overflow:hidden}.sidebar-scene:after{content:"";position:absolute;right:-10px;bottom:-10px;width:64px;height:64px;background-image:linear-gradient(#91af6e09 1px,transparent 1px),linear-gradient(90deg,#91af6e09 1px,transparent 1px);background-size:12px 12px;transform:rotate(-13deg)}.sidebar-scene-art{display:flex;align-items:end;gap:14px;margin:0 3px 15px}.sidebar-scene-art>svg:last-child{color:#d6a260;transform:rotate(15deg);margin-bottom:5px}.sidebar-scene>span{font-size:6px;letter-spacing:1.1px;color:#9cb08a}.sidebar-scene>strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:24px;line-height:1.1;letter-spacing:0;font-weight:700;color:#d8e5c7;margin-top:7px}.sidebar-scene p{font-size:8px;color:#7d9177;margin-top:9px}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-sound{display:flex;align-items:center;gap:8px;border:0;padding:10px 2px;background:transparent;width:100%;font-size:9px;color:#83978a}.sound-toggle{width:23px;height:13px;border-radius:8px;background:#384340;margin-left:auto;position:relative}.sound-toggle:after{content:"";position:absolute;left:3px;top:3px;background:#849486;width:7px;height:7px;border-radius:50%}.sound-toggle.on{background:#536d3b}.sound-toggle.on:after{left:13px;background:var(--lime)}.sidebar-version{font-size:8px;letter-spacing:1px;color:#62766a;display:flex;align-items:center;gap:7px;padding:18px 2px 0;border-top:1px solid #2a3533;margin-top:12px}.sidebar-version>.live-dot{width:4px;height:4px;box-shadow:none;background:#6e9761}.sidebar-version>span:last-child{margin-left:auto;letter-spacing:0;color:#52625a}.main-shell{margin-left:216px;min-width:0;width:calc(100% - 216px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:77px;padding:0 35px;border-bottom:1px solid #2b3435;display:flex;align-items:center;justify-content:space-between;background:#121b1d8c;flex-shrink:0}.breadcrumb,.desktop-breadcrumb{display:flex;align-items:center;gap:11px;font-size:10px;color:#768880}.breadcrumb strong{color:#c6d4be;font-weight:500}.topbar-actions{display:flex;align-items:center;gap:15px}.connection-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#dca574}.connection-status.connected{color:#8fae7e}.connection-status .live-dot{width:5px;height:5px;box-shadow:none}.topbar-divider{height:22px;width:1px;background:#2c3735}.user-menu{background:transparent;border:0;padding:3px 0;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600}.user-menu>span{max-width:130px;overflow:hidden;text-overflow:ellipsis}.user-menu>svg:last-child{color:#61716b;margin-left:4px}.logout-button{margin-left:0;width:25px;color:#61726a}.main-content{padding:33px 35px 31px;width:100%;max-width:1440px;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#84947e}.page-heading h1{font-size:36px;font-weight:700;line-height:1.2;margin-top:7px;letter-spacing:-.45px}.page-heading h1>span{color:var(--lime)}.page-heading p{font-size:11px;color:#8a9b90;margin-top:8px;line-height:1.7}.version-chip{display:flex;align-items:center;gap:8px;border:1px solid #3f4735;padding:7px 9px;border-radius:4px;color:#acba8c;letter-spacing:1px;font-size:7px;white-space:nowrap;margin-top:15px}.version-chip svg{color:var(--lime)}.lobby-hero{position:relative;display:flex;overflow:hidden;min-height:283px;border:1px solid #4b5d3c;border-radius:11px;background:radial-gradient(ellipse at 60% 70%,#49613a66,transparent 65%),linear-gradient(110deg,#233526,#243329 75%,#283e2c);box-shadow:0 7px 24px #00000012}.lobby-hero-copy{position:relative;z-index:3;padding:29px 31px;pointer-events:none;width:56%;background:linear-gradient(90deg,#233526,#233526f2,#23352600)}.lobby-hero-copy>*{pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #b6f36c26;background:#b6f36c08;border-radius:4px;font-size:7px;letter-spacing:1px;font-weight:600;padding:5px 7px}.pill.lime{color:#c2dca5}.pill .live-dot{width:4px;height:4px;box-shadow:none}.lobby-hero h2{font-size:44px;font-weight:700;line-height:.99;letter-spacing:-.4px;color:#edf4e1;margin-top:15px}.lobby-hero p{font-size:10px;line-height:1.65;color:#acbc9e;margin-top:13px}.lobby-hero .button{margin-top:20px;min-height:37px;font-size:10px;padding:9px 12px}.lobby-hero .button>svg:last-child{margin-left:13px}.hero-arena-preview{position:absolute;right:16px;top:-58px;width:52%;min-width:365px;transform:rotate(-8deg);padding:8px;background:#213c2a;border:1px solid #80986060;box-shadow:-3px 14px #15221b,0 25px 50px #0006;border-radius:7px;z-index:1}.hero-arena-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#273b2811,transparent 35%,#31503400);pointer-events:none}.hero-character{position:absolute;padding:10px 13px;background:#1a2c22;border:1px solid #adc2846b;border-radius:9px;box-shadow:0 8px #101f17;transform:rotate(13deg)}.hero-character-one{left:16%;bottom:30px}.hero-character-two{right:-8px;top:96px;transform:rotate(-4deg);background:#292e20;border-color:#ddad796b}.hero-scene-label{position:absolute;display:flex;align-items:center;gap:7px;bottom:21%;right:7%;font-size:6px;letter-spacing:1px;color:#dbebce;background:#1c2d21ef;border:1px solid #668455;padding:8px;border-radius:4px;transform:rotate(8deg);box-shadow:0 3px 15px #0006}.hero-scene-label>span:last-child{color:#7c966a;margin-left:7px;font-size:6px}.hero-scene-label .live-dot{width:4px;height:4px}.rooms-section{margin-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-.3px;font-weight:600}.count-badge{font-family:DM Sans,sans-serif;font-size:9px;font-weight:500;letter-spacing:0;background:#27382b;color:#b7d3a4;padding:4px 7px;border-radius:4px}.section-heading p{font-size:10px;color:#809386;margin-top:5px}.section-heading>.button{min-height:36px;font-size:10px;padding:8px 12px}.room-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:13px}.search-field{display:flex;align-items:center;border:1px solid #303e3c;background:#172225;padding-left:12px;border-radius:6px;flex:1;color:#73877b}.search-field:focus-within{border-color:#879e66}.search-field input{height:39px;border:0;background:transparent;box-shadow:none;font-size:10px}.search-field .icon-button{margin-right:4px}.vacancy-filter{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px;color:#92a18f;cursor:pointer;background:#182226;border:1px solid #33413b;border-radius:6px;padding:10px 12px;font-weight:500;height:41px}.vacancy-filter input{width:13px;height:13px;accent-color:var(--lime);order:2;margin:0 0 0 7px}.vacancy-filter svg{width:13px}.vacancy-filter.selected{background:#243323;color:var(--lime);border-color:#5d7645}.room-list{display:flex;flex-direction:column;gap:9px}.room-card{display:flex;align-items:center;gap:16px;min-height:85px;background:linear-gradient(100deg,#1b2828,#192426);border:1px solid #304039;border-radius:8px;padding:14px 16px}.room-card:hover{border-color:#536446;background:#1e2c29}.room-card-art{width:48px;height:48px;border:1px solid #4a6148;background:#33482e;color:#a6c086;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.room-card-art:after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background-image:linear-gradient(#9dc87b06 1px,transparent 1px),linear-gradient(90deg,#9dc87b06 1px,transparent 1px);background-size:7px 7px}.room-card-art>span{position:absolute;bottom:2px;right:4px;font-family:monospace;font-size:6px;color:#c2dba4}.room-art-1{background:#413c29;border-color:#61583d;color:#c9b788}.room-art-2{background:#263d40;border-color:#3f6160;color:#88bdbe}.room-card-name{min-width:0;flex:1}.room-card-name>div{display:flex;align-items:center;gap:10px}.room-card-name h3{font-size:12px;letter-spacing:0;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:310px}.room-card-name p{display:flex;align-items:center;gap:6px;color:#758e7f;font-size:9px;margin-top:8px;flex-wrap:wrap}.room-card-name p strong{font-weight:500;color:#a4b797;max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.room-card-name p>span{color:#51674f;margin:0 4px}.status-pill{font-size:7px;border:1px solid #4c613735;color:#b0c492;padding:3px 5px;border-radius:3px;white-space:nowrap;background:#819e4e11}.status-pill.playing{color:#d2b87a;background:#d0a35411;border-color:#aa8d4f35}.room-card-occupancy{margin-right:8px;min-width:54px}.room-card-occupancy>div{display:flex;align-items:center;justify-content:center;gap:7px;color:#9bac92}.room-card-occupancy strong{font-size:13px;color:#d6e5c9;font-weight:500}.room-card-occupancy strong>span{color:#6b816c;font-size:10px}.room-card-occupancy small{display:block;text-align:center;font-size:8px;color:#758a73;margin-top:6px}.room-card>.button{min-width:79px;font-size:9px;min-height:33px}.empty-state{border:1px dashed #3e503f;border-radius:8px;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 100%,#2a3a212c,transparent 70%);padding:27px;color:#79906f}.empty-icon{width:48px;height:48px;border:1px solid #43513c;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#263426;color:#a4be80;margin-bottom:15px;transform:rotate(-5deg)}.empty-state h3{color:#c0ceb6;font-size:14px;letter-spacing:-.2px;margin-top:0}.empty-state>svg{margin-bottom:15px}.empty-state p{font-size:10px;line-height:1.7;color:#7f947b;margin-top:8px;max-width:400px}.empty-state .text-button{font-size:10px;margin-top:18px}.list-footnote{display:flex;align-items:center;gap:6px;color:#607966;font-size:8px;margin-top:12px}.list-footnote .live-dot{width:4px;height:4px;background:#6e975a;box-shadow:none}.list-footnote>span:last-child{margin-left:auto;color:#586e60}.lobby-tip{margin-top:24px;padding:17px 18px;border:1px solid #303e38;border-radius:7px;display:flex;align-items:center;gap:12px;background:#1b262280}.tip-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:#2c3c29;border-radius:6px;color:#aabd89}.lobby-tip strong{font-size:10px;font-weight:600;color:#bacaaf}.lobby-tip p{font-size:9px;color:#7f957b;margin-top:4px}.lobby-tip>div{margin-right:auto}.lobby-tip>.key-cap{margin:-6px;min-width:20px;height:21px;font-size:8px;align-self:center}.lobby-tip>.space-key{margin-left:0}.tip-or{font-size:9px;color:#75886e;margin:0 2px 0 4px}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 35px 19px;color:#516a59;font-size:8px}.app-footer>span:last-child{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px}.mobile-brand,.mobile-sound{display:none}.connection-banner{padding:11px 30px;background:#7c4b2724;border-bottom:1px solid #8c603240;color:#dab487;display:flex;align-items:center;gap:12px;font-size:11px}.connection-banner strong{font-weight:600}.connection-banner span{display:block;color:#aa917a;font-size:10px;line-height:1.6;margin-top:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:min(600px,calc(100vw - 30px));z-index:80;background:#283b32;border:1px solid #759363;box-shadow:0 12px 50px #0008;display:flex;align-items:center;gap:20px;padding:12px 16px;border-radius:8px;font-size:12px;color:#dce8cc;line-height:1.6}.session-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:25px;text-align:center;background:radial-gradient(ellipse at center,#233429,transparent 60%)}.session-loading>.brand{margin-bottom:15px}.session-loading>p{color:var(--muted);font-size:12px}.session-loading>svg{color:var(--lime)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071011d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .15s ease-out}.modal{width:480px;max-width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;background:linear-gradient(130deg,#1d2b2b,#182225);border:1px solid #465644;box-shadow:0 24px 100px #0009;border-radius:12px;padding:28px;position:relative;scrollbar-color:#40563d #192426;scrollbar-width:thin}.modal-wide{width:720px}.modal-close{position:absolute;top:14px;right:14px}.modal-heading{padding-right:22px;margin-bottom:24px}.modal-heading>.eyebrow{font-size:7px;color:#8fa77c;letter-spacing:1.2px}.modal-heading h2{font-size:33px;font-weight:600;line-height:1.1;margin-top:6px;letter-spacing:-.3px}.modal-heading p{font-size:11px;color:#91a08d;line-height:1.65;margin-top:9px}.segmented{display:flex;gap:9px}.segmented>button{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:2px 6px;text-align:left;flex:1;border:1px solid #36463d;background:#182422;border-radius:6px;padding:11px 12px;color:#98a995;font-size:11px}.segmented>button small{grid-column:2;color:#69816a;font-size:9px;font-weight:400;margin-top:2px}.segmented>button.selected{background:#b6f36c0b;border-color:#708752;color:#d5eabd}.segmented>button.selected svg{color:var(--lime)}.segmented>button.selected small{color:#8fa677}.slot-config>legend{display:flex;justify-content:space-between;width:100%}.slot-config>legend span{font-size:8px;color:#6f876e;font-weight:400}.config-slot{display:flex;align-items:center;gap:9px;border:1px solid #34483b;padding:8px;border-radius:5px;background:#17241f;min-height:43px;margin-bottom:7px;font-size:10px}.config-slot-number{color:#98b67b;font-family:monospace;font-size:9px;background:#2b3c27;padding:4px;border-radius:3px}.config-slot>span:nth-child(2){font-size:10px;color:#acbda2;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.config-slot select{width:auto;flex:1;max-width:230px;margin-left:auto;height:30px;font-size:9px;background:#1f2d25;border-color:#3e503c;padding-left:8px}.config-slot.disabled-slot{opacity:.35;background:transparent;border-style:dashed}.config-slot>small{margin-left:auto;color:#657d65;font-size:9px}.profile-preview{display:flex;align-items:center;gap:25px;background:radial-gradient(ellipse at 5% 50%,#b6f36c12,transparent 75%),#17241f;padding:20px 24px;margin-bottom:21px;border:1px solid #3a4e38;border-radius:8px}.profile-preview h3{font-size:18px;color:#e2edd4;overflow-wrap:anywhere}.profile-preview span{font-size:10px;color:#7e9974;display:block;margin-top:7px}.avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-options>button{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;background:#182621;border:1px solid #354b3b;border-radius:7px;padding:16px 8px 12px;font-size:9px;color:#8da27f}.avatar-options>button.selected{background:#b6f36c0d;border-color:#9ec368;color:#d4e9bd}.avatar-check{position:absolute;top:6px;right:6px;color:var(--lime)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border:1px solid #374b39;border-radius:7px;padding:14px 0;background:#19261f}.profile-stats>div{display:flex;flex-direction:column;align-items:center;gap:7px;border-right:1px solid #354535}.profile-stats>div:last-child{border:0}.profile-stats svg{color:#819765;width:15px}.profile-stats>div:nth-child(2) svg{color:#d3b66b}.profile-stats strong{font-family:Barlow Condensed,sans-serif;font-size:29px;color:#d2e3bf;line-height:1}.profile-stats span{font-size:8px;color:#7c9470}.help-items{display:flex;flex-direction:column;gap:24px;margin-bottom:26px}.help-items>div{display:flex;gap:15px}.help-items>div>span{font-family:Barlow Condensed,sans-serif;font-size:25px;font-weight:600;color:#86a266}.help-items h3{font-size:13px;font-weight:600;letter-spacing:0;color:#d9e8cc;margin:2px 0 8px}.help-items p{font-size:11px;line-height:1.8;color:#94a88a}.help-items kbd{height:20px;font-size:8px;padding:3px;margin:0 2px}.back-link{font-size:10px;color:#879a7f;margin-bottom:21px}.room-page-heading{margin-bottom:22px}.room-page-heading h1{overflow-wrap:anywhere}.inline-meta{display:inline-flex;align-items:center;gap:5px}.inline-meta svg{color:#889d75}.meta-divider{margin:0 10px;color:#465d48}.room-page-heading>.button{font-size:10px;min-height:37px}.room-mode{display:flex;align-items:center;gap:13px;border:1px solid #3b4e3c;background:linear-gradient(100deg,#253627,#1f2c24);border-radius:8px;padding:16px 19px;margin-bottom:21px}.mode-symbol{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#35482e;border:1px solid #536541;border-radius:7px;color:#bdd797}.room-mode>div:nth-child(2)>strong{display:block;font-size:13px;font-weight:600;color:#d9e8c8}.room-mode>div:nth-child(2)>span{display:block;font-size:9px;color:#839c78;margin-top:6px}.room-mode>div:nth-child(2)>span>span{margin:0 8px;color:#5a7453}.room-mode-count{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#afc19b}.player-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.player-slot{position:relative;border:1px solid #3a4a3c;border-top:2px solid color-mix(in srgb,var(--player),transparent 30%);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--player),transparent 94%),transparent 80%),#1a2722;border-radius:8px;padding:14px 14px 0;overflow:hidden;text-align:center;min-width:0}.player-slot-top{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:22px}.player-slot-top>span:first-child{font-size:7px;letter-spacing:1px;color:#768c70;font-weight:600}.host-chip{display:flex;align-items:center;gap:3px;font-size:6px;color:#c7b97a;background:#c7b97a09;border:1px solid #c7b97a22;padding:3px;border-radius:3px}.host-chip svg{width:9px}.player-stage{position:relative;height:143px;display:flex;align-items:center;justify-content:center;color:#53684c;padding-top:3px}.player-stage>svg{z-index:1;filter:drop-shadow(0 8px 0 #070f0b66);position:relative}.stage-platform{position:absolute;width:86px;height:15px;border:1px solid color-mix(in srgb,var(--player),transparent 87%);border-radius:50%;background:color-mix(in srgb,var(--player),transparent 94%);bottom:14px;left:50%;transform:translate(-50%)}.player-slot h3{font-size:12px;font-weight:600;letter-spacing:0;color:#d4e0ca;overflow-wrap:anywhere;min-height:17px}.you-label{display:inline-block;font-size:6px;vertical-align:middle;padding:2px 4px;border:1px solid #638245;border-radius:3px;background:#9ab9670b;color:#b4cf91;margin-left:6px;letter-spacing:.5px}.player-slot>p{font-size:8px;color:#7b9271;display:flex;align-items:center;justify-content:center;gap:4px;min-height:14px;margin-top:9px;margin-bottom:20px}.player-slot>p svg{width:11px}.ready-status{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 -14px;padding:12px 7px;background:#152019;border-top:1px solid #344832;color:#738c68;font-size:8px;min-height:39px}.ready-status svg{width:12px}.ready-status.is-ready{color:#b0d387;background:#b6f36c06;border-color:#b6f36c18}.ready-status>span{font-size:7px;letter-spacing:.5px}.player-slot.inactive{background:#17211e;border:1px dashed #34432f;opacity:.48}.player-slot.inactive .stage-platform{display:none}.player-slot.inactive h3{color:#809476}.player-slot.inactive .ready-status{background:transparent;border-style:dashed}.player-slot.vacant{border-top-color:#4e6544;border-style:dashed;background:#18231e}.player-slot.vacant h3{color:#839b73;font-size:10px}.player-slot.vacant .stage-platform{background:#80996508;border-color:#5f73452b}.waiting-dots{width:5px;height:5px;background:#7f996a;border-radius:50%;box-shadow:8px 0 #7f996a55,-8px 0 #7f996a55;margin:0 10px 0 8px;animation:breathe 1.6s ease-in-out infinite}.invite-panel{margin-top:20px;border:1px solid #41523a;background:#1f2c2280;border-radius:7px;padding:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:17px}.invite-panel>div:first-child{display:flex;align-items:center;gap:12px}.invite-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#2e3e28;border-radius:6px;color:#a4bf7d}.invite-panel strong{font-size:11px;color:#c9dcb7;font-weight:600}.invite-panel p{font-size:9px;color:#7f9870;margin-top:5px}.invite-actions{display:flex;gap:7px;align-items:center;flex:1;justify-content:flex-end;min-width:0}.invite-actions input{height:33px;font-size:9px;max-width:240px;width:100%;min-width:90px;color:#9bbb7f;letter-spacing:.2px}.invite-actions .button{font-size:8px;min-height:33px;padding:7px 9px}.invite-actions .button svg{width:13px}.room-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;padding:21px 0;border-top:1px solid #344331;border-bottom:1px solid #344331;flex-wrap:wrap}.room-checklist{display:flex;gap:11px;align-items:center;flex:1;min-width:230px}.room-checklist>svg{color:#839e67}.room-checklist strong{color:#bacdab;font-size:11px;font-weight:600}.room-checklist p{color:#718b63;font-size:9px;margin-top:5px;line-height:1.7}.room-bottom-buttons{display:flex;gap:8px;align-items:center}.room-bottom-buttons .button{font-size:10px;min-height:39px;padding:10px 13px}.room-bottom-buttons .button.ghost{font-size:9px;padding:8px}.ready-button{border-color:#6a8a48;background:#364f28;color:#c5e5a0}.controls-guide{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:23px;flex-wrap:wrap}.controls-guide>span{display:flex;align-items:center;font-size:8px;color:#657f5c;gap:3px}.controls-guide>span>kbd{height:21px;font-size:8px;min-width:19px;padding:3px 4px}.controls-guide>span>kbd:last-of-type{margin-right:7px}.powerup-dot{display:inline-block;width:7px;height:7px;background:#b6f36c;box-shadow:2px 2px #526e39;transform:rotate(8deg);margin-right:5px}.countdown-overlay{position:fixed;top:77px;right:0;bottom:0;left:216px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101b13df;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.countdown-overlay>.eyebrow{color:#a9c28a}.countdown-overlay>strong{font-family:Barlow Condensed,sans-serif;font-size:170px;font-weight:800;line-height:1.3;color:var(--lime);text-shadow:6px 6px 0 #466035;animation:countpop .6s cubic-bezier(.17,.67,.27,1)}.countdown-overlay>p{font-size:13px;color:#c0d2aa}@keyframes countpop{0%{transform:scale(1.3);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes breathe{50%{opacity:.35}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.game-content{padding-top:24px;padding-bottom:16px}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.game-topline .eyebrow{font-size:8px;color:#8ea17c;letter-spacing:1.3px}.game-topline h1{font-size:28px;letter-spacing:-.2px;line-height:1.2;margin-top:4px;overflow-wrap:anywhere}.game-topline>.button{font-size:9px;min-height:32px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:22px;align-items:start}.game-board-panel{border:1px solid #42583d;border-radius:9px;background:#1a2b24;overflow:hidden;box-shadow:0 7px 35px #0003;min-width:0}.arena-hud{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#1d2c24;gap:8px;border-bottom:1px solid #415639;min-height:49px}.arena-hud>div:first-child{display:flex;align-items:center;gap:7px}.arena-hud strong{font-size:8px;letter-spacing:1px;color:#bed3a6;font-weight:600}.arena-hud .live-dot{width:4px;height:4px}.arena-map-label{font-size:6px;color:#68845b;letter-spacing:.5px;margin-left:5px}.round-clock{display:flex;align-items:center;gap:7px;color:#cadcb6;font-family:monospace;font-size:17px;font-weight:700;min-width:67px;justify-content:center}.round-clock>svg{color:#7e986b;width:14px}.round-clock.urgent{color:#ffae63}.round-clock.urgent>svg{color:#d88a52}.survivor-count{display:flex;align-items:center;gap:6px;font-family:monospace;font-size:11px;color:#a6c18d}.survivor-count svg{color:#799967;width:13px}.game-board-wrap{position:relative;background:#153026;padding:7px;display:flex;align-items:center;justify-content:center;min-width:0}.game-board-wrap>.arena-canvas{max-height:calc(100vh - 244px);object-fit:contain}.board-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1b2c23;padding:11px 14px;border-top:1px solid #3c5535;color:#6c8c5f;font-size:7px}.board-bottom>span:first-child{display:flex;align-items:center;gap:6px;color:#94b07d}.board-bottom svg{width:12px}.match-side-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 13px}.match-side-heading h2{font-size:22px;letter-spacing:-.2px;font-weight:600}.match-side-heading>span{font-size:8px;color:#a4be86;background:#b6f36c0a;border:1px solid #b6f36c1a;border-radius:4px;padding:4px 7px}.match-players{display:flex;flex-direction:column;gap:8px}.match-player{display:flex;align-items:center;gap:10px;border:1px solid #354a35;background:#1b2a21;border-radius:7px;padding:10px;position:relative;overflow:hidden;min-height:65px}.match-player:before{content:"";width:2px;position:absolute;inset:0 auto 0 0;background:var(--player)}.match-player.my-player{background:#b6f36c0b;border-color:#738c52}.match-player-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;background:color-mix(in srgb,var(--player),transparent 95%);border-radius:5px}.match-player>div{min-width:0;flex:1}.match-player strong{display:block;font-size:10px;font-weight:500;color:#d0e0be;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;letter-spacing:0}.match-player strong>span{font-size:5px;color:#a7c286;letter-spacing:.5px;margin-left:5px}.match-player small{display:block;font-size:7px;color:#728b62;margin-top:5px}.match-player>svg:last-child{color:var(--player);opacity:.7;width:12px;margin-left:0}.match-player.eliminated{opacity:.45;filter:saturate(.2)}.your-powerups{margin-top:20px;background:#1b2a20;border:1px solid #354c33;border-radius:7px;padding:14px}.your-powerups>.mini-heading{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#92a77c}.your-powerups>.mini-heading svg{color:#c0d392;width:11px}.your-powerups>div:last-child{display:flex;margin-top:17px}.your-powerups>div:last-child>span{display:flex;align-items:center;flex-direction:column;gap:7px;flex:1;border-right:1px solid #385030}.your-powerups>div:last-child>span:last-child{border:0}.your-powerups svg{color:#b6f36c}.your-powerups>div:last-child>span:nth-child(2) svg{color:#ffae63}.your-powerups>div:last-child>span:nth-child(3) svg{color:#78d8fa}.your-powerups strong{font-family:Barlow Condensed,sans-serif;font-size:24px;color:#d8e8c9;line-height:1;font-weight:600}.your-powerups small{font-size:7px;color:#789168}.match-tip{margin-top:19px;padding:15px;background:radial-gradient(ellipse at top left,#69884915,transparent 80%),#1c2a21;border:1px dashed #425b37;border-radius:6px}.match-tip>.eyebrow{font-size:6px;color:#96ae7c;letter-spacing:1px}.match-tip p{color:#b0c399;font-size:10px;line-height:1.7;margin:6px 0 12px}.powerup-legend{display:flex;flex-direction:column;gap:6px;font-size:7px;color:#718c62}.powerup-legend>span{display:flex;align-items:center;gap:6px}.powerup-legend>span:first-child>svg{color:#b6f36c}.powerup-legend>span:nth-child(2)>svg{color:#ffae63}.powerup-legend>span:nth-child(3)>svg{color:#78d8fa}.desktop-controls{margin-top:21px;padding:0 8px}.desktop-controls>.mini-heading{font-size:7px;color:#779368}.desktop-controls>div{display:flex;align-items:center;gap:13px;margin-top:12px}.desktop-controls>div>span{text-align:center;line-height:1.6}.desktop-controls kbd{height:21px;font-size:8px;min-width:21px;background:#283b2a;border-color:#45603c;border-bottom-color:#122012;color:#a6bc8f;margin:0 1px}.desktop-controls>div p{font-size:9px;color:#a0b78a}.desktop-controls p>span{display:block;color:#617e53;font-size:7px;margin-top:3px}.desktop-controls .space-key{padding:4px 10px;font-size:7px}.spectator-banner{position:absolute;bottom:24px;left:50%;transform:translate(-50%);background:#15281eea;border:1px solid #90a86777;border-radius:7px;padding:12px 17px;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 7px 30px #0005;color:#bad298}.spectator-banner strong{display:block;font-size:11px;font-weight:600}.spectator-banner span{display:block;font-size:8px;margin-top:4px;color:#7e9d6a}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a1a10d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3;padding:20px;overflow:auto}.result-card{max-width:330px;text-align:center;width:100%;padding:15px 10px}.result-emblem{width:65px;height:65px;background:#41593455;color:#b7d691;border:1px solid #789c53;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 21px;box-shadow:0 0 35px #b6f36c12;transform:rotate(-7deg)}.result-emblem>svg{transform:rotate(7deg)}.result-emblem.victory{background:#75602d33;border-color:#d1b761;color:#f5db7d;box-shadow:0 0 40px #f5db7d22}.result-card>.eyebrow{font-size:7px;letter-spacing:1.5px;color:#9ab77c}.result-card h2{font-size:34px;line-height:1.1;margin-top:8px;color:#e3f2d1;font-weight:700;overflow-wrap:anywhere}.result-card>p{font-size:10px;color:#95b17d;line-height:1.7;margin:13px auto 0;max-width:260px}.result-players{display:flex;justify-content:center;gap:13px;margin-top:19px}.result-players>div{opacity:.3;filter:grayscale(.7);position:relative}.result-players>div.winner{opacity:1;filter:none}.result-players>div>svg:last-child:not(:first-child){position:absolute;top:-14px;right:-4px;color:#ebce68}.result-card>.button.primary{margin-top:24px}.result-card>.button{font-size:10px;min-height:37px}.result-card>small{font-size:7px;color:#647f53;display:block;margin-top:10px}.touch-controls{display:none}.touch-bomb,.dpad-button{touch-action:none;user-select:none;-webkit-user-select:none}.touch-bomb{background:var(--lime);border:1px solid #ceff9a;border-bottom:4px solid #587c37;border-radius:50%;width:83px;height:83px;color:#21371b;display:flex;align-items:center;justify-content:center;gap:2px;flex-direction:column;box-shadow:0 5px #0b160e,0 0 25px #b6f36c10}.touch-bomb>span{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:16px;letter-spacing:.3px}.touch-bomb:not(:disabled):active{transform:translateY(3px);border-bottom-width:1px}.dpad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:42px 42px 42px;gap:3px}.dpad-button{background:#2c432f;border:1px solid #567446;border-bottom:3px solid #1a2a1e;border-radius:6px;color:#c2dca8;display:flex;align-items:center;justify-content:center;padding:0}.dpad-button.pressed{background:#52723e;color:#e1f6c6;border-color:#90b367}.dpad-up{grid-column:2;grid-row:1}.dpad-down{grid-column:2;grid-row:3}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-center{grid-column:2;grid-row:2;background:#223827;border:1px solid #345130;border-radius:5px;position:relative}.dpad-center:after{content:"";width:7px;height:7px;background:#577a3d;position:absolute;top:16px;left:17px;border-radius:2px}.touch-hint{text-align:center;font-size:9px;line-height:1.7;color:#6f8d5e}@media(min-width:1600px){.auth-main{gap:105px;margin-top:63px;margin-bottom:58px}.auth-showcase h1{font-size:75px}.showcase-arena{max-width:490px;margin-top:45px}.auth-card{padding:38px 37px 0;max-width:455px}.auth-card-footer{margin:0 -37px}.auth-card h2{font-size:34px}.auth-card>p{font-size:12px}.auth-note{font-size:9px}.auth-submit{margin-top:28px}.main-content{padding-top:42px}.lobby-hero{min-height:310px}.lobby-hero-copy{padding:33px 38px}.lobby-hero h2{font-size:51px}.lobby-hero p{font-size:12px}.hero-arena-preview{top:-50px;right:28px;width:48%}.room-card{min-height:93px}.room-card-name h3{font-size:14px;max-width:440px}.page-heading h1{font-size:40px}.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:27px}.game-board-wrap>.arena-canvas{max-height:calc(100vh - 275px)}.match-player{min-height:74px}.match-player strong{font-size:11px}.match-player small{font-size:8px}.game-topline h1{font-size:32px}}@media(max-width:1200px){.auth-main{gap:35px;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);margin-top:35px}.auth-showcase h1{font-size:57px}.showcase-arena{width:88%;margin-left:13px}.auth-features{gap:11px;font-size:8px}.auth-features>span{gap:4px}.auth-features svg{width:12px}.auth-card{padding:25px 25px 0}.auth-card-footer{margin:0 -25px}.auth-card h2{font-size:28px}.how-strip{gap:15px;padding:19px}.how-strip>div{gap:9px}.how-strip .eyebrow{font-size:6px;letter-spacing:.5px}.how-strip h3{font-size:14px}.how-strip p{font-size:8px}.how-strip strong{font-size:9px}.sidebar{width:190px;padding-left:16px;padding-right:16px}.sidebar .brand{font-size:26px;gap:7px}.sidebar .brand-icon{width:29px;height:30px}.sidebar nav button{font-size:10px;padding-left:12px}.main-shell{margin-left:190px;width:calc(100% - 190px)}.main-content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px;height:70px}.page-heading h1{font-size:32px}.version-chip{font-size:6px}.lobby-hero-copy{width:59%;padding-left:25px}.hero-arena-preview{right:-15px;min-width:365px;width:52%;top:-32px}.lobby-hero h2{font-size:42px}.lobby-hero p{font-size:10px}.room-card-name h3{max-width:220px}.room-card{gap:11px;padding:13px}.room-card-occupancy{margin-right:0}.lobby-tip .key-cap,.lobby-tip .tip-or{display:none}.lobby-tip{padding:15px}.game-layout{grid-template-columns:minmax(0,1fr) 205px;gap:17px}.match-player{padding:9px 7px;gap:7px}.match-player-avatar{width:35px}.match-player-avatar>svg{width:35px}.arena-hud{padding:13px 11px}.arena-map-label{display:none}.board-bottom{font-size:6px;padding:10px}.game-board-wrap{padding:5px}.player-slots{gap:10px}.player-slot{padding:11px 10px 0}.player-slot-top>span:first-child{font-size:6px}.host-chip{font-size:5px;padding:2px}.player-stage{height:128px}.player-stage>.pixel-avatar{width:78px}.player-slot h3{font-size:10px}.player-slot>p{font-size:7px}.ready-status{margin:0 -10px;font-size:7px;padding:12px 5px}.player-slot.vacant h3{font-size:9px}.controls-guide{gap:15px}.controls-guide>span:last-child{display:none}.countdown-overlay{top:70px;right:0;bottom:0;left:190px}.room-checklist{min-width:210px}.room-checklist strong{font-size:10px}.room-checklist p{font-size:8px}.room-bottom-buttons .button{font-size:9px;padding:9px}.invite-actions{min-width:100%;justify-content:flex-start}.invite-actions input{flex:1;max-width:none}.result-card h2{font-size:29px}.result-emblem{width:51px;height:51px;margin-bottom:14px}.result-emblem>svg{width:27px}.result-card{padding:0 8px}.result-card>.button.primary{margin-top:18px}.result-card>.button{min-height:34px}.result-players{margin-top:15px}.result-players .pixel-avatar{width:31px;height:31px}.result-overlay{padding:15px}}@media(max-width:1000px){.sidebar{width:170px;padding:25px 12px 17px}.sidebar .brand{font-size:23px;gap:5px;margin-left:6px}.sidebar .brand-icon{width:27px;height:28px}.sidebar .brand-icon svg{width:19px}.sidebar .brand-dot{font-size:7px}.sidebar-section-label{margin-top:40px;font-size:7px}.sidebar nav button{font-size:10px;gap:9px}.sidebar nav button>svg:first-child{width:16px}.sidebar-scene{margin:32px 7px 0;padding:15px 11px}.sidebar-scene>span{font-size:5px;letter-spacing:.7px}.sidebar-scene>strong{font-size:22px}.sidebar-scene-art{gap:9px}.sidebar-sound{font-size:8px}.main-shell{margin-left:170px;width:calc(100% - 170px)}.topbar{padding:0 22px}.main-content{padding:27px 22px}.version-chip{display:none}.page-heading h1{font-size:30px}.page-heading p{font-size:10px}.lobby-hero{min-height:268px}.lobby-hero-copy{width:64%;padding:25px}.lobby-hero h2{font-size:40px}.hero-arena-preview{right:-25px;top:-4px;min-width:320px;width:55%}.hero-character-one{bottom:18px;left:23%}.hero-character-one>.pixel-avatar{width:45px;height:45px}.hero-character-two{top:60px;right:6px;padding:8px}.hero-character-two>.pixel-avatar{width:43px;height:43px}.hero-scene-label{display:none}.room-card-name>div{gap:7px;flex-wrap:wrap}.room-card-name h3{max-width:180px;font-size:11px}.room-card-name p{font-size:8px;margin-top:6px}.room-card-art{width:40px;height:40px}.room-card-art>svg{width:22px}.room-card>.button{min-width:65px;font-size:8px;padding:8px}.room-card-occupancy{min-width:36px}.room-card-occupancy small{font-size:7px}.room-toolbar{gap:9px}.vacancy-filter{font-size:8px;padding:9px}.vacancy-filter svg{display:none}.vacancy-filter input{margin-left:0}.section-heading h2{font-size:23px}.section-heading>.button{font-size:9px;padding:8px}.section-heading>.button>svg{width:14px}.player-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.player-slot{padding:13px 14px 0}.player-slot-top>span:first-child{font-size:7px}.host-chip{font-size:7px;padding:3px 5px}.player-stage{height:107px}.player-stage>.pixel-avatar{height:67px;width:67px}.stage-platform{bottom:5px;width:68px}.player-slot h3{font-size:12px}.player-slot>p{font-size:8px;margin-bottom:14px}.ready-status{margin:0 -14px;font-size:9px}.ready-status>span{font-size:7px}.room-checklist{flex-basis:100%}.room-bottom-buttons{margin-left:auto}.room-bottom-buttons .button{font-size:10px;padding:10px 13px}.room-page-heading>.button{font-size:8px;padding:8px;min-height:34px}.room-page-heading>.button svg{width:13px}.room-mode-count{font-size:9px}.room-mode{padding:13px}.countdown-overlay{top:70px;right:0;bottom:0;left:170px}.game-content{padding:20px 18px}.game-layout{grid-template-columns:minmax(0,1fr)}.match-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.match-side-heading{grid-column:1/-1;margin:0}.match-players{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.match-player{padding:11px 7px;display:flex;flex-direction:column;text-align:center;gap:9px;min-height:105px}.match-player>svg:last-child{display:none}.match-player>div{width:100%}.match-player strong{font-size:9px}.match-player small{font-size:6px}.match-player-avatar{height:35px}.match-player strong>span{font-size:5px;display:block;margin-left:0;margin-top:3px}.your-powerups,.match-tip{margin-top:0}.desktop-controls{display:none}.game-board-wrap>.arena-canvas{max-height:none}.game-topline{margin-bottom:17px}.game-topline h1{font-size:28px}.arena-hud strong{font-size:9px}.arena-map-label{display:inline;font-size:7px}.round-clock{font-size:19px}.board-bottom{font-size:7px}.game-board-wrap{padding:7px}.result-card{max-width:310px}.result-card h2{font-size:34px}.result-emblem{width:61px;height:61px}.result-emblem svg{width:30px}.result-card>.button{min-height:39px;font-size:11px}.result-card>.button.primary{margin-top:23px}.result-players .pixel-avatar{width:38px;height:38px}}@media(max-width:800px){.auth-page{padding:0 5%}.auth-header{height:82px;gap:19px}.auth-header>.build-badge{font-size:7px;letter-spacing:1px}.auth-header .brand{font-size:26px}.auth-header .brand-icon{width:31px;height:32px}.auth-main{grid-template-columns:minmax(0,1fr) minmax(295px,1fr);gap:27px;margin:29px auto 35px}.auth-showcase>.eyebrow{font-size:6px;letter-spacing:1px}.mini-line{width:15px}.auth-showcase h1{font-size:44px;margin-top:13px}.hero-description{font-size:10px;margin-top:13px}.showcase-arena{width:100%;margin:28px 0 15px}.arena-rim{padding:5px;border-radius:5px}.tag-top{right:-10px;top:-13px;font-size:5px;padding:8px;gap:6px}.tag-top>span:last-child{font-size:5px;padding-left:5px}.tag-top .live-dot{width:4px;height:4px}.tag-bottom{left:-10px;bottom:-10px;padding:7px 9px}.tag-bottom>.pixel-avatar{width:23px;height:23px}.tag-bottom>span{font-size:6px}.tag-bottom strong{font-size:8px}.tag-bottom>svg:last-child{width:17px;margin-left:5px}.pixel-one,.pixel-two{display:none}.auth-features{gap:12px;flex-wrap:wrap;margin-top:31px;max-width:280px}.auth-features>span{font-size:7px}.auth-card{padding:22px 21px 0;border-radius:9px}.auth-card-icon{width:38px;height:38px;margin-bottom:16px;border-radius:8px}.auth-card-icon svg{width:20px}.auth-card>.eyebrow{font-size:6px;letter-spacing:1px}.auth-card h2{font-size:24px}.auth-card>p{font-size:9px}.auth-card form label{font-size:10px}.auth-card input{font-size:10px;height:40px}.password-input .icon-button{top:4px}.auth-tabs{margin:20px 0}.auth-tabs>button{font-size:10px;min-height:29px}.auth-submit{font-size:11px;height:41px;margin-top:20px}.auth-submit svg{width:17px}.auth-note{font-size:6px;gap:4px;margin:16px -5px 18px}.auth-note svg{width:10px}.auth-card-footer{margin:0 -21px;border-radius:0 0 9px 9px;font-size:7px;padding:12px}.auth-card-footer .live-dot{width:3px;height:3px}.how-strip{grid-template-columns:repeat(3,1fr);gap:15px;padding:18px}.how-strip>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334430;padding-bottom:12px}.how-strip>div:first-child>.eyebrow{font-size:6px}.how-strip h3{font-size:14px;margin:0}.how-strip p{font-size:7px}.how-strip strong{font-size:8px}.step-number{font-size:23px}.auth-footer{font-size:7px}.auth-footer>span:last-child{font-size:5px}.sidebar{display:none}.main-shell{margin-left:0;width:100%}.topbar{height:67px;padding:0 24px}.mobile-brand{display:block}.desktop-breadcrumb{display:none}.mobile-brand .brand{font-size:27px}.mobile-brand .brand-icon{width:30px;height:31px}.mobile-brand .brand-icon svg{width:20px}.topbar-actions{gap:11px}.connection-status{font-size:8px}.mobile-sound{display:inline-flex;color:#91a07e;width:24px}.topbar-divider{display:none}.main-content{padding:28px 24px}.page-heading h1{font-size:34px}.hero-arena-preview{right:5px;width:52%;min-width:330px;top:-43px}.lobby-hero-copy{width:60%}.lobby-hero{min-height:270px}.room-card-name h3{max-width:290px}.room-card-name>div{flex-wrap:nowrap}.countdown-overlay{top:67px;right:0;bottom:0;left:0}.player-slot-top>span:first-child{font-size:8px}.player-stage{height:120px}.player-stage>.pixel-avatar{width:78px;height:78px}.stage-platform{bottom:8px}.player-slot h3{font-size:13px}.player-slot>p{font-size:9px}.ready-status{font-size:9px}.game-content{padding:23px 24px}.game-layout{gap:20px}.game-topline h1{font-size:31px}.game-board-wrap>.arena-canvas{max-height:calc(100vh - 245px)}.touch-controls{display:flex;align-items:center;justify-content:space-between;margin:23px 3px 0;padding:0 8px}.desktop-controls{display:none}.game-page{display:flex;flex-direction:column}.game-topline{order:0}.game-layout{display:contents}.game-board-panel{order:1}.touch-controls{order:2}.match-sidebar{order:3;margin-top:25px}.game-page>.form-error{order:4}.result-card{padding:16px 8px}.result-emblem{margin-bottom:20px}.app-footer{padding:20px 24px}.connection-banner{padding:10px 24px}.match-players{grid-template-columns:repeat(4,1fr)}.touch-hint{font-size:10px}.touch-bomb{width:88px;height:88px}.dpad{grid-template-columns:47px 47px 47px;grid-template-rows:44px 44px 44px}.dpad-center:after{left:18px;top:17px}}@media(max-width:600px){.auth-page{padding:0 22px}.auth-header{height:75px;justify-content:space-between}.auth-header>.build-badge{display:none}.auth-header .quiet-link{font-size:10px}.auth-header .brand{font-size:26px}.auth-header .brand-icon{width:30px;height:31px}.auth-main{display:flex;flex-direction:column;gap:27px;margin:27px auto 29px}.auth-showcase{width:100%;text-align:center}.auth-showcase>.eyebrow{justify-content:center;font-size:6px;letter-spacing:.8px}.auth-showcase h1{font-size:46px;margin-top:11px;line-height:1.02}.auth-showcase h1>br{display:none}.auth-showcase .outlined-word{margin-left:3px}.hero-description{font-size:10px;line-height:1.7;margin-top:12px}.hero-description>br{display:none}.showcase-arena,.auth-features{display:none}.auth-card{width:100%;max-width:430px;justify-self:center;padding:25px 25px 0}.auth-card-icon{display:none}.auth-card>.eyebrow{font-size:6px}.auth-card h2{font-size:28px}.auth-card>p{font-size:10px}.auth-tabs{margin:22px 0}.auth-tabs>button{font-size:11px;min-height:33px}.auth-card form label{font-size:11px}.auth-card input{font-size:12px;height:44px}.password-input .icon-button{top:6px}.auth-submit{font-size:12px;min-height:45px;margin-top:25px}.auth-note{font-size:7px;margin:18px -6px 20px}.auth-note svg{width:12px}.auth-card-footer{margin:0 -25px;font-size:8px;padding:14px}.how-strip{display:grid;grid-template-columns:1fr;gap:17px;padding:20px;max-width:430px}.how-strip>div:first-child{display:block;grid-column:auto;padding-bottom:14px}.how-strip>div:first-child .eyebrow{font-size:6px;letter-spacing:.7px}.how-strip>div:first-child h3{font-size:17px;margin-top:6px}.how-strip>div{gap:15px}.how-strip p{font-size:9px}.how-strip strong{font-size:10px;margin-bottom:1px}.step-number{font-size:27px}.auth-footer{padding:0 0 23px;margin-top:21px;justify-content:center;font-size:7px}.auth-footer>span:last-child{display:none}.topbar{height:65px;padding:0 18px}.mobile-brand .brand{font-size:25px;gap:6px}.mobile-brand .brand-icon{width:28px;height:29px;margin-right:2px}.mobile-brand .brand-icon svg{width:19px}.brand-dot{font-size:8px;top:3px}.topbar-actions{gap:8px}.connection-status>span:not(.live-dot){display:none}.connection-status .live-dot{width:5px;height:5px}.connection-status svg{width:12px}.user-menu{gap:6px}.user-menu>.pixel-avatar{width:28px;height:28px}.user-menu>span,.user-menu>svg:last-child{display:none}.mobile-sound{width:23px;height:27px}.mobile-sound svg{width:16px}.logout-button{width:21px;height:27px}.logout-button svg{width:14px}.main-content{padding:25px 18px}.page-heading{margin-bottom:21px}.page-heading .eyebrow{font-size:6px;letter-spacing:1.05px}.page-heading h1{font-size:30px;line-height:1.12;margin-top:8px}.page-heading p{font-size:9px;line-height:1.7;max-width:300px;margin-top:9px}.lobby-hero{min-height:251px;border-radius:9px}.lobby-hero-copy{padding:24px 21px;width:76%;background:linear-gradient(90deg,#233526,#233526f7 52%,#23352600)}.lobby-hero-copy .pill{font-size:5px;letter-spacing:.7px;padding:4px 5px;gap:5px}.lobby-hero-copy .pill .live-dot{width:3px;height:3px}.lobby-hero h2{font-size:38px;margin-top:14px}.lobby-hero p{font-size:9px;margin-top:12px;max-width:190px}.lobby-hero .button{font-size:9px;margin-top:18px;padding:8px 10px;min-height:35px}.lobby-hero .button>svg{width:14px}.lobby-hero .button>svg:last-child{margin-left:7px}.hero-arena-preview{min-width:255px;width:69%;right:-68px;top:12px;transform:rotate(-10deg);opacity:.85}.hero-character-one{display:none}.hero-character-two{top:107px;right:25%;padding:6px;background:#3d3d2455;transform:rotate(18deg)}.hero-character-two>.pixel-avatar{width:38px;height:38px}.rooms-section{margin-top:25px}.section-heading{gap:10px;margin-bottom:16px;align-items:center}.section-heading h2{font-size:23px}.count-badge{font-size:8px;padding:3px 6px}.section-heading p{font-size:8px;max-width:175px;line-height:1.7;margin-top:5px}.section-heading>.button{font-size:8px;padding:8px 9px;min-height:34px;gap:6px}.section-heading>.button>svg{width:12px}.room-toolbar{gap:8px;flex-wrap:wrap}.search-field{flex-basis:100%;flex-shrink:0}.search-field input{height:39px;font-size:10px}.search-field>svg{width:15px}.vacancy-filter{padding:6px 9px;height:29px;font-size:8px;margin:0 0 1px auto;background:transparent;border-color:#364535;gap:6px}.vacancy-filter input{width:11px;height:11px;margin-left:2px}.vacancy-filter svg{display:block;width:12px}.room-card{gap:10px;padding:12px;position:relative;min-height:97px}.room-card-art{width:39px;height:42px;align-self:flex-start;margin-top:2px}.room-card-name{padding-right:42px;min-height:64px;display:flex;flex-direction:column;justify-content:flex-start;padding-top:2px}.room-card-name>div{display:block}.room-card-name h3{font-size:11px;max-width:190px;margin-bottom:5px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.status-pill{display:inline;font-size:6px;padding:2px 4px}.room-card-name p{font-size:7px;margin-top:8px;line-height:1.5;gap:4px}.room-card-name p strong{max-width:90px}.room-card-name p>span{margin:0}.room-card-occupancy{position:absolute;right:17px;top:15px;min-width:37px}.room-card-occupancy>div{gap:5px}.room-card-occupancy>div>svg{width:11px}.room-card-occupancy strong{font-size:12px}.room-card-occupancy strong>span{font-size:9px}.room-card-occupancy small{font-size:6px;margin-top:4px}.room-card>.button{position:absolute;right:12px;bottom:12px;min-height:25px;min-width:55px;font-size:7px;padding:5px 7px;gap:2px}.room-card>.button>svg{width:12px}.empty-state{min-height:219px;padding:28px 20px}.empty-state h3{font-size:13px}.empty-state p{font-size:9px;max-width:260px}.empty-icon{height:44px;width:44px;margin-bottom:16px}.empty-icon svg{width:25px}.empty-state .text-button{font-size:9px;margin-top:16px}.list-footnote{font-size:7px;margin-top:12px;gap:5px}.list-footnote>span:last-child{display:none}.lobby-tip{margin-top:21px;padding:13px 12px;gap:10px}.tip-icon{width:31px;height:31px;flex-shrink:0}.tip-icon>svg{width:16px}.lobby-tip strong{font-size:9px}.lobby-tip p{font-size:8px;line-height:1.7;margin-top:3px}.app-footer{padding:14px 18px 20px;font-size:7px}.app-footer>span:last-child{font-size:5px;letter-spacing:.6px;gap:3px}.app-footer>span:last-child>svg{width:10px}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:25px 21px;border-radius:10px}.modal-close{top:11px;right:11px}.modal-heading{margin-bottom:22px}.modal-heading>.eyebrow{font-size:6px;letter-spacing:1px}.modal-heading h2{font-size:31px;margin-top:6px}.modal-heading p{font-size:10px;line-height:1.7;margin-top:9px}.modal label{font-size:10px}.modal input{height:42px;font-size:11px}.modal select{height:42px;font-size:10px}.modal .button.full{min-height:41px;font-size:11px}.config-slot select{font-size:8px;height:29px;max-width:190px;padding-right:15px}.config-slot{padding:8px 6px;gap:7px}.config-slot>span:nth-child(2){font-size:9px;max-width:100px}.config-slot-number{font-size:8px;padding:4px 3px}.slot-config>legend span{font-size:7px}.segmented>button{padding:10px;gap:3px 5px;font-size:10px}.segmented>button small{font-size:8px}.segmented>button svg{width:15px}.field-note{font-size:9px}.profile-preview{padding:18px;gap:22px}.profile-preview>.pixel-avatar{width:62px;height:62px}.profile-preview h3{font-size:16px}.profile-preview span{font-size:8px}.avatar-options{gap:7px}.avatar-options>button{padding:14px 5px 10px;font-size:8px;gap:9px}.avatar-options .pixel-avatar{width:37px;height:37px}.profile-stats{padding:13px 0}.profile-stats span{font-size:7px}.profile-stats strong{font-size:25px}.profile-stats svg{width:13px}.profile-stats>div{gap:6px}.help-items{gap:20px}.help-items>div{gap:13px}.help-items h3{font-size:12px}.help-items p{font-size:10px}.help-items>div>span{font-size:23px}.toast{bottom:16px;width:calc(100vw - 24px);padding:12px;font-size:10px;border-radius:7px;gap:10px}.toast .icon-button{width:24px;flex-shrink:0}.connection-banner{padding:11px 18px;font-size:9px;gap:9px}.connection-banner span{font-size:8px;line-height:1.7}.connection-banner>svg{width:15px}.back-link{font-size:9px;margin-bottom:17px}.room-page-heading{display:block;margin-bottom:19px}.room-page-heading h1{font-size:34px}.room-page-heading p{font-size:8px;line-height:1.9;max-width:none}.room-page-heading .inline-meta svg{width:11px}.room-page-heading>.button{font-size:9px;min-height:33px;padding:7px 10px;margin-top:15px}.room-mode{padding:12px;gap:10px;margin-bottom:17px;flex-wrap:wrap}.mode-symbol{width:35px;height:35px}.mode-symbol svg{width:21px}.room-mode>div:nth-child(2)>strong{font-size:11px}.room-mode>div:nth-child(2)>span{font-size:8px;margin-top:5px}.room-mode>div:nth-child(2)>span>span{margin:0 5px}.room-mode-count{font-size:8px;gap:5px;margin-left:auto}.room-mode-count>svg{width:13px}.player-slots{gap:10px}.player-slot{padding:10px 10px 0;border-radius:7px}.player-slot-top{min-height:18px;gap:2px}.player-slot-top>span:first-child{font-size:6px;letter-spacing:.5px}.host-chip{font-size:5px;padding:2px 3px;gap:2px}.host-chip>svg{width:8px}.player-stage{height:102px;padding-top:6px}.player-stage>.pixel-avatar{width:66px;height:66px}.player-stage>svg:not(.pixel-avatar){width:38px}.stage-platform{width:65px;height:12px;bottom:4px}.player-slot h3{font-size:10px;line-height:1.45;min-height:15px}.you-label{font-size:5px;letter-spacing:0;padding:1px 3px;margin-left:4px}.player-slot>p{font-size:7px;margin-top:7px;margin-bottom:13px;gap:3px;min-height:13px}.player-slot>p>svg{width:10px}.ready-status{font-size:7px;margin:0 -10px;padding:10px 5px;min-height:34px;gap:4px}.ready-status>svg{width:11px}.ready-status>span{font-size:5px;letter-spacing:.4px}.player-slot.vacant h3{font-size:9px}.waiting-dots{width:4px;height:4px;box-shadow:6px 0 #7f996a55,-6px 0 #7f996a55;margin:0 8px}.invite-panel{padding:12px;margin-top:17px;gap:12px}.invite-panel strong{font-size:10px}.invite-panel p{font-size:8px;line-height:1.6;margin-top:4px}.invite-icon{width:30px;height:30px}.invite-icon>svg{width:17px}.invite-panel>div:first-child{gap:9px}.invite-actions{flex-wrap:wrap;justify-content:stretch;gap:7px}.invite-actions>input{flex-basis:100%;width:100%;height:33px;font-size:9px}.invite-actions>.button{flex:1;justify-content:center;font-size:8px;min-height:31px}.room-bottom{margin-top:20px;padding:19px 0;gap:17px}.room-checklist{gap:9px;min-width:0}.room-checklist strong{font-size:10px;line-height:1.6}.room-checklist p{font-size:8px;margin-top:4px}.room-checklist>svg{width:18px}.room-bottom-buttons{width:100%;justify-content:flex-end;gap:7px;flex-wrap:wrap}.room-bottom-buttons .button{font-size:9px;min-height:37px;gap:6px;padding:9px 11px;flex:1}.room-bottom-buttons .button svg{width:14px}.room-bottom-buttons .button.ghost{flex:0 0 100%;order:3;margin-top:0;min-height:27px;font-size:8px}.controls-guide{gap:12px;margin-top:18px}.controls-guide>span{font-size:6px;gap:1px}.controls-guide>span>kbd{font-size:6px;height:18px;min-width:16px;padding:3px}.controls-guide>span>kbd:last-of-type{margin-right:4px}.countdown-overlay{top:65px;right:0;bottom:0;left:0}.countdown-overlay>.eyebrow{font-size:8px}.countdown-overlay>strong{font-size:145px}.countdown-overlay>p{font-size:11px}.game-content{padding:19px 14px 16px}.game-topline{margin-bottom:17px;gap:11px}.game-topline .eyebrow{font-size:6px;letter-spacing:1px}.game-topline h1{font-size:26px;margin-top:5px;line-height:1.1}.game-topline>.button{font-size:7px;padding:7px 8px;min-height:30px;gap:5px;flex-shrink:0}.game-topline>.button svg{width:12px}.arena-hud{padding:12px 10px;min-height:43px;gap:5px}.arena-hud>div:first-child{gap:5px}.arena-hud strong{font-size:7px;letter-spacing:.6px}.arena-hud .live-dot{width:3px;height:3px}.arena-map-label{display:none}.round-clock{font-size:17px;gap:6px;min-width:53px}.round-clock svg{width:12px}.survivor-count{font-size:10px;gap:4px}.survivor-count>svg{width:12px}.game-board-wrap{padding:4px}.game-board-wrap>.arena-canvas{max-height:none}.game-board-panel{border-radius:7px}.board-bottom{font-size:6px;padding:9px 10px;gap:7px}.board-bottom>span:first-child{gap:4px}.board-bottom>span:first-child>svg{width:10px}.touch-controls{margin:20px 3px 0;padding:0 4px}.dpad{grid-template-columns:42px 42px 42px;grid-template-rows:39px 39px 39px;gap:3px}.dpad-button{border-radius:5px}.dpad-button>svg{width:21px}.dpad-center:after{left:15px;top:14px}.touch-bomb{width:80px;height:80px}.touch-bomb>svg{width:27px}.touch-bomb>span{font-size:15px}.touch-hint{font-size:7px;line-height:1.7;max-width:75px}.match-sidebar{display:flex;flex-direction:column;gap:13px;margin-top:23px}.match-side-heading{width:100%;margin-bottom:0}.match-side-heading h2{font-size:21px}.match-side-heading>span{font-size:7px;padding:4px 6px}.match-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.match-player{flex-direction:row;text-align:left;min-height:57px;padding:9px;gap:8px}.match-player-avatar{width:31px;height:33px}.match-player-avatar>.pixel-avatar{width:30px;height:30px}.match-player strong{font-size:8px}.match-player small{font-size:6px;margin-top:5px}.match-player strong>span{display:inline;margin-left:3px;font-size:4px}.your-powerups{width:100%;padding:12px 14px;display:flex;align-items:center;gap:20px}.your-powerups>.mini-heading{font-size:6px;display:block;line-height:1.8;max-width:55px}.your-powerups>.mini-heading svg{display:block;margin-top:5px}.your-powerups>div:last-child{flex:1;margin:0}.your-powerups>div:last-child>span{display:grid;grid-template-columns:17px 20px;justify-content:center;gap:5px 4px;align-items:center;padding:0 7px}.your-powerups>div:last-child>span>svg{width:14px;grid-column:1;grid-row:1}.your-powerups strong{font-size:22px;grid-column:2;grid-row:1}.your-powerups small{font-size:6px;grid-column:1/-1;text-align:center}.match-tip{width:100%;padding:13px}.match-tip p{font-size:9px;margin-bottom:0}.powerup-legend{display:none}.result-overlay{padding:10px;position:absolute;overflow:auto;align-items:flex-start}.result-card{max-width:260px;padding:12px 8px;margin:auto;align-self:center}.result-emblem{width:38px;height:38px;border-radius:7px;margin-bottom:11px}.result-emblem>svg{width:21px;height:21px}.result-card>.eyebrow{font-size:5px;letter-spacing:1px;display:block}.result-card h2{font-size:25px;line-height:1.05;margin-top:5px}.result-card>p{font-size:8px;line-height:1.6;margin-top:9px}.result-players{gap:10px;margin-top:11px}.result-players .pixel-avatar{width:24px;height:24px}.result-players>div>svg:last-child:not(:first-child){width:10px;height:10px;top:-9px}.result-card>.button{font-size:8px;min-height:29px;padding:7px;gap:6px}.result-card>.button svg{width:12px}.result-card>.button.primary{margin-top:13px}.result-card>.button.full+.button.full{margin-top:5px}.result-card>small{font-size:5px;margin-top:4px}.spectator-banner{bottom:18px;padding:9px 12px;gap:8px;border-radius:5px}.spectator-banner strong{font-size:9px}.spectator-banner span{font-size:6px}.spectator-banner>svg{width:15px}.result-card .form-error{font-size:8px;padding:7px;margin:8px 0}.session-loading .brand{font-size:29px}.session-loading p{font-size:11px}.session-loading h2{font-size:26px}}@media(max-width:360px){.auth-page{padding:0 16px}.auth-showcase h1{font-size:41px}.auth-card{padding:22px 21px 0}.auth-card-footer{margin:0 -21px}.main-content{padding-left:14px;padding-right:14px}.topbar{padding:0 14px}.mobile-brand .brand{font-size:22px}.mobile-brand .brand-icon{width:26px;height:27px}.topbar-actions{gap:6px}.page-heading h1{font-size:27px}.lobby-hero-copy{padding-left:17px;width:83%}.lobby-hero h2{font-size:36px}.hero-arena-preview{right:-95px}.section-heading>.button{font-size:7px;padding:8px}.section-heading h2{font-size:21px}.room-mode-count{margin-left:45px;margin-top:-3px;font-size:7px}.config-slot>span:nth-child(2){max-width:75px}.config-slot select{font-size:7px;max-width:166px}.modal{padding-left:17px;padding-right:17px}.touch-hint{display:none}.touch-controls{padding:0 10px}.result-card h2{font-size:22px}.result-card>.eyebrow{font-size:4px}.result-card>p{font-size:7px}.result-emblem{width:30px;height:30px;margin-bottom:7px}.result-emblem svg{width:17px}.result-card>.button{font-size:7px;min-height:26px;padding:5px}.result-card>.button.primary{margin-top:10px}.result-card{padding:5px 10px}.result-card>small{font-size:4px}.room-page-heading h1{font-size:31px}.match-player strong{font-size:7px}.match-player small{font-size:5px}}@media(pointer:coarse)and (min-width:801px){.touch-controls{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:24px auto 0;padding:0 25px}.desktop-controls{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.session-notice{color:#b8d399;background:#b6f36c09;border:1px solid #b6f36c26;border-radius:6px;padding:10px 12px;font-size:10px;line-height:1.7;margin-top:15px}.copy-fallback{flex-basis:100%;font-size:9px;color:#a7bf8e}.copy-fallback input{max-width:none;margin-top:6px}@media(min-width:1001px){.game-layout{max-width:calc((100dvh - 300px) * 13 / 11 + 270px);margin:0 auto;grid-template-columns:minmax(0,1fr) 235px;gap:22px}.game-board-wrap>.arena-canvas{max-height:calc(100dvh - 300px);object-fit:contain}.match-sidebar{max-height:calc(100dvh - 210px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#456139 transparent;padding-right:3px}.game-content{padding-top:22px;padding-bottom:16px}}@media(min-width:801px){.sidebar nav button{font-size:12px}.sidebar-section-label{font-size:9px}.sidebar-sound,.sidebar-scene p{font-size:10px}.sidebar-scene>span{font-size:7px}.connection-status{font-size:10px}.user-menu{font-size:12px}.desktop-breadcrumb{font-size:11px}.sidebar-version{font-size:9px}.page-heading p{font-size:12px}.page-heading .eyebrow{font-size:9px}.page-heading h1{font-size:38px}.lobby-hero p,.lobby-hero .button{font-size:12px}.lobby-hero .pill{font-size:8px}.section-heading p{font-size:11px}.section-heading>.button{font-size:11px}.room-toolbar input{font-size:12px}.vacancy-filter{font-size:10px}.room-card-name h3{font-size:14px}.room-card-name p{font-size:11px}.status-pill{font-size:9px}.room-card-occupancy small{font-size:10px}.room-card>.button{font-size:11px}.empty-state h3{font-size:16px}.empty-state p,.empty-state .text-button{font-size:12px}.list-footnote{font-size:9px}.lobby-tip strong{font-size:12px}.lobby-tip p{font-size:11px}.app-footer{font-size:9px}.app-footer>span:last-child{font-size:8px}.back-link{font-size:11px}.room-page-heading>.button{font-size:11px}.room-mode>div:nth-child(2)>strong{font-size:14px}.room-mode>div:nth-child(2)>span{font-size:11px}.room-mode-count{font-size:11px}.player-slot h3{font-size:13px}.player-slot>p{font-size:10px}.player-slot-top>span:first-child{font-size:8px}.ready-status{font-size:10px}.player-slot.vacant h3{font-size:12px}.host-chip,.you-label{font-size:7px}.invite-panel strong{font-size:12px}.invite-panel p,.invite-actions .button,.invite-actions input{font-size:10px}.room-checklist strong{font-size:12px}.room-checklist p{font-size:10px}.room-bottom-buttons .button{font-size:11px}.controls-guide>span{font-size:10px}.match-player strong{font-size:12px}.match-player small{font-size:9px}.match-player strong>span{font-size:6px}.match-side-heading>span{font-size:10px}.match-tip>.eyebrow{font-size:8px}.match-tip p{font-size:12px}.powerup-legend{font-size:9px}.your-powerups>.mini-heading{font-size:9px}.your-powerups small{font-size:9px}.desktop-controls>.mini-heading{font-size:9px}.desktop-controls>div p{font-size:11px}.desktop-controls p>span{font-size:9px}.arena-hud strong{font-size:10px}.arena-map-label{font-size:8px}.board-bottom{font-size:9px}.round-clock{font-size:20px}.game-topline>.button{font-size:11px}.game-topline .eyebrow{font-size:9px}.result-card>p{font-size:12px}.result-card>.button{font-size:12px}.result-card>small{font-size:9px}.result-card>.eyebrow{font-size:9px}.spectator-banner strong{font-size:12px}.spectator-banner span{font-size:10px}.auth-card form label{font-size:12px}.auth-card input{font-size:13px}.auth-card>p{font-size:12px}.auth-tabs>button{font-size:12px}.auth-note,.auth-card-footer{font-size:10px}.auth-features{font-size:11px}.auth-showcase>.eyebrow{font-size:10px}.hero-description{font-size:14px}.how-strip p{font-size:10px}.how-strip strong{font-size:12px}.how-strip .eyebrow{font-size:8px}.auth-footer{font-size:9px}.auth-footer>span:last-child{font-size:8px}}@media(max-width:600px){.auth-card form label{font-size:12px}.auth-card input{font-size:14px}.auth-card>p{font-size:12px}.auth-tabs>button{font-size:12px}.auth-note{font-size:9px}.auth-card-footer{font-size:10px}.hero-description{font-size:12px}.how-strip p{font-size:11px}.how-strip strong{font-size:12px}.auth-footer{font-size:9px}.page-heading p,.lobby-hero p,.lobby-hero .button{font-size:11px}.section-heading p{font-size:10px}.section-heading>.button{font-size:9px}.vacancy-filter{font-size:10px}.search-field input,.room-card-name h3{font-size:12px}.room-card-name p{font-size:9px}.room-card>.button{font-size:9px}.room-card-occupancy small,.status-pill{font-size:8px}.empty-state h3{font-size:15px}.empty-state p,.empty-state .text-button{font-size:11px}.list-footnote{font-size:9px}.lobby-tip strong{font-size:11px}.lobby-tip p{font-size:10px}.room-mode>div:nth-child(2)>strong{font-size:12px}.room-mode>div:nth-child(2)>span{font-size:9px}.room-mode-count{font-size:9px}.player-slot h3{font-size:12px}.player-slot>p{font-size:9px}.ready-status{font-size:9px}.player-slot.vacant h3,.room-checklist strong{font-size:11px}.room-checklist p{font-size:10px}.room-bottom-buttons .button{font-size:11px}.room-bottom-buttons .button.ghost{font-size:10px}.invite-panel strong{font-size:11px}.invite-panel p{font-size:10px}.invite-actions>.button{font-size:10px}.game-topline .eyebrow{font-size:8px}.game-topline>.button{font-size:9px}.arena-hud strong{font-size:9px}.board-bottom{font-size:8px}.touch-hint{font-size:9px}.match-player strong{font-size:10px}.match-player small{font-size:8px}.match-player strong>span{font-size:5px}.match-side-heading>span{font-size:9px}.your-powerups small{font-size:8px}.your-powerups>.mini-heading{font-size:8px}.match-tip>.eyebrow{font-size:8px}.match-tip p{font-size:11px}.result-card>p{font-size:10px}.result-card>.button{font-size:11px;min-height:33px}.result-card>.eyebrow{font-size:7px}.result-card>small{font-size:7px}.result-card{max-width:290px}.spectator-banner strong{font-size:11px}.spectator-banner span{font-size:8px}}@media(max-width:360px){.arena-hud strong{font-size:8px}.board-bottom{font-size:7px}.match-player strong{font-size:9px}.match-player small{font-size:7px}.result-card>.button{font-size:10px;min-height:30px}.result-card>p{font-size:9px}.result-card>.eyebrow{font-size:6px}.result-card>small{font-size:6px}.result-card h2{font-size:22px}.player-slot>p{font-size:8px}.ready-status{font-size:8px}.room-mode-count{font-size:9px}}.mobile-ranking{display:none}.game-mode-options>button{grid-template-columns:18px minmax(0,1fr);min-width:0;align-content:start}.game-mode-options>button>span{font-weight:600;line-height:1.4}.game-mode-options>button small{line-height:1.5}.ranked-config-summary{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:18px;border:1px solid #66814b66;border-radius:6px;background:#b6f36c08;color:var(--lime)}.ranked-config-summary>div{flex:1;min-width:0}.ranked-config-summary strong{display:block;font-size:11px}.ranked-config-summary span{display:block;font-size:10px;line-height:1.5;color:#a1b88c;margin-top:4px}.config-slot-fixed{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto;padding:5px 7px;border:1px solid #536b4155;border-radius:4px;background:#2b3c272f;color:#b0cb97;font-size:10px}.config-slot-fixed>svg:last-child{color:#80966c}.room-card-name p>.room-mode-chip{margin:0;padding:2px 5px;border:1px solid #58714a44;border-radius:3px;color:#8fa97c;font-size:8px}.room-card-name p>.room-mode-chip.is-ranked{color:var(--lime);border-color:#88a95d66;background:#b6f36c0a}.ranking-content{outline:none}.ranking-intro{display:flex;align-items:center;gap:17px;margin-bottom:21px}.ranking-emblem{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border:1px solid #9c7b4666;border-radius:13px;background:#ffae6310;color:var(--orange);transform:rotate(-5deg)}.ranking-emblem svg{transform:rotate(5deg)}.ranking-intro .eyebrow{color:var(--orange);font-size:8px;letter-spacing:1px}.ranking-intro h3{font-size:18px;margin:5px 0 6px;letter-spacing:-.5px}.ranking-intro p{font-size:11px;color:#a8b8a1;line-height:1.6}.ranking-rules{background:#111c19;border:1px solid #334831;border-radius:9px;padding:13px 16px}.ranking-rules>strong{color:#d0dfbf;font-size:11px}.ranking-rules p{color:#9eb393;font-size:11px;line-height:1.65;margin-top:4px}.ranking-rules b{color:var(--lime);font-weight:600}.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 13px}.ranking-toolbar h3,.ranking-self>h3{font-size:14px;letter-spacing:-.2px}.ranking-toolbar>div>span{display:block;color:#96ac8c;font-size:10px;margin-top:5px}.ranking-toolbar .button{flex-shrink:0;font-size:10px;min-height:33px}.ranking-table{width:100%;border-spacing:0 4px;table-layout:fixed;font-variant-numeric:tabular-nums}.ranking-table th,.ranking-table td{padding:11px 9px}.ranking-table thead th{color:#91a987;font-size:9px;font-weight:500;text-align:right;padding:0 9px 7px}.ranking-table thead th:first-child{width:54px;text-align:center}.ranking-table thead th:nth-child(2){width:43%;text-align:left}.ranking-row>td,.ranking-row>th{background:#14201c;border-top:1px solid #30412d;border-bottom:1px solid #30412d}.ranking-row>td:first-child{border-left:1px solid #30412d;border-radius:7px 0 0 7px}.ranking-row>td:last-child{border-right:1px solid #30412d;border-radius:0 7px 7px 0}.ranking-row.is-you>td,.ranking-row.is-you>th{background:#b6f36c0a;border-color:#6f954750}.ranking-position{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2px;color:#a9b99f;font-size:14px;font-weight:700}.ranking-position.place-1{color:var(--orange)}.ranking-position.place-2{color:#a2dce7}.ranking-position.place-3{color:#c5acf1}.ranking-player{text-align:left}.ranking-player>.pixel-avatar{float:left;margin-right:10px}.ranking-player>span{display:flex;min-height:34px;flex-direction:column;justify-content:center;min-width:0}.ranking-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.ranking-player small{color:var(--lime);font-size:7px;letter-spacing:1px;font-weight:700;margin-top:4px}.ranking-points,.ranking-played,.ranking-won{text-align:right;font-size:12px;color:#becdb3}.ranking-points strong{color:var(--lime);font-size:16px}.ranking-mobile-label{display:none}.ranking-state{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:30px 18px;color:#9cb491}.ranking-state h3{color:#d9e7c9;font-size:15px}.ranking-state p{max-width:340px;font-size:11px;line-height:1.7}.ranking-empty>svg{color:var(--lime);margin-bottom:3px}.ranking-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px;border:1px solid #bb715944;border-radius:7px;color:#f0b8a0;background:#bf633810;font-size:11px}.ranking-error .text-button{font-size:11px;color:#f0c595}.ranking-self{margin-top:19px}.ranking-self>h3{margin-bottom:10px;color:var(--lime)}.ranking-footnote,.ranking-unplaced{color:#8da181;font-size:10px;line-height:1.7;margin-top:13px}.ranking-unplaced{padding:12px;border-radius:7px;background:#23341e;color:#c4d8b2}.profile-ranking{border:1px solid #536d3f;background:#b6f36c05;border-radius:9px;margin:19px 0 22px;overflow:hidden}.profile-ranking-points{display:flex;align-items:center;gap:12px;padding:16px}.profile-ranking-points>svg{color:var(--orange)}.profile-ranking-points>div{display:flex;flex-direction:column;gap:5px}.profile-ranking-points span{color:#aac396;font-size:8px;letter-spacing:1px}.profile-ranking-points strong{color:var(--lime);font-size:29px;font-family:Barlow Condensed,sans-serif;line-height:1}.profile-ranking-points small{font-size:12px;font-weight:500;color:#a2bd8a}.profile-ranking-points .text-button{margin-left:auto;font-size:10px}.profile-ranked-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #536d3f66}.profile-ranked-stats>div{display:flex;flex-direction:column;align-items:center;padding:14px 8px;gap:6px}.profile-ranked-stats>div+div{border-left:1px solid #536d3f66}.profile-ranked-stats strong{font-size:21px;font-family:Barlow Condensed,sans-serif}.profile-ranked-stats span{color:#9db78c;font-size:10px}.profile-ranking>p{padding:12px 15px;background:#0b160e38;border-top:1px solid #536d3f44;color:#98ad88;font-size:10px;line-height:1.65}.room-ranking-note{display:flex;align-items:flex-start;gap:11px;padding:12px 15px;margin:-9px 0 22px;background:#17221d;border:1px solid #34432e;border-radius:8px;color:#8fa181}.room-ranking-note>svg{margin-top:2px}.room-ranking-note strong{font-size:11px;color:#c1ceb5}.room-ranking-note p{font-size:10px;line-height:1.6;margin-top:4px}.room-ranking-note.is-ranked{border-color:#6f934d66;background:#b6f36c07}.room-ranking-note.is-ranked>svg,.room-ranking-note.is-ranked strong{color:var(--lime)}.game-ranking-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#92a983;margin-top:6px;line-height:1.5}.game-ranking-note.is-ranked{color:#b6d799}.result-ranking{display:flex;flex-direction:column;gap:5px;background:#19301b80;border:1px solid #55704355;border-radius:7px;padding:10px;margin:13px 0}.result-ranking strong{color:#c1d1b0;font-size:11px}.result-ranking.is-ranked strong{color:var(--lime)}.result-ranking span{color:#9db48c;font-size:9px;line-height:1.5}.result-card{margin:auto}@media(max-width:800px){.mobile-ranking{display:flex;color:var(--orange)}}@media(max-width:600px){.mobile-ranking{width:25px;height:28px}.mobile-ranking svg{width:17px}.game-mode-options>button{padding:9px 8px;grid-template-columns:15px minmax(0,1fr);font-size:10px}.game-mode-options>button small{font-size:8px}.ranked-config-summary{padding:10px;gap:8px;margin-bottom:15px}.ranked-config-summary strong{font-size:10px}.ranked-config-summary span{font-size:9px}.config-slot-fixed{font-size:9px;padding:5px 6px;gap:4px}.ranking-intro{gap:12px;align-items:flex-start}.ranking-emblem{width:46px;height:46px;border-radius:9px}.ranking-emblem svg{width:24px}.ranking-intro .eyebrow{font-size:7px;letter-spacing:.7px}.ranking-intro h3{font-size:15px;line-height:1.4}.ranking-intro p{font-size:10px}.ranking-rules{padding:12px}.ranking-rules p{font-size:10px}.ranking-toolbar h3{font-size:13px}.ranking-toolbar>div>span{font-size:9px}.ranking-toolbar .button{font-size:9px;padding:8px}.ranking-table,.ranking-table tbody{display:block}.ranking-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ranking-row{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 50px;gap:5px 8px;align-items:center;margin-bottom:7px;border:1px solid #30412d;border-radius:7px;padding:11px 9px;background:#14201c}.ranking-row.is-you{border-color:#6f954770;background:#b6f36c0a}.ranking-table .ranking-row>td,.ranking-table .ranking-row>th{border:0;border-radius:0;padding:0;background:none}.ranking-place{grid-column:1;grid-row:1 / 3}.ranking-position{font-size:14px}.ranking-player{grid-column:2 / 4;grid-row:1}.ranking-player>.pixel-avatar{width:28px;height:28px;margin-right:8px}.ranking-player>span{min-height:28px}.ranking-player strong{font-size:11px}.ranking-points{grid-column:4;grid-row:1 / 3;text-align:right}.ranking-points strong{font-size:16px}.ranking-mobile-label{display:inline;color:#8fa881;font-size:8px}.ranking-points .ranking-mobile-label{display:block;margin-top:3px}.ranking-played{grid-column:2;grid-row:2}.ranking-won{grid-column:3;grid-row:2}.ranking-played,.ranking-won{text-align:left;font-size:10px;white-space:nowrap}.ranking-footnote,.ranking-unplaced{font-size:9px}.profile-ranking-points{padding:13px;gap:9px}.profile-ranking-points span{font-size:7px}.profile-ranking-points .text-button{font-size:9px;gap:2px}.profile-ranked-stats span{font-size:9px}.room-ranking-note{padding:11px;gap:9px;margin-bottom:17px}.room-ranking-note strong{font-size:10px}.room-ranking-note p,.game-ranking-note{font-size:9px}.result-ranking{padding:6px;margin:6px 0;gap:3px}.result-ranking strong{font-size:10px}.result-ranking span{font-size:10px;line-height:1.3}.result-overlay{padding:8px}.result-card{padding:2px 8px}.result-emblem{width:32px;height:32px;margin-bottom:6px}.result-emblem>svg{width:19px;height:19px}.result-card h2{margin-top:4px}.result-card>p{font-size:10px;line-height:1.4;margin-top:5px}.result-players{margin-top:7px}.result-card>.button.primary{margin-top:8px}}.recovery-link{display:flex;margin:18px auto 0}.password-settings{margin-top:22px;padding-top:20px;border-top:1px solid #34433c}.password-settings form{margin-top:16px}.auth-powerups{max-width:1320px;margin:24px auto 0}.powerup-guide{margin:24px 0}.powerup-guide>h3{font-size:22px;margin-bottom:8px}.powerup-guide p{color:#aab9b0;font-size:13px;line-height:1.65}.powerup-guide-cards{display:grid;gap:12px;margin:18px 0}.auth-powerups .powerup-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.powerup-guide-cards article{display:flex;align-items:center;gap:14px;padding:16px;background:#1c2a26;border:1px solid #35463d;border-radius:12px}.powerup-guide-cards svg{flex:0 0 72px;image-rendering:pixelated}.powerup-guide-cards h4{font-size:16px;margin:0 0 6px;color:#edf4d9}@media(max-width:800px){.auth-powerups .powerup-guide-cards{grid-template-columns:1fr}.powerup-guide-cards article{padding:12px;gap:10px}}.admin-page{min-height:100vh;background:#101b1d}.admin-header{display:flex;align-items:center;gap:24px;padding:24px max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid #304039;background:#172326}.admin-header>button{margin-left:auto}.admin-label{display:flex;align-items:center;gap:8px;color:#b6f36c;font-size:13px}.admin-page main{max-width:1380px;margin:auto;padding:36px 24px 60px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-heading h1{font-size:40px;margin:10px 0 6px}.admin-heading p,.admin-empty{color:#a7b8b0;line-height:1.6}.admin-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0 12px}.admin-metrics article{padding:22px;background:#1c2b28;border:1px solid #374b3e;border-radius:14px}.admin-metrics span{display:block;color:#aebfac;font-size:12px}.admin-metrics strong{display:block;font:700 44px Barlow Condensed,sans-serif;color:#c6f389;margin-top:8px}.admin-panel{background:#1a2629;border:1px solid #34433d;border-radius:14px;padding:24px;margin-top:24px;min-width:0}.admin-panel h2{font-size:23px;margin:0 0 16px}.admin-section-title{display:flex;justify-content:space-between;gap:16px;color:#aebdaf}.admin-filters{display:grid;grid-template-columns:minmax(160px,1fr) 210px auto;align-items:end;gap:16px;margin:10px 0 22px}.admin-filters label{margin:0;min-width:0}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;color:#9fb39f;font-size:11px;padding:12px 10px;border-bottom:1px solid #46563f}.admin-table td{padding:16px 10px;border-bottom:1px solid #2c3c37;vertical-align:middle;max-width:280px}.admin-table small{display:block;color:#98aaa2;font-size:11px;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.admin-person{display:flex;align-items:center;gap:10px;min-width:180px}.admin-person svg{flex-shrink:0}.admin-status{display:inline-block;background:#2d4533;color:#c0ef98;padding:5px 9px;border-radius:5px;font-size:11px}.admin-status.banned{background:#533731;color:#ffc09f}.admin-row-actions{display:flex;flex-wrap:wrap;gap:10px 14px;min-width:160px}.admin-row-actions .text-button{font-size:11px}.admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:18px;font-size:12px;color:#a8baae}.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-room{padding:16px 0;border-bottom:1px solid #34423b;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.admin-room small{flex-basis:100%;color:#a8b7ad}.admin-room span{color:#b6f36c;font-size:12px}.admin-history{padding:0;list-style:none;max-height:420px;overflow-y:auto}.admin-history li{padding:14px 0;border-bottom:1px solid #34423b;display:grid;gap:5px}.admin-history span{color:#c2d0bd;font-size:13px}.admin-history small{color:#8fa79a;font-size:11px}.admin-page .password-settings form{max-width:460px}@media(max-width:950px){.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-columns{grid-template-columns:1fr;gap:0}}@media(max-width:600px){.admin-header{padding:16px;gap:12px;flex-wrap:wrap}.admin-header .brand{font-size:24px}.admin-label{font-size:11px}.admin-page main{padding:24px 14px 40px}.admin-heading h1{font-size:30px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-metrics article{padding:16px}.admin-panel{padding:16px}.admin-filters{grid-template-columns:1fr;gap:12px}.admin-pagination{justify-content:center;gap:8px}.admin-table{min-width:880px}}