html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#02070d;min-width:320px;min-height:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0;font-family:Segoe UI,Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select{font-family:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}::selection{color:#07111a;background:#ffc43b}:root{--bg-0:#02070d;--bg-1:#04101a;--surface:#07141ff0;--surface-2:#0a1c2af0;--surface-3:#102a3f;--line:#1a4e70;--line-soft:#3f88b338;--yellow:#ffc43b;--yellow-bright:#ffe08b;--yellow-dark:#d89400;--cyan:#5bd7ff;--text:#f3f8fc;--muted:#7f9db2;--muted-2:#547387;--tank:#48c9ff;--damage:#ff6076;--support:#5ce1a2;--danger:#ff5365;--shadow:0 24px 70px #0000006b}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.app{isolation:isolate;min-height:100vh;color:var(--text);background:radial-gradient(circle at 72% -20%, #2879aa2e, transparent 38%), linear-gradient(145deg, var(--bg-1), var(--bg-0) 58%);position:relative;overflow-x:hidden}.ambient-grid,.noise-layer,.ambient-orb{pointer-events:none;z-index:-2;position:fixed}.ambient-grid{opacity:.2;background-image:linear-gradient(#4a94bf14 1px,#0000 1px),linear-gradient(90deg,#4a94bf14 1px,#0000 1px);background-size:58px 58px;animation:24s linear infinite grid-drift;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.noise-layer{z-index:20;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");inset:0}.ambient-orb{filter:blur(110px);opacity:.08;border-radius:50%;width:460px;height:460px}.orb-one{background:var(--cyan);animation:14s ease-in-out infinite alternate orb-float;top:140px;right:-140px}.orb-two{background:var(--yellow);animation:18s ease-in-out infinite alternate-reverse orb-float;bottom:-260px;left:18%}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#02080ee6;border-bottom:1px solid #ffc43b8c;grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:28px;min-height:78px;padding:10px 22px;display:grid;position:sticky;top:0;box-shadow:0 10px 35px #00000040}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--yellow), transparent);opacity:.7;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{width:max-content;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{place-items:center;width:48px;height:48px;display:grid;position:relative}.brand-mark:before{content:"";filter:blur(4px);background:radial-gradient(circle,#ffc43b2e,#0000 68%);border-radius:50%;transition:transform .18s,opacity .18s;position:absolute;inset:4px}.brand:hover .brand-mark:before{opacity:1.3;transform:scale(1.18)}.brand-mark img{object-fit:contain;filter:drop-shadow(0 0 8px #ffc43b3d);width:46px;height:46px;position:relative}.brand-copy{flex-direction:column;display:flex}.brand-copy strong{letter-spacing:.025em;font-family:Bahnschrift Condensed,Arial Narrow,Segoe UI,sans-serif;font-size:1.48rem;line-height:1}.brand-copy small{color:var(--yellow);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:.62rem;font-weight:800}.local-data{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;align-items:center;gap:7px;font-size:.64rem;font-weight:700;display:flex}.local-data b{color:var(--yellow)}.pulse-dot{background:var(--support);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite pulse-dot;box-shadow:0 0 #5ce1a280}.topbar nav{gap:7px;display:flex}.topbar nav button{color:#dbe9f2;letter-spacing:.04em;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:linear-gradient(#153b5b,#102c45);border:1px solid #194b6e;justify-content:center;align-items:center;gap:8px;min-width:112px;padding:11px 17px;font-size:.7rem;font-weight:850;transition:transform .12s,border-color .14s,background .14s,color .14s;display:flex;position:relative;overflow:hidden}.topbar nav button:before{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff24,#0000 72%);transition:transform .42s;position:absolute;inset:0;transform:translate(-130%)}.topbar nav button:hover{background:linear-gradient(#1b4d72,#133650);border-color:#2b789f;transform:translateY(-1px)}.topbar nav button:hover:before{transform:translate(130%)}.topbar nav .nav-active{border-color:var(--yellow);color:#151d23;background:linear-gradient(180deg, var(--yellow-bright), var(--yellow));box-shadow:0 0 24px #ffc43b2b}.workspace{grid-template-columns:330px minmax(0,1fr);min-height:calc(100vh - 78px);display:grid}.sidebar{border-right:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:#245476 transparent;background:#05111bed;flex-direction:column;height:calc(100vh - 78px);padding:14px;display:flex;position:sticky;top:78px;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:end;margin-bottom:10px;padding:3px 2px 8px;display:flex}.sidebar-head>div{flex-direction:column;display:flex}.eyebrow{color:var(--yellow);letter-spacing:.11em;text-transform:uppercase;font-size:.63rem;font-weight:900}.sidebar-head strong{letter-spacing:.025em;margin-top:2px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.08rem}.live-dot{color:var(--muted);align-items:center;gap:5px;font-size:.55rem;font-weight:800;display:flex}.live-dot span{background:var(--support);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #5ce1a2a6}.side-panel{border:1px solid #1f4f6d73;border-left:3px solid var(--yellow);background:linear-gradient(145deg,#0c2030f5,#071723f5);margin-bottom:10px;padding:12px;position:relative;box-shadow:inset 0 1px #ffffff05}.side-panel:after{content:"";background:var(--yellow);opacity:.45;width:32px;height:1px;position:absolute;top:0;right:0}.panel-title-row{color:#9fb7c7;justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.panel-title-row>div{flex-direction:column;display:flex}.panel-title-row label{color:#c6d8e4;letter-spacing:.035em;text-transform:uppercase;font-size:.7rem;font-weight:900}.panel-title-row small{color:var(--muted-2);margin-top:2px;font-size:.58rem}.side-panel select{border:1px solid var(--line);color:#fff;background:var(--surface-3);border-radius:0;width:100%;padding:10px 34px 10px 10px;transition:border-color .14s,box-shadow .14s}.side-panel select:hover{border-color:#2d789f}.squad-counter{grid-template-columns:38px 1fr 38px;gap:4px;margin-bottom:8px;display:grid}.squad-counter button{border:1px solid var(--line);color:#fff;background:linear-gradient(#17476b,#123550);min-height:36px;font-size:1rem;font-weight:800;transition:transform .1s,background .12s}.squad-counter button:hover:not(:disabled){background:#1b567f;transform:translateY(-1px)}.squad-counter strong{color:#e6f1f7;background:#071722;border:1px solid #1f4f6d59;place-items:center;font-size:.7rem;display:grid}.players{gap:5px;display:grid}.player-row{grid-template-columns:35px minmax(0,1fr) 30px 30px 30px;gap:3px;min-height:34px;display:grid}.player-row .number{color:#172029;background:linear-gradient(180deg, #ffdf7b, var(--yellow));place-items:center;font-size:.61rem;font-weight:950;display:grid}.player-row input{border:1px solid var(--line);color:#fff;background:#0f283b;min-width:0;padding:7px 8px;font-size:.68rem;transition:border-color .12s,background .12s}.player-row input:hover,.player-row input:focus{background:#13324a;border-color:#2e789f}.role{opacity:.28;background:#132431;border:1px solid #27485e;padding:5px;transition:opacity .13s,transform .13s,border-color .13s,box-shadow .13s;position:relative}.role:hover{opacity:.72;transform:translateY(-1px)}.role.active{opacity:1}.role.tank.active{border-color:var(--tank);background:#226e8c;box-shadow:inset 0 -2px #0003}.role.damage.active{border-color:var(--damage);background:#91384a}.role.support.active{border-color:var(--support);background:#2e7658}.role img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000059);width:100%;height:100%}.rules{gap:7px;display:grid}.rules .panel-title-row{margin-bottom:3px}.toggle-row{border:1px solid var(--line-soft);color:#fff;text-align:left;background:#0a1f2eeb;grid-template-columns:34px 1fr;align-items:center;gap:9px;width:100%;min-height:46px;padding:7px 9px;transition:border-color .14s,background .14s,transform .12s;display:grid}.toggle-row:hover{background:#0e2a3f;border-color:#2a6b92;transform:translate(2px)}.toggle-row>span:last-child{flex-direction:column;display:flex}.toggle-row b{font-size:.65rem}.toggle-row small{color:var(--muted-2);margin-top:2px;font-size:.54rem}.switch{background:#344a58;border-radius:20px;width:32px;height:18px;padding:2px;box-shadow:inset 0 1px 3px #00000059}.switch span{background:#dce9f0;border-radius:50%;width:14px;height:14px;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .16s;display:block}.toggle-row.enabled{background:linear-gradient(90deg,#ffc43b12,#0a1f2eeb);border-color:#ffc43b8c}.toggle-row.enabled .switch{background:var(--yellow)}.toggle-row.enabled .switch span{background:#182128;transform:translate(14px)}.sidebar-footer{margin-top:auto;padding-top:8px}.status-line{min-height:38px;color:var(--muted);background:#05121cb8;border:1px solid #3271944d;align-items:center;gap:8px;margin-bottom:8px;padding:7px 8px;font-size:.58rem;display:flex}.status-line.error{color:#ff95a2;border-color:#ff536573}.status-icon{color:var(--support)}.status-line.error .status-icon{color:var(--danger)}.generate{color:#182128;background:linear-gradient(180deg, var(--yellow-bright), var(--yellow));letter-spacing:.055em;text-transform:uppercase;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:13px 16px;font-size:.72rem;font-weight:950;transition:transform .12s,filter .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #ffc43b1f}.generate:after{content:"";background:linear-gradient(105deg,#0000 32%,#ffffff80,#0000 67%);position:absolute;inset:0;transform:translate(-130%)}.generate:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 34px #ffc43b33}.generate:hover:after{animation:.76s button-sweep}.generate.generating svg{animation:.65s linear infinite spin}.generate-glow{filter:blur(20px);opacity:.18;background:#fff;border-radius:50%;height:36px;position:absolute;inset:auto 20% -22px}.content{min-width:0;padding:20px;overflow:auto}.content-topline{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;animation:.42s both fade-up;display:flex}.game-kicker{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:.6rem;font-weight:850}.game-title-row{align-items:center;gap:10px;margin-top:3px;display:flex}.game-title-row h1{color:var(--yellow);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 20px #ffc43b1f;margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(1.55rem,2.1vw,2.1rem);line-height:1}.web-badge{color:var(--cyan);letter-spacing:.08em;background:#5bd7ff0f;border:1px solid #5bd7ff75;padding:4px 7px;font-size:.5rem;font-weight:900}.game-identity p{color:var(--muted);text-transform:uppercase;margin:6px 0 0;font-size:.63rem}.match-summary{border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061520b8;display:flex}.match-summary>div{border-right:1px solid var(--line-soft);flex-direction:column;min-width:100px;padding:8px 12px;display:flex}.match-summary>div:last-child{border-right:0}.match-summary small{color:var(--muted-2);letter-spacing:.07em;text-transform:uppercase;font-size:.5rem}.match-summary strong{color:#dbeaf3;text-overflow:ellipsis;white-space:nowrap;max-width:105px;margin-top:2px;font-size:.68rem;overflow:hidden}.team-stage{background:radial-gradient(circle at 50% 20%,#174a6926,#0000 48%),#020a1180;border:1px solid #20557338;min-height:calc(100vh - 158px);padding:9px;position:relative;overflow:hidden}.stage-grid{opacity:.18;pointer-events:none;background-image:linear-gradient(#488eb514 1px,#0000 1px),linear-gradient(90deg,#488eb514 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 88%);mask-image:radial-gradient(circle,#000,#0000 88%)}.team-grid{grid-template-columns:repeat(var(--cards), minmax(175px, 1fr));min-width:calc(var(--cards) * 184px);gap:10px;display:grid;position:relative}.hero-card{--role-color:var(--cyan);border:1px solid color-mix(in srgb, var(--role-color) 68%, #173b52);min-width:0;color:var(--text);background:linear-gradient(145deg, color-mix(in srgb, var(--role-color) 5%, transparent), transparent 38%), linear-gradient(180deg, #0e2536fa, #05111afa);clip-path:polygon(8px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 8px);animation:card-reveal .47s cubic-bezier(.16, .84, .32, 1) var(--delay) both;padding:8px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06,0 14px 30px #00000038}.hero-card.tank{--role-color:var(--tank)}.hero-card.damage{--role-color:var(--damage)}.hero-card.support{--role-color:var(--support)}.hero-card:hover{z-index:2;border-color:var(--role-color);box-shadow:inset 0 1px #ffffff0a, 0 22px 42px #0000005c, 0 0 24px color-mix(in srgb, var(--role-color) 13%, transparent);transform:translateY(-4px)}.hero-card.is-locked{border-color:var(--yellow);box-shadow:0 0 24px #ffc43b1a}.hero-card.is-rerolling .portrait{animation:.28s reroll-flash}.card-corner{z-index:4;background:var(--role-color);opacity:.9;width:28px;height:2px;position:absolute}.card-corner.top{top:0;left:8px}.card-corner.bottom{bottom:0;right:9px}.card-shine{z-index:5;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:42%;height:170%;transition:left .64s;position:absolute;top:-35%;left:-70%;transform:rotate(16deg)}.hero-card:hover .card-shine{left:125%}.card-player{z-index:3;color:#90acbe;background:#030d15d1;border-bottom:1px solid #255e7f57;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:30px;padding:6px 8px;font-size:.63rem;display:grid;position:relative}.card-player>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-index{color:var(--role-color);letter-spacing:.06em;font-size:.55rem;font-weight:900}.mini-lock{color:var(--yellow)}.portrait{border:1px solid color-mix(in srgb, var(--role-color) 50%, #24485d);background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--role-color) 16%, transparent), transparent 56%), #071923;place-items:center;height:clamp(220px,34vh,390px);margin-top:7px;display:grid;position:relative;overflow:hidden}.portrait:after{content:"";z-index:5;background:var(--role-color);height:4px;box-shadow:0 -3px 16px color-mix(in srgb, var(--role-color) 28%, transparent);position:absolute;bottom:0;left:0;right:0}.portrait-grid{opacity:.18;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.portrait-fallback{color:color-mix(in srgb, var(--role-color) 58%, #91a7b7);opacity:.42;place-items:center;display:grid;position:absolute;inset:0}.hero-image{z-index:2;object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.75,.2,1),filter .24s;animation:.52s cubic-bezier(.16,.84,.32,1) both portrait-reveal;position:relative}.hero-card:hover .hero-image{filter:saturate(1.05)contrast(1.02);transform:scale(1.035)}.role-only-image{z-index:2;object-fit:contain;width:52%;height:52%;filter:drop-shadow(0 0 24px color-mix(in srgb, var(--role-color) 45%, transparent));animation:.42s cubic-bezier(.2,.9,.2,1) both role-pop;position:relative}.portrait-vignette{z-index:3;pointer-events:none;background:linear-gradient(#0000 66%,#02080dad),radial-gradient(circle,#0000 52%,#01070c6b);position:absolute;inset:0}.role-watermark{z-index:4;width:48px;height:48px;color:var(--role-color);opacity:.22;pointer-events:none;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--role-color) 24%, transparent));place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.role-watermark-icon{width:100%;height:100%;-webkit-mask:var(--role-mask) center / contain no-repeat;-webkit-mask:var(--role-mask) center / contain no-repeat;mask:var(--role-mask) center / contain no-repeat;background:currentColor}.role-watermark-fallback{font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:2.1rem;font-weight:900}.portrait-loading{z-index:6;gap:6px;display:flex;position:relative}.portrait-loading span{background:var(--role-color);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite loading-dot}.portrait-loading span:nth-child(2){animation-delay:.11s}.portrait-loading span:nth-child(3){animation-delay:.22s}.hero-info{padding:10px 4px 8px}.hero-name-row{justify-content:center;align-items:center;gap:7px;display:flex}.hero-name-row h2{letter-spacing:.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:calc(100% - 18px);margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(.96rem,1.15vw,1.2rem);overflow:hidden}.role-dot{background:var(--role-color);width:6px;height:6px;box-shadow:0 0 8px var(--role-color);border-radius:50%}.hero-role{min-height:17px;color:var(--role-color);letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:.56rem;font-weight:900;display:flex;overflow:hidden}.hero-role span{color:var(--muted-2)}.card-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.card-actions button{color:#dceaf2;background:linear-gradient(#174562,#12344d);border:1px solid #245d7d;place-items:center;min-height:38px;padding:8px;transition:transform .11s,border-color .13s,background .13s,color .13s;display:grid;position:relative}.card-actions button:after{content:attr(data-tooltip);z-index:20;pointer-events:none;opacity:0;color:#dceaf2;white-space:nowrap;background:#020a10;padding:5px 7px;font-size:.52rem;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,5px)}.card-actions button:hover:not(:disabled){border-color:var(--role-color);color:#fff;background:#1a5072;transform:translateY(-2px)}.card-actions button:hover:after{opacity:1;transform:translate(-50%)}.card-actions .active-lock{border-color:var(--yellow);color:var(--yellow);background:#7051116b}.loadout{text-align:left;background:#04111ab8;border:1px solid #1a4e707a;justify-content:space-between;align-items:center;margin-top:7px;padding:8px;display:flex}.loadout>div{flex-direction:column;min-width:0;display:flex}.loadout small{color:var(--yellow);letter-spacing:.05em;text-transform:uppercase;font-size:.48rem;font-weight:900}.loadout span:not(.loadout-status){color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.56rem;overflow:hidden}.loadout-status{width:21px;height:21px;color:var(--support);background:#5ce1a20d;border:1px solid #5ce1a247;border-radius:50%;place-items:center;display:grid}.error-state{color:#ff8997;text-align:center;background:#1f080e4d;border:1px solid #ff536540;place-content:center;justify-items:center;min-height:430px;display:grid}.error-state h2{margin:14px 0 4px}.error-state p{color:#c98d95;margin:0 0 16px}.error-state button{color:#fff;background:#51212b;border:1px solid #984253;padding:10px 16px}.utility-page{min-height:calc(100vh - 78px);padding:clamp(28px,4vw,64px);animation:.36s both fade-up}.utility-heading{max-width:720px;margin-bottom:28px}.utility-heading h1{color:var(--yellow);text-transform:uppercase;margin:5px 0 7px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.utility-heading p{color:var(--muted);margin:0}.profile-grid,.games-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;display:grid}.profile-card{--card-accent:var(--cyan);color:#fff;text-align:left;min-height:138px;animation:card-reveal .42s ease var(--delay) both;background:linear-gradient(145deg,#0f2a3ef2,#06141ff2);border:1px solid #235d7d8a;grid-template-columns:48px 1fr 30px;align-items:center;gap:14px;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden}.profile-card:before{content:"";background:var(--cyan);width:4px;transition:transform .18s,background .18s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(.35)}.profile-card:hover{border-color:var(--cyan);box-shadow:var(--shadow);transform:translateY(-3px)}.profile-card.selected{border-color:var(--yellow);background:linear-gradient(145deg,#523c104d,#091c29f5)}.profile-card.selected:before{background:var(--yellow);transform:scaleY(1)}.profile-card-icon{width:48px;height:48px;color:var(--cyan);background:#5bd7ff0d;border:1px solid #5bd7ff57;place-items:center;display:grid}.profile-card.selected .profile-card-icon{color:var(--yellow);border-color:#ffc43b80}.profile-card-copy{flex-direction:column;display:flex}.profile-card-copy small{color:var(--cyan);letter-spacing:.11em;font-size:.52rem;font-weight:900}.profile-card.selected .profile-card-copy small{color:var(--yellow)}.profile-card-copy strong{margin-top:4px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.3rem}.profile-card-copy span{color:var(--muted);margin-top:5px;font-size:.72rem}.profile-select{color:#0000;border:1px solid #52829d4d;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.profile-card.selected .profile-select{border-color:var(--support);color:var(--support);background:#5ce1a20f}.utility-note{max-width:620px;color:var(--support);background:#051620b8;border:1px solid #275b7a61;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.utility-note>div{flex-direction:column;display:flex}.utility-note strong{color:#dbeaf3;font-size:.74rem}.utility-note span{color:var(--muted);margin-top:2px;font-size:.65rem}.games-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.game-module{--module-accent:var(--cyan);color:#dbeaf3;text-align:left;min-height:118px;animation:card-reveal .42s ease var(--delay) both;background:linear-gradient(145deg,#0d2333e6,#05121bf0);border:1px solid #2c587070;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:15px;transition:transform .15s,border-color .15s,filter .15s;display:grid;position:relative;overflow:hidden}.game-module:after{content:"";background:var(--module-accent);opacity:.55;height:2px;position:absolute;bottom:0;left:0;right:0}.game-module:hover{border-color:var(--module-accent);filter:brightness(1.07);transform:translateY(-3px)}.game-module.available{box-shadow:0 0 28px color-mix(in srgb, var(--module-accent) 10%, transparent)}.module-icon{border:1px solid color-mix(in srgb, var(--module-accent) 45%, transparent);width:48px;height:48px;color:var(--module-accent);background:color-mix(in srgb, var(--module-accent) 7%, transparent);place-items:center;display:grid}.module-copy{flex-direction:column;min-width:0;display:flex}.module-copy strong{text-overflow:ellipsis;white-space:nowrap;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.08rem;overflow:hidden}.module-copy small{color:var(--muted);margin-top:4px;font-size:.58rem}.module-status{color:var(--module-accent);border:1px solid #4c7c9752;padding:4px 6px;font-size:.49rem;font-weight:900}.roadmap-strip{background:#05141ead;border:1px solid #24567361;align-items:center;gap:16px;margin-top:24px;padding:18px;display:flex}.roadmap-strip span{color:var(--muted);align-items:center;gap:8px;font-size:.65rem;display:flex}.roadmap-strip b{border:1px solid var(--yellow);width:24px;height:24px;color:var(--yellow);border-radius:50%;place-items:center;display:grid}.roadmap-strip i{background:linear-gradient(90deg, var(--yellow), var(--line), transparent);flex:1;height:1px}.drawer-layer{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00050ab8;justify-content:flex-end;animation:.18s both backdrop-in;display:flex;position:fixed;inset:0}.hero-drawer{--role-color:var(--cyan);border-left:1px solid var(--role-color);width:min(430px,100%);height:100%;color:var(--text);background:#06131e;animation:.28s cubic-bezier(.16,.84,.32,1) both drawer-in;position:relative;overflow-y:auto;box-shadow:-24px 0 70px #00000080}.hero-drawer.tank{--role-color:var(--tank)}.hero-drawer.damage{--role-color:var(--damage)}.hero-drawer.support{--role-color:var(--support)}.drawer-close{z-index:8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01080db8;border:1px solid #ffffff2e;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.drawer-close:hover{border-color:var(--role-color)}.drawer-hero{background:#071b29;height:350px;position:relative;overflow:hidden}.drawer-hero img{object-fit:cover;object-position:top center;width:100%;height:100%}.drawer-vignette{background:linear-gradient(#0000 44%,#06131e 98%),linear-gradient(90deg,#040d148c,#0000 55%);position:absolute;inset:0}.drawer-title{position:absolute;bottom:18px;left:22px;right:22px}.drawer-title small{color:var(--role-color);letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:900}.drawer-title h2{text-transform:uppercase;margin:3px 0 0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:2.5rem;line-height:1}.drawer-content{padding:20px}.drawer-section-title{color:var(--yellow);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:.69rem;font-weight:900;display:flex}.perk-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.perk-card{background:linear-gradient(145deg,#0d273af2,#071723f2);border:1px solid #295b797a;flex-direction:column;min-height:112px;padding:12px;display:flex}.perk-card>span{color:var(--role-color);font-size:.56rem;font-weight:900}.perk-card strong{color:#e8f2f7;margin-top:auto;font-size:.78rem}.perk-card small{color:var(--muted-2);letter-spacing:.05em;margin-top:6px;font-size:.48rem;font-weight:800}.empty-perks{color:var(--muted);font-size:.74rem}.toast{z-index:100;color:#dceaf2;min-width:260px;max-width:min(390px,100vw - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04121cf0;border:1px solid #5bd7ff73;align-items:center;gap:10px;padding:12px 14px;animation:.26s cubic-bezier(.16,.84,.32,1) both toast-in;display:flex;position:fixed;bottom:22px;right:22px}.toast>span{width:30px;height:30px;color:var(--cyan);border:1px solid #5bd7ff4d;place-items:center;display:grid}.toast.success{border-color:#5ce1a275}.toast.success>span{color:var(--support);border-color:#5ce1a24d}.toast.warning{border-color:#ff536580}.toast.warning>span{color:var(--danger);border-color:#ff53654d}.toast p{margin:0;font-size:.7rem}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:58px 58px,58px 58px}}@keyframes orb-float{0%{transform:translate(0,0)scale(1)}to{transform:translate(-70px,42px)scale(1.12)}}@keyframes pulse-dot{0%{box-shadow:0 0 #5ce1a280}70%,to{box-shadow:0 0 0 8px #5ce1a200}}@keyframes button-sweep{0%{transform:translate(-130%)}to{transform:translate(130%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes portrait-reveal{0%{opacity:0;transform:translate(0,0)scale(1.025)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes role-pop{0%{opacity:0;transform:scale(.72)rotate(-7deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes reroll-flash{0%{filter:brightness();transform:scale(1)}45%{filter:brightness(1.6);transform:scale(.985)}to{filter:brightness();transform:scale(1)}}@keyframes loading-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)translate(8px)}to{opacity:1;transform:translateY(0)translate(0)}}@media (width<=1180px){.topbar{grid-template-columns:1fr auto}.local-data{display:none}.workspace{grid-template-columns:305px minmax(0,1fr)}.match-summary>div{min-width:86px}.games-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=860px){.topbar{grid-template-columns:1fr;gap:10px;position:relative}.topbar nav{width:100%;overflow-x:auto}.topbar nav button{flex:1;min-width:100px}.workspace{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line-soft);height:auto;position:relative;top:auto}.content-topline{flex-direction:column;align-items:stretch}.topline-actions{flex-wrap:wrap;width:100%;margin-left:0}.generate-image-button{flex:none}.match-summary{flex:420px;width:auto}.match-summary>div{flex:1}.team-stage{min-height:500px}.profile-grid,.games-grid{grid-template-columns:1fr}.roadmap-strip{flex-direction:column;align-items:flex-start}.roadmap-strip i{background:linear-gradient(var(--yellow), transparent);flex:none;width:1px;height:18px;margin-left:12px}}@media (width<=620px){.topbar{padding:10px 12px}.brand-copy small,.topbar nav button span{display:none}.content,.utility-page{padding:12px}.team-grid{grid-template-columns:1fr;min-width:0}.portrait{height:430px}.match-summary>div:last-child{display:none}.profile-card{grid-template-columns:42px 1fr 26px;padding:14px}.perk-grid{grid-template-columns:1fr}.toast{min-width:0;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.ambient-grid{will-change:transform;animation-name:grid-drift-composite;inset:-58px}.noise-layer{opacity:.022;background-image:radial-gradient(circle,#ffffff6b .45px,#0000 .7px);background-size:4px 4px}.ambient-orb{filter:none;opacity:.075;will-change:transform;width:620px;height:620px}.orb-one{background:radial-gradient(circle,#5bd7ffe0 0%,#5bd7ff3d 34%,#0000 70%)}.orb-two{background:radial-gradient(circle,#ffc43bcc 0%,#ffc43b33 34%,#0000 70%)}.topbar{-webkit-backdrop-filter:blur(9px)saturate(115%);backdrop-filter:blur(9px)saturate(115%)}.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05111bf9}.match-summary,.drawer-close,.toast{-webkit-backdrop-filter:none;backdrop-filter:none}.drawer-layer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.team-stage{contain:layout paint}.team-grid{grid-template-columns:repeat(var(--cards), minmax(0, 1fr));justify-content:center;align-items:start;width:100%;min-width:0;max-width:1580px;margin-inline:auto}.team-grid.cards-1{grid-template-columns:minmax(280px,430px)}.team-grid.cards-2{grid-template-columns:repeat(2,minmax(270px,410px))}.team-grid.cards-3{grid-template-columns:repeat(3,minmax(230px,350px))}.team-grid.cards-4{grid-template-columns:repeat(4,minmax(205px,305px))}.team-grid.cards-5{max-width:1420px}.hero-card{contain:layout paint;animation-name:none;transform:translateZ(0)}.hero-card.generation-a{animation:card-reveal-a .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}.hero-card.generation-b{animation:card-reveal-b .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}.portrait{aspect-ratio:4/5;width:100%;height:auto;min-height:220px;max-height:410px}.team-grid.cards-1 .portrait,.team-grid.cards-2 .portrait{max-height:460px}.hero-image,.role-only-image{backface-visibility:hidden;transform:translateZ(0)}.hero-image.is-broken,.role-only-image.is-broken{display:none}.pulse-dot{animation:none;position:relative}.pulse-dot:after{content:"";border:1px solid #5ce1a285;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes grid-drift-composite{0%{transform:translate(0,0)}to{transform:translate(58px,58px)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.55)}70%,to{opacity:0;transform:scale(1.85)}}@keyframes card-reveal-a{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes card-reveal-b{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (width<=1180px) and (width>=861px){.team-grid.cards-4,.team-grid.cards-5,.team-grid.cards-6{grid-template-columns:repeat(3,minmax(190px,1fr))}}@media (width<=860px){.team-grid,.team-grid.cards-1,.team-grid.cards-2,.team-grid.cards-3,.team-grid.cards-4,.team-grid.cards-5,.team-grid.cards-6{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:100%}.portrait{min-height:260px;max-height:430px}}@media (width<=620px){.team-grid,.team-grid.cards-1,.team-grid.cards-2,.team-grid.cards-3,.team-grid.cards-4,.team-grid.cards-5,.team-grid.cards-6{grid-template-columns:minmax(0,1fr)}.portrait,.team-grid.cards-1 .portrait,.team-grid.cards-2 .portrait{aspect-ratio:4/5;height:auto;min-height:300px;max-height:480px}}@media (prefers-reduced-motion:reduce){.ambient-grid,.ambient-orb,.pulse-dot:after,.hero-card.generation-a,.hero-card.generation-b{animation:none!important}}.squad-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 8px;display:grid}.squad-tools button{color:#a9c0cf;text-transform:uppercase;background:#061622d6;border:1px solid #265b7b94;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:31px;padding:5px 4px;font-size:.52rem;font-weight:800;transition:border-color .12s,color .12s,background .12s,transform .12s;display:flex}.squad-tools button:hover{border-color:var(--cyan);color:#fff;background:#10334b;transform:translateY(-1px)}.perks-toggle.enabled{background:linear-gradient(90deg,#f5a6231a,#0a1f2eeb);border-color:#f5a623b8}.stadium-toggle.enabled{background:linear-gradient(90deg,#ffc43b24,#0a1f2ef0);border-color:#ffe08bc7;box-shadow:inset 3px 0 #ffc43b4d}.audio-strip{background:#05141fc7;border:1px solid #1f4f6d66;grid-template-columns:auto minmax(70px,1fr);align-items:center;gap:8px;margin-bottom:10px;padding:8px;display:grid}.audio-strip button{min-height:30px;color:var(--muted);text-transform:uppercase;background:#0b2437;border:1px solid #345e779e;align-items:center;gap:6px;padding:5px 8px;font-size:.55rem;font-weight:800;display:flex}.audio-strip button.enabled{color:var(--support);border-color:#5ce1a280}.audio-strip input[type=range],.volume-control input[type=range]{width:100%;height:4px;accent-color:var(--yellow);cursor:pointer}.audio-strip input:disabled,.volume-control input:disabled{cursor:not-allowed;opacity:.35}.card-perks{background:#030e16b8;border:1px solid #22526f80;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:7px;padding:5px;display:grid}.card-perks.stadium{background:linear-gradient(145deg,#4631081f,#030e16c7);border-color:#ffc43b57}.card-perk{background:#0a1f2ee6;border:1px solid #305b767a;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:43px;padding:5px;transition:border-color .12s,transform .12s,background .12s;display:grid}.card-perk:hover{border-color:color-mix(in srgb, var(--role-color) 65%, #31546a);background:#0e2d43;transform:translateY(-1px)}.card-perk img{object-fit:contain;filter:drop-shadow(0 2px 5px #0000005c);width:28px;height:28px}.card-perk>span{flex-direction:column;min-width:0;display:flex}.card-perk small{color:var(--yellow);letter-spacing:.05em;font-size:.39rem;font-weight:900}.card-perk b{color:#dceaf2;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.52rem;line-height:1.1;overflow:hidden}.no-random-perks{color:var(--muted-2);text-align:center;grid-column:1/-1;padding:7px;font-size:.52rem}.selected-perk-grid{gap:8px;display:grid}.selected-perk-card{border:1px solid color-mix(in srgb, var(--role-color) 36%, #24485d);background:linear-gradient(145deg, color-mix(in srgb, var(--role-color) 7%, transparent), #071723f5);grid-template-columns:58px minmax(0,1fr);gap:11px;padding:10px;display:grid}.selected-perk-card>img,.selected-perk-card>svg{object-fit:contain;align-self:center;width:56px;height:56px}.selected-perk-card>div{flex-direction:column;min-width:0;display:flex}.selected-perk-card small{color:var(--yellow);letter-spacing:.07em;font-size:.49rem;font-weight:900}.selected-perk-card strong{color:#fff;margin-top:3px;font-size:.82rem}.selected-perk-card p,.perk-card.detailed p{color:#91aebe;margin:5px 0 0;font-size:.62rem;line-height:1.45}.catalog-title{border-top:1px solid #2b5b776b;margin-top:22px;padding-top:16px}.perk-card.detailed{grid-template-columns:46px minmax(0,1fr);gap:8px;min-height:152px;padding:10px;display:grid}.perk-card.detailed>img,.perk-card.detailed>svg{object-fit:contain;width:44px;height:44px}.perk-card.detailed>div{flex-direction:column;min-width:0;display:flex}.perk-card.detailed>div>span{color:var(--role-color);font-size:.5rem;font-weight:900}.perk-card.detailed strong{margin-top:3px}.web-settings-panel{background:linear-gradient(145deg,#0c2233f5,#05141ff5);border:1px solid #2b698b8c;grid-template-columns:minmax(260px,1fr) auto minmax(210px,330px) auto;align-items:center;gap:14px;margin-bottom:18px;padding:16px;display:grid}.web-setting-copy{align-items:center;gap:12px;min-width:0;display:flex}.web-setting-copy>div{flex-direction:column;display:flex}.web-setting-copy small{color:var(--yellow);letter-spacing:.08em;font-size:.52rem;font-weight:900}.web-setting-copy strong{margin-top:2px;font-size:.9rem}.web-setting-copy p{color:var(--muted);margin:3px 0 0;font-size:.62rem}.sound-master,.test-sound{border:1px solid var(--line);color:#c7d8e2;background:#10324b;min-height:36px;padding:8px 12px;font-size:.58rem;font-weight:900}.sound-master.enabled{color:var(--support);border-color:#5ce1a28c}.volume-control{color:var(--muted);grid-template-columns:auto 1fr 38px;align-items:center;gap:8px;font-size:.58rem;display:grid}.volume-control b{color:var(--yellow);text-align:right}@media (width<=1180px){.web-settings-panel{grid-template-columns:1fr auto}.volume-control{grid-column:1/-1}}@media (width<=620px){.web-settings-panel{grid-template-columns:1fr}.volume-control{grid-column:auto}.card-perks{grid-template-columns:1fr}.selected-perk-card,.perk-card.detailed{grid-template-columns:48px minmax(0,1fr)}}.player-row{grid-template-columns:34px minmax(0,1fr) 44px 27px 27px 27px}.player-row input:disabled{color:#d8ecf7;cursor:not-allowed;opacity:.82}.player-profile-inline{border:1px solid var(--border);width:44px;min-width:0;color:var(--yellow);text-align:center;background:#0e2a3f;padding:0 3px;font-size:.64rem;font-weight:900}.profile-tag,.filter-count{min-width:18px;height:18px;color:var(--yellow);background:#ffc5331f;border:1px solid #ffc5337a;place-items:center;padding:0 5px;font-size:.56rem;font-weight:900;display:grid}.filter-count{color:#ff8092;background:#ff60771f;border-color:#ff60778c}.card-actions.four-actions{grid-template-columns:repeat(4,1fr)}.card-actions button.active-filter{color:#ff8092;border-color:#ff6077;box-shadow:inset 0 0 18px #ff40601f}.compact-perks .card-perks{gap:4px}.compact-perks .card-perk{min-height:42px;padding:5px}.compact-perks .card-perk img{width:30px;height:30px}.compact-perks .card-perk span small{font-size:.46rem}.compact-perks .card-perk span b{white-space:nowrap;text-overflow:ellipsis;max-width:128px;font-size:.58rem;overflow:hidden}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.profile-manager-page{max-width:none}.profile-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.profile-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile-header-actions button,.profile-identity-row button,.drawer-section-title.with-action button{border:1px solid var(--border);color:#dff3ff;text-transform:uppercase;background:#0c2a40;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:.7rem;font-weight:850;display:inline-flex}.profile-header-actions button.primary{border-color:var(--yellow);background:var(--yellow);color:#121b22}.hidden-file-input{display:none}.profile-mode-panel{border:1px solid #164c6e;border-left:4px solid var(--yellow);background:linear-gradient(115deg,#0a2436f5,#05121deb);grid-template-columns:minmax(0,1fr) minmax(210px,320px);align-items:center;gap:18px;margin:20px 0 14px;padding:14px 16px;display:grid}.profile-mode-panel small,.profile-identity-row small{color:var(--yellow);letter-spacing:.1em;font-size:.56rem;font-weight:900;display:block}.profile-mode-panel strong{margin-top:4px;font-size:1rem;display:block}.profile-mode-panel p{color:var(--muted);margin:4px 0 0;font-size:.7rem}.profile-mode-panel select,.profile-identity-row input,.profile-search input,.profile-editor-panel select{color:#f2fbff;background:#0b2437;border:1px solid #215b7d;outline:none;width:100%;min-height:40px}.profile-mode-panel select{padding:0 12px}.profile-manager{background:#030d15c7;border:1px solid #154665;grid-template-columns:265px minmax(0,1fr);min-height:610px;display:grid}.profile-list-panel{background:#051622f0;border-right:1px solid #164762;padding:12px;overflow:auto}.profile-list-title{color:#83a8bd;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 4px;font-size:.58rem;font-weight:900;display:flex}.profile-list-title b{color:var(--yellow)}.saved-profile-row,.empty-profile-create{color:#e8f7ff;text-align:left;background:#081d2c;border:1px solid #153f59;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:9px;width:100%;margin-bottom:7px;padding:10px;display:grid}.saved-profile-row:hover,.saved-profile-row.selected{border-color:var(--yellow);background:linear-gradient(90deg,#ffc5331a,#0a2335 55%)}.saved-profile-row>span:nth-child(2){gap:3px;min-width:0;display:grid}.saved-profile-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.saved-profile-row small{color:var(--muted);font-size:.55rem}.saved-profile-row>svg{opacity:0;color:var(--yellow)}.saved-profile-row.selected>svg{opacity:1}.saved-profile-avatar{width:36px;height:36px;color:var(--yellow);background:#0e344d;border:1px solid #2a6b8d;place-items:center;font-weight:900;display:grid}.empty-profile-create{color:var(--muted);text-align:center;grid-template-columns:1fr;justify-items:center;padding:28px 14px}.empty-profile-create strong{color:#edf9ff}.empty-profile-create span{font-size:.63rem}.profile-editor-panel{min-width:0;padding:16px;overflow:hidden}.profile-editor-empty{min-height:520px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.profile-editor-empty h2,.profile-editor-empty p{margin:0}.profile-identity-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.profile-identity-row input{margin-top:5px;padding:0 12px;font-size:1rem;font-weight:850}.profile-identity-row button.danger{color:#ff8595;border-color:#ff4e6385}.profile-assignment-strip{background:#071b29;border:1px solid #17445f;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0;padding:10px;display:flex}.profile-assignment-strip>span{color:#8caabd;text-transform:uppercase;margin-right:6px;font-size:.59rem;font-weight:900}.profile-assignment-strip label{cursor:pointer;background:#0c293d;border:1px solid #1a4e6d;align-items:center;gap:5px;padding:6px 8px;font-size:.58rem;display:inline-flex}.profile-assignment-strip label.assigned{border-color:var(--yellow);color:var(--yellow)}.profile-assignment-strip input{display:none}.profile-assignment-strip b{border-right:1px solid;padding-right:5px}.profile-classifier-toolbar,.filter-toolbar{grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;gap:8px;display:grid}.profile-search{color:#7fa7bc;background:#081e2e;border:1px solid #1c5575;align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.profile-search input{background:0 0;border:0;min-height:0}.role-filter-tabs{gap:4px;display:flex}.role-filter-tabs button,.reset-classification,.filter-role-actions button{color:#9db7c7;text-transform:uppercase;background:#0b293e;border:1px solid #1c506f;min-height:38px;padding:0 10px;font-size:.58rem;font-weight:900}.role-filter-tabs button.active{border-color:var(--yellow);color:var(--yellow)}.role-filter-tabs button.tank.active{color:#54c9ff;border-color:#54c9ff}.role-filter-tabs button.damage.active{color:#ff6077;border-color:#ff6077}.role-filter-tabs button.support.active{color:#54e1a9;border-color:#54e1a9}.reset-classification{justify-content:center;align-items:center;gap:6px;display:inline-flex}.bucket-legend{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.bucket-legend span{color:#91adbd;background:#071a28;border:1px solid #1a455f;align-items:center;gap:6px;padding:6px 8px;font-size:.56rem;font-weight:800;display:inline-flex}.bucket-legend i{background:#476274;width:8px;height:8px}.bucket-legend .main i,.classifier-hero.main:after{background:#ffc533}.bucket-legend .played i,.classifier-hero.played:after{background:#55c8ff}.bucket-legend .practice i,.classifier-hero.practice:after{background:#56dfa9}.bucket-legend .avoid i,.classifier-hero.avoid:after{background:#ff667c}.hero-classifier-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:7px;max-height:485px;padding-right:4px;display:grid;overflow:auto}.classifier-hero{background:#071b29;border:1px solid #17445f;grid-template-columns:50px minmax(0,1fr) 86px;align-items:center;gap:8px;min-width:0;height:62px;padding:5px;display:grid;position:relative;overflow:hidden}.classifier-hero:after{content:"";background:#31536a;height:2px;position:absolute;inset:auto 0 0}.classifier-hero img{object-fit:cover;object-position:center 20%;border:1px solid #246080;width:50px;height:50px}.classifier-hero>div{gap:3px;min-width:0;display:grid}.classifier-hero strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:.68rem;overflow:hidden}.classifier-hero small{color:var(--muted);font-size:.52rem}.classifier-hero select{min-height:32px;padding:0 4px;font-size:.56rem}.settings-grid-web{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 22px;display:grid}.web-setting-card{background:linear-gradient(145deg,#092334f0,#04111bf5);border:1px solid #174964;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.web-setting-card>div{min-width:0}.web-setting-card small{color:var(--yellow);font-size:.54rem;font-weight:900}.web-setting-card strong{margin-top:3px;font-size:.9rem;display:block}.web-setting-card p{color:var(--muted);margin:4px 0 0;font-size:.64rem}.web-setting-card .volume-control,.web-setting-card .test-sound{grid-column:2/4}.web-setting-card.compact-setting{min-height:132px}.drawer-section-title.with-action{justify-content:space-between;align-items:center;gap:10px;display:flex}.drawer-section-title.with-action>span{align-items:center;gap:7px;display:inline-flex}.drawer-section-title.with-action button{min-height:32px;padding:0 9px;font-size:.55rem}.perk-card.detailed.selectable{text-align:left;cursor:pointer;width:100%}.perk-card.detailed.selectable.selected{border-color:var(--yellow);box-shadow:inset 0 0 24px #ffc5331a}.filter-layer{z-index:90;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00060bc7;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.filter-dialog{background:linear-gradient(145deg,#071c2a,#030d15 66%);border:1px solid #24698d;width:min(1180px,96vw);max-height:90vh;padding:16px;overflow:hidden;box-shadow:0 28px 90px #0000009e}.filter-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.filter-heading h2{text-transform:uppercase;margin:3px 0 0;font-size:1.4rem}.filter-heading p{color:var(--muted);margin:4px 0 0;font-size:.64rem}.filter-heading>button{color:#eaf9ff;background:#0b2a3e;border:1px solid #225b7b;place-items:center;width:38px;height:38px;display:grid}.filter-toolbar{margin:14px 0 8px}.filter-role-actions{gap:6px;margin-bottom:9px;display:flex}.filter-role-actions button.tank{border-color:#54c9ff7a}.filter-role-actions button.damage{border-color:#ff60777a}.filter-role-actions button.support{border-color:#54e1a97a}.filter-role-actions button.blocked{opacity:.7;text-decoration:line-through}.filter-hero-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px;max-height:62vh;padding-right:4px;display:grid;overflow:auto}.filter-hero{color:#edf9ff;text-align:left;background:#071c2a;border:1px solid #164761;grid-template-columns:54px minmax(0,1fr) 25px;align-items:center;gap:8px;min-width:0;height:67px;padding:5px;display:grid}.filter-hero:hover{border-color:#3487ad;transform:translateY(-1px)}.filter-hero.blocked{opacity:.48;filter:saturate(.35)}.filter-hero img{object-fit:cover;object-position:center 20%;border:1px solid #245d79;width:54px;height:54px}.filter-hero>span{gap:4px;min-width:0;display:grid}.filter-hero strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:.67rem;overflow:hidden}.filter-hero small{color:#63dcae;font-size:.5rem;font-weight:900}.filter-hero.blocked small{color:#ff7589}.filter-hero i{border:1px solid #2a6a88;place-items:center;width:22px;height:22px;font-style:normal;font-weight:900;display:grid}@media (width<=1050px){.profile-manager{grid-template-columns:220px minmax(0,1fr)}.profile-classifier-toolbar,.filter-toolbar{grid-template-columns:1fr}.role-filter-tabs{overflow-x:auto}.settings-grid-web{grid-template-columns:1fr}}@media (width<=760px){.profile-heading{flex-direction:column;align-items:stretch}.profile-header-actions{justify-content:stretch}.profile-header-actions button{flex:120px}.profile-mode-panel,.profile-manager{grid-template-columns:1fr}.profile-list-panel{border-bottom:1px solid #164762;border-right:0;max-height:220px}.profile-identity-row,.hero-classifier-grid,.filter-hero-grid{grid-template-columns:1fr}.filter-layer{padding:8px}.filter-dialog{width:100%;max-height:96vh}.player-row{grid-template-columns:31px minmax(0,1fr) 40px 25px 25px 25px}}.profile-manager-v2{padding-bottom:36px}.profile-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 12px;display:grid}.profile-overview-grid article{background:linear-gradient(145deg,#0b2739f0,#04101af5);border:1px solid #174a67;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:13px;display:grid;box-shadow:inset 0 1px #ffffff06}.profile-overview-grid article>span{width:36px;height:36px;color:var(--yellow);background:#ffc53314;border:1px solid #ffc53373;place-items:center;display:grid}.profile-overview-grid small,.profile-mode-copy small,.assignment-heading span,.profile-bulk-panel>div:first-child strong{color:var(--yellow);letter-spacing:.09em;text-transform:uppercase;font-size:.53rem;font-weight:900}.profile-overview-grid strong{color:#f2fbff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:.93rem;display:block;overflow:hidden}.profile-overview-grid p{color:var(--muted);margin:3px 0 0;font-size:.58rem}.profile-mode-v2{grid-template-columns:230px minmax(0,1fr);align-items:stretch}.profile-mode-copy{align-self:center}.profile-mode-cards{overscroll-behavior-inline:contain;scrollbar-width:thin;grid-auto-columns:minmax(145px,1fr);grid-auto-flow:column;gap:6px;min-width:0;display:grid;overflow-x:auto}.profile-mode-cards button{color:#91acbd;text-align:left;background:#071d2c;border:1px solid #1a4c69;align-content:center;gap:4px;min-height:72px;padding:9px 10px;display:grid}.profile-mode-cards button:hover{background:#0a2638;border-color:#34799d;transform:translateY(-1px)}.profile-mode-cards button.active{border-color:var(--yellow);color:#fff4c4;box-shadow:inset 0 -2px var(--yellow);background:linear-gradient(145deg,#ffc5332b,#091f2ef5)}.profile-mode-cards span{text-transform:uppercase;font-size:.65rem;font-weight:900}.profile-mode-cards small{color:#7896aa;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.52rem;line-height:1.25;display:-webkit-box;overflow:hidden}.profile-mode-cards button.active small{color:#c9dce7}.profile-row-v2{grid-template-columns:40px minmax(0,1fr) 18px;min-height:64px}.saved-profile-copy{min-width:0;gap:4px!important;display:grid!important}.profile-mini-progress{background:#102d3f;border-radius:20px;width:100%;height:4px;overflow:hidden;gap:1px!important;display:flex!important}.profile-mini-progress i,.profile-progress-track i{min-width:0;height:100%;display:block}.profile-mini-progress i.main,.profile-progress-track i.main{background:#ffc533}.profile-mini-progress i.played,.profile-progress-track i.played{background:#55c8ff}.profile-mini-progress i.practice,.profile-progress-track i.practice{background:#56dfa9}.profile-mini-progress i.avoid,.profile-progress-track i.avoid{background:#ff667c}.profile-identity-v2{align-items:center}.profile-identity-actions{align-items:center;gap:7px;display:flex}.profile-progress-card{background:#061a28;border:1px solid #174761;margin-top:10px;padding:11px 12px}.profile-progress-card>div:first-child{color:#9ab3c2;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:.59rem;font-weight:850;display:flex}.profile-progress-card strong{color:var(--yellow);font-size:.78rem}.profile-progress-track{background:#102d3e;border-radius:20px;gap:1px;height:8px;margin-top:8px;display:flex;overflow:hidden}.profile-progress-card p{color:var(--muted);margin:6px 0 0;font-size:.55rem}.profile-assignment-v2{grid-template-columns:190px minmax(0,1fr);align-items:center;display:grid}.assignment-heading{gap:3px;display:grid}.assignment-heading small{color:var(--muted);font-size:.53rem}.assignment-player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.profile-assignment-v2 label{grid-template-columns:26px minmax(0,1fr) 16px;min-width:0;min-height:42px;padding:6px 8px;display:grid}.profile-assignment-v2 label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-assignment-v2 label svg{justify-self:end}.profile-toolbar-v2{margin-top:4px}.profile-bulk-panel{background:linear-gradient(90deg,#081d2bfa,#05141feb);border:1px solid #17455f;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:12px;margin:9px 0 8px;padding:9px 10px;display:grid}.profile-bulk-panel>div:first-child{gap:3px;display:grid}.profile-bulk-panel>div:first-child small{color:var(--muted);font-size:.53rem}.profile-bulk-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.profile-bulk-actions button{color:#adc3cf;text-transform:uppercase;background:#092235;border:1px solid #1b4b67;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:.52rem;font-weight:900;display:inline-flex}.profile-bulk-actions button:hover{filter:brightness(1.15);transform:translateY(-1px)}.profile-bulk-actions i,.classifier-current:before{background:#607786;border-radius:50%;width:7px;height:7px;display:inline-block}.profile-bulk-actions .main i{background:#ffc533}.profile-bulk-actions .played i{background:#55c8ff}.profile-bulk-actions .practice i{background:#56dfa9}.profile-bulk-actions .avoid i{background:#ff667c}.bucket-legend-v2{align-items:center}.bucket-legend-v2>small{color:#67889c;margin-left:auto;font-size:.52rem}.hero-classifier-v2{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:8px}.classifier-card-v2{background:linear-gradient(145deg,#082031,#061722);border-color:#17455f;grid-template-columns:1fr;align-content:stretch;height:auto;min-height:94px;padding:0;display:grid}.classifier-card-v2:after{height:3px}.classifier-main-button{color:#eef8fd;text-align:left;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:61px;padding:6px;display:grid}.classifier-main-button:hover{background:#347ca117}.classifier-portrait{width:52px;height:52px;position:relative}.classifier-portrait img{object-fit:cover;object-position:center 18%;border:1px solid #266783;width:52px;height:52px}.classifier-portrait>i{color:#fff;background:#0d597e;border:1px solid #ffffff3d;place-items:center;width:17px;height:17px;font-size:.48rem;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:2px;right:2px}.classifier-portrait>i.damage{background:#a92f49}.classifier-portrait>i.support{background:#25865f}.classifier-copy{gap:3px;min-width:0;display:grid}.classifier-copy strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.69rem;overflow:hidden}.classifier-copy small{color:var(--muted);font-size:.49rem}.classifier-current{color:#8aa6b5;text-transform:uppercase;background:#0b2637;border:1px solid #284f64;justify-content:center;align-items:center;gap:5px;min-width:66px;padding:5px 7px;font-size:.48rem;font-weight:900;display:inline-flex}.classifier-current.main{color:#ffd45e;border-color:#ffc5338f}.classifier-current.main:before{background:#ffc533}.classifier-current.played{color:#7ed5ff;border-color:#55c8ff8f}.classifier-current.played:before{background:#55c8ff}.classifier-current.practice{color:#7de8bd;border-color:#56dfa98f}.classifier-current.practice:before{background:#56dfa9}.classifier-current.avoid{color:#ff8c9d;border-color:#ff667c8f}.classifier-current.avoid:before{background:#ff667c}.classifier-category-actions{border-top:1px solid #143f57;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;display:grid}.classifier-category-actions button{color:#7897aa;background:#0b2638;border:1px solid #1a4963;min-height:25px;font-size:.53rem;font-weight:900}.classifier-category-actions button.main.active{color:#ffd45e;background:#ffc5332b;border-color:#ffc533}.classifier-category-actions button.played.active{color:#7ed5ff;background:#55c8ff24;border-color:#55c8ff}.classifier-category-actions button.practice.active{color:#7de8bd;background:#56dfa924;border-color:#56dfa9}.classifier-category-actions button.avoid.active{color:#ff8c9d;background:#ff667c24;border-color:#ff667c}@media (width<=1180px){.profile-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-mode-v2,.profile-assignment-v2{grid-template-columns:1fr}}@media (width<=820px){.profile-heading,.profile-identity-v2{flex-direction:column;align-items:stretch}.profile-manager{grid-template-columns:1fr}.profile-list-panel{border-bottom:1px solid #164762;border-right:0;max-height:250px}.profile-toolbar-v2,.profile-bulk-panel{grid-template-columns:1fr}.profile-bulk-actions{justify-content:flex-start}}@media (width<=560px){.profile-overview-grid{grid-template-columns:1fr}.profile-header-actions,.profile-identity-actions{grid-template-columns:1fr 1fr;display:grid}.profile-header-actions .primary{grid-column:1/-1}.assignment-player-grid,.hero-classifier-v2{grid-template-columns:1fr}.classifier-main-button{grid-template-columns:48px minmax(0,1fr)}.classifier-current{grid-column:1/-1;justify-self:stretch}}.profile-comfort-page{width:min(1500px,100% - 32px);margin-inline:auto}.profile-heading-compact{margin-bottom:18px}.profile-heading-compact h1{margin-bottom:5px}.profile-comfort-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:16px;display:grid}.profile-comfort-sidebar,.profile-comfort-editor{border:1px solid var(--line-soft);background:linear-gradient(#0a1d2bf5,#05111bf5);border-radius:18px;box-shadow:0 20px 55px #00000038}.profile-comfort-sidebar{position:sticky;top:92px;overflow:hidden}.profile-sidebar-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;min-height:69px;padding:14px 14px 13px 16px;display:flex}.profile-sidebar-head>div{align-items:baseline;gap:9px;display:flex}.profile-sidebar-head small{color:var(--muted);letter-spacing:.11em;font-size:.69rem;font-weight:800}.profile-sidebar-head strong{color:var(--yellow);font-size:1rem}.profile-sidebar-head button{width:35px;height:35px;color:var(--cyan);background:#5bd7ff12;border:1px solid #5bd7ff33;border-radius:10px;place-items:center;display:grid}.profile-sidebar-list{gap:5px;max-height:calc(100vh - 205px);padding:9px;display:grid;overflow-y:auto}.comfort-profile-row{width:100%;min-height:59px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:8px 9px;transition:border-color .15s,background .15s,transform .15s;display:grid}.comfort-profile-row:hover{background:#5bd7ff0e;border-color:#5bd7ff2e}.comfort-profile-row.selected{background:linear-gradient(90deg,#ffc43b1f,#ffc43b09);border-color:#ffc43b61}.comfort-profile-row .saved-profile-avatar{width:38px;height:38px;font-size:.85rem}.comfort-profile-row>span:nth-child(2){min-width:0}.comfort-profile-row strong,.comfort-profile-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.comfort-profile-row strong{font-size:.87rem}.comfort-profile-row small{color:var(--muted);margin-top:3px;font-size:.69rem}.comfort-profile-row>svg{color:var(--yellow)}.empty-profile-create.compact{min-height:140px;margin:3px}.profile-comfort-editor{min-width:0;overflow:hidden}.comfort-empty{min-height:470px}.comfort-empty .primary{align-items:center;gap:7px;margin-top:8px;display:inline-flex}.profile-comfort-top{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:18px;min-height:86px;padding:16px 18px 14px;display:grid}.profile-name-block small{color:var(--muted);letter-spacing:.11em;margin-bottom:6px;font-size:.67rem;font-weight:800;display:block}.profile-name-block input{width:min(390px,100%);color:var(--text);background:#ffffff09;border:1px solid #0000;border-radius:9px;padding:8px 10px;font-size:1.28rem;font-weight:850}.profile-name-block input:hover,.profile-name-block input:focus{background:#ffffff0e;border-color:#5bd7ff40}.profile-quick-stats{gap:6px;display:flex}.profile-quick-stats>span{border:1px solid var(--line-soft);text-align:center;background:#00000024;border-radius:10px;min-width:74px;padding:7px 9px;display:grid}.profile-quick-stats b{color:var(--text);font-size:.95rem}.profile-quick-stats small{color:var(--muted);text-transform:uppercase;font-size:.61rem}.compact-actions{flex-wrap:nowrap}.compact-actions button{min-height:35px;padding:7px 10px}.compact-actions .icon-danger{place-items:center;width:36px;padding:0;display:grid}.profile-comfort-progress{background:#ffffff0e;height:3px}.profile-comfort-progress span{background:linear-gradient(90deg, var(--cyan), var(--yellow));height:100%;transition:width .22s;display:block}.profile-editor-tabs{border-bottom:1px solid var(--line-soft);gap:6px;padding:11px 14px 0;display:flex}.profile-editor-tabs button{min-height:43px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.profile-editor-tabs button:hover{color:var(--text)}.profile-editor-tabs button.active{border-bottom-color:var(--yellow);color:var(--text)}.profile-editor-tabs b{max-width:160px;color:var(--yellow-bright);text-overflow:ellipsis;white-space:nowrap;background:#ffc43b1a;border-radius:999px;padding:2px 6px;font-size:.64rem;overflow:hidden}.profile-tab-content{padding:16px}.profile-toolbar-comfort{background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:0;display:flex}.profile-toolbar-comfort .profile-search{flex:320px;max-width:500px}.comfort-category-bar{border:1px solid var(--line-soft);background:#00000021;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 11px;display:flex}.compact-legend{background:0 0;border:0;flex-wrap:wrap;gap:7px;padding:0;display:flex}.compact-legend span{font-size:.68rem}.comfort-bulk-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.comfort-bulk-actions>span{color:var(--muted);margin-right:3px;font-size:.66rem}.comfort-bulk-actions button{border:1px solid var(--line-soft);min-height:28px;color:var(--text);background:#ffffff09;border-radius:8px;padding:4px 8px;font-size:.65rem;font-weight:750}.comfort-bulk-actions button.main:hover{border-color:#ffc43b80}.comfort-bulk-actions button.played:hover{border-color:#5bd7ff80}.comfort-bulk-actions button.practice:hover{border-color:#5ce1a280}.comfort-bulk-actions button.avoid:hover{border-color:#ff536580}.profile-help-line{color:var(--muted);margin:10px 2px 11px;font-size:.72rem}.hero-classifier-comfort{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.comfort-hero-card{border:1px solid var(--line-soft);background:#030d1594;border-radius:12px;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"portrait copy""actions actions";gap:7px 10px;min-width:0;padding:9px;transition:border-color .15s,background .15s,transform .15s;display:grid}.comfort-hero-card:hover{background:#081b29d6;border-color:#5bd7ff47}.comfort-hero-card.main{border-left:3px solid var(--yellow)}.comfort-hero-card.played{border-left:3px solid var(--cyan)}.comfort-hero-card.practice{border-left:3px solid var(--support)}.comfort-hero-card.avoid{border-left:3px solid var(--danger);opacity:.78}.comfort-hero-card .classifier-portrait{border-radius:9px;grid-area:portrait;width:46px;height:46px}.comfort-hero-copy{flex-direction:column;grid-area:copy;justify-content:center;min-width:0;display:flex}.comfort-hero-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.comfort-hero-copy small{color:var(--muted);margin-top:2px;font-size:.64rem}.comfort-category-buttons{grid-area:actions;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.comfort-category-buttons button{min-width:0;min-height:27px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffff06;border:1px solid #ffffff12;border-radius:7px;padding:3px 4px;font-size:.61rem;font-weight:800;overflow:hidden}.comfort-category-buttons button:hover{color:var(--text);background:#ffffff0e}.comfort-category-buttons button.main.active{color:#1d1604;background:var(--yellow);border-color:#ffc43b99}.comfort-category-buttons button.played.active{color:#04141c;background:var(--cyan);border-color:#5bd7ffb3}.comfort-category-buttons button.practice.active{color:#031a10;background:var(--support);border-color:#5ce1a2b3}.comfort-category-buttons button.avoid.active{color:#fff;background:var(--danger);border-color:#ff5365b3}.profile-tab-footer{justify-content:flex-end;margin-top:12px;display:flex}.profile-tab-intro{justify-content:space-between;margin-bottom:15px;display:flex}.profile-tab-intro small{color:var(--cyan);letter-spacing:.11em;font-size:.67rem;font-weight:800}.profile-tab-intro h2{margin:4px 0 3px;font-size:1.15rem}.profile-tab-intro p{color:var(--muted);margin:0;font-size:.78rem}.comfort-player-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;display:grid}.comfort-player-grid button{border:1px solid var(--line-soft);min-height:70px;color:var(--text);text-align:left;background:#00000024;border-radius:12px;grid-template-columns:43px minmax(0,1fr) 22px;align-items:center;gap:11px;padding:10px 12px;display:grid}.comfort-player-grid button:hover{border-color:#5bd7ff54}.comfort-player-grid button.assigned{background:#ffc43b17;border-color:#ffc43b7a}.comfort-player-grid button>b{width:43px;height:43px;color:var(--cyan);background:#5bd7ff17;border-radius:11px;place-items:center;display:grid}.comfort-player-grid button.assigned>b{color:var(--yellow);background:#ffc43b1c}.comfort-player-grid button span{min-width:0}.comfort-player-grid button strong,.comfort-player-grid button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.comfort-player-grid button strong{font-size:.86rem}.comfort-player-grid button small{color:var(--muted);margin-top:3px;font-size:.69rem}.comfort-mode-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;display:grid}.comfort-mode-grid button{border:1px solid var(--line-soft);min-height:87px;color:var(--text);text-align:left;background:#00000024;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.comfort-mode-grid button:hover{border-color:#5bd7ff57}.comfort-mode-grid button.active{background:linear-gradient(135deg,#ffc43b1c,#5bd7ff09);border-color:#ffc43b80}.comfort-mode-grid button>span{width:38px;height:38px;color:var(--cyan);background:#5bd7ff14;border-radius:10px;place-items:center;display:grid}.comfort-mode-grid button.active>span{color:var(--yellow);background:#ffc43b1a}.comfort-mode-grid strong,.comfort-mode-grid small{display:block}.comfort-mode-grid strong{margin-bottom:5px;font-size:.84rem}.comfort-mode-grid small{color:var(--muted);font-size:.69rem;line-height:1.35}@media (width<=1120px){.profile-comfort-layout{grid-template-columns:230px minmax(0,1fr)}.profile-comfort-top{grid-template-columns:minmax(200px,1fr) auto}.profile-quick-stats{display:none}.comfort-category-bar,.profile-toolbar-comfort{flex-direction:column;align-items:stretch}.comfort-bulk-actions{justify-content:flex-start}}@media (width<=800px){.profile-comfort-page{width:min(100% - 18px,1500px)}.profile-heading-compact{align-items:stretch}.profile-heading-compact .profile-header-actions{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.profile-comfort-layout{grid-template-columns:1fr}.profile-comfort-sidebar{position:static}.profile-sidebar-list{max-height:none;display:flex;overflow:auto hidden}.comfort-profile-row{grid-template-columns:36px minmax(125px,1fr) 16px;min-width:205px}.profile-comfort-top{grid-template-columns:1fr;align-items:stretch}.compact-actions{justify-content:flex-start}.profile-editor-tabs{overflow-x:auto}.profile-editor-tabs button{flex:none}.hero-classifier-comfort{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (width<=520px){.profile-heading-compact .profile-header-actions{grid-template-columns:1fr}.profile-tab-content{padding:11px}.role-filter-tabs{width:100%}.role-filter-tabs button{flex:1 1 0}.hero-classifier-comfort,.comfort-player-grid,.comfort-mode-grid{grid-template-columns:1fr}.comfort-category-buttons button{font-size:.58rem}}.topline-actions{justify-content:flex-end;align-items:stretch;gap:10px;margin-left:auto;display:flex}.generate-image-button{color:#ffd264;min-height:42px;font:inherit;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;cursor:pointer;background:#ffc84a1a;border:1px solid #ffc84a9e;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-weight:800;display:inline-flex}.generate-image-button:hover:not(:disabled){background:#ffc84a2e;transform:translateY(-1px)}.generate-image-button:disabled{opacity:.38;cursor:not-allowed}.content-topline{gap:16px}.profiles-simple-page{width:min(1480px,100% - 48px);margin:0 auto;padding:34px 0 72px}.profiles-simple-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.profiles-simple-heading h1{text-transform:uppercase;margin:4px 0 0;font-size:clamp(2.2rem,4vw,4.1rem);line-height:.95}.profiles-simple-heading .primary,.profiles-simple-empty .primary{color:#08131a;text-transform:uppercase;cursor:pointer;background:#ffc84a;border:1px solid #ffc84a;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:900;display:inline-flex}.profiles-simple-empty{text-align:center;background:#061b28b8;border:1px solid #5bb6e447;align-content:center;place-items:center;gap:10px;min-height:420px;display:grid}.profiles-simple-empty h2,.profiles-simple-empty p{margin:0}.profiles-simple-empty p{color:#8fa8b7;margin-bottom:10px}.profiles-simple-toolbar{background:#051824db;border:1px solid #5bb6e452;grid-template-columns:minmax(210px,280px) minmax(250px,1fr) auto auto;align-items:end;gap:14px;padding:16px;display:grid}.profiles-simple-toolbar label{gap:7px;display:grid}.profiles-simple-toolbar label>span,.profiles-simple-count span{color:#7894a5;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.profiles-simple-toolbar select,.profiles-simple-toolbar input,.profiles-simple-hero select{color:#edf7fb;width:100%;min-height:42px;font:inherit;background:#0a2a3c;border:1px solid #5bb6e461;padding:0 12px;font-weight:700}.profiles-simple-count{border-left:1px solid #5bb6e43d;flex-direction:column;justify-content:center;min-height:42px;padding:0 14px;display:flex}.profiles-simple-count b{color:#ffc84a;font-size:1.25rem;line-height:1}.profiles-simple-actions{gap:8px;display:flex}.profiles-simple-actions button,.profiles-simple-hint button{color:#dcebf2;min-height:42px;font:inherit;cursor:pointer;background:#0a2a3c;border:1px solid #5bb6e457;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:800;display:inline-flex}.profiles-simple-actions .danger{color:#ff7891;border-color:#ff59776b}.profiles-simple-editor{background:#03141fdb;border:1px solid #5bb6e44d;margin-top:14px}.profiles-simple-tabs{background:#051d2ad1;border-bottom:1px solid #5bb6e43d;gap:4px;padding:10px;display:flex}.profiles-simple-tabs button{color:#8da8b8;min-height:42px;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:900;display:inline-flex}.profiles-simple-tabs button b{background:#5bb6e426;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:.72rem;display:grid}.profiles-simple-tabs button.active{color:#ffd264;background:#ffc84a1a;border-color:#ffc84a8c}.profiles-simple-section{padding:18px}.profiles-hero-toolbar{align-items:center;gap:12px;display:flex}.profiles-hero-toolbar .profile-search{flex:420px}.profiles-simple-hint{color:#829cab;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;font-size:.86rem;display:flex}.profiles-simple-hint button{min-height:34px;padding:0 10px;font-size:.75rem}.profiles-simple-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profiles-simple-hero{background:#072231d1;border:1px solid #5bb6e447;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px 12px;min-width:0;padding:10px;display:grid}.profiles-simple-hero:before{content:"";background:#5b7686;grid-column:1/-1;height:2px;margin:-10px -10px 0}.profiles-simple-hero.main:before{background:#ffc84a}.profiles-simple-hero.played:before{background:#63cfff}.profiles-simple-hero.practice:before{background:#5ee3b0}.profiles-simple-hero.avoid:before{background:#ff6683}.profiles-simple-hero img{object-fit:cover;background:#102f40;border:1px solid #5bb6e459;width:58px;height:58px}.profiles-simple-hero>div{gap:3px;min-width:0;display:grid}.profiles-simple-hero strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;overflow:hidden}.profiles-simple-hero small{color:#7f9aaa}.profiles-simple-hero select{grid-column:1/-1;min-height:38px;font-size:.84rem}.profiles-section-title{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.profiles-section-title h2,.profiles-section-title p{margin:0}.profiles-section-title p{color:#829baa;margin-top:5px}.profiles-player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profiles-player-list button{color:#dcebf2;text-align:left;min-height:72px;font:inherit;cursor:pointer;background:#08283a;border:1px solid #5bb6e44d;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.profiles-player-list button.assigned{background:#ffc84a14;border-color:#ffc84a}.player-number{color:#63cfff;background:#5bb6e41f;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.profiles-player-list button>span:nth-child(2){gap:4px;min-width:0;display:grid}.profiles-player-list small{color:#829baa}.profiles-mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profiles-mode-list button{color:#dcebf2;text-align:left;min-height:92px;font:inherit;cursor:pointer;background:#08283a;border:1px solid #5bb6e447;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.profiles-mode-list button.active{background:#ffc84a14;border-color:#ffc84a}.mode-radio{border:2px solid #638294;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.profiles-mode-list button.active .mode-radio{border-color:#ffc84a}.profiles-mode-list button.active .mode-radio i{background:#ffc84a;border-radius:50%;width:10px;height:10px}.profiles-mode-list button>span:last-child{gap:6px;display:grid}.profiles-mode-list small{color:#829baa;line-height:1.35}@media (width<=1180px){.profiles-simple-toolbar{grid-template-columns:1fr 1fr}.profiles-simple-count{border-left:0;padding-left:0}.profiles-simple-actions{justify-content:flex-end}.profiles-simple-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.profiles-simple-page{width:min(100% - 24px,1480px);padding-top:22px}.profiles-simple-heading,.profiles-hero-toolbar,.profiles-simple-hint{flex-direction:column;align-items:stretch}.profiles-simple-toolbar,.profiles-player-list,.profiles-mode-list{grid-template-columns:1fr}.profiles-simple-actions{justify-content:stretch}.profiles-simple-actions button{flex:1}.profiles-simple-tabs{overflow-x:auto}.profiles-simple-tabs button{flex:1 0 auto}.profiles-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topline-actions{flex-direction:column;align-items:stretch}.generate-image-button,.match-summary{width:100%}.match-summary{flex:none}}@media (width<=520px){.profiles-simple-grid{grid-template-columns:1fr}}.roulette-page{width:min(1740px,100% - 40px);margin:0 auto;padding-bottom:72px}.roulette-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.roulette-heading>div:first-child{min-width:0}.roulette-heading h1,.roulette-section-heading h2{margin:0}.roulette-heading p{max-width:720px;color:var(--muted);margin:7px 0 0;font-size:.72rem;line-height:1.5}.roulette-heading-stats{background:#04141fdb;border:1px solid #326b8b9e;grid-template-columns:repeat(3,minmax(110px,1fr));min-width:430px;min-height:64px;display:grid}.roulette-heading-stats span{border-left:1px solid #326b8b75;align-content:center;gap:3px;padding:11px 16px;display:grid}.roulette-heading-stats span:first-child{border-left:0}.roulette-heading-stats small,.roulette-section-heading .eyebrow,.roulette-weight-value small,.roulette-probability small,.roulette-total-summary small,.roulette-wheel-hub small,.roulette-winner-strip small{color:#7396aa;letter-spacing:.11em;font-size:.49rem;font-weight:900}.roulette-heading-stats b{color:#f4fbff;letter-spacing:.04em;font-size:.87rem}.roulette-heading-stats .pending b{color:var(--yellow)}.roulette-heading-stats .ready b{color:var(--support)}.roulette-maker-layout{grid-template-columns:minmax(610px,1.3fr) minmax(430px,.7fr);align-items:start;gap:16px;margin-top:20px;display:grid}.roulette-builder-panel,.roulette-wheel-panel{background:linear-gradient(145deg,#071b29f7,#030e17fa);border:1px solid #255e7ead;box-shadow:0 18px 44px #0000003b}.roulette-builder-panel{min-width:0;padding:16px}.roulette-wheel-panel{padding:16px;position:sticky;top:86px}.roulette-section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.roulette-section-heading.compact{min-height:42px}.roulette-section-heading h2{color:#edf9ff;margin-top:3px;font-size:1.03rem}.roulette-build-badge{min-height:30px;color:var(--yellow);letter-spacing:.04em;text-transform:uppercase;background:#ffc33717;border:1px solid #ffc33773;align-items:center;padding:0 11px;font-size:.56rem;font-weight:900;display:inline-flex}.roulette-build-badge.ready{color:var(--support);background:#5ce1a217;border-color:#5ce1a27a}.roulette-toolbar-v2{grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;margin-top:14px;display:grid}.roulette-search{color:#76a5bf;background:#081f30;border:1px solid #235978;align-items:center;gap:8px;min-width:0;height:40px;padding:0 11px;display:flex}.roulette-search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #3acdff14}.roulette-search input{color:#effaff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:.7rem}.roulette-role-toggles,.roulette-toolbar-actions,.roulette-bulk-actions{gap:6px;display:flex}.roulette-role-toggles button,.roulette-toolbar-actions button,.roulette-bulk-actions button{color:#88a8ba;letter-spacing:.03em;text-transform:uppercase;background:#0a283c;border:1px solid #23516d;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 11px;font-size:.57rem;font-weight:900;display:inline-flex}.roulette-role-toggles button i,.roulette-role-watermark{width:17px;height:17px;-webkit-mask:var(--role-icon) center / contain no-repeat;-webkit-mask:var(--role-icon) center / contain no-repeat;mask:var(--role-icon) center / contain no-repeat;background:currentColor}.roulette-role-toggles button.active.tank{border-color:var(--tank);color:var(--tank);background:#49c9ff24}.roulette-role-toggles button.active.damage{border-color:var(--damage);color:var(--damage);background:#ff607724}.roulette-role-toggles button.active.support{border-color:var(--support);color:var(--support);background:#5ce1a224}.roulette-toolbar-actions button:hover:not(:disabled),.roulette-bulk-actions button:hover:not(:disabled),.roulette-role-toggles button:hover:not(:disabled){color:#edfaff;border-color:#3f87ad}.roulette-bulk-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.roulette-bulk-actions button{background:#081f2fcc;min-height:32px;padding:0 9px;font-size:.52rem}.roulette-bulk-actions button.danger{color:#ff8496;border-color:#ff60775c}.roulette-inline-warning{color:#ffd776;background:#ffc43b14;border:1px solid #ffc43b59;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;font-size:.65rem;font-weight:750;display:flex}.roulette-weight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.roulette-weight-card{--role-color:#5fd3ff;background:#051622e6;border:1px solid #183f58;min-width:0;transition:border-color .13s,transform .13s,background .13s;overflow:hidden}.roulette-weight-card.tank{--role-color:var(--tank)}.roulette-weight-card.damage{--role-color:var(--damage)}.roulette-weight-card.support{--role-color:var(--support)}.roulette-weight-card:hover{border-color:color-mix(in srgb, var(--role-color) 62%, #244d64);transform:translateY(-1px)}.roulette-weight-card.selected{border-color:color-mix(in srgb, var(--role-color) 72%, #244d64);background:linear-gradient(110deg, color-mix(in srgb, var(--role-color) 9%, transparent), #051622f5 58%)}.roulette-hero-pick{width:100%;min-height:68px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:52px minmax(0,1fr) 26px;align-items:center;gap:9px;padding:7px 9px 7px 7px;display:grid;position:relative}.roulette-hero-pick>img{border:1px solid color-mix(in srgb, var(--role-color) 48%, #29495a);object-fit:cover;background:#132d3d;width:52px;height:52px}.roulette-weight-copy{gap:3px;min-width:0;display:grid}.roulette-weight-copy strong{color:#f3fbff;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:900;overflow:hidden}.roulette-weight-copy small{color:#7999ab;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.5rem;font-weight:800;overflow:hidden}.roulette-role-watermark{width:28px;height:28px;color:var(--role-color);opacity:.28}.roulette-add-mark{color:#8eb5ca;border:1px solid #275975;place-items:center;width:27px;height:27px;display:grid}.roulette-weight-controls{background:#020e1694;border-top:1px solid #2b607e6e;grid-template-columns:31px 42px 31px minmax(90px,1fr) 31px;align-items:center;gap:5px;min-height:48px;padding:6px 7px;display:grid}.roulette-weight-controls>button{color:#e7f7ff;background:#0c2c42;border:1px solid #23526e;place-items:center;height:31px;font-size:1rem;font-weight:900;display:grid}.roulette-weight-controls>button:hover:not(:disabled){border-color:var(--role-color);color:var(--role-color)}.roulette-weight-controls>button.remove{color:#ff8193;background:#5e192761;border-color:#ff607761}.roulette-weight-value,.roulette-probability{align-items:center;min-width:0;display:grid}.roulette-weight-value{justify-items:center;gap:1px}.roulette-weight-value b{color:var(--yellow);font-size:.82rem}.roulette-probability{grid-template-columns:auto 1fr;gap:2px 7px}.roulette-probability b{color:var(--role-color);text-align:right;font-size:.67rem}.roulette-probability i{background:#15364a;grid-column:1/-1;height:3px;overflow:hidden}.roulette-probability i em{background:var(--role-color);height:100%;display:block}.roulette-empty-list{color:#7094a8;text-align:center;border:1px dashed #27536d;align-content:center;place-items:center;gap:5px;min-height:230px;margin-top:12px;display:grid}.roulette-empty-list strong{color:#d9ecf5}.roulette-empty-list span{font-size:.65rem}.roulette-builder-footer{border-top:1px solid #2a5c797a;grid-template-columns:minmax(0,1fr) minmax(210px,300px);align-items:center;gap:14px;margin-top:14px;padding-top:13px;display:grid}.roulette-total-summary{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:4px 18px;display:grid}.roulette-total-summary span{gap:2px;display:grid}.roulette-total-summary b{color:#edfaff;font-size:1rem}.roulette-total-summary p{color:#6f91a4;margin:0;font-size:.58rem;line-height:1.35}.roulette-build-button,.roulette-spin-button{border:1px solid var(--yellow);color:#15212a;letter-spacing:.07em;text-transform:uppercase;background:linear-gradient(105deg,#ffc73e,#f4a91f);justify-content:center;align-items:center;gap:9px;min-height:48px;font-size:.72rem;font-weight:950;display:flex;position:relative;overflow:hidden}.roulette-build-button:after,.roulette-spin-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff57,#0000);width:35%;transition:left .36s;position:absolute;inset:0 auto 0 -45%;transform:skew(-18deg)}.roulette-build-button:hover:not(:disabled):after,.roulette-spin-button:hover:not(:disabled):after{left:125%}.roulette-wheel-panel .roulette-image-button{color:#9fc3d7;text-transform:uppercase;background:#0b2a3e;border:1px solid #285a76;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.55rem;font-weight:900;display:inline-flex}.roulette-wheel-panel .roulette-image-button:hover:not(:disabled){border-color:var(--cyan);color:#e9faff}.roulette-wheel-stage{background:radial-gradient(circle at 50% 44%,#24709126,#0000 42%),linear-gradient(155deg,#030f18fa,#051c29fa);border:1px solid #2658738c;place-items:center;min-height:470px;margin-top:12px;display:grid;position:relative;overflow:hidden}.roulette-wheel-stage:before{content:"";pointer-events:none;background-image:linear-gradient(#50afd709 1px,#0000 1px),linear-gradient(90deg,#50afd709 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.roulette-wheel-shell{aspect-ratio:1;filter:drop-shadow(0 18px 28px #0000007a);place-items:center;width:min(430px,92%);display:grid;position:relative}.roulette-wheel-svg{width:100%;height:100%;overflow:visible}.roulette-wheel-rotor{transform-origin:200px 200px;will-change:transform}.roulette-wheel-sector{stroke:#020c12d1;stroke-width:1.35px;filter:saturate(.82)brightness(.72)}.roulette-wheel-sector:nth-child(2n){filter:saturate(.92)brightness(.86)}.roulette-wheel-pointer{z-index:6;filter:drop-shadow(0 7px 8px #0000008c);width:46px;height:58px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.roulette-wheel-pointer:before{clip-path:polygon(50% 100%,6% 0,94% 0);content:"";background:linear-gradient(#ffe171,#ffb31e);position:absolute;inset:0}.roulette-wheel-pointer i{background:#ffe170;border:3px solid #28323a;border-radius:50%;width:14px;height:14px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.roulette-wheel-hub{z-index:4;color:#edfaff;text-align:center;background:radial-gradient(circle at 40% 32%,#174963,#061925 68%);border:5px solid #e5f7ff;border-radius:50%;align-content:center;place-items:center;gap:5px;width:128px;height:128px;padding:12px;display:grid;position:absolute;overflow:hidden;box-shadow:0 0 0 8px #041119eb,0 10px 24px #0000007a}.roulette-wheel-hub.tank{border-color:var(--tank)}.roulette-wheel-hub.damage{border-color:var(--damage)}.roulette-wheel-hub.support{border-color:var(--support)}.roulette-wheel-hub>img{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.roulette-wheel-hub>span,.roulette-wheel-hub>svg{z-index:2;position:relative}.roulette-wheel-hub>span{text-shadow:0 2px 8px #000;gap:2px;display:grid}.roulette-wheel-hub strong{color:#fff;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:96px;font-size:.72rem;overflow:hidden}.roulette-wheel-placeholder{z-index:2;color:#7195a9;text-align:center;align-content:center;place-items:center;gap:8px;width:min(330px,88%);min-height:300px;display:grid;position:relative}.roulette-wheel-placeholder>span{width:92px;height:92px;color:var(--yellow);background:#0b2a3dcc;border:1px solid #2d637e;border-radius:50%;place-items:center;display:grid}.roulette-wheel-placeholder strong{color:#effaff;font-size:.92rem}.roulette-wheel-placeholder p{max-width:270px;margin:0;font-size:.64rem;line-height:1.5}.roulette-winner-strip{color:#8fb0c2;background:#071e2e;border:1px solid #214d68;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:10px;min-height:72px;margin-top:10px;padding:8px 10px;display:grid}.roulette-winner-strip>div:last-child{gap:2px;min-width:0;display:grid}.roulette-winner-strip strong{color:#effaff;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;overflow:hidden}.roulette-winner-strip span{color:#7e9daf;font-size:.57rem}.roulette-winner-portrait{border:2px solid #437b96;width:50px;height:50px;overflow:hidden}.roulette-winner-portrait.tank{border-color:var(--tank)}.roulette-winner-portrait.damage{border-color:var(--damage)}.roulette-winner-portrait.support{border-color:var(--support)}.roulette-winner-portrait img{object-fit:cover;width:100%;height:100%}.roulette-spin-button{width:100%;min-height:52px;margin-top:10px}.roulette-spin-button.spinning svg{animation:.72s linear infinite rouletteIconSpin}.roulette-autosave{color:#688b9e;text-align:center;justify-content:center;align-items:center;gap:5px;margin-top:8px;font-size:.52rem;display:flex}.roulette-slot-list{background:#04131dc2;border:1px solid #204c65;margin-top:11px}.roulette-slot-list summary{color:#97b7c8;cursor:pointer;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:38px;padding:0 11px;font-size:.59rem;font-weight:900;display:flex}.roulette-slot-list summary b{min-width:24px;height:22px;color:var(--yellow);border:1px solid #326784;place-items:center;display:grid}.roulette-slot-list>div{border-top:1px solid #204c65;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:225px;padding:7px;display:grid;overflow:auto}.roulette-slot-list>div>span{--slot-role:#58cfff;border:1px solid color-mix(in srgb, var(--slot-role) 32%, #22475d);background:#08202fe0;grid-template-columns:24px 27px minmax(0,1fr);align-items:center;gap:5px;min-width:0;min-height:35px;padding:4px;display:grid}.roulette-slot-list>div>span.tank{--slot-role:var(--tank)}.roulette-slot-list>div>span.damage{--slot-role:var(--damage)}.roulette-slot-list>div>span.support{--slot-role:var(--support)}.roulette-slot-list i{color:var(--slot-role);text-align:center;font-size:.5rem;font-style:normal;font-weight:900}.roulette-slot-list img{object-fit:cover;width:27px;height:27px}.roulette-slot-list strong{color:#e8f7ff;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}button:disabled,.roulette-hero-pick:disabled{cursor:not-allowed;opacity:.46}@keyframes rouletteIconSpin{to{transform:rotate(360deg)}}@media (width<=1260px){.roulette-maker-layout{grid-template-columns:minmax(560px,1.15fr) minmax(390px,.85fr)}.roulette-toolbar-v2{grid-template-columns:1fr auto}.roulette-toolbar-actions{grid-column:1/-1;justify-content:flex-end}.roulette-wheel-stage{min-height:430px}}@media (width<=980px){.roulette-heading{flex-direction:column;align-items:stretch}.roulette-heading-stats{width:100%;min-width:0}.roulette-maker-layout{grid-template-columns:1fr}.roulette-wheel-panel{position:static}.roulette-weight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.roulette-page{width:min(100% - 20px,1740px);padding-bottom:40px}.roulette-heading-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.roulette-heading-stats span{padding:9px}.roulette-toolbar-v2{grid-template-columns:1fr}.roulette-role-toggles,.roulette-toolbar-actions{width:100%}.roulette-role-toggles button,.roulette-toolbar-actions button{flex:1 1 0;padding:0 6px}.roulette-toolbar-actions{grid-column:auto}.roulette-bulk-actions{grid-template-columns:1fr 1fr;display:grid}.roulette-bulk-actions button:last-child{grid-column:1/-1}.roulette-weight-grid,.roulette-builder-footer{grid-template-columns:1fr}.roulette-total-summary{grid-template-columns:auto auto minmax(0,1fr)}.roulette-wheel-stage{min-height:390px}.roulette-wheel-shell{width:min(360px,94%)}}@media (width<=480px){.roulette-heading-stats{grid-template-columns:1fr}.roulette-heading-stats span{border-top:1px solid #326b8b75;border-left:0;grid-template-columns:1fr auto}.roulette-heading-stats span:first-child{border-top:0}.roulette-section-heading{flex-direction:column;align-items:flex-start}.roulette-build-badge{justify-content:center;width:100%}.roulette-role-toggles{grid-template-columns:repeat(3,1fr);display:grid}.roulette-toolbar-actions,.roulette-bulk-actions{grid-template-columns:1fr;display:grid}.roulette-bulk-actions button:last-child{grid-column:auto}.roulette-weight-controls{grid-template-columns:31px 42px 31px minmax(82px,1fr) 31px}.roulette-total-summary{grid-template-columns:1fr 1fr}.roulette-total-summary p{grid-column:1/-1}.roulette-wheel-stage{min-height:335px}.roulette-wheel-hub{width:104px;height:104px}.roulette-slot-list>div{grid-template-columns:1fr}}.reduce-motion .roulette-wheel-rotor,.reduce-motion .roulette-spin-button svg,.reduce-motion .roulette-build-button:after,.reduce-motion .roulette-spin-button:after{transition-duration:.001ms!important;animation:none!important}@media (prefers-reduced-motion:reduce){.roulette-wheel-rotor{transition-duration:.001ms!important}.roulette-spin-button svg,.roulette-build-button:after,.roulette-spin-button:after{animation:none!important}}.mobile-config-toggle,.mobile-config-tabs{display:none}.settings-page-v2{width:min(1180px,100% - 40px);margin:0 auto;padding:34px 0 72px}.settings-heading-v2{justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px;display:flex}.settings-heading-v2 h1{letter-spacing:.015em;text-transform:uppercase;margin:4px 0 0;font-family:Bahnschrift Condensed,Arial Narrow,Segoe UI,sans-serif;font-size:clamp(2.4rem,5vw,4.2rem);line-height:.92}.settings-heading-v2 p{max-width:620px;color:var(--muted);margin:10px 0 0;font-size:.72rem;line-height:1.55}.settings-status-v2{background:#04121ccc;border:1px solid #2c6b8f70;grid-template-columns:repeat(3,minmax(0,1fr));min-width:390px;display:grid}.settings-status-v2 span{border-left:1px solid #2c6b8f52;gap:3px;min-width:0;padding:10px 13px;display:grid}.settings-status-v2 span:first-child{border-left:0}.settings-status-v2 small,.settings-section-heading-v2 small,.local-data-grid-v2 small{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem;font-weight:900}.settings-status-v2 strong{color:#e8f6fd;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.settings-jump-nav{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030d15ed;border:1px solid #245b7b75;gap:5px;margin-bottom:14px;padding:6px;display:flex;position:sticky;top:88px}.settings-jump-nav a{color:#9db5c4;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:.58rem;font-weight:900;text-decoration:none;display:inline-flex}.settings-jump-nav a:hover{color:#edf8fd;background:#0b2a3e;border-color:#245c7a}.settings-section-v2{background:linear-gradient(145deg,#071b29f7,#030e16fa);border:1px solid #17455f;margin-bottom:14px;scroll-margin-top:146px;box-shadow:0 18px 48px #0003}.settings-section-heading-v2{background:linear-gradient(90deg,#1239506b,#0000 72%);border-bottom:1px solid #16425a;align-items:center;gap:13px;min-height:82px;padding:15px 18px;display:flex}.settings-section-icon,.setting-row-icon{color:var(--yellow);background:#ffc43b12;flex:none;place-items:center;display:grid}.settings-section-icon{border:1px solid #ffc43b59;width:44px;height:44px}.settings-section-heading-v2 h2{text-transform:uppercase;margin:2px 0 0;font-size:1rem}.settings-section-heading-v2 p{color:var(--muted);margin:4px 0 0;font-size:.62rem}.settings-list-v2{display:grid}.setting-row-v2{border-bottom:1px solid #22536e5c;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:12px 16px;display:grid}.setting-row-v2:last-child{border-bottom:0}.setting-row-v2:hover{background:#27607f0e}.setting-row-icon{color:#79cdeb;background:#092638;border:1px solid #20536e;width:36px;height:36px}.setting-row-v2>div{min-width:0}.setting-row-v2 strong{color:#edf8fd;font-size:.73rem;display:block}.setting-row-v2 p{color:var(--muted);margin:4px 0 0;font-size:.59rem;line-height:1.45}.setting-toggle-v2{color:#8da8b8;text-transform:uppercase;background:#0a2638;border:1px solid #22516a;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:126px;min-height:36px;padding:5px 9px;font-size:.54rem;font-weight:900;display:grid}.setting-toggle-v2>span{background:#334a59;border-radius:20px;width:28px;height:16px;padding:2px}.setting-toggle-v2>span:after{content:"";background:#d8e7ee;border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;display:block}.setting-toggle-v2.enabled{color:var(--yellow);background:#ffc43b11;border-color:#ffc43b8c}.setting-toggle-v2.enabled>span{background:var(--yellow)}.setting-toggle-v2.enabled>span:after{background:#172128;transform:translate(12px)}.settings-volume-v2{grid-template-columns:minmax(160px,1fr) 42px;align-items:center;gap:10px;min-width:260px;display:grid}.settings-volume-v2 input{width:100%}.settings-volume-v2 b{color:var(--yellow);text-align:right;font-size:.64rem}.settings-section-footer-v2{background:#030e168c;border-top:1px solid #16425a;justify-content:flex-end;padding:10px 16px;display:flex}.settings-primary-action,.settings-secondary-action,.settings-danger-zone-v2 button{text-transform:uppercase;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:.56rem;font-weight:900;display:inline-flex}.settings-primary-action{border:1px solid var(--yellow);color:#182128;background:var(--yellow)}.settings-secondary-action{color:#b6cedb;background:#0a293d;border:1px solid #235b78}.local-data-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px;display:grid}.local-data-grid-v2 article{background:#071d2b;border:1px solid #17465f;align-content:center;gap:5px;min-width:0;min-height:92px;padding:12px;display:grid}.local-data-grid-v2 strong{color:#ecf8fd;font-size:.84rem}.local-data-grid-v2 span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.settings-danger-zone-v2{background:#59121d14;border-top:1px solid #ff53654d;justify-content:space-between;align-items:center;gap:20px;padding:13px 16px;display:flex}.settings-danger-zone-v2 strong{color:#ff8d9c;font-size:.68rem}.settings-danger-zone-v2 p{color:var(--muted);margin:4px 0 0;font-size:.56rem}.settings-danger-zone-v2 button{color:#ff9aa7;background:#ff536514;border:1px solid #ff53659e;flex:none}.settings-games-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;display:grid}.settings-game-card-v2{--module-accent:#5bd7ff;color:#dcebf3;text-align:left;background:#071d2b;border:1px solid #17465f;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:68px;padding:10px 11px;display:grid}.settings-game-card-v2:hover{border-color:var(--module-accent);transform:translateY(-1px)}.settings-game-card-v2.available{border-color:color-mix(in srgb, var(--module-accent) 55%, #17465f)}.settings-game-dot{background:var(--module-accent);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--module-accent) 62%, transparent);border-radius:50%}.settings-game-card-v2 span:nth-child(2){gap:3px;min-width:0;display:grid}.settings-game-card-v2 strong{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.settings-game-card-v2 small{color:var(--muted);font-size:.51rem}.settings-game-card-v2 b{color:var(--module-accent);text-transform:uppercase;font-size:.49rem}.settings-about-v2{background:#05141fd1;border:1px solid #17455f;justify-content:space-between;align-items:center;gap:22px;margin-top:18px;padding:18px;display:flex}.settings-about-v2 h2{text-transform:uppercase;margin:4px 0 0;font-size:.9rem}.settings-about-v2 p{max-width:720px;color:var(--muted);margin:6px 0 0;font-size:.58rem;line-height:1.55}.settings-version-v2{color:var(--support);text-transform:uppercase;flex:none;align-items:center;gap:7px;font-size:.55rem;font-weight:900;display:inline-flex}.low-power .ambient-grid,.low-power .ambient-orb,.low-power .noise-layer{display:none}.low-power .topbar,.low-power .settings-jump-nav,.low-power .filter-layer,.low-power .drawer-layer{-webkit-backdrop-filter:none;backdrop-filter:none}.low-power .hero-card,.low-power .side-panel,.low-power .settings-section-v2{box-shadow:none}@media (width<=900px){.settings-heading-v2{flex-direction:column;align-items:stretch}.settings-status-v2{width:100%;min-width:0}.local-data-grid-v2,.settings-games-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.sidebar{height:auto;max-height:none;padding:10px 12px 12px;position:relative;top:auto;overflow:visible}.sidebar-head{align-items:center;min-height:44px;margin-bottom:7px;padding:0}.sidebar-head .live-dot{margin-left:auto;margin-right:8px}.mobile-config-toggle{color:#c7dae5;text-transform:uppercase;background:#0a293c;border:1px solid #245a77;align-items:center;gap:6px;min-height:32px;padding:0 9px;font-size:.54rem;font-weight:900;display:inline-flex}.mobile-config-tabs{background:#061a28;border:1px solid #17445e;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 7px;padding:4px}.mobile-config-open .mobile-config-tabs{display:grid}.mobile-config-section{display:none}.mobile-config-open .mobile-config-section.mobile-active{display:block}.mobile-config-tabs button{color:#7899ac;text-transform:uppercase;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:34px;padding:0 5px;font-size:.52rem;font-weight:900;display:flex}.mobile-config-tabs button.active{border-color:var(--yellow);color:var(--yellow);background:#ffc43b14}.sidebar .side-panel{margin-bottom:7px}.sidebar-footer{grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:8px;margin-top:0;padding-top:0;display:grid}.sidebar-footer .status-line{min-height:44px;margin:0}.sidebar-footer .generate{min-height:44px}}@media (width<=620px){.app{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.topbar{z-index:40;grid-template-columns:1fr;min-height:58px;padding:6px 12px;position:sticky;top:0}.brand-mark,.brand-mark img{width:40px;height:40px}.brand-copy strong{font-size:1.2rem}.topbar nav{z-index:70;width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:5px 7px calc(5px + env(safe-area-inset-bottom));background:#02090ff7;border-top:1px solid #ffc43b6b;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -10px 30px #00000052}.topbar nav button{clip-path:none;background:0 0;border:0;border-top:2px solid #0000;flex-direction:column;gap:3px;min-width:0;min-height:50px;padding:4px 2px;font-size:.48rem}.topbar nav button span{display:block}.topbar nav .nav-active{border-top-color:var(--yellow);color:var(--yellow);box-shadow:none;background:#ffc43b14}.sidebar-head strong{font-size:.92rem}.sidebar-head .eyebrow{font-size:.5rem}.sidebar-head .live-dot{display:none}.sidebar-footer{grid-template-columns:1fr}.sidebar-footer .status-line{min-height:34px}.settings-page-v2{width:min(100% - 20px,1180px);padding:22px 0 36px}.settings-heading-v2{gap:14px}.settings-heading-v2 h1{font-size:2.55rem}.settings-status-v2{grid-template-columns:1fr}.settings-status-v2 span{border-top:1px solid #2c6b8f52;border-left:0;grid-template-columns:1fr auto;align-items:center}.settings-status-v2 span:first-child{border-top:0}.settings-jump-nav{padding:4px;top:62px;overflow-x:auto}.settings-jump-nav a{flex:1 0 auto;padding:0 9px}.settings-section-v2{scroll-margin-top:112px}.settings-section-heading-v2{min-height:72px;padding:12px}.setting-row-v2{grid-template-columns:34px minmax(0,1fr);padding:11px}.setting-row-icon{width:34px;height:34px}.setting-toggle-v2,.settings-volume-v2{grid-column:1/-1;width:100%;min-width:0}.setting-toggle-v2{grid-template-columns:28px minmax(0,1fr)}.settings-volume-v2{grid-template-columns:minmax(0,1fr) 42px}.settings-section-footer-v2{justify-content:stretch}.settings-section-footer-v2 button{width:100%}.local-data-grid-v2,.settings-games-grid-v2{grid-template-columns:1fr}.settings-danger-zone-v2,.settings-about-v2{flex-direction:column;align-items:stretch}.settings-danger-zone-v2 button{width:100%}.settings-version-v2{align-self:flex-start}.mobile-compact .portrait,.mobile-compact .team-grid.cards-1 .portrait,.mobile-compact .team-grid.cards-2 .portrait{aspect-ratio:5/6;min-height:250px;max-height:350px}.mobile-compact .card-perks{gap:4px}}.settings-game-card-v2.selected-game{border-color:var(--module-accent);background:linear-gradient(110deg, color-mix(in srgb, var(--module-accent) 12%, transparent), transparent 56%), #071d2b;box-shadow:inset 3px 0 var(--module-accent), 0 0 18px color-mix(in srgb, var(--module-accent) 10%, transparent)}.profiles-game-assignment+.profiles-game-assignment{border-top:1px solid #275b777a;margin-top:18px;padding-top:18px}.profiles-game-label{border-left:2px solid var(--module-accent,#5bd7ff);background:#071d2bb8;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;margin-bottom:8px;padding:0 8px;display:grid}.profiles-game-label .settings-game-dot{--module-accent:inherit}.profiles-game-label strong{letter-spacing:.04em;text-transform:uppercase;font-size:.64rem}.profiles-game-label small{color:var(--muted);font-size:.51rem}.tf2-workspace{--tf2-cream:#f4dfc2;--tf2-orange:#e8a45b;--tf2-brown:#3a2418;--tf2-deep:#160f0b;background:radial-gradient(circle at 72% 8%,#e8a45b17,#0000 36%),linear-gradient(135deg,#40251824,#0000 45%)}.tf2-sidebar{scrollbar-color:#8b5638 transparent;background:linear-gradient(#1f140efa,#110d0afa);border-right-color:#c97d466b}.tf2-sidebar .eyebrow,.tf2-topline .game-title-row h1{color:var(--tf2-orange);text-shadow:0 0 18px #e8a45b21}.tf2-live{color:#c3a98d}.tf2-live span{background:#e86448;box-shadow:0 0 8px #e86448b8}.tf2-sidebar .side-panel{border-color:#8e553394;border-left-color:var(--tf2-orange);background:linear-gradient(145deg,#301e14fa,#18120efa)}.tf2-sidebar .side-panel:after{background:var(--tf2-orange)}.tf2-sidebar .panel-title-row>svg,.tf2-sidebar .panel-title-row label{color:var(--tf2-orange)}.tf2-sidebar input,.tf2-sidebar select{color:#f4e7d4;background:#21160f;border-color:#975b379e}.tf2-counter{background:#21160f;border-color:#a3623994}.tf2-counter button{color:var(--tf2-orange);background:#352115;border-color:#b76c3e9e}.tf2-counter button:hover:not(:disabled){border-color:var(--tf2-orange);background:#4a2c1b}.tf2-squad-tools button{color:#cdb59d;background:#281a12;border-color:#9156338f}.tf2-squad-tools button:hover:not(:disabled){border-color:var(--tf2-orange);color:#fff0dc}.tf2-player-row{background:#1b120dd6;border-color:#844e2f7a;grid-template-columns:24px minmax(78px,1fr) 31px 88px;min-height:40px}.tf2-player-row .number{color:var(--tf2-orange)}.tf2-group-buttons{grid-template-columns:repeat(3,1fr);gap:3px;min-width:0;display:grid}.tf2-group{color:#8e7765;letter-spacing:.03em;background:#3622179e;border:1px solid #81503594;min-width:0;height:28px;padding:0;font-size:.48rem;font-weight:950}.tf2-group.offense.active{color:#ff9b83;background:#e864482e;border-color:#e86448}.tf2-group.defense.active{color:#ffd09b;background:#e8a45b2e;border-color:#e8a45b}.tf2-group.support.active{color:#a9def2;background:#67b9d929;border-color:#67b9d9}.tf2-class-legend{gap:5px;margin-top:10px;display:grid}.tf2-class-legend>span{color:#d8c2ab;text-transform:uppercase;border:1px solid #7d4c3075;grid-template-columns:7px minmax(0,1fr);align-items:center;gap:2px 7px;min-width:0;min-height:40px;padding:6px 7px;font-size:.56rem;font-weight:900;display:grid}.tf2-class-legend i{background:currentColor;grid-row:1/3;width:6px;height:24px}.tf2-class-legend small{color:#8f7966;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:.46rem;font-weight:700;overflow:hidden}.tf2-class-legend .offense{color:#e86448}.tf2-class-legend .defense{color:#e8a45b}.tf2-class-legend .support{color:#67b9d9}.tf2-toggle.enabled .switch,.tf2-mobile-tabs button.active{border-color:var(--tf2-orange);color:var(--tf2-orange)}.tf2-status{color:#c7ad91;background:#20150fd1;border-color:#94583275}.tf2-generate{color:#21130b;background:linear-gradient(105deg,#e8a45b,#c87442);border-color:#f0b36f;box-shadow:0 9px 26px #b560302e}.tf2-generate:hover:not(:disabled){box-shadow:0 13px 34px #ce753f47}.tf2-content{background-color:#0000;background-image:linear-gradient(#53311d09 1px,#0000 1px),linear-gradient(90deg,#53311d09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.tf2-badge{color:var(--tf2-orange);background:#e8a45b14;border-color:#e8a45b94}.tf2-image-button{color:#e9c7a2;background:#2b1a11;border-color:#bd6f419e}.tf2-image-button:hover:not(:disabled){border-color:var(--tf2-orange);color:#fff1df}.tf2-summary{background:#1f140ed6;border-color:#8750318a}.tf2-summary>div{border-right-color:#8750316b}.tf2-summary small{color:#927a67}.tf2-summary strong{color:#f0dcc5}.tf2-stage .stage-grid{background-image:linear-gradient(#ce804a12 1px,#0000 1px),linear-gradient(90deg,#ce804a12 1px,#0000 1px)}.tf2-team-grid{grid-template-columns:repeat(var(--cards), minmax(168px, 1fr));min-width:calc(var(--cards) * 177px)}.tf2-card{--role-color:var(--tf2-accent,#e8a45b);border-color:color-mix(in srgb, var(--tf2-accent) 72%, #654029);background:linear-gradient(150deg, color-mix(in srgb, var(--tf2-accent) 8%, transparent), transparent 38%), linear-gradient(180deg, #342116fc, #160f0bfc);box-shadow:inset 0 1px #ffffff06,0 14px 30px #00000057}.tf2-card:hover{border-color:var(--tf2-accent);box-shadow:0 22px 42px #0000006b, 0 0 24px color-mix(in srgb, var(--tf2-accent) 15%, transparent)}.tf2-portrait{border-color:color-mix(in srgb, var(--tf2-accent) 58%, #654029);background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--tf2-accent) 17%, transparent), transparent 58%), #20140e}.tf2-portrait .hero-image{object-position:center top;filter:saturate(.94)contrast(1.03)}.tf2-class-stamp{z-index:4;max-width:82%;color:var(--tf2-accent);opacity:.28;pointer-events:none;position:absolute;bottom:9px;right:8px;transform:rotate(-7deg)}.tf2-class-stamp span{letter-spacing:.08em;text-transform:uppercase;border:3px solid;padding:4px 7px 3px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1rem;font-weight:950;line-height:1;display:block}.tf2-dot.offense{background:#e86448;box-shadow:0 0 8px #e8644873}.tf2-dot.defense{background:#e8a45b;box-shadow:0 0 8px #e8a45b73}.tf2-dot.support{background:#67b9d9;box-shadow:0 0 8px #67b9d973}.tf2-role.offense{color:#e86448}.tf2-role.defense{color:#e8a45b}.tf2-role.support{color:#67b9d9}.tf2-card-actions{grid-template-columns:repeat(3,1fr)}.tf2-loadout .loadout-status{color:var(--tf2-accent)}.tf2-filter-drawer{--drawer-accent:#e8a45b;border-left-color:var(--drawer-accent);background:linear-gradient(#2a1a12,#140f0c)}.tf2-filter-tabs button.offense.active{color:#ff9b83;background:#e8644824;border-color:#e86448}.tf2-filter-tabs button.defense.active{color:#ffd09b;background:#e8a45b24;border-color:#e8a45b}.tf2-filter-tabs button.support.active{color:#a9def2;background:#67b9d924;border-color:#67b9d9}.tf2-filter-grid .filter-hero-card{--role-color:#e8a45b}.tf2-filter-grid .filter-hero-card.offense{--role-color:#e86448}.tf2-filter-grid .filter-hero-card.defense{--role-color:#e8a45b}.tf2-filter-grid .filter-hero-card.support{--role-color:#67b9d9}.tf2-roulette-page{--tf2-orange:#e8a45b;--tf2-red:#e86448;--tf2-blue:#67b9d9;width:min(1740px,100% - 40px);margin:0 auto;padding:28px 0 72px}.tf2-roulette-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.tf2-roulette-heading>div:first-child{min-width:0}.tf2-roulette-heading h1{color:var(--tf2-orange);letter-spacing:.02em;text-transform:uppercase;margin:2px 0 0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(2rem,3.2vw,3rem);line-height:.95}.tf2-roulette-heading p{color:#a48c77;max-width:720px;margin:8px 0 0;font-size:.7rem;line-height:1.5}.tf2-roulette-heading .roulette-heading-stats{background:#22160fe6;border-color:#9e5e36a8}.tf2-roulette-heading .roulette-heading-stats span{border-left-color:#9e5e367a}.tf2-roulette-heading .roulette-heading-stats small{color:#927a66}.tf2-roulette-heading .roulette-heading-stats strong{color:#f2ddc4;font-size:.82rem}.tf2-roulette-layout{grid-template-columns:minmax(600px,1.3fr) minmax(430px,.7fr);align-items:start;gap:16px;margin-top:20px;display:grid}.tf2-builder-panel,.tf2-wheel-panel{background:linear-gradient(145deg,#2d1d14fa,#140e0afc);border-color:#915632b3;box-shadow:0 18px 44px #00000052}.tf2-builder-panel{min-width:0;padding:16px}.tf2-wheel-panel{padding:16px;position:sticky;top:86px}.tf2-builder-panel .roulette-section-heading h2,.tf2-wheel-panel .roulette-section-heading h2{color:#f4e5d2}.tf2-builder-panel .roulette-section-heading>svg{color:var(--tf2-orange)}.tf2-builder-panel .roulette-toolbar{grid-template-columns:minmax(170px,1fr) auto;gap:8px;margin-top:14px;display:grid}.tf2-builder-panel .roulette-search{color:#b9997d;background:#21160f;border-color:#995b35ad}.tf2-builder-panel .roulette-search:focus-within{border-color:var(--tf2-orange);box-shadow:0 0 0 2px #e8a45b14}.tf2-builder-panel .role-filter-tabs{flex-wrap:wrap;gap:5px;display:flex}.tf2-builder-panel .role-filter-tabs button{color:#9e8570;background:#291a12;border-color:#844f309e;min-height:40px}.tf2-builder-panel .role-filter-tabs button.active{border-color:var(--tf2-orange);color:#f6dcc0;background:#e8a45b21}.tf2-builder-panel .role-filter-tabs button.offense.active{border-color:var(--tf2-red);color:#ff9b83;background:#e8644824}.tf2-builder-panel .role-filter-tabs button.support.active{border-color:var(--tf2-blue);color:#a9def2;background:#67b9d924}.tf2-builder-panel .roulette-bulk-actions{grid-column:1/-1;margin-top:0}.tf2-builder-panel .roulette-bulk-actions button{color:#b89c83;background:#2a1b12e0;border-color:#8b523194}.tf2-builder-panel .roulette-bulk-actions button:hover:not(:disabled){border-color:var(--tf2-orange);color:#fff0dd}.tf2-class-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.tf2-class-row{--tf2-row-color:#e8a45b;background:#1b120de6;border:1px solid #7c4b2f9e;min-width:0;transition:transform .13s,border-color .13s,background .13s;overflow:hidden}.tf2-class-row.offense{--tf2-row-color:#e86448}.tf2-class-row.defense{--tf2-row-color:#e8a45b}.tf2-class-row.support{--tf2-row-color:#67b9d9}.tf2-class-row:hover{border-color:color-mix(in srgb, var(--tf2-row-color) 66%, #6d4934);transform:translateY(-1px)}.tf2-class-row.selected{border-color:var(--tf2-row-color);background:linear-gradient(110deg, color-mix(in srgb, var(--tf2-row-color) 10%, transparent), #1c120dfa 62%)}.tf2-class-row .roulette-hero-main{width:100%;min-height:67px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:25px 52px minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.tf2-class-row .roulette-select-mark{color:#9f8067;border:1px solid #8f5634b8;place-items:center;width:24px;height:24px;font-size:.74rem;font-weight:950;display:grid}.tf2-class-row.selected .roulette-select-mark{border-color:var(--tf2-row-color);background:color-mix(in srgb, var(--tf2-row-color) 15%, transparent);color:var(--tf2-row-color)}.tf2-class-row .roulette-hero-main img{border:1px solid color-mix(in srgb, var(--tf2-row-color) 48%, #68472f);object-fit:cover;background:#291b13;width:52px;height:52px}.tf2-class-row .roulette-hero-main>span:last-child{gap:4px;min-width:0;display:grid}.tf2-class-row .roulette-hero-main strong{color:#f7e9d8;text-overflow:ellipsis;white-space:nowrap;font-size:.71rem;overflow:hidden}.tf2-class-row .roulette-hero-main small{color:var(--tf2-row-color);letter-spacing:.06em;text-transform:uppercase;font-size:.49rem;font-weight:900}.tf2-class-row .roulette-weight-control{background:#110c099e;border-top:1px solid #844f3085;grid-template-columns:30px 40px 30px minmax(58px,1fr) 30px;align-items:center;gap:5px;min-height:45px;padding:6px 7px;display:grid}.tf2-class-row .roulette-weight-control button{color:#f3ddc5;background:#332016;border:1px solid #8f5533a3;height:30px;font-size:.92rem;font-weight:950}.tf2-class-row .roulette-weight-control button:hover:not(:disabled){border-color:var(--tf2-row-color);color:var(--tf2-row-color)}.tf2-class-row .roulette-weight-control button.remove{color:#ff9b83;border-color:#e8644880}.tf2-class-row .roulette-weight-control b{color:var(--tf2-orange);text-align:center;font-size:.78rem}.tf2-class-row .roulette-weight-control>span{color:var(--tf2-row-color);text-align:right;font-size:.62rem;font-weight:900}.tf2-builder-panel .roulette-builder-footer{border-top-color:#8b523185}.tf2-builder-panel .roulette-total-summary{grid-template-columns:auto auto}.tf2-builder-panel .roulette-total-summary small{color:#917763}.tf2-builder-panel .roulette-total-summary b{color:#f5e4d1}.tf2-build-button,.tf2-spin-button{color:#24150c;background:linear-gradient(105deg,#e8a45b,#c87643);border-color:#f1b978}.tf2-wheel-chip{min-height:30px;color:var(--tf2-orange);letter-spacing:.09em;background:#e8a45b14;border:1px solid #e8a45b8c;align-items:center;padding:0 11px;font-size:.56rem;font-weight:950;display:inline-flex}.tf2-wheel-stage{background:radial-gradient(circle at 50% 44%,#e8a45b24,#0000 43%),linear-gradient(155deg,#160e0afc,#301d13fa);border-color:#9156329e}.tf2-wheel-stage:before{background-image:linear-gradient(#e8a45b09 1px,#0000 1px),linear-gradient(90deg,#e8a45b09 1px,#0000 1px)}.tf2-wheel-shell{filter:drop-shadow(0 18px 30px #0000008f)}.tf2-wheel-hub{background:radial-gradient(circle at 40% 32%,#694028,#1a100b 68%);border-color:#e8a45b;box-shadow:0 0 0 8px #180f0af0,0 10px 24px #00000085}.tf2-wheel-hub.offense{border-color:#e86448}.tf2-wheel-hub.defense{border-color:#e8a45b}.tf2-wheel-hub.support{border-color:#67b9d9}.tf2-wheel-panel .roulette-wheel-placeholder>span{color:var(--tf2-orange);background:#412718d1;border-color:#e8a45b8c}.tf2-wheel-panel .roulette-wheel-placeholder strong{color:#f5e5d3}.tf2-wheel-panel .roulette-wheel-placeholder{color:#9c836d}.tf2-winner-strip{color:#b89b81;background:#25170f;border-color:#8b52319e}.tf2-winner-strip strong{color:#f5e6d5}.tf2-winner-strip span{color:#a08670}.tf2-winner-strip .roulette-winner-portrait.offense{border-color:#e86448}.tf2-winner-strip .roulette-winner-portrait.defense{border-color:#e8a45b}.tf2-winner-strip .roulette-winner-portrait.support{border-color:#67b9d9}.tf2-wheel-panel .roulette-autosave{color:#907661}.tf2-slot-list{background:#1c120dd1;border-color:#844f309e}.tf2-slot-list summary{color:#bda087}.tf2-slot-list summary b{color:var(--tf2-orange);border-color:#e8a45b99}.tf2-slot-list>div{border-top-color:#844f309e}.tf2-slot-list>div>span{background:#311f15e0;border-color:#89523280}.tf2-slot-list>div>span>b{color:var(--tf2-orange);text-align:center;font-size:.5rem}.tf2-slot-list>div>span>em{color:#ebd7c0;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;font-style:normal;font-weight:800;overflow:hidden}@media (width<=1260px){.tf2-roulette-layout{grid-template-columns:minmax(540px,1.15fr) minmax(390px,.85fr)}.tf2-player-row{grid-template-columns:22px minmax(62px,1fr) 29px 80px}}@media (width<=980px){.tf2-roulette-heading{flex-direction:column;align-items:stretch}.tf2-roulette-heading .roulette-heading-stats{width:100%;min-width:0}.tf2-roulette-layout{grid-template-columns:1fr}.tf2-wheel-panel{position:static}.tf2-class-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.tf2-workspace{display:block}.tf2-sidebar{border-bottom:1px solid #c97d466b;border-right:0;height:auto;position:relative;top:auto;overflow:visible}.tf2-sidebar.mobile-config-closed .mobile-config-section,.tf2-sidebar.mobile-config-open .mobile-config-section{display:none}.tf2-sidebar.mobile-config-open .mobile-config-section.mobile-active{display:block}.tf2-content{padding-top:14px}.tf2-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}}@media (width<=700px){.tf2-roulette-page{width:min(100% - 20px,1740px);padding-top:20px}.tf2-roulette-heading h1{font-size:2.25rem}.tf2-roulette-heading .roulette-heading-stats{grid-template-columns:1fr}.tf2-roulette-heading .roulette-heading-stats span{border-top:1px solid #9e5e367a;border-left:0;grid-template-columns:1fr auto;align-items:center;min-height:44px}.tf2-roulette-heading .roulette-heading-stats span:first-child{border-top:0}.tf2-builder-panel,.tf2-wheel-panel{padding:12px}.tf2-builder-panel .roulette-toolbar{grid-template-columns:1fr}.tf2-builder-panel .role-filter-tabs,.tf2-builder-panel .roulette-bulk-actions{grid-column:1}.tf2-builder-panel .role-filter-tabs button{flex:calc(50% - 5px)}.tf2-class-list,.tf2-builder-panel .roulette-builder-footer{grid-template-columns:1fr}.tf2-build-button{width:100%}.tf2-wheel-stage{min-height:390px}.tf2-wheel-shell{width:min(360px,95%)}.tf2-team-grid{grid-template-columns:1fr}.tf2-team-grid .portrait{aspect-ratio:4/5;height:auto;min-height:290px}.tf2-topline{flex-direction:column;align-items:stretch}.tf2-topline .topline-actions{flex-direction:column;align-items:stretch;width:100%}.tf2-image-button,.tf2-summary{width:100%}.tf2-summary>div{flex:1;min-width:0}}@media (width<=480px){.tf2-player-row{grid-template-columns:22px minmax(0,1fr) 31px}.tf2-group-buttons{grid-column:2/-1;width:100%}.tf2-group{height:30px}.tf2-wheel-stage{min-height:335px}.tf2-wheel-hub{border-width:4px;width:104px;height:104px}.tf2-class-row .roulette-weight-control{grid-template-columns:30px 38px 30px minmax(54px,1fr) 30px}.tf2-slot-list>div{grid-template-columns:1fr}}.profiles-game-assignment:first-of-type .profiles-game-label{--module-accent:#f5a623}.profiles-game-assignment.tf2-assignment .profiles-game-label{--module-accent:#e8a45b}.tf2-filter-dialog{background:linear-gradient(145deg,#301e14fc,#140e0afc);border-color:#9a5b34b8;box-shadow:0 24px 72px #00000094}.tf2-filter-dialog .filter-heading{border-bottom-color:#9156328c}.tf2-filter-dialog .filter-heading .eyebrow,.tf2-filter-dialog .filter-heading h2{color:#e8a45b}.tf2-filter-dialog .filter-heading>button,.tf2-filter-dialog .reset-classification{color:#c3a58a;background:#2b1b12;border-color:#9156329e}.tf2-filter-dialog .profile-search{background:#21160f;border-color:#9156329e}.tf2-filter-class{--role-color:#e8a45b;border-color:color-mix(in srgb, var(--role-color) 46%, #66432e);background:#261810f0}.tf2-filter-class.offense{--role-color:#e86448}.tf2-filter-class.defense{--role-color:#e8a45b}.tf2-filter-class.support{--role-color:#67b9d9}.tf2-filter-class:hover{border-color:var(--role-color)}.tf2-filter-class.blocked{background:#431b17c2;border-color:#e8644894}.tf2-player-row{grid-template-columns:24px minmax(70px,1fr) 36px minmax(96px,106px);gap:4px}.tf2-player-row>input,.tf2-player-row>.player-profile-inline,.tf2-player-row>.tf2-group-buttons{min-width:0}.tf2-player-row>.player-profile-inline{width:100%;max-width:none;padding-inline:2px;overflow:hidden}.tf2-group-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}.tf2-group{width:100%;min-width:0;height:30px;font-size:.52rem;overflow:hidden}.tf2-group>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tf2-team-grid{grid-template-columns:repeat(var(--cards), minmax(0, 1fr));justify-content:center;align-items:start;gap:10px;width:100%;min-width:0;max-width:1580px;margin-inline:auto}.tf2-team-grid.cards-1{grid-template-columns:minmax(280px,430px)}.tf2-team-grid.cards-2{grid-template-columns:repeat(2,minmax(270px,410px))}.tf2-team-grid.cards-3{grid-template-columns:repeat(3,minmax(230px,350px))}.tf2-team-grid.cards-4{grid-template-columns:repeat(4,minmax(205px,305px))}.tf2-team-grid.cards-5{max-width:1420px}.tf2-card{align-self:stretch;width:auto;max-width:none;min-height:100%}.tf2-card .tf2-portrait{aspect-ratio:4/5;width:100%;height:auto;min-height:220px;max-height:410px}@media (width<=1260px) and (width>=861px){.tf2-player-row{grid-template-columns:22px minmax(62px,1fr) 34px minmax(90px,98px)}}@media (width<=1180px) and (width>=861px){.tf2-team-grid.cards-4,.tf2-team-grid.cards-5,.tf2-team-grid.cards-6{grid-template-columns:repeat(3,minmax(190px,1fr))}}@media (width<=860px){.tf2-team-grid,.tf2-team-grid.cards-1,.tf2-team-grid.cards-2,.tf2-team-grid.cards-3,.tf2-team-grid.cards-4,.tf2-team-grid.cards-5,.tf2-team-grid.cards-6{grid-template-columns:repeat(2,minmax(220px,1fr));max-width:100%}.tf2-card .tf2-portrait{min-height:260px;max-height:430px}}@media (width<=620px){.tf2-team-grid,.tf2-team-grid.cards-1,.tf2-team-grid.cards-2,.tf2-team-grid.cards-3,.tf2-team-grid.cards-4,.tf2-team-grid.cards-5,.tf2-team-grid.cards-6{grid-template-columns:minmax(0,1fr)}.tf2-card .tf2-portrait{aspect-ratio:4/5;height:auto;min-height:300px;max-height:480px}}@media (width<=520px){.tf2-player-row{grid-template-columns:26px minmax(0,1fr) 40px}.tf2-team-grid,.tf2-team-grid.cards-1,.tf2-team-grid.cards-2,.tf2-team-grid.cards-3,.tf2-team-grid.cards-4,.tf2-team-grid.cards-5,.tf2-team-grid.cards-6{grid-template-columns:minmax(0,1fr)}.tf2-card{width:100%;max-width:none}.tf2-card .tf2-portrait{aspect-ratio:4/5;height:auto;min-height:300px;max-height:480px}}.credits-section-v2{overflow:hidden}.credits-hero-v2{background:linear-gradient(110deg,#f5a62317,#081826c2);border:1px solid #f5a62340;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:22px;margin:0 22px 18px;padding:18px;display:grid}.credits-hero-v2 img{object-fit:cover;object-position:center;background:#06131f;border:1px solid #f5a62361;width:190px;height:130px}.credits-hero-v2 h3,.credits-sources-v2 h3,.credits-legal-v2 h3{color:#eef7ff;text-transform:uppercase;margin:4px 0 6px;font-family:Rajdhani,sans-serif;font-size:23px}.credits-hero-v2 p,.credits-sources-v2 p,.credits-legal-v2 p{color:#94a9b8;margin:0;font-size:12px;line-height:1.65}.credits-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 22px 18px;display:grid}.credits-grid-v2 article{background:#061521b8;border:1px solid #6892b038;min-width:0;padding:14px}.credits-grid-v2 small{color:#f5a623;letter-spacing:.1em;font-size:8px;font-weight:900;display:block}.credits-grid-v2 strong{color:#ecf7ff;text-transform:uppercase;margin-top:5px;font-family:Rajdhani,sans-serif;font-size:19px;display:block}.credits-grid-v2 p{color:#8097a9;margin:5px 0 0;font-size:10px;line-height:1.45}.credits-sources-v2,.credits-legal-v2{background:#05121db8;border:1px solid #6892b033;margin:0 22px 16px;padding:16px}.credits-sources-v2 b{color:#d8e9f5}.credits-legal-v2{border-color:#f5a62333}.credits-legal-v2 p+p{margin-top:8px}@media (width<=1000px){.credits-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.credits-hero-v2{grid-template-columns:1fr;margin-left:12px;margin-right:12px}.credits-hero-v2 img{width:100%;height:160px}.credits-grid-v2{grid-template-columns:1fr;padding-left:12px;padding-right:12px}.credits-sources-v2,.credits-legal-v2{margin-left:12px;margin-right:12px}}.settings-tabbed-page{--settings-accent:var(--yellow)}.settings-tab-nav{gap:7px;padding:7px}.settings-tab-nav button{color:#89a7b8;letter-spacing:.03em;text-transform:uppercase;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:.58rem;font-weight:900;transition:color .14s,border-color .14s,background .14s,transform .14s;display:inline-flex}.settings-tab-nav button:hover{color:#edf8fd;background:#0b2a3e;border-color:#245c7a;transform:translateY(-1px)}.settings-tab-nav button.active{border-color:var(--yellow);color:#172128;background:linear-gradient(180deg, var(--yellow-bright), var(--yellow));box-shadow:0 0 22px #ffc43b1f}.settings-active-overview{background:linear-gradient(90deg,#1e587833,#0000 68%),#04111be0;border:1px solid #28698d7a;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:72px;margin-bottom:12px;padding:13px 16px;display:grid}.settings-active-overview-icon{width:40px;height:40px;color:var(--yellow);background:#ffc43b12;border:1px solid #ffc43b66;place-items:center;display:grid}.settings-active-overview>div{min-width:0}.settings-active-overview small{color:var(--muted-2);letter-spacing:.09em;font-size:.48rem;font-weight:900;display:block}.settings-active-overview strong{color:#eef8fd;text-transform:uppercase;margin-top:2px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1rem;display:block}.settings-active-overview p{color:var(--muted);margin:2px 0 0;font-size:.58rem}.settings-active-index{color:#5b8198;letter-spacing:.08em;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.1rem;font-weight:900}.settings-tab-stage{min-height:470px}.settings-tab-panel{margin-bottom:0;animation:.22s both settings-tab-enter}@keyframes settings-tab-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.settings-catalog-panel .settings-games-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-catalog-panel .settings-game-card-v2{grid-template-columns:34px 8px minmax(0,1fr) auto;min-height:76px}.settings-game-order{border:1px solid color-mix(in srgb, var(--module-accent) 40%, #17465f);width:30px;height:30px;color:var(--module-accent);background:color-mix(in srgb, var(--module-accent) 7%, #071d2b);place-items:center;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:.68rem;font-weight:900;display:grid}.settings-about-compact{margin-top:12px}@media (width<=700px){.settings-tab-nav{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:static;overflow:visible}.settings-tab-nav button{flex-direction:column;gap:4px;min-width:0;padding:6px 4px;font-size:.46rem}.settings-active-overview{grid-template-columns:38px minmax(0,1fr)}.settings-active-index{display:none}.settings-catalog-panel .settings-games-grid-v2{grid-template-columns:1fr}}@media (width<=480px){.settings-tab-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-catalog-panel .settings-game-card-v2{grid-template-columns:30px 7px minmax(0,1fr) auto}}.settings-catalog-panel .settings-game-card-v2{grid-template-columns:42px minmax(0,1fr) auto}.settings-game-leading{justify-items:center;gap:5px;width:38px;display:grid}.settings-game-leading .settings-game-order{font-style:normal}.settings-game-leading .settings-game-dot{display:block}@media (width<=480px){.settings-catalog-panel .settings-game-card-v2{grid-template-columns:38px minmax(0,1fr) auto}}.tf2-stage{background:radial-gradient(circle at 50% 8%,#e8a45b1f,#0000 42%),linear-gradient(145deg,#071823f5,#050f17fa);border-color:#4984a557}.tf2-stage .stage-grid{opacity:.42;background-image:linear-gradient(#67b5da0e 1px,#0000 1px),linear-gradient(90deg,#67b5da0e 1px,#0000 1px)}.tf2-card{border-color:color-mix(in srgb, var(--tf2-accent) 52%, #245069);background:linear-gradient(150deg, color-mix(in srgb, var(--tf2-accent) 7%, transparent), transparent 42%), linear-gradient(180deg, #0a2434, #061722 88%);position:relative;box-shadow:inset 0 1px #ffffff09,0 16px 34px #00000057}.tf2-card:before{content:"";z-index:8;background:var(--tf2-accent);height:3px;box-shadow:0 0 15px color-mix(in srgb, var(--tf2-accent) 45%, transparent);pointer-events:none;position:absolute;inset:0 0 auto}.tf2-card .card-player{color:#a8c1cf;background:#05131df5;border-bottom-color:#467e9b66}.tf2-portrait{border-color:color-mix(in srgb, var(--tf2-accent) 45%, #245069);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--tf2-accent) 15%, transparent), transparent 58%), linear-gradient(180deg, #0b2637, #071923);min-height:245px}.tf2-portrait .hero-image{filter:saturate(1.02)contrast(1.035)}.tf2-class-stamp{opacity:.82;max-width:calc(100% - 18px);bottom:9px;right:9px;transform:none}.tf2-class-stamp span{border:1px solid color-mix(in srgb, var(--tf2-accent) 72%, #d9edf7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.09em;background:#04121bc7;padding:4px 7px;font-size:.58rem}.tf2-card-actions button{color:#b7d1df;background:linear-gradient(#123f59,#0d3046);border-color:#3a708e8f}.tf2-card-actions button:hover:not(:disabled),.tf2-card-actions button.active-filter,.tf2-card-actions button.active-lock{border-color:var(--tf2-accent);color:#f6fbff;background:color-mix(in srgb, var(--tf2-accent) 13%, #10384f)}.tf2-loadout{background:#051722f0;border-color:#3569857a}.tf2-loadout small{color:#6f91a4}.tf2-loadout span{color:#c6dce7}.tf2-card.generation-a{animation:tf2-card-enter-a .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}.tf2-card.generation-b{animation:tf2-card-enter-b .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}@keyframes tf2-card-enter-a{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes tf2-card-enter-b{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}.settings-general-actions{flex-wrap:wrap;gap:8px}.settings-danger-action{color:#ff9aaa!important;background:#ff455c0f!important;border:1px solid #ff56697a!important}.settings-catalog-panel .settings-game-card-v2{background:linear-gradient(90deg, color-mix(in srgb, var(--module-accent) 9%, transparent), transparent 48%), #071d2b;grid-template-columns:66px minmax(0,1fr) auto;gap:12px;min-height:92px;padding:9px;overflow:hidden}.settings-game-icon-v3{border:1px solid color-mix(in srgb, var(--module-accent) 58%, #17465f);background:#061520;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #030d1485}.settings-game-icon-v3:after{content:"";background:var(--module-accent);height:3px;position:absolute;inset:auto 0 0}.settings-game-icon-v3 img{object-fit:cover;width:100%;height:100%;display:block}.settings-game-copy-v3{gap:3px;min-width:0;display:grid}.settings-game-card-v2.selected-game .settings-game-icon-v3{box-shadow:0 0 18px color-mix(in srgb, var(--module-accent) 25%, transparent), inset 0 0 0 2px #030d146b}.credits-section-v3{background:radial-gradient(circle at 78% 12%,#f5a62326,#0000 28%),linear-gradient(145deg,#081c2afa,#040e17fc);min-height:590px;padding:0;overflow:hidden}.credits-opening-v3{background:linear-gradient(90deg,#f5a62314,#0000 66%);border-bottom:1px solid #f5a62347;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:26px;min-height:210px;padding:26px 30px;display:grid}.credits-opening-copy-v3 h2{color:#f4fbff;letter-spacing:-.025em;text-transform:uppercase;margin:2px 0 8px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.88}.credits-opening-copy-v3 p{color:#9bb0be;max-width:620px;margin:0;font-size:.72rem;line-height:1.6}.credits-opening-v3>img{object-fit:cover;background:#04111c;border:1px solid #f5a62361;width:270px;height:150px}.credits-roll-v3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:22px 30px;display:grid}.credits-roll-v3 article{background:#05141fbd;border:1px solid #578baa3d;min-height:122px;padding:16px 17px}.credits-roll-v3 article.credits-lead-v3{background:linear-gradient(135deg,#f5a6231f,#05141fc2);border-color:#f5a62380}.credits-roll-v3 small,.credits-thanks-v3>span{color:#f5b238;letter-spacing:.12em;font-size:.48rem;font-weight:950}.credits-roll-v3 strong{color:#f0f8fd;text-transform:uppercase;margin-top:5px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.45rem;display:block}.credits-roll-v3 p,.credits-thanks-v3 p{color:#8199aa;margin:5px 0 0;font-size:.59rem;line-height:1.55}.credits-thanks-v3{background:#f5a6230e;border-left:3px solid #f5a623;margin:0 30px 22px;padding:18px}.credits-thanks-v3 h3{color:#edf8fd;text-transform:uppercase;margin:5px 0 0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.2rem}.credits-footer-v3{background:#020b12a8;border-top:1px solid #46769340;justify-content:space-between;align-items:center;gap:20px;padding:16px 30px;display:flex}.credits-footer-v3>div{gap:3px;display:grid}.credits-footer-v3 b{color:#d9e8f1;font-size:.57rem}.credits-footer-v3 span{color:#6f8798;font-size:.49rem}.credits-footer-v3>strong{color:#f5b238;letter-spacing:.08em;flex:none;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1rem}@media (width<=700px){.settings-tab-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-catalog-panel .settings-game-card-v2{grid-template-columns:56px minmax(0,1fr) auto}.settings-game-icon-v3{width:54px;height:54px}.credits-opening-v3{grid-template-columns:1fr;padding:20px 16px}.credits-opening-v3>img{width:100%;height:170px}.credits-roll-v3{grid-template-columns:1fr;padding:16px}.credits-thanks-v3{margin:0 16px 16px}.credits-footer-v3{flex-direction:column;align-items:flex-start;padding:14px 16px}}.settings-game-icon-v3 img{object-position:center}.credits-page-v4{background:radial-gradient(circle at 82% 7%,#4fcfff21,#0000 28%),radial-gradient(circle at 8% 82%,#f5a62317,#0000 25%),#04111b;border-color:#5399be4d;padding:0;overflow:hidden}.credits-hero-v4{background:linear-gradient(115deg,#082333f0,#030f18b3 66%),repeating-linear-gradient(90deg,#68cdf406 0 1px,#0000 1px 52px);border-bottom:1px solid #4a84a447;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:center;gap:clamp(28px,5vw,70px);min-height:390px;padding:clamp(34px,5vw,72px);display:grid}.credits-kicker-v4{color:#f5b238;letter-spacing:.17em;margin-bottom:13px;font-size:.58rem;font-weight:950;display:inline-flex}.credits-hero-copy-v4 h2{color:#f4fbff;letter-spacing:-.045em;text-transform:uppercase;max-width:760px;margin:0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(4rem,9vw,8.4rem);line-height:.82}.credits-hero-copy-v4>p{color:#a3bac8;max-width:680px;margin:24px 0 0;font-size:clamp(.72rem,1.1vw,.94rem);line-height:1.75}.credits-actions-v4{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.credits-actions-v4 button,.credits-actions-v4 a{color:#dff6ff;min-height:44px;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#0b3346ad;border:1px solid #4fbee97a;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.62rem;font-weight:950;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.credits-actions-v4 button{color:#06141e;background:#f5b238;border-color:#f5b238}.credits-actions-v4 button:hover,.credits-actions-v4 a:hover{border-color:#7ce4ff;transform:translateY(-2px)}.credits-hero-visual-v4{background:radial-gradient(circle at 50% 45%,#f5a62329,#0000 34%),linear-gradient(145deg,#082231e6,#020b12f5);border:1px solid #55add352;place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #00000057}.credits-hero-visual-v4:before{content:"";pointer-events:none;border:1px solid #f5b23838;position:absolute;inset:12px}.credits-hero-visual-v4 img{object-fit:contain;filter:drop-shadow(0 18px 22px #0006);width:min(92%,360px);max-height:245px}.credits-hero-visual-v4 span{color:#f5b238;letter-spacing:.14em;font-size:.48rem;font-weight:950;position:absolute;bottom:15px;right:18px}.credits-story-v4{grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,56px);padding:clamp(28px,4vw,52px) clamp(24px,5vw,72px);display:grid}.credits-story-v4 article{border-left:3px solid #5bc8f18c;min-height:210px;padding:8px 0 8px 24px;position:relative}.credits-story-v4 article.credits-author-v4{border-left-color:#f5b238}.credits-story-v4 small,.credits-manifest-v4>span{color:#6ecff3;letter-spacing:.15em;font-size:.52rem;font-weight:950}.credits-story-v4 h3{color:#f3fbff;text-transform:uppercase;margin:12px 0 14px;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:.95}.credits-story-v4 p{color:#8da7b7;max-width:620px;margin:0;font-size:.72rem;line-height:1.75}.credits-manifest-v4{text-align:center;background:linear-gradient(90deg,#0000,#41b7e20f,#0000);border-top:1px solid #5ca0c247;border-bottom:1px solid #5ca0c247;margin:0 clamp(24px,5vw,72px) clamp(28px,4vw,52px);padding:clamp(26px,4vw,50px)}.credits-manifest-v4 blockquote{color:#eef9fe;text-transform:uppercase;max-width:960px;margin:14px auto 0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:clamp(2rem,5vw,4.4rem);line-height:.98}.credits-legal-v4{background:#01080db8;justify-content:space-between;align-items:center;gap:30px;padding:24px clamp(24px,5vw,72px);display:flex}.credits-legal-v4 div{max-width:760px}.credits-legal-v4 b{color:#dcecf4;font-size:.62rem}.credits-legal-v4 p{color:#637e8e;margin:5px 0 0;font-size:.52rem;line-height:1.55}.credits-legal-v4>strong{color:#f5b238;letter-spacing:.08em;flex:none;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.25rem}@media (width<=820px){.credits-hero-v4{grid-template-columns:1fr;min-height:0}.credits-hero-visual-v4{min-height:230px}.credits-story-v4{grid-template-columns:1fr}}@media (width<=560px){.credits-hero-v4{padding:28px 18px}.credits-hero-copy-v4 h2{font-size:clamp(3.5rem,20vw,5.5rem)}.credits-actions-v4{display:grid}.credits-actions-v4 button,.credits-actions-v4 a{width:100%}.credits-story-v4{padding:28px 18px}.credits-manifest-v4{margin:0 18px 28px;padding:28px 12px}.credits-legal-v4{flex-direction:column;align-items:flex-start;padding:22px 18px}}.unified-game-roulette,.roster-roulette-unified{--roulette-game-accent:var(--yellow)}.unified-game-roulette .roulette-role-toggles button,.roster-roulette-unified .roulette-role-toggles button{--role-color:var(--roulette-game-accent)}.unified-game-roulette .roulette-role-toggles button.active,.roster-roulette-unified .roulette-role-toggles button.active{border-color:var(--role-color);color:var(--role-color);background:color-mix(in srgb, var(--role-color) 14%, #0a283c)}.roulette-generic-role-mark{background:color-mix(in srgb, currentColor 30%, transparent);border:2px solid;border-radius:50%;width:15px;height:15px;display:inline-block;-webkit-mask:none!important;mask:none!important}.roulette-role-watermark.roulette-generic-role-mark{width:24px;height:24px;color:var(--role-color);opacity:.28}.roulette-game-chip{background:color-mix(in srgb, currentColor 9%, #061722);letter-spacing:.07em;text-transform:uppercase;border:1px solid;place-items:center;min-width:62px;min-height:31px;padding:0 10px;font-size:.58rem;font-weight:950;display:inline-grid}.unified-game-roulette .roulette-wheel-hub,.roster-roulette-unified .roulette-wheel-hub,.unified-game-roulette .roulette-winner-portrait,.roster-roulette-unified .roulette-winner-portrait{border-color:var(--role-color,var(--roulette-game-accent))}.unified-game-roulette .roulette-slot-list span,.roster-roulette-unified .roulette-slot-list span{border-left-color:var(--role-color,var(--roulette-game-accent))}.tf2-unified-roulette{--roulette-game-accent:#e8a45b}.pvz-unified-roulette{--roulette-game-accent:var(--pvz-wheel-accent)}@media (width<=720px){.unified-game-roulette .roulette-role-toggles,.roster-roulette-unified .roulette-role-toggles{flex-wrap:nowrap;width:100%;overflow-x:auto}.unified-game-roulette .roulette-role-toggles button,.roster-roulette-unified .roulette-role-toggles button{flex:none}}.language-page-v1{overflow:hidden}.language-choice-v1{gap:16px;padding:20px;display:grid}.language-auto-v1,.language-grid-v1 button{color:#dceef8;cursor:pointer;background:#051825db;border:1px solid #4182a661;transition:border-color .14s,transform .14s,background .14s}.language-auto-v1{text-align:left;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:14px;min-height:96px;padding:16px 18px;display:grid}.language-auto-v1:hover,.language-grid-v1 button:hover{border-color:var(--cyan);transform:translateY(-1px)}.language-auto-v1.active,.language-grid-v1 button.active{border-color:var(--yellow);background:linear-gradient(115deg,#ffc1361f,#051825f0 58%);box-shadow:inset 0 0 0 1px #ffc13614}.language-auto-v1>span:nth-child(2){gap:4px;display:grid}.language-auto-v1 strong,.language-manual-v1>div:first-child strong,.language-grid-v1 strong,.language-status-v1 strong{font-weight:900}.language-auto-v1 small,.language-manual-v1 p,.language-grid-v1 small,.language-status-v1 p{color:#7898aa;margin:0;font-size:.64rem;line-height:1.45}.language-auto-v1 em{color:var(--cyan);font-size:.61rem;font-style:normal;font-weight:800}.language-radio-v1{border:2px solid #436477;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.active>.language-radio-v1,.language-auto-v1.active .language-radio-v1{border-color:var(--yellow)}.language-radio-v1 i{background:0 0;border-radius:50%;width:9px;height:9px}.active>.language-radio-v1 i,.language-auto-v1.active .language-radio-v1 i{background:var(--yellow)}.language-manual-v1{gap:12px;padding-top:2px;display:grid}.language-manual-v1>div:first-child{gap:3px;display:grid}.language-grid-v1{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.language-grid-v1 button{text-align:left;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.language-grid-v1 button small{text-transform:uppercase}.language-status-v1{color:#70dcae;background:#092a2385;border:1px solid #4dd29d4d;align-items:center;gap:12px;margin:0 20px 20px;padding:14px 16px;display:flex}.language-status-v1>span{gap:2px;display:grid}.language-status-v1 small{color:#70dcae;letter-spacing:.08em;font-size:.55rem;font-weight:900}.credits-hammond-link-v1{color:inherit;cursor:pointer;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.credits-hammond-link-v1:hover{border-color:#ffcd4894;transform:translateY(-3px);box-shadow:0 20px 50px #00000057,0 0 30px #ffc02d1a}.credits-hammond-link-v1:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@media (width<=720px){.language-choice-v1{padding:14px}.language-grid-v1{grid-template-columns:1fr}.language-status-v1{margin:0 14px 14px}}.pvz-workspace{--pvz-plant:#71d56b;--pvz-plant-deep:#173f28;--pvz-zombie:#a985dd;--pvz-zombie-deep:#332446;background:radial-gradient(circle at 24% 15%,#4dbe6a12,#0000 32%),radial-gradient(circle at 82% 16%,#946dd012,#0000 34%),#031014;grid-template-columns:336px minmax(0,1fr)}.pvz-workspace,.pvz-workspace *{box-sizing:border-box}.pvz-sidebar{scrollbar-color:#71d56ba3 transparent;background:linear-gradient(#091c14fa,#081318fa 48%,#1a1122fa);border-right-color:#71d56b6b;width:auto;min-width:0}.pvz-sidebar:before{content:"";background:linear-gradient(90deg, var(--pvz-plant), #dfcb5e 48%, var(--pvz-zombie));pointer-events:none;height:3px;position:absolute;inset:0 0 auto}.pvz-sidebar-head,.pvz-sidebar-head>div{min-width:0}.pvz-sidebar-head strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pvz-live{color:#d8efdc}.pvz-live>span{background:var(--pvz-plant);box-shadow:0 0 10px #71d56bb8}.pvz-side-panel{background:#071417b8;border-color:#a8caaf40;min-width:0}.pvz-side-panel .panel-title-row,.pvz-side-panel .panel-title-row>div{min-width:0}.pvz-counter{grid-template-columns:40px minmax(0,1fr) 40px}.pvz-counter strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pvz-side-balance{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:7px;min-width:0;margin:8px 0;display:grid}.pvz-side-balance span{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid;justify-content:center;align-items:center;min-width:0;min-height:28px;padding:0 7px;font-size:10px;font-weight:900;display:flex}.pvz-side-balance span.plants{color:var(--pvz-plant);background:#71d56b14}.pvz-side-balance span.zombies{color:var(--pvz-zombie);background:#a985dd14}.pvz-side-balance i{background:linear-gradient(90deg, var(--pvz-plant), var(--pvz-zombie));opacity:.72;height:1px}.pvz-squad-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.pvz-squad-tools button{min-width:0;padding-inline:5px}.pvz-squad-tools button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvz-players{gap:5px;min-width:0;display:grid}.pvz-player-row{grid-template-columns:28px minmax(86px,1fr) 42px 96px;grid-template-areas:"number name profile sides";align-items:stretch;gap:4px;min-width:0;display:grid}.pvz-player-row>*{min-width:0}.pvz-player-number{color:#0a1712;background:#f4cf54;border:1px solid #f4cf54;grid-area:number;place-items:center;min-height:39px;font-size:10px;font-weight:950;display:grid}.pvz-player-row>input{color:#edf6ee;width:100%;min-width:0;height:39px;font:inherit;background:#031115e0;border:1px solid #cce6d140;outline:none;grid-area:name;padding:0 9px;font-size:12px}.pvz-player-row>input:focus{border-color:var(--pvz-plant);box-shadow:0 0 0 1px #71d56b38}.pvz-player-row.zombies>input:focus{border-color:var(--pvz-zombie);box-shadow:0 0 0 1px #a985dd38}.pvz-player-row>select{color:#dbe9e0;width:100%;min-width:0;height:39px;font:inherit;text-align:center;background:#081f26eb;border:1px solid #cce6d140;outline:none;grid-area:profile;padding:0 3px;font-size:11px}.pvz-side-buttons{grid-area:sides;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-width:0;display:grid}.pvz-side-buttons button{color:#6f8790;cursor:pointer;background:#041013c7;border:1px solid;place-content:center;gap:0;min-width:0;min-height:39px;padding:2px;display:grid}.pvz-side-buttons button span{font-size:10px;font-weight:950;line-height:1}.pvz-side-buttons button small{margin-top:2px;font-size:7px;font-style:normal;font-weight:700;display:none}.pvz-side-buttons button.plants{color:#4d8e56}.pvz-side-buttons button.zombies{color:#765f9b}.pvz-side-buttons button.plants.active{color:var(--pvz-plant);background:#71d56b29;box-shadow:inset 0 0 12px #71d56b14}.pvz-side-buttons button.zombies.active{color:var(--pvz-zombie);background:#a985dd29;box-shadow:inset 0 0 12px #a985dd14}.pvz-toggle.enabled .switch{background:linear-gradient(90deg, var(--pvz-plant), #d7c45f)}.pvz-catalog-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.pvz-catalog-summary>span{background:#020c0f8f;border-left:3px solid;gap:3px;min-width:0;padding:9px;display:grid}.pvz-catalog-summary>span.plants{color:var(--pvz-plant)}.pvz-catalog-summary>span.zombies{color:var(--pvz-zombie)}.pvz-catalog-summary b{font-size:18px;line-height:1}.pvz-catalog-summary small{color:#97aba1;text-transform:uppercase;font-size:8px;line-height:1.25}.pvz-sidebar-footer{gap:8px;display:grid}.pvz-status{min-width:0}.pvz-status>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pvz-generate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;display:grid}.pvz-generate{min-width:0;min-height:42px;font:inherit;letter-spacing:.025em;text-transform:uppercase;cursor:pointer;border:1px solid;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:10px;font-weight:950;display:flex}.pvz-generate span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvz-generate.plants{color:#dff9df;background:linear-gradient(135deg,#2b773c,#174a2a)}.pvz-generate.zombies{color:#f0e6ff;background:linear-gradient(135deg,#654d89,#3a2b54)}.pvz-generate.both{color:#162014;background:linear-gradient(90deg, var(--pvz-plant), #dfca5a 49%, var(--pvz-zombie));border-color:#dfca5a;grid-column:1/-1}.pvz-generate:disabled{opacity:.48;cursor:not-allowed}.pvz-content{min-width:0;overflow-x:clip}.pvz-topline{gap:16px;min-width:0}.pvz-topline .game-identity,.pvz-topline .topline-actions{min-width:0}.pvz-topline h1{overflow-wrap:anywhere}.pvz-badge{color:#b9f4b6;background:#1d592c57;border-color:#71d56b9e}.pvz-image-button{border-color:#dacd58a6}.pvz-summary{grid-template-columns:repeat(3,minmax(66px,1fr))}.pvz-summary>div{min-width:0}.pvz-stage{min-width:0;overflow:hidden}.pvz-team-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(225px,100%),1fr));align-items:stretch;gap:12px;width:100%;min-width:0;padding:10px;display:grid;position:relative}.pvz-card{--pvz-accent:var(--pvz-plant);border:1px solid color-mix(in srgb, var(--pvz-accent) 70%, #12232b);background:#051216f5;grid-template-rows:34px minmax(230px,1fr) auto 40px auto;min-width:0;display:grid;overflow:hidden;box-shadow:0 12px 28px #0000003d}.pvz-card.is-locked{border-color:#f2cf57;box-shadow:0 0 0 1px #f2cf5759,0 12px 28px #0000003d}.pvz-card-player{background:#030e12e6;border-bottom:1px solid #ffffff14;grid-template-columns:31px minmax(0,1fr) auto auto;align-items:center;gap:7px;min-width:0;padding:0 8px;display:grid}.pvz-card-player>span{color:var(--pvz-accent);font-size:10px;font-weight:950}.pvz-card-player>strong{color:#b9cbd0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.pvz-card-player>i,.pvz-card-player>b{color:#f2d05c;border:1px solid #ffffff29;place-items:center;width:20px;height:20px;margin:0;font-size:9px;font-style:normal;display:grid}.pvz-portrait{background:radial-gradient(circle at center, color-mix(in srgb, var(--pvz-accent) 20%, transparent), transparent 62%), #061419;min-width:0;min-height:230px;position:relative;overflow:hidden}.pvz-portrait>img{object-fit:cover;object-position:center 22%;width:100%;height:100%;transition:transform .32s,filter .32s}.pvz-card:hover .pvz-portrait>img{transform:scale(1.025)}.pvz-card.is-rerolling .pvz-portrait>img{filter:blur(2px)saturate(.65);transform:scale(1.05)}.pvz-empty-portrait{width:100%;height:100%;color:color-mix(in srgb, var(--pvz-accent) 75%, #cbd8d8);align-content:center;place-items:center;gap:10px;display:grid}.pvz-empty-portrait span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.pvz-portrait-fade{pointer-events:none;background:linear-gradient(#0000,#020c10f0);position:absolute;inset:45% 0 0}.pvz-side-watermark{color:var(--pvz-accent);letter-spacing:-.055em;opacity:.17;pointer-events:none;font-size:clamp(22px,2.2vw,34px);font-weight:950;position:absolute;bottom:9px;right:10px}.pvz-card-title{border-top:3px solid var(--pvz-accent);justify-items:center;gap:3px;min-width:0;padding:9px 8px 7px;display:grid}.pvz-card-title h2{color:#f4f7f3;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;margin:0;font-size:17px;line-height:1.1;overflow:hidden}.pvz-card-title span{color:var(--pvz-accent);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:950}.pvz-card-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 8px 8px;display:grid}.pvz-card-actions button{color:#d7e8ec;cursor:pointer;background:#0c3846b3;border:1px solid #5aa6bb73;place-items:center;min-width:0;min-height:36px;display:grid;position:relative}.pvz-card-actions button:hover:not(:disabled),.pvz-card-actions button.active-lock{color:#fff2a2;border-color:#e6ca55}.pvz-card-actions button:disabled{opacity:.36;cursor:not-allowed}.pvz-card-actions button>span{color:#f3d55f;font-size:8px;font-weight:950;position:absolute;top:2px;right:3px}.pvz-variant-panel{background:#020d11bf;border:1px solid #91b2b433;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;margin:0 8px 8px;padding:7px;display:grid}.pvz-variant-panel>img{object-fit:cover;background:#07151a;width:34px;height:34px}.pvz-variant-panel>div{min-width:0;display:grid}.pvz-variant-panel small{color:#e5cb58;font-size:7px;font-weight:950}.pvz-variant-panel strong,.pvz-variant-panel span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pvz-variant-panel strong{color:#dce7e3;font-size:10px}.pvz-variant-panel span{color:#829a9e;font-size:8px}.pvz-variant-panel>b{color:#261c06;background:#e6ca55;padding:4px 5px;font-size:7px}.pvz-filter-layer{z-index:90;padding:22px}.pvz-filter-dialog{border-top:3px solid var(--pvz-plant);width:min(970px,100%);min-width:0;max-height:min(830px,100dvh - 44px);overflow:hidden}.pvz-filter-dialog.zombies{border-top-color:var(--pvz-zombie)}.pvz-filter-toolbar,.pvz-filter-toolbar>*{min-width:0}.pvz-filter-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px;min-width:0;max-height:min(590px,100dvh - 230px);padding:10px;display:grid;overflow:auto}.pvz-filter-card{color:#dfeae1;text-align:left;cursor:pointer;background:#081b13d6;border:1px solid #71d56b52;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:8px;min-width:0;min-height:54px;padding:4px;display:grid}.pvz-filter-card.zombies{background:#1f152bd6;border-color:#a985dd57}.pvz-filter-card.blocked{opacity:.43;filter:grayscale(.7)}.pvz-filter-card img{object-fit:cover;width:48px;height:48px}.pvz-filter-card>span{min-width:0;display:grid}.pvz-filter-card strong,.pvz-filter-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvz-filter-card strong{font-size:11px}.pvz-filter-card small{color:#8fa4a0;font-size:8px}.pvz-filter-card>i{color:var(--pvz-plant);font-size:16px;font-style:normal}.pvz-filter-card.zombies>i{color:var(--pvz-zombie)}.pvz-roulette-page{--pvz-wheel-accent:var(--pvz-plant);width:min(1740px,100% - 42px);min-width:0;margin:0 auto;padding:96px 0 38px}.pvz-roulette-page.zombies{--pvz-wheel-accent:var(--pvz-zombie)}.pvz-roulette-heading{justify-content:space-between;align-items:flex-end;gap:22px;min-width:0;margin-bottom:16px;display:flex}.pvz-roulette-heading>div:first-child{min-width:0}.pvz-roulette-heading h1{color:#f1f5ef;overflow-wrap:anywhere;margin:4px 0;font-size:clamp(26px,3vw,46px);line-height:1}.pvz-roulette-heading p{color:#8da2a3;margin:0}.pvz-roulette-stats{border:1px solid #8baeb038;grid-template-columns:repeat(3,minmax(92px,1fr));min-width:min(100%,330px);display:grid}.pvz-roulette-stats>span{background:#051216c2;border-left:1px solid #8baeb02e;gap:3px;min-width:0;padding:10px 12px;display:grid}.pvz-roulette-stats>span:first-child{border-left:0}.pvz-roulette-stats small{color:#738d91;font-size:7px;font-weight:900}.pvz-roulette-stats strong{color:#e8f1ee;font-size:14px}.pvz-roulette-layout{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:start;gap:14px;min-width:0;display:grid}.pvz-roulette-builder,.pvz-wheel-panel{background:#041014eb;border:1px solid #8baeb038;min-width:0}.pvz-roulette-section-heading{border-bottom:1px solid #8baeb02e;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:64px;padding:12px 15px;display:flex}.pvz-roulette-section-heading>div{min-width:0}.pvz-roulette-section-heading span:first-child{color:var(--pvz-wheel-accent);letter-spacing:.1em;font-size:8px;font-weight:950}.pvz-roulette-section-heading h2{color:#e9f1ef;overflow-wrap:anywhere;margin:2px 0 0;font-size:17px;line-height:1.15}.pvz-faction-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 12px 0;display:grid}.pvz-faction-tabs button{text-align:left;cursor:pointer;opacity:.55;background:#030f12bf;border:1px solid;gap:2px;min-width:0;min-height:48px;padding:8px 12px;display:grid}.pvz-faction-tabs button.plants{color:var(--pvz-plant)}.pvz-faction-tabs button.zombies{color:var(--pvz-zombie)}.pvz-faction-tabs button.active{opacity:1;background:color-mix(in srgb, currentColor 14%, #041014)}.pvz-faction-tabs span{font-size:12px;font-weight:950}.pvz-faction-tabs small{color:#91a4a6;font-size:8px}.pvz-roulette-toolbar{justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;display:flex}.pvz-roulette-toolbar>label{color:#81999e;background:#030d11d1;border:1px solid #8baeb040;flex:240px;align-items:center;gap:7px;min-width:0;height:38px;padding:0 10px;display:flex}.pvz-roulette-toolbar input{color:#e5efed;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.pvz-roulette-toolbar>div{flex:none;gap:5px;display:flex}.pvz-roulette-toolbar>div button{color:#bcd0d2;min-height:38px;font:inherit;cursor:pointer;background:#0b262db8;border:1px solid #8baeb045;padding:0 10px;font-size:9px;font-weight:850}.pvz-roulette-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;max-height:min(570px,100dvh - 332px);padding:0 12px 12px;display:grid;overflow:auto}.pvz-roulette-row{background:#081c13a3;border:1px solid #71d56b38;min-width:0;display:grid}.pvz-roulette-row.zombies{background:#1d1429a3;border-color:#a985dd3b}.pvz-roulette-row.selected{border-color:var(--pvz-wheel-accent)}.pvz-roulette-character{color:#dce7e4;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:25px 43px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:49px;padding:3px 7px 3px 4px;display:grid}.pvz-roulette-character>span{color:#07150e;background:var(--pvz-wheel-accent);place-items:center;width:23px;height:23px;font-size:11px;font-weight:950;display:grid}.pvz-roulette-character img{object-fit:cover;width:43px;height:43px}.pvz-roulette-character>div{min-width:0;display:grid}.pvz-roulette-character strong,.pvz-roulette-character small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvz-roulette-character strong{font-size:11px}.pvz-roulette-character small{color:#80969a;font-size:8px}.pvz-weight-control{border-top:1px solid #ffffff14;grid-template-columns:28px 34px 28px minmax(72px,1fr) 26px;align-items:center;gap:3px;min-width:0;padding:5px;display:grid}.pvz-weight-control>button{color:#dce7e9;min-width:0;height:26px;font:inherit;cursor:pointer;background:#08262dc7;border:1px solid #8baeb047}.pvz-weight-control>button.remove{color:#e78a8a}.pvz-weight-control>b{color:#f2d459;text-align:center;font-size:10px}.pvz-weight-control>span{color:#b6c6c8;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:5px;min-width:0;font-size:8px;display:grid}.pvz-weight-control i{background:#ffffff1a;height:3px;overflow:hidden}.pvz-weight-control em{background:var(--pvz-wheel-accent);height:100%;display:block}.pvz-roulette-footer{border-top:1px solid #8baeb02e;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:11px 12px;display:flex}.pvz-roulette-footer>div{flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;display:flex}.pvz-roulette-footer>div>span{display:grid}.pvz-roulette-footer small{color:#778e91;font-size:7px}.pvz-roulette-footer b{color:#e4ecea;font-size:13px}.pvz-roulette-footer p{color:#6f868a;flex-basis:100%;margin:0;font-size:8px}.pvz-build-button,.pvz-spin-button{border:1px solid var(--pvz-wheel-accent);background:color-mix(in srgb, var(--pvz-wheel-accent) 75%, #17261a);color:#061009;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:950;display:flex}.pvz-build-button{flex:none;min-height:42px;padding:0 16px;font-size:10px}.pvz-build-button:disabled,.pvz-spin-button:disabled{opacity:.4;cursor:not-allowed}.pvz-wheel-panel{position:sticky;top:88px}.pvz-wheel-chip{border:1px solid;padding:5px 8px;font-size:8px;font-weight:950}.pvz-wheel-chip.plants{color:var(--pvz-plant)}.pvz-wheel-chip.zombies{color:var(--pvz-zombie)}.pvz-wheel-stage{background:radial-gradient(circle, color-mix(in srgb, var(--pvz-wheel-accent) 12%, transparent), transparent 62%), #020b0ed6;place-items:center;min-height:430px;padding:20px;display:grid;position:relative;overflow:hidden}.pvz-wheel-pointer{z-index:5;filter:drop-shadow(0 4px 7px #00000080);width:32px;height:38px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.pvz-wheel-pointer i{border-top:30px solid #f1d055;border-left:16px solid #0000;border-right:16px solid #0000;width:0;height:0;display:block}.pvz-wheel-shell{aspect-ratio:1;width:min(390px,100%);position:relative}.pvz-wheel-svg{filter:drop-shadow(0 16px 28px #0000005c);width:100%;height:100%;display:block}.pvz-wheel-rotor{transform-box:fill-box;transform-origin:50%;will-change:transform}.pvz-wheel-hub{background:#030e11f2;border:3px solid;border-radius:80px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;width:min(190px,50%);min-width:0;padding:8px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000007a}.pvz-wheel-hub.plants{color:var(--pvz-plant)}.pvz-wheel-hub.zombies{color:var(--pvz-zombie)}.pvz-wheel-hub>img{object-fit:cover;border-radius:50%;width:48px;height:48px}.pvz-wheel-hub>svg{margin-inline:auto}.pvz-wheel-hub>span{min-width:0;display:grid}.pvz-wheel-hub small{font-size:7px}.pvz-wheel-hub strong{color:#f0f4f1;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.pvz-wheel-placeholder{color:#7d9396;text-align:center;place-items:center;gap:9px;display:grid}.pvz-wheel-placeholder>span{border:1px solid var(--pvz-wheel-accent);width:84px;height:84px;color:var(--pvz-wheel-accent);background:color-mix(in srgb, var(--pvz-wheel-accent) 8%, transparent);border-radius:50%;place-items:center;display:grid}.pvz-wheel-placeholder strong{color:#dbe7e4;font-size:14px}.pvz-wheel-placeholder p{margin:0;font-size:10px}.pvz-winner-strip{min-width:0;min-height:68px;color:var(--pvz-wheel-accent);background:#030e11bd;border:1px solid #8baeb038;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;margin:10px 12px;padding:7px;display:grid}.pvz-winner-strip>div,.pvz-winner-strip>svg{border:1px solid;place-items:center;width:54px;height:54px;display:grid;overflow:hidden}.pvz-winner-strip>div.plants{color:var(--pvz-plant)}.pvz-winner-strip>div.zombies{color:var(--pvz-zombie)}.pvz-winner-strip img{object-fit:cover;width:100%;height:100%}.pvz-winner-strip>span{min-width:0;display:grid}.pvz-winner-strip small{color:#738b8f;font-size:7px}.pvz-winner-strip strong,.pvz-winner-strip em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pvz-winner-strip strong{color:#edf3f1;font-size:13px}.pvz-winner-strip em{color:#8ca1a4;font-size:8px;font-style:normal}.pvz-spin-button{width:calc(100% - 24px);min-height:51px;margin:0 12px;font-size:12px}.pvz-spin-button.zombies{color:#f7f0ff}.pvz-autosave{color:#73898c;text-align:center;justify-content:center;align-items:center;gap:5px;padding:8px 12px 12px;font-size:8px;display:flex}.pvz-slot-list{border:1px solid #8baeb02e;margin:0 12px 12px}.pvz-slot-list summary{color:#adbec0;cursor:pointer;justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;font-size:9px;font-weight:850;display:flex}.pvz-slot-list summary b{color:#f1d05a}.pvz-slot-list>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;max-height:210px;padding:5px;display:grid;overflow:auto}.pvz-slot-list>div>span{background:#ffffff09;grid-template-columns:24px 30px minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:3px;display:grid}.pvz-slot-list b{color:#728a8e;text-align:center;font-size:8px}.pvz-slot-list img{object-fit:cover;width:30px;height:30px}.pvz-slot-list em{color:#b9c8c9;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;overflow:hidden}@media (width<=1180px){.pvz-workspace{grid-template-columns:318px minmax(0,1fr)}.pvz-player-row{grid-template-columns:27px minmax(76px,1fr) 38px 88px}.pvz-roulette-list{grid-template-columns:1fr}}@media (width<=1020px){.pvz-roulette-layout{grid-template-columns:1fr}.pvz-wheel-panel{position:relative;top:auto}.pvz-wheel-stage{min-height:390px}.pvz-roulette-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}}@media (width<=860px){.pvz-workspace{min-height:100dvh;padding-bottom:66px;display:block}.pvz-sidebar{border-bottom:1px solid #71d56b59;border-right:0;width:100%;max-height:none;position:relative;inset:auto;overflow:visible}.pvz-sidebar.mobile-config-closed .mobile-config-section,.pvz-sidebar.mobile-config-open .mobile-config-section{display:none}.pvz-sidebar.mobile-config-open .mobile-config-section.mobile-active{display:block}.pvz-sidebar .mobile-config-toggle{display:flex}.pvz-mobile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pvz-sidebar-footer{padding-top:8px;position:relative;inset:auto}.pvz-content{min-height:auto}.pvz-topline{padding-top:18px}.pvz-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pvz-card{grid-template-rows:34px minmax(205px,1fr) auto 40px auto}.pvz-roulette-page{width:min(100% - 24px,1740px);padding-top:82px;padding-bottom:84px}}@media (width<=700px){.pvz-topline,.pvz-roulette-heading{flex-direction:column;align-items:stretch}.pvz-topline .topline-actions{grid-template-columns:1fr;width:100%;display:grid}.pvz-image-button{width:100%}.pvz-summary,.pvz-roulette-stats{width:100%;min-width:0}.pvz-team-grid{grid-template-columns:1fr}.pvz-card{grid-template-rows:34px minmax(260px,56vw) auto 40px auto}.pvz-roulette-toolbar,.pvz-roulette-footer{flex-direction:column;align-items:stretch}.pvz-roulette-toolbar>div,.pvz-build-button{width:100%}.pvz-roulette-toolbar>div button{flex:1}.pvz-roulette-list{grid-template-columns:1fr}.pvz-build-button{flex:none}}@media (width<=520px){.pvz-sidebar,.pvz-side-panel{padding-inline:8px}.pvz-player-row{grid-template-columns:27px minmax(0,1fr) 39px;grid-template-areas:"number name profile"".sides sides";row-gap:4px}.pvz-player-number{min-height:39px}.pvz-side-buttons{width:100%}.pvz-side-buttons button{justify-content:center;align-items:center;gap:5px;min-height:31px;display:flex}.pvz-side-buttons button small{display:inline}.pvz-generate-grid{grid-template-columns:1fr}.pvz-generate.both{grid-column:auto}.pvz-side-balance{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.pvz-side-balance span{font-size:8px}.pvz-squad-tools button span{display:inline}.pvz-roulette-page{width:calc(100% - 14px);padding-top:76px}.pvz-roulette-heading h1{font-size:27px}.pvz-roulette-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pvz-roulette-stats>span{padding:8px 6px}.pvz-faction-tabs{grid-template-columns:1fr}.pvz-roulette-character{grid-template-columns:23px 40px minmax(0,1fr)}.pvz-weight-control{grid-template-columns:28px 32px 28px minmax(60px,1fr) 26px}.pvz-wheel-stage{min-height:330px;padding:14px 8px}.pvz-wheel-shell{width:min(320px,100%)}.pvz-wheel-hub{grid-template-columns:38px minmax(0,1fr);width:54%;padding:6px}.pvz-wheel-hub>img{width:38px;height:38px}.pvz-slot-list>div{grid-template-columns:1fr;max-height:none;overflow:visible}.pvz-filter-layer{padding:7px}.pvz-filter-dialog{max-height:calc(100dvh - 14px)}.pvz-filter-toolbar{grid-template-columns:1fr;display:grid}.pvz-filter-grid{grid-template-columns:1fr;max-height:calc(100dvh - 242px)}}@media (width>=521px) and (width<=900px){.tf2-player-row{grid-template-columns:28px minmax(82px,1fr) 42px 112px;min-width:0}.tf2-player-row>input,.tf2-player-row>.player-profile-inline,.tf2-player-row>.tf2-group-buttons{min-width:0}.tf2-player-row>.player-profile-inline{width:100%;max-width:none;padding-inline:2px}}@media (width<=520px){.tf2-player-row{grid-template-columns:26px minmax(0,1fr) 40px;grid-template-areas:"number name profile"".groups groups";align-items:stretch;gap:4px;min-width:0;display:grid}.tf2-player-row>.number{grid-area:number;min-width:0}.tf2-player-row>input{grid-area:name;width:100%;min-width:0}.tf2-player-row>.player-profile-inline{grid-area:profile;width:100%;min-width:0;max-width:none;padding:0 2px;overflow:hidden}.tf2-player-row>.tf2-group-buttons{grid-area:groups;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;min-width:0;display:grid}.tf2-player-row .tf2-group{width:100%;min-width:0;overflow:hidden}.tf2-player-row .tf2-group span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tf2-class-legend{min-width:0}.tf2-class-legend small{white-space:normal;text-overflow:clip;line-height:1.25;overflow:visible}}.pvz-team-grid{grid-template-columns:repeat(auto-fit,minmax(240px,300px));justify-content:center;align-items:start}.pvz-card{grid-template-rows:34px 260px auto 40px auto;align-self:start;width:100%;max-width:300px;height:max-content}.pvz-portrait{height:260px;min-height:0}@media (width<=1180px) and (width>=861px){.pvz-team-grid{grid-template-columns:repeat(auto-fit,minmax(220px,280px))}.pvz-card{grid-template-rows:34px 240px auto 40px auto;max-width:280px}.pvz-portrait{height:240px}}@media (width<=860px){.pvz-team-grid{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:center}.pvz-card{grid-template-rows:34px 250px auto 40px auto;max-width:300px}.pvz-portrait{height:250px}}@media (width<=700px){.pvz-team-grid{grid-template-columns:minmax(0,360px)}.pvz-card{grid-template-rows:34px auto auto 40px auto;max-width:360px}.pvz-portrait{aspect-ratio:1.12;width:100%;height:auto;min-height:240px}}.pvz-stage{background:radial-gradient(circle at 25% 8%,#63da701a,#0000 38%),radial-gradient(circle at 75% 8%,#b179e71a,#0000 38%),linear-gradient(145deg,#06181ffa,#030e14fa);border-color:#3670895c}.pvz-team-grid{gap:14px;padding:14px}.pvz-card{border-color:color-mix(in srgb, var(--pvz-accent) 56%, #24536a);background:linear-gradient(150deg, color-mix(in srgb, var(--pvz-accent) 7%, transparent), transparent 38%), linear-gradient(180deg, #092535, #051720 92%);position:relative;box-shadow:inset 0 1px #ffffff09,0 16px 34px #00000057}.pvz-card:before{content:"";z-index:8;background:var(--pvz-accent);height:3px;box-shadow:0 0 16px color-mix(in srgb, var(--pvz-accent) 44%, transparent);pointer-events:none;position:absolute;inset:0 0 auto}.pvz-card-player{background:#04121bf5;border-bottom-color:#477f9761}.pvz-card-player>strong{color:#adc5d1}.pvz-portrait{border-bottom:1px solid color-mix(in srgb, var(--pvz-accent) 38%, #23516a);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pvz-accent) 17%, transparent), transparent 58%), linear-gradient(180deg, #0a2938, #061922)}.pvz-portrait>img{backface-visibility:hidden;filter:saturate(1.03)contrast(1.025);transform:translateZ(0)}.pvz-card-title{border-top:0;border-left:3px solid var(--pvz-accent);background:#05161fd1;justify-items:start;padding:10px 10px 8px}.pvz-card-title h2{text-align:left;width:100%}.pvz-card-actions{gap:5px;padding:0 9px 9px}.pvz-card-actions button{color:#b9d2de;background:linear-gradient(#13435e,#0d3046);border-color:#3b74918c;min-height:38px}.pvz-card-actions button:hover:not(:disabled),.pvz-card-actions button.active-lock,.pvz-card-actions button.side-switch:hover:not(:disabled){border-color:var(--pvz-accent);color:#f5fbff;background:color-mix(in srgb, var(--pvz-accent) 13%, #10374e)}.pvz-variant-panel{background:#04141df0;border-color:#376d877a;min-height:54px}.pvz-variant-panel>img,.pvz-variant-placeholder{border:1px solid color-mix(in srgb, var(--pvz-accent) 45%, #2a586e);object-fit:cover;object-position:top center;background:color-mix(in srgb, var(--pvz-accent) 8%, #071923);width:34px;height:38px}.pvz-generate-grid{gap:6px}.pvz-generate{color:#c9dee8;background:linear-gradient(#123e56,#0d2d40);border-color:#447c978c;min-height:40px}.pvz-generate.plants,.pvz-generate.zombies{color:#dcecf3;background:linear-gradient(#123e56,#0d2d40)}.pvz-generate.plants:hover:not(:disabled){border-color:var(--pvz-plant);color:#effff0;background:color-mix(in srgb, var(--pvz-plant) 13%, #10374e)}.pvz-generate.zombies:hover:not(:disabled){border-color:var(--pvz-zombie);color:#fbf1ff;background:color-mix(in srgb, var(--pvz-zombie) 13%, #10374e)}.pvz-generate.both{color:#07141d;background:linear-gradient(90deg,#79db78,#e8d55f 50%,#b98be3);border-color:#d9ce66;min-height:45px;box-shadow:0 0 18px #ddcf5b24}.pvz-card.generation-a{animation:pvz-card-enter-a .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}.pvz-card.generation-b{animation:pvz-card-enter-b .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}@keyframes pvz-card-enter-a{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes pvz-card-enter-b{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}.pvz-wheel-stage{min-height:500px}.pvz-wheel-panel .pvz-roulette-section-heading.compact{min-height:64px}.pvz-wheel-shell{width:min(420px,92%);margin-inline:auto}.roster-module,.roster-roulette-page{--module-accent:#f5a623;z-index:2;color:#edf7ff;width:min(1540px,100% - 28px);margin:16px auto 28px;position:relative}.roster-module{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:14px;display:grid}.roster-sidebar{gap:12px;max-height:calc(100vh - 98px);padding-right:3px;display:grid;position:sticky;top:82px;overflow:auto}.roster-panel,.roster-workspace,.roster-roulette-builder,.roster-wheel-stage{background:linear-gradient(150deg,#0a1b2af7,#050f1af7);border:1px solid #709dbc40;box-shadow:0 18px 45px #0000003d}.roster-panel{padding:16px}.roster-identity-panel{border-top:3px solid var(--module-accent)}.roster-kicker,.roster-workspace-header span,.roster-roulette-builder header>span,.roster-wheel-copy>span{color:var(--module-accent);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:900}.roster-identity-panel h1,.roster-workspace-header h2,.roster-roulette-builder h1,.roster-wheel-copy h2{text-transform:uppercase;margin:3px 0 4px;font-family:Rajdhani,sans-serif;font-size:27px;line-height:1}.roster-identity-panel p,.roster-roulette-builder header p,.roster-wheel-copy p{color:#8da5b8;margin:0;font-size:12px;line-height:1.45}.roster-catalog-pill{border:1px solid color-mix(in srgb, var(--module-accent) 45%, transparent);color:#dcefff;background:color-mix(in srgb, var(--module-accent) 10%, transparent);text-transform:uppercase;align-items:center;gap:8px;margin-top:12px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.roster-catalog-pill span{background:var(--module-accent);width:7px;height:7px;box-shadow:0 0 12px var(--module-accent);border-radius:50%}.roster-panel-title{color:#d9eafa;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:800;display:flex}.roster-panel-title b{color:var(--module-accent);font-size:11px}.roster-count-control{grid-template-columns:38px 1fr 38px;gap:6px;margin-bottom:10px;display:grid}.roster-count-control button,.roster-filter-button,.roster-card-actions button,.roster-roulette-tools button,.roster-weight-control button,.roster-filter-modal footer button{color:#e8f5ff;cursor:pointer;background:#0d2234;border:1px solid #7399b54d}.roster-count-control button{min-height:34px;font-size:19px;font-weight:800}.roster-count-control strong{text-transform:uppercase;background:#06121ecc;border:1px solid #7399b533;place-items:center;font-size:11px;display:grid}.roster-count-control button:disabled,.roster-card-actions button:disabled,.roster-weight-control button:disabled{opacity:.38;cursor:not-allowed}.roster-player-list{gap:9px;max-height:390px;padding-right:2px;display:grid;overflow:auto}.roster-player-config{background:#05101bb8;border:1px solid #6890ad33;padding:9px}.roster-player-heading{grid-template-columns:27px 1fr;align-items:center;gap:7px;display:grid}.roster-player-heading>b{color:#04111c;background:var(--module-accent);place-items:center;width:27px;height:27px;font-family:Rajdhani,sans-serif;font-size:13px;display:grid}.roster-player-heading input,.roster-player-config select,.roster-filter-tools input,.roster-filter-tools select,.roster-roulette-tools input,.roster-roulette-tools select{color:#eaf7ff;background:#081a2a;border:1px solid #7097b447;outline:none;width:100%;min-width:0}.roster-player-heading input{height:29px;padding:0 8px;font-weight:700}.roster-player-config select{height:28px;margin-top:6px;padding:0 7px;font-size:10px}.roster-role-toggles{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.roster-role-toggles button{color:#718a9e;cursor:pointer;text-transform:uppercase;background:#071725;border:1px solid #648ba840;align-items:center;gap:4px;min-height:24px;padding:0 6px;font-size:8px;font-weight:800;display:inline-flex}.roster-role-toggles button span{background:#526576;border-radius:50%;width:5px;height:5px}.roster-role-toggles button.enabled{color:#e7f4ff;border-color:color-mix(in srgb, var(--role-color) 55%, transparent);background:color-mix(in srgb, var(--role-color) 13%, #071725)}.roster-role-toggles button.enabled span{background:var(--role-color);box-shadow:0 0 8px var(--role-color)}.roster-filter-button{text-align:left;justify-content:space-between;width:100%;margin-top:7px;padding:6px 7px;font-size:9px;display:flex}.roster-filter-button b{color:var(--module-accent);text-transform:uppercase;font-size:8px}.roster-rules-panel{gap:7px;display:grid}.roster-rule{color:#e6f4ff;cursor:pointer;text-align:left;background:#071725;border:1px solid #6389a538;grid-template-columns:30px 1fr;align-items:center;gap:9px;width:100%;padding:9px;display:grid}.roster-rule>span{background:#273b4b;border-radius:20px;width:28px;height:16px;padding:2px}.roster-rule>span:after{content:"";background:#71889a;border-radius:50%;width:12px;height:12px;transition:transform .18s;display:block}.roster-rule.enabled{border-color:color-mix(in srgb, var(--module-accent) 43%, transparent)}.roster-rule.enabled>span{background:color-mix(in srgb, var(--module-accent) 55%, #273b4b)}.roster-rule.enabled>span:after{background:#fff;transform:translate(12px)}.roster-rule div{gap:2px;display:grid}.roster-rule b{text-transform:uppercase;font-size:10px}.roster-rule small{color:#7890a3;font-size:9px;line-height:1.25}.roster-workspace{min-width:0;min-height:calc(100vh - 104px);padding:16px}.roster-workspace-header{border-bottom:1px solid #6a93b033;justify-content:space-between;align-items:flex-end;gap:16px;padding:0 2px 13px;display:flex}.roster-workspace-header h2{font-size:31px}.roster-workspace-meta{text-align:right;justify-items:end;gap:2px;max-width:48%;display:grid}.roster-workspace-meta b{color:#dcedfa;font-size:11px}.roster-workspace-meta small{color:#70899d;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.roster-error{color:#ffb1b1;background:#5f151c47;border:1px solid #ff656573;margin:12px 0;padding:12px}.roster-result-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;padding:14px 0 88px;display:grid}.roster-result-card{border:1px solid #658fae40;border-top:3px solid var(--role-color);background:#071725;min-width:0;transition:transform .18s,opacity .18s,border-color .18s;overflow:hidden}.roster-result-card.is-locked{border-color:color-mix(in srgb, var(--role-color) 65%, #506578)}.roster-result-card.is-rerolling{opacity:.55;transform:scale(.975)}.roster-result-grid.is-generating .roster-result-card{animation:.42s roster-card-pulse}@keyframes roster-card-pulse{50%{opacity:.65;transform:translateY(-3px)}}.roster-card-portrait{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--role-color) 25%, transparent), #07121e 72%);min-height:270px;position:relative;overflow:hidden}.roster-card-portrait>img{object-fit:cover;object-position:center top;width:100%;height:290px}.roster-card-gradient{background:linear-gradient(#0000 35%,#040c1459 58%,#071725 100%);position:absolute;inset:0}.roster-empty-mark{height:270px;color:color-mix(in srgb, var(--module-accent) 55%, #536b7d);place-items:center;font-family:Rajdhani,sans-serif;font-size:72px;font-weight:800;display:grid}.roster-player-index,.roster-lock-badge{z-index:2;padding:4px 7px;font-size:9px;font-weight:900;position:absolute;top:9px}.roster-player-index{color:#06121d;background:var(--role-color);left:9px}.roster-lock-badge{color:var(--role-color);border:1px solid var(--role-color);background:#050f18d1;right:9px}.roster-card-title{z-index:2;position:absolute;bottom:10px;left:12px;right:12px}.roster-card-title small{color:var(--role-color);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:900}.roster-card-title h3{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:1px 0 0;font-family:Rajdhani,sans-serif;font-size:24px;line-height:1;overflow:hidden}.roster-card-title p{color:#9bb0bf;margin:3px 0 0;font-size:10px}.roster-card-actions{grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid}.roster-card-actions button{text-transform:uppercase;min-height:31px;font-size:9px;font-weight:900}.roster-card-actions button:first-child{border-color:color-mix(in srgb, var(--module-accent) 52%, transparent);color:#07121d;background:var(--module-accent)}.roster-card-actions button.active{border-color:var(--role-color);color:var(--role-color)}.roster-teamups{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:7px 8px 0;display:grid}.roster-teamups span{color:#8fa6b8;text-overflow:ellipsis;white-space:nowrap;background:#091d2d;border:1px solid #6891ae38;padding:6px;font-size:8px;overflow:hidden}.roster-teamups span b{color:#6f8799;margin-bottom:2px;font-size:7px;display:block}.roster-teamups span.complete{color:#dffaff;background:#2b7e9133;border-color:#69e4ff8c}.roster-teamups span.complete b{color:#6ae4ff}.roster-loadout{gap:4px;padding:7px 8px 0;display:grid}.roster-loadout>div{background:#091b2a;border:1px solid #6e94b12e;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-height:31px;padding:3px 6px;display:grid}.roster-loadout img{object-fit:contain;width:25px;height:25px}.roster-loadout span{min-width:0}.roster-loadout small,.roster-loadout b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.roster-loadout small{color:#71899c;text-transform:uppercase;font-size:7px}.roster-loadout b{color:#e7f3fc;font-size:9px}.roster-generate-bar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05101bf5;border-top:1px solid #6a93b047;justify-content:space-between;align-items:center;gap:14px;margin:0 -16px -16px;padding:12px 16px;display:flex;position:sticky;bottom:0}.roster-generate-bar div{gap:2px;display:grid}.roster-generate-bar span{color:var(--module-accent);letter-spacing:.13em;font-size:8px;font-weight:900}.roster-generate-bar b{color:#9fb3c2;font-size:9px}.roster-generate-bar>button,.roster-spin-button{color:#06111b;background:var(--module-accent);min-width:210px;min-height:44px;box-shadow:0 0 24px color-mix(in srgb, var(--module-accent) 25%, transparent);cursor:pointer;letter-spacing:.06em;border:0;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:900}.roster-generate-bar>button:disabled,.roster-spin-button:disabled{opacity:.45;cursor:not-allowed}.roster-modal-layer{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#01070cc2;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.roster-filter-modal{background:#071725;border:1px solid #7ba5c459;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(980px,100%);max-height:min(760px,100vh - 36px);display:grid;box-shadow:0 24px 80px #00000080}.roster-filter-modal>header{border-bottom:1px solid #7097b43b;justify-content:space-between;align-items:center;padding:16px;display:flex}.roster-filter-modal>header span{color:var(--module-accent);text-transform:uppercase;font-size:9px;font-weight:900}.roster-filter-modal>header h2{text-transform:uppercase;margin:2px 0 0;font-family:Rajdhani,sans-serif;font-size:25px}.roster-filter-modal>header button{color:#b8ccda;cursor:pointer;background:0 0;border:0;font-size:29px}.roster-filter-tools{grid-template-columns:1fr 210px;gap:8px;padding:11px 16px;display:grid}.roster-filter-tools input,.roster-filter-tools select{min-height:36px;padding:0 10px}.roster-filter-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px;padding:0 16px 14px;display:grid;overflow:auto}.roster-filter-grid button{color:#e7f4fc;cursor:pointer;text-align:left;background:#091b2a;border:1px solid #698fab38;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;padding:5px;display:grid}.roster-filter-grid button.blocked{opacity:.55;filter:grayscale(.7);border-color:#ff5f5f8c}.roster-filter-grid img{object-fit:cover;object-position:top;width:48px;height:48px}.roster-filter-grid span{min-width:0}.roster-filter-grid b,.roster-filter-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.roster-filter-grid b{font-size:10px}.roster-filter-grid small{color:#7891a4;font-size:8px}.roster-filter-modal>footer{border-top:1px solid #7097b43b;justify-content:flex-end;gap:7px;padding:11px 16px;display:flex}.roster-filter-modal footer button{text-transform:uppercase;min-height:34px;padding:0 16px;font-size:9px;font-weight:900}.roster-filter-modal footer button.primary{color:#07121c;border-color:var(--module-accent);background:var(--module-accent)}.roster-roulette-page{grid-template-columns:minmax(430px,1fr) minmax(350px,.75fr);gap:14px;min-height:calc(100vh - 112px);display:grid}.roster-roulette-builder{grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding:17px;display:grid}.roster-roulette-builder header{border-bottom:1px solid #7097b433;padding-bottom:12px}.roster-roulette-tools{grid-template-columns:minmax(140px,1fr) 170px auto auto;gap:7px;padding:11px 0;display:grid}.roster-roulette-tools input,.roster-roulette-tools select,.roster-roulette-tools button{min-height:34px;padding:0 9px}.roster-roulette-list{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));align-content:start;gap:7px;padding-right:3px;display:grid;overflow:auto}.roster-roulette-list article{background:#071725;border:1px solid #688fac38;grid-template-columns:minmax(0,1fr) 78px;display:grid}.roster-roulette-list article.selected{border-color:color-mix(in srgb, var(--module-accent) 60%, transparent);background:color-mix(in srgb, var(--module-accent) 8%, #071725)}.roster-roulette-character{color:#e7f4fc;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:7px;min-width:0;padding:4px;display:grid}.roster-roulette-character img{object-fit:cover;object-position:top;width:44px;height:44px}.roster-roulette-character span{min-width:0}.roster-roulette-character b,.roster-roulette-character small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.roster-roulette-character b{font-size:10px}.roster-roulette-character small{color:#7891a4;font-size:8px}.roster-roulette-character i{color:var(--module-accent);font-style:normal;font-weight:900}.roster-weight-control{border-left:1px solid #688fac2e;grid-template-columns:22px 1fr 22px;align-items:center;gap:2px;padding:4px;display:grid}.roster-weight-control button{height:24px}.roster-weight-control b{text-align:center;font-size:9px}.roster-wheel-stage{text-align:center;align-content:center;place-items:center;gap:18px;padding:24px;display:grid}.roster-wheel-copy h2{font-size:29px}.roster-wheel-shell{aspect-ratio:1;place-items:center;width:min(360px,72vw);display:grid;position:relative}.roster-wheel{--roster-wheel:conic-gradient(var(--module-accent) 0 100%);--roster-spin:0deg;aspect-ratio:1;background:var(--roster-wheel);width:100%;transform:rotate(var(--roster-spin));border:10px solid #dce8f0;border-radius:50%;transition:transform 1.9s cubic-bezier(.12,.68,.16,1);position:relative;box-shadow:0 0 0 5px #142a3a,0 28px 60px #0000006b}.roster-wheel:after{content:"";border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:11%}.roster-wheel-pointer{z-index:4;filter:drop-shadow(0 4px 5px #00000080);border-top:34px solid #fff;border-left:16px solid #0000;border-right:16px solid #0000;width:0;height:0;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.roster-wheel-center{z-index:3;color:#07131d;background:var(--module-accent);width:72px;height:72px;transform:translate(-50%, -50%) rotate(calc(var(--roster-spin) * -1));border:7px solid #dce8f0;border-radius:50%;place-items:center;font-family:Rajdhani,sans-serif;font-size:24px;font-weight:900;transition:transform 1.9s cubic-bezier(.12,.68,.16,1);display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #102636}.roster-winner{background:#071725;border:1px solid #6b94b140;justify-content:center;align-items:center;gap:10px;min-height:62px;padding:7px 14px;display:flex}.roster-winner.visible{border-color:color-mix(in srgb, var(--module-accent) 60%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--module-accent) 15%, transparent)}.roster-winner img{object-fit:cover;object-position:top;width:52px;height:52px}.roster-winner span{justify-items:start;display:grid}.roster-winner small{color:var(--module-accent);font-size:8px;font-weight:900}.roster-winner strong{text-transform:uppercase;font-family:Rajdhani,sans-serif;font-size:20px;line-height:1}.roster-winner b{color:#849bad;text-transform:uppercase;font-size:8px}@media (width<=1100px){.roster-module{grid-template-columns:290px minmax(0,1fr)}.roster-result-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.roster-roulette-page{grid-template-columns:1fr}.roster-wheel-stage{min-height:650px}}@media (width<=780px){.roster-module,.roster-roulette-page{width:min(100% - 14px,1540px);margin-top:8px}.roster-module{display:block}.roster-sidebar{max-height:none;padding:0;position:static;overflow:visible}.roster-sidebar .roster-panel:not(.roster-identity-panel){margin-top:8px}.roster-workspace{min-height:0;margin-top:8px;padding:10px}.roster-workspace-header{align-items:flex-start}.roster-workspace-meta{max-width:52%}.roster-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:76px}.roster-card-portrait{min-height:220px}.roster-card-portrait>img{height:240px}.roster-generate-bar{margin:0 -10px -10px;padding:9px 10px}.roster-generate-bar div{display:none}.roster-generate-bar>button{width:100%;min-width:0}.roster-filter-tools{grid-template-columns:1fr}.roster-roulette-tools{grid-template-columns:1fr 1fr}.roster-wheel-stage{min-height:560px}}@media (width<=520px){.roster-result-grid{grid-template-columns:1fr}.roster-mobile-compact .roster-card-portrait{min-height:190px}.roster-mobile-compact .roster-card-portrait>img{object-position:center 20%;height:210px}.roster-workspace-header{display:block}.roster-workspace-meta{text-align:left;justify-items:start;max-width:none;margin-top:7px}.roster-filter-grid,.roster-roulette-list,.roster-roulette-tools{grid-template-columns:1fr}.roster-wheel{width:min(310px,78vw)}}.roster-overwatch-layout{--module-accent:#f5a623}.roster-overwatch-layout .eyebrow,.roster-overwatch-layout .game-title-row h1,.roster-overwatch-layout .loadout small{color:var(--module-accent)}.roster-overwatch-layout .side-panel{border-left-color:var(--module-accent)}.roster-overwatch-layout .side-panel:after,.roster-overwatch-layout .generate,.roster-overwatch-layout .player-row .number{background:var(--module-accent)}.roster-overwatch-layout .generate{color:#07131d;box-shadow:0 8px 24px color-mix(in srgb, var(--module-accent) 18%, transparent)}.roster-live-dot{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:92px;overflow:hidden}.roster-live-dot span{background:var(--module-accent);box-shadow:0 0 9px color-mix(in srgb, var(--module-accent) 65%, transparent)}.roster-squad-tools{margin-bottom:7px}.roster-unified-players{gap:5px;max-height:none;padding-right:0;overflow:visible}.roster-game-player-row{grid-template-columns:34px minmax(0,1fr) 44px 29px;gap:3px;min-height:34px}.roster-game-player-row .player-profile-inline{width:44px;min-width:44px;padding:0 3px}.roster-inline-role-picker,.roster-inline-filter,.roster-single-role{color:#9bb4c3;background:linear-gradient(#174562,#12344d);border:1px solid #274d64;place-items:center;min-width:29px;min-height:34px;display:grid;position:relative}.roster-inline-role-picker,.roster-inline-filter{cursor:pointer;transition:transform .11s,border-color .13s,color .13s,background .13s}.roster-inline-role-picker:hover,.roster-inline-filter:hover{border-color:var(--module-accent);color:#effaff;background:#1a5072;transform:translateY(-1px)}.roster-inline-role-picker.active-filter,.roster-inline-filter.active-filter{border-color:var(--module-accent);color:var(--module-accent);background:color-mix(in srgb, var(--module-accent) 9%, #12344d)}.roster-inline-role-picker b,.roster-inline-filter b{color:#07131d;background:var(--module-accent);border-radius:10px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:.42rem;font-weight:950;display:grid;position:absolute;top:-5px;right:-4px}.roster-single-role{color:color-mix(in srgb, var(--module-accent) 74%, #d8edf8);cursor:default;opacity:.78}.roster-fixed-condition{border:1px solid color-mix(in srgb, var(--module-accent) 38%, #23506a);min-height:48px;color:var(--module-accent);background:color-mix(in srgb, var(--module-accent) 7%, #0a1f2e);grid-template-columns:27px 1fr;align-items:center;gap:8px;padding:8px 9px;display:grid}.roster-fixed-condition span{gap:2px;display:grid}.roster-fixed-condition b{color:#eaf6fc;font-size:.61rem}.roster-fixed-condition small{color:#7893a5;font-size:.51rem}.roster-unified-content{min-width:0}.roster-game-badge{border-color:color-mix(in srgb, var(--module-accent) 55%, transparent);color:var(--module-accent);background:color-mix(in srgb, var(--module-accent) 7%, transparent)}.roster-image-button{border-color:color-mix(in srgb, var(--module-accent) 40%, #245d7d)}.roster-team-stage{min-height:calc(100vh - 158px)}.roster-overwatch-layout .team-grid.roster-many-cards{grid-template-columns:repeat(6,minmax(175px,1fr));min-width:1110px}.roster-unified-card{--role-color:var(--module-accent);align-self:start}.roster-unified-card .portrait{height:clamp(205px,31vh,350px)}.roster-unified-card .hero-info{min-height:57px}.roster-card-special{background:#04111ab8;border:1px solid #22516c6b;margin:0 0 7px}.roster-card-teamups{grid-template-columns:minmax(0,1fr);gap:5px;padding:6px;display:grid}.roster-card-teamups button{color:#8198a8;cursor:pointer;text-align:left;background:#0a2232;border:1px solid #4e718552;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:54px;padding:4px;transition:border-color .14s,background .14s,transform .12s;display:grid;position:relative;overflow:hidden}.roster-card-teamups button:hover{border-color:color-mix(in srgb, var(--module-accent) 58%, transparent);background:color-mix(in srgb, var(--module-accent) 7%, #0a2232);transform:translateY(-1px)}.roster-card-teamups button.complete{color:#eaf8ff;background:#11313b;border-color:#5ce1a2a8}.roster-card-teamups button.selected{border-color:var(--module-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--module-accent) 42%, transparent)}.roster-card-teamups img{object-fit:cover;object-position:center top;background:#071725;border:1px solid #84adc54d;width:38px;height:44px}.roster-teamup-portrait-fallback{border:1px solid color-mix(in srgb, var(--module-accent) 48%, #84adc54d);color:#edfaff;background:linear-gradient(145deg, color-mix(in srgb, var(--module-accent) 32%, #071725), #071725 72%);width:38px;height:44px;font-family:var(--display-font,system-ui, sans-serif);letter-spacing:.04em;box-shadow:inset 0 0 18px color-mix(in srgb, var(--module-accent) 10%, transparent);place-items:center;font-size:.63rem;font-weight:950;display:grid}.roster-card-teamups button>span{gap:1px;min-width:0;display:grid}.roster-card-teamups b{color:var(--module-accent);letter-spacing:.06em;font-size:.36rem}.roster-card-teamups strong,.roster-card-teamups small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-card-teamups strong{color:#eaf5fb;font-size:.47rem}.roster-card-teamups small{color:#7893a4;font-size:.38rem}.roster-card-teamups button.complete small{color:#71dfaa}.roster-card-teamups button>i{color:color-mix(in srgb, var(--module-accent) 72%, #b7cad6);letter-spacing:.05em;text-transform:uppercase;font-size:.34rem;font-style:normal;font-weight:900;position:absolute;top:4px;right:5px}.roster-card-finals .roster-loadout{max-height:none;padding:6px;overflow:visible}.roster-card-finals .roster-loadout>div{grid-template-columns:27px minmax(0,1fr);min-height:32px}.roster-card-finals .roster-loadout img{width:25px;height:25px}.roster-game-thefinals .roster-team-stage{overflow-x:auto}.roster-game-thefinals .team-grid.roster-finals-grid{grid-template-columns:repeat(3,minmax(310px,1fr));min-width:960px}.roster-game-thefinals .roster-finals-card{align-self:stretch}.roster-game-thefinals .roster-finals-card .portrait{height:clamp(220px,30vh,335px)}.roster-game-thefinals .roster-finals-card .roster-card-finals{margin-bottom:8px}.roster-game-thefinals .roster-finals-card .roster-loadout{gap:4px;display:grid}.roster-game-thefinals .roster-finals-card .roster-loadout>div{min-height:36px;padding:4px 6px}.roster-role-modal{color:#edf8fd;background:#071725;border:1px solid #7ba5c459;grid-template-rows:auto minmax(0,1fr) auto;width:min(620px,96vw);max-height:min(720px,100vh - 36px);display:grid;overflow:hidden;box-shadow:0 24px 80px #00000080}.roster-role-modal>header{background:linear-gradient(90deg, color-mix(in srgb, var(--module-accent) 9%, transparent), transparent 76%);border-bottom:1px solid #7097b43b;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 16px;display:flex}.roster-role-modal>header span{color:var(--module-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem;font-weight:900}.roster-role-modal>header h2{text-transform:uppercase;margin:3px 0 0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.45rem;line-height:1}.roster-role-modal>header p{color:#7f99aa;margin:5px 0 0;font-size:.57rem}.roster-role-modal>header button{color:#c9dce7;cursor:pointer;background:#0b2a3d;border:1px solid #2b5871;place-items:center;width:34px;height:34px;display:grid}.roster-role-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;padding:14px 16px;display:grid;overflow-y:auto}.roster-role-choice-grid>button{--role-color:var(--module-accent);color:#7290a3;cursor:pointer;text-align:left;background:#081d2c;border:1px solid #234b62;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:9px;min-width:0;min-height:58px;padding:8px 10px;display:grid}.roster-role-choice-grid>button.enabled{border-color:color-mix(in srgb, var(--role-color) 62%, #234b62);color:#edf9ff;background:color-mix(in srgb, var(--role-color) 10%, #081d2c)}.roster-role-choice-mark{border:1px solid color-mix(in srgb, var(--role-color) 42%, #2a5369);background:color-mix(in srgb, var(--role-color) 6%, #0b2638);place-items:center;width:30px;height:30px;display:grid}.roster-role-choice-mark i{background:#526b7c;border-radius:50%;width:8px;height:8px}.roster-role-choice-grid>button.enabled .roster-role-choice-mark i{background:var(--role-color);box-shadow:0 0 9px var(--role-color)}.roster-role-choice-grid>button>span:nth-child(2){gap:3px;min-width:0;display:grid}.roster-role-choice-grid b{color:inherit;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.63rem;overflow:hidden}.roster-role-choice-grid small{color:#6f899a;text-transform:uppercase;font-size:.49rem;font-weight:800}.roster-role-choice-grid>button>svg{color:var(--role-color)}.roster-role-modal>footer{border-top:1px solid #7097b43b;justify-content:flex-end;gap:7px;padding:11px 16px;display:flex}.roster-role-modal>footer button{color:#c8dce7;text-transform:uppercase;background:#0d2b3e;border:1px solid #28536b;min-height:34px;padding:0 16px;font-size:.52rem;font-weight:900}.roster-role-modal>footer button.primary{border-color:var(--module-accent);color:#07131d;background:var(--module-accent)}.roster-details-layer{place-items:center}.roster-details-modal{--role-color:var(--module-accent);border:1px solid color-mix(in srgb, var(--role-color) 55%, #214b63);color:#edf8fd;background:linear-gradient(150deg,#0a2637,#04121d 75%);width:min(760px,96vw);max-height:min(86vh,780px);overflow-y:auto;box-shadow:0 30px 80px #0000007a}.roster-details-modal>header{background:linear-gradient(90deg, color-mix(in srgb, var(--role-color) 12%, transparent), transparent 74%);border-bottom:1px solid #3468856b;justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 18px;display:flex}.roster-details-modal>header span{color:var(--role-color);letter-spacing:.08em;text-transform:uppercase;font-size:.5rem;font-weight:900}.roster-details-modal>header h2{text-transform:uppercase;margin:3px 0 0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1.65rem;line-height:1}.roster-details-modal>header p{color:#8ea5b4;margin:5px 0 0;font-size:.58rem}.roster-details-modal>header button{color:#c6dbe6;background:#0b2a3d;border:1px solid #2c5870;place-items:center;width:36px;height:36px;display:grid}.roster-details-hero{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:14px 18px;display:grid}.roster-details-hero img{border:1px solid color-mix(in srgb, var(--role-color) 50%, #214c64);object-fit:cover;object-position:top;width:150px;height:170px}.roster-details-hero small{color:var(--role-color);letter-spacing:.08em;font-size:.48rem;font-weight:900}.roster-details-hero h3,.roster-details-modal section>h3{text-transform:uppercase;margin:4px 0 0;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:1rem}.roster-details-hero p{color:#91a8b7;margin:7px 0;font-size:.62rem;line-height:1.55}.roster-details-hero>div>span{color:#6f8c9e;text-transform:uppercase;font-size:.52rem;font-weight:900}.roster-details-modal>section{border-top:1px solid #2f5e7961;padding:14px 18px}.roster-details-tags,.roster-details-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.roster-details-tags span,.roster-details-rules span{color:#9bb2c0;background:#071d2b;border:1px solid #1e4a62;min-width:0;padding:9px;font-size:.53rem}.roster-details-tags span.complete{border-color:color-mix(in srgb, var(--role-color) 58%, #1e4a62);color:#edf9ff}.roster-details-tags b,.roster-details-rules b{color:var(--role-color);margin-bottom:3px;font-size:.43rem;display:block}.roster-details-modal section .roster-loadout{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0 0}@media (width<=1180px){.roster-overwatch-layout{grid-template-columns:300px minmax(0,1fr)}.roster-overwatch-layout .team-grid:not(.roster-many-cards){min-width:calc(var(--cards) * 170px)}}@media (width<=860px){.roster-overwatch-layout{display:block}.roster-overwatch-layout .roster-unified-sidebar.mobile-config-closed .mobile-config-section,.roster-overwatch-layout .roster-unified-sidebar.mobile-config-open .mobile-config-section{display:none}.roster-overwatch-layout .roster-unified-sidebar.mobile-config-open .mobile-config-section.mobile-active{display:block}.roster-overwatch-layout .content{padding:12px}.roster-overwatch-layout .team-grid:not(.roster-many-cards){min-width:calc(var(--cards) * 170px)}}@media (width<=620px){.roster-details-hero{grid-template-columns:96px minmax(0,1fr)}.roster-details-hero img{width:96px;height:120px}.roster-details-tags,.roster-details-rules,.roster-details-modal section .roster-loadout{grid-template-columns:1fr}}@media (width<=860px){.roster-overwatch-layout .roster-mobile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.roster-role-choice-grid{grid-template-columns:1fr}}.roster-inline-role-picker{color:#a9c2cf;width:34px;min-width:34px}.roster-inline-role-picker>span{letter-spacing:.035em;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:.58rem;font-weight:950}.roster-inline-role-picker.assigned-role{border-color:var(--player-role-color,var(--module-accent));color:var(--player-role-color,var(--module-accent));background:color-mix(in srgb, var(--player-role-color,var(--module-accent)) 10%, #12344d);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--player-role-color,var(--module-accent)) 22%, transparent)}.roster-role-choice-grid>button.auto-role{grid-column:1/-1}.roster-unified-card.generation-a{animation:roster-card-enter-a .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}.roster-unified-card.generation-b{animation:roster-card-enter-b .42s cubic-bezier(.16, .84, .32, 1) var(--delay) both}@keyframes roster-card-enter-a{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes roster-card-enter-b{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}.roster-game-deadlock .team-grid.cards-3{grid-template-columns:repeat(3,minmax(230px,350px));justify-content:center}@media (width<=620px){.roster-role-choice-grid>button.auto-role{grid-column:auto}}.roster-game-player-row{grid-template-columns:34px minmax(0,1fr) 44px 29px}.roster-squad-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-game-deadlock .roster-unified-card{--role-color:var(--module-accent)}.deadlock-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px;display:grid}.deadlock-candidate{--candidate-color:var(--module-accent);border:1px solid color-mix(in srgb, var(--candidate-color) 58%, #24485d);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--candidate-color) 18%, transparent), transparent 62%), #071923;min-width:0;min-height:112px;position:relative;overflow:hidden}.deadlock-candidate.primary{grid-column:1/-1;min-height:clamp(205px,28vh,285px)}.deadlock-candidate:after{content:"";z-index:4;background:var(--candidate-color);height:3px;box-shadow:0 -3px 14px color-mix(in srgb, var(--candidate-color) 28%, transparent);position:absolute;bottom:0;left:0;right:0}.deadlock-candidate>img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .36s cubic-bezier(.2,.75,.2,1),filter .18s;animation:.44s cubic-bezier(.16,.84,.32,1) both deadlock-candidate-image-in;position:absolute;inset:0}.deadlock-candidate:hover>img{filter:saturate(1.06)contrast(1.02);transform:scale(1.035)}.deadlock-candidate-rank{z-index:5;color:#07131d;background:var(--candidate-color);text-align:center;min-width:25px;padding:4px 5px;font-size:.48rem;font-weight:950;position:absolute;top:7px;left:7px}.deadlock-candidate-gradient{z-index:2;pointer-events:none;background:linear-gradient(#0000 36%,#030c132e 57%,#030c13f7 100%);position:absolute;inset:0}.deadlock-candidate-copy{z-index:5;gap:1px;min-width:0;display:grid;position:absolute;bottom:8px;left:8px;right:8px}.deadlock-candidate-copy small{color:var(--candidate-color);letter-spacing:.08em;text-transform:uppercase;font-size:.39rem;font-weight:950}.deadlock-candidate-copy strong{color:#f2f8fc;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 8px #000000b8;font-family:Bahnschrift Condensed,Arial Narrow,sans-serif;font-size:.9rem;line-height:1;overflow:hidden}.deadlock-candidate.secondary .deadlock-candidate-copy strong{font-size:.68rem}.deadlock-candidate-empty{color:color-mix(in srgb, var(--candidate-color) 56%, #6f8796);opacity:.48;place-items:center;display:grid;position:absolute;inset:0}.roster-game-deadlock .hero-card.is-rerolling .deadlock-candidate-grid{animation:.28s deadlock-candidate-reroll}.roster-overwatch-layout .team-grid.roster-many-cards .deadlock-candidate.primary{min-height:175px}.roster-overwatch-layout .team-grid.roster-many-cards .deadlock-candidate.secondary{min-height:92px}.roster-overwatch-layout .team-grid.roster-many-cards .deadlock-candidate-copy strong{font-size:.62rem}.deadlock-details-candidates{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.deadlock-details-candidates>div{background:#071725;border:1px solid #d1bd7761;min-width:0;min-height:150px;position:relative;overflow:hidden}.deadlock-details-candidates img{object-fit:cover;object-position:center top;width:100%;height:150px}.deadlock-details-candidates span{z-index:2;color:#07131d;background:#d1bd77;place-items:center;width:22px;height:22px;font-size:.52rem;font-weight:950;display:grid;position:absolute;top:6px;left:6px}.deadlock-details-candidates b{z-index:2;color:#f0f6fa;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:linear-gradient(#0000,#030c13f5);padding:22px 7px 7px;font-size:.56rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}@keyframes deadlock-candidate-image-in{0%{opacity:0;filter:blur(4px)saturate(.78);transform:scale(1.035)}to{opacity:1;filter:blur()saturate();transform:scale(1)}}@keyframes deadlock-candidate-reroll{0%{opacity:1;filter:brightness();transform:scale(1)}45%{opacity:.45;filter:brightness(1.5);transform:scale(.985)}to{opacity:1;filter:brightness();transform:scale(1)}}@media (width<=620px){.deadlock-candidate.primary{min-height:260px}.deadlock-candidate.secondary{min-height:135px}.deadlock-details-candidates{grid-template-columns:1fr}}.tf2-wheel-stage{min-height:500px}.tf2-wheel-shell{width:min(420px,92%)}.tf2-wheel-panel .roulette-section-heading.compact{min-height:64px}.tf2-class-row .roulette-hero-main img{border-width:1.5px}