:root{color-scheme:dark;font-family:Inter,ui-rounded,Arial Black,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #080a16;--panel: rgba(18, 21, 42, .88);--panel-soft: rgba(23, 27, 51, .72);--line: rgba(255, 255, 255, .12);--muted: #aeb5cd;--yellow: #ffe04b;--cyan: #35def2;--pink: #ff4d8d;--green: #35e0a1;--radius: 18px}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:#080a16;color:#f8f9ff}button,input,select{font:inherit}button{color:inherit}button,select,input[type=checkbox],input[type=range]{cursor:pointer}button:focus,input:focus,select:focus,summary:focus,[tabindex="0"]:focus{outline-style:none;outline-width:0;outline-offset:0}html[data-input-mode=navigation] button:focus,html[data-input-mode=navigation] input:focus,html[data-input-mode=navigation] select:focus,html[data-input-mode=navigation] summary:focus,html[data-input-mode=navigation] [tabindex="0"]:focus,html[data-input-mode=navigation] .menu-selected{outline:4px solid var(--yellow)!important;outline-offset:4px;filter:drop-shadow(0 0 9px rgba(255,224,75,.72))}html[data-input-mode=navigation] .button.menu-selected,html[data-input-mode=navigation] .mode-card.menu-selected{transform:translateY(-3px)}button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.42}.button{position:relative;min-height:48px;padding:0 24px;border:2px solid transparent;border-radius:12px;background:transparent;font-size:13px;font-weight:950;letter-spacing:.075em;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.button:not(:disabled):hover{transform:translateY(-2px)}.button:not(:disabled):active{transform:translateY(1px) scale(.99)}.button-primary{color:#090b17;background:linear-gradient(135deg,#ffe968,#ffc52f);border-color:#fff28d;box-shadow:0 8px #b56e0a,0 16px 30px #ffc42838}.button-primary:hover{box-shadow:0 6px #b56e0a,0 13px 35px #ffc42861}.button-secondary{background:#1d2241;border-color:#4d587f;box-shadow:0 6px #0c0f20}.button-secondary:hover{background:#29305b;border-color:#7785b5}.button-quiet{border-color:var(--line);background:#ffffff0a;color:#c8cde0}.button-quiet:hover{border-color:#ffffff57;color:#fff}.button-ghost{border-color:#35def25c;color:#aef7ff;background:#14a4c114}.button-danger{border-color:#ff718b;color:#fff;background:linear-gradient(135deg,#df3156,#a51639);box-shadow:0 6px #5f0b22}.button-huge{min-height:64px;padding-inline:34px;font-size:15px}.button-huge span{margin-left:16px;font-size:21px}.button.is-busy:after{content:"";display:inline-block;width:13px;height:13px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.home-screen{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 18% 15%,rgba(79,42,190,.38),transparent 32%),radial-gradient(circle at 82% 74%,rgba(0,209,209,.2),transparent 34%),linear-gradient(145deg,#090a1c,#12102d 48%,#071722)}.home-screen:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;transform:perspective(500px) rotateX(62deg) scale(1.7) translateY(20%);transform-origin:bottom}.hero-card{position:relative;z-index:2;width:min(680px,calc(100vw - 34px));padding:52px 58px 36px;text-align:center;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:linear-gradient(145deg,#121431e6,#0a0c1fd1);box-shadow:0 45px 120px #00000080,inset 0 1px #ffffff1a;backdrop-filter:blur(18px)}.hero-card:before,.hero-card:after{content:"";position:absolute;width:82px;height:5px;top:-3px;background:var(--cyan);box-shadow:0 0 24px var(--cyan)}.hero-card:before{left:48px}.hero-card:after{right:48px;background:var(--pink);box-shadow:0 0 24px var(--pink)}.eyebrow{color:#aeb5d7;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.game-logo{display:flex;justify-content:center;align-items:center;gap:.1em;margin:14px 0 2px;font-size:clamp(54px,8vw,94px);font-weight:1000;letter-spacing:-.085em;line-height:.88;transform:skew(-4deg);text-shadow:0 8px 0 #10142d,0 18px 38px rgba(0,0,0,.48)}.game-logo span:first-child{color:#fff}.game-logo span:last-child{color:var(--yellow)}.game-logo b{margin-inline:.06em .13em;color:var(--pink);font-size:.58em;text-shadow:0 5px 0 #7e153c}.hero-copy{margin:18px 0 32px;color:#c7cce0;font-size:16px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-actions .button-huge{grid-column:1 / -1}.home-actions .button-quiet{grid-column:1 / -1;min-height:38px;border:0}.recover-button{width:100%;margin-top:16px}.version-chip{position:absolute;right:22px;bottom:18px;color:#737b98;font-size:9px;font-weight:900;letter-spacing:.14em}.arcade-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}.float-platform{position:absolute;display:block;height:24px;border:5px solid #050610;border-radius:8px;background:#453e77;box-shadow:inset 0 6px #8b79d4,0 18px 40px #00000059;animation:float 5s ease-in-out infinite}.platform-a{top:23%;left:4%;width:230px;transform:rotate(-4deg)}.platform-b{right:2%;top:31%;width:280px;animation-delay:-1.8s;transform:rotate(3deg)}.platform-c{left:12%;bottom:16%;width:300px;animation-delay:-3s}.demo-fighter{position:absolute;display:block;width:42px;height:72px;border:6px solid #050610;border-radius:7px;box-shadow:inset 8px 0 #ffffff40,0 20px 35px #00000052;transition:translate .16s cubic-bezier(.2,.8,.25,1);will-change:translate,transform}.demo-fighter.is-fleeing{filter:drop-shadow(0 0 14px rgba(255,255,255,.2))}.demo-fighter:before,.demo-fighter:after{content:"";position:absolute;top:17px;width:5px;height:7px;background:#080a10}.demo-fighter:before{left:19px}.demo-fighter:after{left:29px}.demo-red{left:14%;top:29%;background:#ff4d6d;animation:demoJump 3.2s cubic-bezier(.4,0,.2,1) infinite}.demo-blue{right:14%;top:40%;background:#38a3ff;animation:demoDash 3.2s ease-in-out infinite}.spark{position:absolute;display:block;width:5px;height:5px;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px currentColor;animation:drift 5s linear infinite}.spark-1{left:5%;top:12%}.spark-2{left:24%;top:72%;animation-delay:-1s}.spark-3{right:8%;top:18%;animation-delay:-2s}.spark-4{right:20%;bottom:15%;animation-delay:-3s}.spark-5{left:42%;top:8%;animation-delay:-4s}.spark-6{right:38%;bottom:6%;animation-delay:-2.4s}.menu-screen{min-height:100vh;background:radial-gradient(circle at 85% 8%,rgba(73,49,168,.2),transparent 30%),linear-gradient(155deg,#0b0d1c,#0e1225 55%,#071822)}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:52px 54px 1fr 48px;align-items:center;gap:16px;min-height:94px;padding:14px max(18px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#080a16db;backdrop-filter:blur(18px)}.topbar h1{margin:0;font-size:clamp(21px,3vw,29px);letter-spacing:-.04em}.topbar p{margin:3px 0 0;color:var(--muted);font-size:12px}.back-button,.sound-chip{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:12px;background:#151a32;font-size:22px;transition:.16s ease}.back-button:hover,.sound-chip:hover{border-color:#6c79aa;background:#242b50;transform:translateY(-1px)}.mini-logo{display:grid;width:48px;height:48px;place-items:center;border:3px solid #070912;border-radius:11px;color:#10121c;background:var(--yellow);font-size:18px;font-weight:1000;transform:rotate(-3deg);box-shadow:0 4px #a96706}.mini-logo span{color:#d31857}.sound-chip{justify-self:end;font-size:18px}.menu-content{width:min(1280px,calc(100% - 36px));margin:0 auto;padding:34px 0 80px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#181c35e8,#0f1225e0);box-shadow:0 18px 50px #00000038,inset 0 1px #ffffff0d}.narrow-panel{width:min(760px,100%);margin:34px auto;padding:28px}.section-label{margin-bottom:17px;color:#8790af;font-size:10px;font-weight:950;letter-spacing:.18em}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px;margin:6vh auto 0}.mode-card{position:relative;display:flex;min-height:420px;padding:42px;overflow:hidden;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:2px solid rgba(255,255,255,.13);border-radius:26px;text-align:left;background:#15182e;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;isolation:isolate}.mode-card:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.65;background:radial-gradient(circle at 70% 20%,var(--mode-glow),transparent 46%),linear-gradient(160deg,#1f2140,#0c0e1c)}.mode-card:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent)}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-8px);border-color:var(--mode-glow);box-shadow:0 30px 70px color-mix(in srgb,var(--mode-glow) 24%,transparent)}.forest-card{--mode-glow: #50e59d}.neon-card{--mode-glow: #d34cff}.mode-icon{display:grid;width:68px;height:68px;margin-bottom:auto;place-items:center;border:2px solid rgba(255,255,255,.24);border-radius:18px;background:#05071173;font-size:34px;box-shadow:0 0 35px color-mix(in srgb,var(--mode-glow) 45%,transparent)}.mode-kicker{margin-bottom:8px;color:var(--mode-glow);font-size:10px;font-weight:950;letter-spacing:.18em}.mode-card strong{font-size:clamp(26px,3vw,38px);letter-spacing:-.05em}.mode-card small{max-width:340px;margin-top:10px;color:#b3bad0;font-size:13px;line-height:1.5}.mode-card i{margin-top:28px;color:#fff;font-size:12px;font-style:normal;font-weight:900;letter-spacing:.1em}.range-row,.toggle-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1.5fr) 62px;align-items:center;gap:22px;padding:22px 6px;border-bottom:1px solid var(--line)}.range-row:last-child,.toggle-row:last-child{border:0}.range-row span,.toggle-row span{display:grid;gap:4px}.range-row small,.toggle-row small{color:var(--muted);font-size:11px}input[type=range]{height:5px;border-radius:10px;accent-color:var(--yellow)}.settings-panel input[type=range]{-webkit-appearance:none;appearance:none;min-height:24px;height:24px;padding:0;border:0;border-radius:0;background:transparent;--range-progress:50%}.settings-panel input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;border:1px solid #505979;border-radius:8px;background:linear-gradient(to right,var(--yellow) 0 var(--range-progress),#343953 var(--range-progress) 100%)}.settings-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:3px solid #080a16;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--yellow)}.settings-panel input[type=range]::-moz-range-track{width:100%;height:8px;border:1px solid #505979;border-radius:8px;background:linear-gradient(to right,var(--yellow) 0 var(--range-progress),#343953 var(--range-progress) 100%)}.settings-panel input[type=range]::-moz-range-thumb{width:16px;height:16px;border:3px solid #080a16;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--yellow)}output{color:var(--yellow);font-size:12px;font-weight:900;text-align:right}.toggle-row{grid-template-columns:1fr auto}.toggle-row input{position:absolute;opacity:0}.toggle-row i{position:relative;display:block;width:54px;height:29px;border-radius:30px;background:#343953;transition:.18s}.toggle-row i:after{content:"";position:absolute;top:4px;left:4px;width:21px;height:21px;border-radius:50%;background:#fff;transition:.18s}.toggle-row input:checked+i{background:var(--pink)}.toggle-row input:checked+i:after{transform:translate(25px)}.center-actions,.bottom-action{display:flex;justify-content:center;margin-top:26px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.control-panel{padding:28px}.panel-title{display:flex;align-items:center;gap:18px;margin-bottom:22px}.panel-title small{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.16em}.panel-title h2{margin:3px 0 0;font-size:19px}.device-icon{display:grid;width:56px;height:56px;place-items:center;border:1px solid #4e587f;border-radius:14px;background:#222843;font-size:28px}.control-rows{margin:0}.control-rows div{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;min-height:58px;border-top:1px solid var(--line)}.control-rows dt{color:var(--yellow);font-size:12px;font-weight:950}.control-rows dd{margin:0;color:#c1c7d9;font-size:13px}.callout{margin:20px 0 0;padding:14px 16px;border-left:3px solid var(--cyan);color:#9fa7c2;background:#35def20f;font-size:11px;line-height:1.55}.mechanic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.mechanic-strip article{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.mechanic-strip b{color:var(--yellow);font-size:28px}.mechanic-strip span{display:grid;gap:3px}.mechanic-strip small{color:var(--muted);font-size:11px}.credits-panel{text-align:center}.credits-panel h2{margin-bottom:8px;font-size:34px}.credits-panel p{color:#b7bed2;line-height:1.7}.credits-panel dl{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 0;text-align:left;border-top:1px solid var(--line)}.credits-panel dt,.credits-panel dd{margin:0;padding:13px;border-bottom:1px solid var(--line)}.credits-panel dt{color:#8992ae}.credits-panel dd{font-weight:800}.winner-mini{display:flex;height:100px;justify-content:center;align-items:end;gap:8px}.winner-mini i{width:38px;height:66px;border:5px solid #080a10;border-radius:5px;background:var(--fighter);transform:translateY(8px) rotate(-5deg)}.winner-mini i:nth-child(2){height:86px;transform:translateY(0)}.winner-mini i:nth-child(3){transform:translateY(12px) rotate(5deg)}.lobby-toolbar{display:flex;min-height:80px;padding:14px 18px;align-items:center;gap:28px}.lobby-toolbar>div:first-child{display:flex;align-items:center;gap:16px}.lobby-toolbar small{color:#858eaa;font-size:9px;font-weight:900;letter-spacing:.15em}.stepper{display:flex;align-items:center;gap:5px}.stepper button{width:34px;height:34px;border:1px solid #454d6e;border-radius:8px;background:#1c213d;font-size:20px}.stepper strong{min-width:34px;text-align:center;font-size:22px}.device-status{display:flex;align-items:center;gap:7px;margin-left:auto;color:#aab1c7;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.player-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.player-card{min-width:0;padding:18px;border:2px solid color-mix(in srgb,var(--player-color) 62%,#252b48);border-radius:18px;background:linear-gradient(160deg,color-mix(in srgb,var(--player-color) 13%,#171a32),#101326);box-shadow:inset 0 3px color-mix(in srgb,var(--player-color) 55%,transparent)}.player-card header{display:flex;justify-content:space-between;align-items:center;color:var(--player-color);font-size:10px;font-weight:950;letter-spacing:.12em}.player-ready-dot{color:var(--green);font-size:8px;font-style:normal}.player-card label,.identity-panel label,.self-panel label{display:grid;gap:7px;margin-top:13px;color:#929bb6;font-size:10px;font-weight:800;letter-spacing:.06em}.online-stage-summary{display:grid;gap:3px;margin-top:14px;padding:13px 14px;border:1px solid rgba(255,224,75,.28);border-radius:10px;background:#ffe04b0f}.online-stage-summary span{color:#929bb6;font-size:9px;font-weight:900;letter-spacing:.12em}.online-stage-summary strong{color:var(--yellow);font-size:16px}.online-stage-summary small{color:#aeb5cd;font-size:10px}input,select{width:100%;min-height:44px;padding:0 12px;border:1px solid #3d4567;border-radius:9px;color:#fff;background:#11152b;font-size:12px;font-weight:700}select:disabled,option:disabled{color:#626980}.fighter-preview{display:flex;min-height:150px;padding:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--player-color) 35%,transparent);border-radius:14px;background:radial-gradient(circle,color-mix(in srgb,var(--player-color) 17%,transparent),transparent 64%)}.fighter-preview.compact{min-height:112px;margin-top:12px}.fighter-preview i{position:relative;display:block;width:48px;height:82px;border:6px solid #060810;border-radius:7px;background:var(--player-color);box-shadow:inset 9px 0 #ffffff40,0 16px 20px #00000047;animation:previewIdle 1.8s ease-in-out infinite}.fighter-preview i:before,.fighter-preview i:after{content:"";position:absolute;top:20px;width:5px;height:7px;background:#080a10}.fighter-preview i:before{right:16px}.fighter-preview i:after{right:6px}.fighter-preview b{font-size:13px}.host-settings{margin-top:20px;overflow:hidden}.host-settings summary{display:flex;padding:20px 22px;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:12px;font-weight:900;letter-spacing:.08em}.host-settings summary::-webkit-details-marker{display:none}.host-settings summary small{color:#8f97b0;font-size:10px;font-weight:600}.host-settings[open] summary{border-bottom:1px solid var(--line)}.readonly-settings{border-color:#303754}.readonly-settings .config-control input:disabled{opacity:.7;cursor:not-allowed}.readonly-settings .config-control output{color:#d5daea}.readonly-settings .stage-toggles label:has(input:disabled){cursor:default}.config-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px;padding:20px 24px}.config-control{display:grid;grid-template-columns:minmax(130px,1fr) minmax(110px,1.3fr) 58px;align-items:center;gap:13px;min-height:51px;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;color:#bfc5d8}.player-limit-config{padding-bottom:0}.player-limit-config+.config-grid{padding-top:0}.stage-toggle-wrap{padding:0 24px 24px}.stage-toggles{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.stage-toggles label{position:relative;display:grid;min-height:58px;place-items:center;border:1px solid #353c5c;border-radius:10px;background:#13172c;cursor:pointer;overflow:hidden}.stage-toggles input{position:absolute;opacity:0}.stage-toggles i{position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,var(--stage-accent),transparent 75%);opacity:.1}.stage-toggles span{z-index:1;color:#747d99;font-size:10px;font-weight:850}.stage-toggles input:checked~i{opacity:.28}.stage-toggles input:checked~span{color:#fff}.stage-toggles label:has(input:checked){border-color:var(--stage-accent);box-shadow:inset 0 -3px var(--stage-accent)}.settings-reset{display:flex;padding:0 24px 24px;justify-content:flex-end}.settings-reset[hidden]{display:none}.settings-reset .button{min-height:42px;color:#ffd6de;border-color:#ff718b61}.stage-picker-hint{max-width:900px;margin:0 auto 22px;padding:13px 18px;border:1px solid rgba(255,224,75,.28);border-radius:12px;color:#c8cee0;background:#ffe04b0f;font-size:11px;text-align:center}.stage-picker-hint b{color:var(--yellow)}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stage-card{--sky-top:#222;--sky-bottom:#444;position:relative;display:block;width:100%;min-height:235px;padding:0;overflow:hidden;border:2px solid rgba(255,255,255,.13);border-radius:18px;text-align:left;background:linear-gradient(var(--sky-top),var(--sky-bottom));transition:.18s ease;isolation:isolate}.stage-card:hover{transform:translateY(-4px);border-color:var(--stage-glow);box-shadow:0 18px 50px color-mix(in srgb,var(--stage-glow) 20%,transparent)}.stage-card.is-selected{border-color:var(--yellow);box-shadow:0 0 0 3px #080a16,0 0 0 6px var(--yellow),0 20px 55px color-mix(in srgb,var(--stage-glow) 35%,transparent)}.stage-selected-badge{position:absolute;z-index:4;top:12px;right:12px;padding:7px 10px;border-radius:20px;color:#080a16;background:var(--yellow);font-size:9px;font-weight:1000;letter-spacing:.08em;box-shadow:0 4px 15px #0000004d}.stage-art{position:absolute;inset:0;overflow:hidden}.stage-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--stage-glow) 14%,transparent),transparent 48%)}.stage-art img{display:block;width:100%;height:100%;object-fit:cover}.stage-info{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;padding:15px 18px;background:linear-gradient(transparent,#050710f0 32%)}.stage-info small{margin-bottom:2px;color:var(--stage-glow);font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.stage-info strong{font-size:22px;letter-spacing:-.04em}.stage-info em{margin-top:4px;color:#afb6ca;font-size:10px;font-style:normal;line-height:1.35}.stage-card.is-compact{min-height:300px;border:0;pointer-events:none}.stage-card.is-compact .stage-info{padding:25px}.stage-card.is-compact .stage-info strong{font-size:35px}.nomination-panel{margin-top:20px;padding:22px}.nomination-panel h2{margin:0 0 17px;font-size:13px;letter-spacing:.1em}.nomination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nomination-grid label{display:grid;grid-template-columns:12px 1fr;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#11152a}.nomination-grid i{width:10px;height:28px;border:2px solid #070910;border-radius:2px;background:var(--player-color)}.nomination-grid span{font-size:10px;font-weight:900}.nomination-grid select{grid-column:1/-1}.online-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:20px;max-width:1020px;margin:3vh auto}.identity-panel{padding:24px}.online-actions{display:grid;gap:16px}.host-card,.join-card{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;padding:25px}.host-card .mode-icon,.join-card .mode-icon{margin:0;width:58px;height:58px;font-size:27px;--mode-glow:var(--cyan)}.join-card .mode-icon{--mode-glow:var(--pink)}.host-card h2,.join-card h2{margin:2px 0;font-size:23px}.host-card p,.join-card p{margin:4px 0;color:#a5adc3;font-size:11px}.host-card small,.join-card small{color:var(--cyan);font-size:8px;font-weight:950;letter-spacing:.16em}.join-card small{color:var(--pink)}.room-input{width:112px;min-height:50px;text-align:center;text-transform:uppercase;font-size:20px;letter-spacing:.14em}.join-card .room-input{grid-column:2}.join-card .button{grid-column:3;grid-row:2}.room-banner{display:flex;align-items:center;gap:18px;padding:15px 20px}.room-banner>div{display:flex;align-items:center;gap:15px}.room-banner small{color:#8992ac;font-size:9px;font-weight:900;letter-spacing:.15em}.room-banner strong{color:var(--yellow);font-size:29px;letter-spacing:.18em}.connection-pill{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:8px 12px;border:1px solid rgba(53,224,161,.28);border-radius:20px;color:#7ff2c2;background:#35e0a112;font-size:9px;font-weight:900;letter-spacing:.06em}.connection-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.connection-pill.is-offline{color:#ffbd6b;border-color:#ff9b424d;background:#ff9b4214}.connection-pill.is-offline:before{background:#ff9f43;box-shadow:0 0 10px #ff9f43;animation:pulse 1s infinite}.online-lobby-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.roster-panel,.self-panel{padding:22px}.online-player{display:grid;grid-template-columns:32px 18px 1fr auto;align-items:center;gap:12px;min-height:70px;padding:10px 12px;border-top:1px solid var(--line)}.online-player>i{width:15px;height:35px;border:3px solid #070910;border-radius:3px;background:var(--player-color)}.online-player div{display:grid;gap:3px}.online-player strong{font-size:13px}.online-player strong em{margin-left:7px;padding:3px 5px;border-radius:4px;color:#11131e;background:var(--yellow);font-size:7px;font-style:normal}.online-player small{color:#8d96b0;font-size:9px}.slot-number{color:#59617d;font-size:12px;font-weight:900}.ready-state{color:#737c96;font-size:9px;font-weight:950;letter-spacing:.08em}.online-player.is-ready .ready-state{color:var(--green)}.online-player.is-disconnected{opacity:.52}.self-panel .ready-button{width:100%;margin-top:18px}.waiting-card{margin:20px 0;padding:20px;border:1px dashed #404866;border-radius:13px;color:#929bb6;text-align:center;font-size:11px}.waiting-pulse{align-self:center;color:#8f98b2;font-size:10px;font-weight:900;letter-spacing:.15em;animation:pulse 1.5s ease-in-out infinite}.roulette-screen{display:grid;min-height:100vh;padding:40px 20px;place-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(115,71,224,.3),transparent 38%),linear-gradient(150deg,#080a19,#151231)}.roulette-screen h1{margin:12px 0 30px;font-size:clamp(28px,5vw,60px);letter-spacing:-.055em}.roulette-screen>p{color:#a5adc4;font-size:13px}.roulette-window{display:grid;grid-template-columns:8px minmax(280px,500px) 8px;align-items:center;gap:14px}.roulette-window>span{height:65%;border-radius:8px;background:linear-gradient(var(--pink),var(--yellow));box-shadow:0 0 30px var(--pink)}.roulette-window>span:last-child{background:linear-gradient(var(--cyan),var(--green));box-shadow:0 0 30px var(--cyan)}.roulette-window article{min-width:0;border:4px solid #fff;border-radius:20px;box-shadow:0 28px 80px #0000007a}.roulette-pop{animation:roulettePop .11s ease}.sync-spinner{width:64px;height:64px;margin:16px auto 26px;border:6px solid rgba(255,255,255,.14);border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite}.game-shell{position:fixed;inset:0;overflow:hidden;background:#050711}.game-shell canvas{display:block;width:100%;height:100%;touch-action:none}.game-connection{position:absolute;right:64px;bottom:16px;z-index:4;margin:0;background:#050711ad}.pause-button{position:absolute;right:14px;bottom:14px;z-index:5;width:40px;height:40px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:#050711b3;font-weight:900}.pause-overlay{position:absolute;inset:0;z-index:20;display:grid;padding:20px;place-items:center;background:#04050dbd;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:.2s}.pause-overlay.is-visible{opacity:1;pointer-events:auto}.pause-overlay .panel{display:grid;width:min(420px,100%);padding:32px;text-align:center;gap:13px}.pause-overlay h2{margin:0;font-size:34px}.pause-overlay p{margin:0 0 10px;color:#a8b0c6;font-size:12px}.pause-overlay small{color:var(--yellow);font-weight:900;letter-spacing:.14em}.results-screen{position:relative;min-height:100vh;padding:42px max(18px,calc((100vw - 1280px)/2)) 28px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 13%,color-mix(in srgb,var(--winner-color) 35%,transparent),transparent 32%),linear-gradient(#0d1023,#080a16);isolation:isolate}.results-rays{position:absolute;z-index:-1;left:50%;top:-320px;width:900px;height:900px;transform:translate(-50%) rotate(0) scale(.92);transform-origin:50% 50%;opacity:.16;background:repeating-conic-gradient(from 0deg,var(--winner-color) 0deg 7deg,transparent 7deg 15deg);animation:resultsRays 24s ease-in-out infinite;mask-image:radial-gradient(circle,#000,transparent 67%)}.winner-hero{position:relative;z-index:1}.winner-hero h1{margin:8px 0 0;color:var(--yellow);font-size:clamp(54px,8vw,100px);font-weight:1000;letter-spacing:-.08em;line-height:.86;text-shadow:0 8px 0 #8e5505,0 20px 45px rgba(0,0,0,.5);transform:skew(-4deg)}.winner-hero h2{margin:10px 0 2px;font-size:clamp(25px,4vw,42px);letter-spacing:-.04em}.winner-hero p{margin:0;color:#acb3ca;font-size:12px}.winner-fighter{position:relative;width:85px;height:120px;margin:15px auto 0;animation:winnerBounce 1.4s ease-in-out infinite}.winner-fighter i{position:absolute;left:16px;bottom:0;width:54px;height:95px;border:7px solid #060810;border-radius:8px;background:var(--winner-color);box-shadow:inset 11px 0 #ffffff40,0 0 45px color-mix(in srgb,var(--winner-color) 50%,transparent);transform:rotate(-5deg)}.winner-fighter i:before,.winner-fighter i:after{content:"";position:absolute;top:23px;width:6px;height:8px;background:#080a10}.winner-fighter i:before{right:18px}.winner-fighter i:after{right:7px}.winner-fighter span{position:absolute;right:0;top:5px;color:var(--yellow);font-size:27px;animation:spin 3s linear infinite}.results-content{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.4fr);gap:15px;margin-top:26px;text-align:left}.stats-table-wrap,.kill-log{padding:18px;overflow:auto}.stats-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.stats-table th{padding:8px;color:#7f89a5;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.stats-table td{padding:11px 8px;border-top:1px solid var(--line);text-align:center}.stats-table td:first-child{text-align:left}.tiny-fighter{display:inline-block;width:10px;height:21px;margin-right:7px;vertical-align:middle;border:2px solid #080a10;border-radius:2px;background:var(--player-color)}.kill-log ol{max-height:190px;margin:0;padding:0;overflow:auto;list-style:none}.kill-log li{display:grid;grid-template-columns:auto auto 1fr auto;gap:4px;padding:9px 0;border-top:1px solid var(--line);color:#adb5ca;font-size:9px}.kill-log time{justify-self:end;color:#68718d}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.round-consent{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.round-consent span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #363e5d;border-radius:20px;color:#838da8;background:#12162b;font-size:9px;font-weight:850}.round-consent span.is-ready{border-color:#35e0a173;color:#9ff6ce}.round-consent i{display:inline-block;width:7px;height:17px;border:2px solid #070910;border-radius:2px;background:var(--player-color)}.result-stage-suggestions{width:min(760px,100%);margin:14px auto 0;padding:14px 18px;text-align:left}.result-stage-suggestions .section-label{margin-bottom:9px}.result-stage-suggestions>p{margin:0;color:#7f89a5;font-size:10px}.result-stage-suggestions>small{display:block;margin-top:9px;color:#929bb4;font-size:9px;line-height:1.45}.result-stage-suggestion-list{display:flex;flex-wrap:wrap;gap:8px}.result-stage-suggestion-list span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,224,75,.3);border-radius:20px;background:#ffe04b0f;font-size:10px}.result-stage-suggestion-list i{width:8px;height:20px;border:2px solid #070910;border-radius:2px;background:var(--player-color)}.result-stage-suggestion-list strong{color:var(--yellow)}.map-vote-clock{display:flex;width:min(520px,100%);margin:0 auto 18px;padding:14px 22px;align-items:baseline;justify-content:center;gap:12px;border-color:#ffe04b59}.map-vote-clock small,.map-vote-clock span{color:#9099b5;font-size:9px;font-weight:900;letter-spacing:.12em}.map-vote-clock strong{color:var(--yellow);font-size:42px;line-height:1;text-shadow:0 0 24px rgba(255,224,75,.4)}.confirmation-overlay{position:fixed;inset:0;z-index:90;display:none;padding:20px;place-items:center;background:#04050dd1;backdrop-filter:blur(12px)}.confirmation-overlay.is-visible{display:grid}.confirmation-dialog{display:grid;width:min(500px,100%);padding:32px;gap:14px;text-align:center}.confirmation-dialog small{color:var(--yellow);font-size:9px;font-weight:950;letter-spacing:.16em}.confirmation-dialog h2{margin:0;font-size:32px}.confirmation-dialog p{margin:0 0 8px;color:#b5bdd2;font-size:13px;line-height:1.55}.confirmation-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;max-width:min(480px,calc(100vw - 30px));padding:13px 20px;transform:translate(-50%,25px);border:1px solid rgba(53,224,161,.45);border-radius:12px;color:#dfffee;background:#0c1f1cf5;box-shadow:0 18px 50px #0006;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transition:.22s}.toast.is-visible{transform:translate(-50%);opacity:1}.toast.is-error{border-color:#ff4d6d8c;color:#ffe3e8;background:#2c0e19f5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{margin-top:0}50%{margin-top:-18px}}@keyframes drift{0%{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translate(35px,-140px);opacity:0}}@keyframes demoJump{0%,to{transform:translateY(130px) rotate(0)}45%{transform:translateY(-20px) rotate(8deg)}55%{transform:translateY(-20px) rotate(8deg)}}@keyframes demoDash{0%,55%,to{transform:translateY(100px) scale(1)}65%{transform:translate(-130px,100px) scale(1.35,.72)}72%{transform:translate(-175px,100px) scale(1.2,.82)}}@keyframes previewIdle{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes roulettePop{0%{transform:scale(.94);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}@keyframes winnerBounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes resultsRays{0%{transform:translate(-50%) rotate(0) scale(.92)}50%{transform:translate(-50%) rotate(180deg) scale(1.08)}to{transform:translate(-50%) rotate(360deg) scale(.92)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@media(max-width:1050px){.player-grid{grid-template-columns:repeat(2,1fr)}.stage-toggles{grid-template-columns:repeat(3,1fr)}.online-lobby-grid,.results-content{grid-template-columns:1fr}}@media(max-width:760px){.hero-card{padding:42px 24px 30px}.home-actions{grid-template-columns:1fr}.home-actions .button{grid-column:1}.topbar{grid-template-columns:44px 1fr 42px;gap:10px;min-height:80px}.mini-logo,.topbar p{display:none}.menu-content{width:min(100% - 22px,1280px);padding-top:20px}.mode-grid,.control-grid,.online-layout{grid-template-columns:1fr}.mode-card{min-height:330px;padding:28px}.control-rows div{grid-template-columns:120px 1fr}.mechanic-strip{grid-template-columns:1fr}.range-row{grid-template-columns:1fr 60px}.range-row input{grid-row:2;grid-column:1/-1}.lobby-toolbar{flex-wrap:wrap}.device-status{margin-left:0}.lobby-toolbar .button{width:100%}.config-grid{grid-template-columns:1fr;padding-inline:15px}.stage-grid,.nomination-grid{grid-template-columns:1fr 1fr}.host-card,.join-card{grid-template-columns:60px 1fr}.host-card .button,.join-card .button,.join-card .room-input{grid-column:1/-1;grid-row:auto;width:100%}.room-banner{flex-wrap:wrap}.connection-pill{margin-left:0}.stage-card{min-height:210px}.result-actions{flex-direction:column}.result-actions .button{width:100%}.results-screen{padding-top:28px}.winner-fighter{transform:scale(.8);margin-block:3px}.stats-table-wrap{padding:10px}}@media(max-width:500px){.player-grid,.stage-grid,.nomination-grid{grid-template-columns:1fr}.game-logo{font-size:49px}.hero-copy{font-size:13px}.float-platform{opacity:.45}.player-card{display:grid;grid-template-columns:100px 1fr;gap:0 12px}.player-card header{grid-column:1/-1}.player-card .fighter-preview{grid-row:2/5;min-height:100%}.player-card label{grid-column:2}.stage-toggles{grid-template-columns:repeat(2,1fr)}.host-settings summary{align-items:flex-start;flex-direction:column;gap:5px}.room-banner strong{font-size:23px}.roulette-window{grid-template-columns:5px minmax(0,1fr) 5px}.stage-card.is-compact{min-height:250px}.online-player{grid-template-columns:20px 15px 1fr}.online-player .ready-state{grid-column:3}.results-screen{padding-inline:10px}.winner-hero h1{font-size:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}