:root{color:#f2efff;background:#080617;font-family:Courier New,ui-monospace,monospace;font-synthesis:none;--bg: #0d0a1f;--panel: #15102f;--panel-2: #1c1640;--ink: #f3efff;--muted: #9289b8;--cyan: #22e0ff;--pink: #ff2e97;--lime: #b6ff3d;--gold: #ffd23d}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}html[data-hub-design=game-night][data-hub-mode=light]{color-scheme:light;background:#efeff2}html[data-hub-design=game-night][data-hub-mode=dark]{color-scheme:dark;background:#111216}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-actions{display:contents}.random-game-action,.game-night-mode-toggle{display:none}.hub-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#080617;animation:hub-splash-exit 1.9s ease both}.hub-splash:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(rgba(34,224,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(34,224,255,.2) 1px,transparent 1px);background-size:34px 34px;transform:perspective(520px) rotateX(58deg) scale(1.55);transform-origin:50% 100%}.hub-splash-stage{position:relative;z-index:1;display:grid;justify-items:center;gap:19px}.hub-splash-mark{position:relative;width:148px;height:148px}.splash-tile{--fly-x: 0;--fly-y: 0;position:absolute;width:46px;height:46px;display:grid;place-items:center;color:#080617;background:var(--cyan);border:3px solid #fff;box-shadow:5px 5px 0 var(--pink),0 0 20px #22e0ff59;font-size:18px;font-style:normal;font-weight:900;animation:hub-splash-tile-in .72s cubic-bezier(.16,.8,.2,1.15) both}.tile-one{left:0;top:22px;--fly-x: -52vw;--fly-y: -32vh;animation-delay:.04s}.tile-two{right:0;top:0;--fly-x: 46vw;--fly-y: -48vh;animation-delay:.13s;background:var(--pink)}.tile-three{left:12px;bottom:0;--fly-x: -48vw;--fly-y: 44vh;animation-delay:.2s;background:var(--lime)}.tile-four{right:3px;bottom:17px;--fly-x: 55vw;--fly-y: 40vh;animation-delay:.27s;background:var(--gold)}.tile-five{left:51px;top:51px;--fly-x: 0;--fly-y: -62vh;animation-delay:.34s;color:#fff;background:#332562}.gamehub-logo{display:block;overflow:visible}.gamehub-logo .logo-block{paint-order:stroke fill;stroke:#fff;stroke-width:2.4px;stroke-linejoin:bevel}.gamehub-logo .logo-g{fill:var(--logo-g, var(--cyan))}.gamehub-logo .logo-h{fill:var(--logo-h, var(--pink))}.hub-splash-logo{position:absolute;left:37px;top:40px;z-index:2;width:74px;height:64px;filter:drop-shadow(6px 6px 0 #080617) drop-shadow(0 0 10px rgba(34,224,255,.42));opacity:0;transform:scale(.6) rotate(-8deg);animation:hub-splash-core-in .36s cubic-bezier(.2,.9,.25,1.25) .74s both}.hub-splash-copy{display:grid;justify-items:center;gap:7px;text-align:center}.hub-splash-copy strong{font-size:30px;line-height:1;letter-spacing:7px;text-indent:7px;opacity:0;transform:translateY(10px);animation:hub-splash-copy-in .35s ease .9s both}.hub-splash-copy small{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:3px;text-transform:uppercase;opacity:0;animation:hub-splash-copy-in .35s ease 1.03s both}.hub-splash[data-design=game-night]{color:#17171b;background:#efeff2}.hub-splash[data-design=game-night]:before{opacity:.55;background:radial-gradient(circle at 50% 42%,#fff 0,rgba(255,255,255,.76) 32%,transparent 68%);transform:none}.hub-splash[data-design=game-night] .splash-tile{color:#37373e;background:#fff;border:1px solid #d6d6dc;border-radius:11px;box-shadow:0 12px 26px #1c1c2221}.hub-splash[data-design=game-night] .tile-two{color:#7c4dcc}.hub-splash[data-design=game-night] .tile-three{color:#2c7c62}.hub-splash[data-design=game-night] .tile-four{color:#bf5d43}.hub-splash[data-design=game-night] .tile-five{color:#fff;background:#17171b}.hub-splash[data-design=game-night] .hub-splash-logo{--logo-g: #17171b;--logo-h: #6d6d76;filter:drop-shadow(0 12px 14px rgba(28,28,34,.18))}.hub-splash[data-design=game-night] .hub-splash-logo .logo-block{stroke:none}.hub-splash[data-design=game-night] .hub-splash-copy strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:780;letter-spacing:5px;text-indent:5px}.hub-splash[data-design=game-night] .hub-splash-copy small{color:#686870;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.hub-splash[data-design=game-night][data-mode=dark]{color:#f4f4f6;background:#111216}.hub-splash[data-design=game-night][data-mode=dark]:before{background:radial-gradient(circle at 50% 42%,#2a2b32 0,rgba(32,33,39,.72) 34%,transparent 70%)}.hub-splash[data-design=game-night][data-mode=dark] .splash-tile{color:#ececf0;background:#25262c;border-color:#3c3d46;box-shadow:0 14px 30px #00000059}.hub-splash[data-design=game-night][data-mode=dark] .tile-two{color:#b89cec}.hub-splash[data-design=game-night][data-mode=dark] .tile-three{color:#69cba7}.hub-splash[data-design=game-night][data-mode=dark] .tile-four{color:#ef967b}.hub-splash[data-design=game-night][data-mode=dark] .tile-five{color:#17171b;background:#f4f4f6}.hub-splash[data-design=game-night][data-mode=dark] .hub-splash-logo{--logo-g: #f4f4f6;--logo-h: #9c9da6;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}.hub-splash[data-design=game-night][data-mode=dark] .hub-splash-copy small{color:#a6a7b0}@keyframes hub-splash-tile-in{0%{opacity:0;transform:translate(var(--fly-x),var(--fly-y)) rotate(24deg) scale(.45)}72%{opacity:1;transform:translate(0) rotate(-3deg) scale(1.08)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes hub-splash-core-in{to{opacity:1;transform:scale(1) rotate(0)}}@keyframes hub-splash-copy-in{to{opacity:1;transform:translateY(0)}}@keyframes hub-splash-exit{0%,78%{opacity:1}to{opacity:0;visibility:hidden}}.app-shell{min-height:100vh;background:radial-gradient(circle at 70% 0,#23124d 0,var(--bg) 42%,#080617 100%)}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;z-index:20;display:flex;flex-direction:column;padding:24px 18px 18px;background:linear-gradient(180deg,#171033,#0d0920);border-right:3px solid #352867;box-shadow:12px 0 36px #00000059}.brand{display:flex;align-items:center;gap:12px;padding:0 4px 22px;border:0;background:transparent;cursor:pointer;font-weight:900;font-size:22px;letter-spacing:-1px;text-shadow:0 0 12px rgba(255,255,255,.3)}.brand>span:last-child span{color:var(--cyan)}.brand-mark{width:46px;height:40px;flex:0 0 46px;filter:drop-shadow(4px 4px 0 #080617) drop-shadow(0 0 8px rgba(34,224,255,.4))}.login-card>.brand-mark{width:68px;height:59px}.player-card{display:flex;gap:12px;align-items:center;padding:12px 10px;margin-bottom:24px;background:#21194b;border:2px solid #3c2f70;box-shadow:4px 4px #090616}.avatar-frame{width:58px;height:65px;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(180deg,#38226c,#17102f);border:2px solid var(--pink);box-shadow:0 0 14px #ff2e9759}.avatar-frame.large{width:100px;height:110px;border-color:var(--gold)}.pixel-avatar{display:block;shape-rendering:crispEdges;image-rendering:pixelated}.player-copy{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1}.player-copy strong{overflow:hidden;text-overflow:ellipsis;font-size:13px}.player-copy span{color:var(--lime);font-size:10px;font-weight:800}.xp-track{height:8px;background:#080617;border:1px solid #6b5ca1;overflow:hidden}.xp-track i{display:block;height:100%;min-width:4px;background:linear-gradient(90deg,var(--pink),var(--lime))}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{display:flex;align-items:center;gap:13px;padding:13px 14px;cursor:pointer;color:#aca3ce;background:transparent;border:2px solid transparent;text-align:left;font-size:13px;font-weight:800;text-transform:uppercase}.sidebar nav button span{width:22px;color:#665a91;font-size:18px;text-align:center}.sidebar nav button:hover{color:#fff;background:#21194b;border-color:#44357b}.sidebar nav button.active{color:var(--cyan);background:linear-gradient(90deg,rgba(34,224,255,.15),transparent);border-color:var(--cyan);box-shadow:4px 4px #080617,inset 4px 0 0 var(--cyan)}.sidebar nav button.active span{color:var(--cyan)}.sidebar-foot{margin-top:auto;padding:13px 8px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#887da9;font-size:9px;border-top:1px solid #33285f}.sidebar-foot small{width:100%;padding-left:14px;color:#574d79}.online-dot{width:7px;height:7px;background:var(--lime);box-shadow:0 0 9px var(--lime)}.main-stage{min-height:100vh;margin-left:246px}.hub-screen,.subscreen{width:min(1500px,100%);margin:0 auto;padding:30px 36px 70px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.top-kicker,.subscreen-title>span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:2px}.topbar h1{margin:6px 0 0;font-size:clamp(20px,2.1vw,30px);letter-spacing:-1px}.topbar h1 b{color:var(--pink)}.profile-pill{display:flex;gap:8px;align-items:center;padding:10px 12px;cursor:pointer;background:#17112f;border:2px solid #443777;color:#a9a0ca;font-size:10px;font-weight:800}.profile-pill span{color:var(--lime);font-size:17px}.profile-pill i{color:var(--cyan);font-size:20px;font-style:normal}.hero{min-height:330px;position:relative;overflow:hidden;display:flex;margin-bottom:42px;background:linear-gradient(115deg,#34125a 0,#1b1244 45%,#0e2744);border:3px solid #5b438f;box-shadow:8px 8px #070515,0 0 42px #743fc738}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:linear-gradient(#8f79c8 1px,transparent 1px),linear-gradient(90deg,#8f79c8 1px,transparent 1px);background-size:28px 28px;transform:perspective(350px) rotateX(62deg) scale(1.5);transform-origin:bottom}.hero-copy{position:relative;z-index:2;width:58%;padding:38px 42px}.eyebrow{display:inline-block;padding:6px 10px;color:#130c27;background:var(--gold);border:2px solid #0d0a1f;box-shadow:3px 3px 0 var(--pink);font-size:9px;font-weight:900}.hero h2{margin:20px 0 12px;font-size:clamp(31px,4.2vw,60px);line-height:.94;letter-spacing:-4px;text-shadow:5px 5px 0 #0a0619}.hero h2 b{color:var(--cyan)}.hero p{max-width:620px;color:#c0b7dc;line-height:1.55;font-size:13px}.hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.primary-action,.ghost-action{min-height:44px;padding:11px 18px;cursor:pointer;border:2px solid #080617;font-size:11px;font-weight:900}.primary-action{color:#071116;background:var(--cyan);box-shadow:5px 5px 0 var(--pink),0 0 18px #22e0ff4d}.primary-action:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pink),0 0 24px #22e0ff80}.ghost-action{color:#fff;background:#1c1640;border-color:#725ca8;box-shadow:4px 4px #090617}.hero-island{position:absolute;right:0;top:0;width:44%;height:100%}.hero-island .sun{position:absolute;right:64px;top:35px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#ffd23d 0 35%,#ff2e97 37% 44%,transparent 46%);filter:drop-shadow(0 0 18px #ff2e97)}.hero-terrain-glow{position:absolute;right:14px;top:8px;width:330px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(235,194,94,.18),transparent 64%);filter:blur(10px)}.hero-terrain{position:absolute;z-index:1;right:4px;top:8px;width:min(100%,340px);height:310px;overflow:visible;filter:drop-shadow(8px 10px 0 rgba(8,6,23,.75));animation:hero-terrain-float 4.2s ease-in-out infinite}.hero-terrain-hex{transform-box:fill-box;transform-origin:center;opacity:0;animation:hero-terrain-pop .55s cubic-bezier(.2,.85,.3,1) var(--hero-hex-delay) both}.hero-settlement{pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}@keyframes hero-terrain-pop{0%{opacity:0;transform:scale(.2) translateY(8px)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes hero-terrain-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.shelf-section{margin-top:34px}.shelf-header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 3px 12px;border-bottom:2px solid color-mix(in srgb,var(--shelf-accent) 60%,transparent)}.shelf-header span{color:var(--shelf-accent);font-size:9px;font-weight:900;letter-spacing:2px}.shelf-header h2{margin:4px 0 0;font-size:20px;text-transform:uppercase}.shelf-header h2 b{color:var(--shelf-accent)}.shelf-header small{color:#716890;font-size:9px}.game-shelf{display:flex;gap:18px;padding:18px 4px 24px;overflow-x:auto;scroll-snap-type:x proximity}.pxscroll::-webkit-scrollbar{height:10px}.pxscroll::-webkit-scrollbar-track{background:#090619;border:1px solid #2e2458}.pxscroll::-webkit-scrollbar-thumb{background:var(--shelf-accent);border:2px solid #090619}.game-card{--accent:#22e0ff;position:relative;flex:0 0 225px;min-height:244px;display:flex;flex-direction:column;padding:0;overflow:hidden;scroll-snap-align:start;cursor:pointer;text-align:left;background:#16102f;border:3px solid #32265c;box-shadow:6px 6px #070515;transition:transform .14s,border-color .14s,filter .14s}.game-card.available:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:6px 12px #070515,0 0 20px color-mix(in srgb,var(--accent) 35%,transparent)}.game-card.coming-soon{cursor:not-allowed;filter:saturate(.35);opacity:.62}.cabinet-lights{position:absolute;z-index:3;left:8px;right:8px;top:7px;display:flex;justify-content:space-between}.cabinet-lights i{width:5px;height:5px;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:blink-light 1.8s steps(1) infinite}.cabinet-lights i:nth-child(2n){animation-delay:.9s}@keyframes blink-light{0%,55%{opacity:1}56%,to{opacity:.25}}.game-art{min-height:132px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 45%,#2a1752),#100b25 72%);border-bottom:3px solid var(--accent)}.game-art:before,.game-art:after{content:"";position:absolute;width:70px;height:70px;border:2px solid color-mix(in srgb,var(--accent) 60%,transparent);transform:rotate(45deg)}.game-art:after{width:105px;height:105px;opacity:.4}.game-art b{position:relative;z-index:2;color:#fff;font-size:36px;font-weight:900;text-shadow:3px 3px 0 #0a0619,0 0 16px var(--accent)}.game-art i{position:absolute;inset:auto 0 0;height:20px;background:repeating-linear-gradient(90deg,var(--accent) 0 12px,#0d0a1f 12px 24px);opacity:.55}.game-card-copy{display:flex;flex-direction:column;gap:5px;padding:13px 13px 8px}.game-card-copy strong{font-size:13px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card-copy small{color:#8c83aa;font-size:10px}.game-tags{display:flex;gap:6px;margin-top:auto;padding:0 13px 13px}.game-tags em{padding:4px 6px;color:var(--accent);background:#0c081c;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);font-size:8px;font-style:normal;font-weight:900}.subscreen{padding-top:54px}.subscreen-title h1{margin:7px 0;font-size:clamp(30px,4vw,52px);text-transform:uppercase;text-shadow:4px 4px 0 #080617}.subscreen-title p{color:var(--muted);margin:0 0 30px}.profile-banner{display:flex;align-items:center;gap:24px;padding:24px;margin-bottom:22px;background:linear-gradient(90deg,#ff2e97,#7b36b3 60%,#21205b);border:3px solid #080617;box-shadow:8px 8px #080617}.profile-banner span{font-size:9px;font-weight:900}.profile-banner h2{margin:7px 0 4px;font-size:30px}.profile-banner p{margin:0;color:#f0dff3}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-grid article{padding:18px;background:#15102f;border:2px solid #3e3071;box-shadow:5px 5px #080617}.stat-grid article:nth-child(1){border-color:var(--cyan)}.stat-grid article:nth-child(2){border-color:var(--lime)}.stat-grid article:nth-child(3){border-color:var(--pink)}.stat-grid article:nth-child(4){border-color:var(--gold)}.stat-grid span{color:#8d84ac;font-size:9px;font-weight:900}.stat-grid strong{display:block;margin:8px 0 4px;color:var(--cyan);font-size:25px}.stat-grid small{color:#766d95;font-size:9px}.game-stats-panel{margin-top:24px;padding:22px;background:#100c27;border:2px solid #392c69}.game-stats-panel>header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.game-stats-panel header span{color:var(--pink);font-size:9px;font-weight:900}.game-stats-panel h2{margin:4px 0 0}.game-stats-panel header small{color:#746b94;font-size:9px}.stats-list{display:grid;gap:10px}.stats-list article{--accent:#22e0ff;display:flex;align-items:center;gap:14px;padding:13px;background:#191336;border-left:4px solid var(--accent)}.stats-list article>b{display:grid;place-items:center;width:42px;height:42px;color:var(--accent);background:#0a0719;border:1px solid var(--accent)}.stats-list article>div{display:flex;flex-direction:column;gap:3px}.stats-list article small{color:#81789f;font-size:9px}.stats-list dl{margin:0 0 0 auto;display:flex;gap:24px}.stats-list dl div{display:flex;flex-direction:column;align-items:end;gap:4px}.stats-list dt{color:#6f668d;font-size:8px;text-transform:uppercase}.stats-list dd{margin:0;color:#fff;font-weight:900}.character-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(380px,1.2fr);gap:24px}.character-stage{min-height:440px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#2d1a61,#130d2d);border:3px solid var(--pink);box-shadow:8px 8px #080617}.character-stage:before{content:"";position:absolute;left:8%;right:8%;bottom:46px;height:32px;background:#080617;transform:perspective(120px) rotateX(50deg);box-shadow:0 0 50px var(--pink)}.character-stage .pixel-avatar{position:relative;z-index:2;filter:drop-shadow(10px 14px 0 rgba(0,0,0,.35))}.character-stage>span{position:relative;z-index:2;margin-top:18px;color:var(--cyan);font-weight:900}.stage-glow{position:absolute;width:270px;height:270px;border-radius:50%;background:var(--pink);filter:blur(110px);opacity:.28}.customizer{display:flex;flex-direction:column;gap:16px;padding:24px;background:#15102f;border:2px solid #443578;box-shadow:7px 7px #080617}.picker{padding:15px;background:#0e0a22;border:1px solid #33285f}.picker>span{display:block;margin-bottom:10px;color:#9b91b8;font-size:9px;font-weight:900;text-transform:uppercase}.picker>div{display:flex;gap:9px;flex-wrap:wrap}.picker button{min-width:90px;padding:9px;cursor:pointer;background:#1e1742;border:2px solid #453673;font-size:10px}.picker button.selected{color:#0d0a1f;background:var(--cyan);border-color:#fff;box-shadow:3px 3px 0 var(--pink)}.picker .swatches button{min-width:34px;width:34px;height:34px;padding:0}.picker .swatches button.selected{box-shadow:0 0 0 3px #fff,5px 5px 0 var(--pink)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(480px,100%);padding:36px;text-align:center;background:#15102f;border:3px solid var(--cyan);box-shadow:10px 10px 0 var(--pink),0 0 45px #22e0ff33}.login-card>.brand-mark{margin:0 auto 18px}.login-card>small{color:var(--lime);font-weight:900}.login-card h1{text-transform:uppercase}.login-card p{color:#9b92ba;line-height:1.6;font-size:12px}.login-card label{display:block;margin:24px 0;text-align:left;color:#b5accf;font-size:10px;font-weight:900}.login-card input{width:100%;margin-top:8px;padding:14px;color:#fff;background:#090719;border:2px solid #514180}.login-card .primary-action{width:100%}.form-error,.login-card .form-error{padding:10px 12px;color:#ffd8e9;background:#b4145242;border:1px solid #ff4f9c;font-weight:800}.form-success,.login-card .form-success{padding:10px 12px;color:#dfffc5;background:#65b02a33;border:1px solid var(--lime);font-weight:800}.offline-note{padding:10px 12px;background:#ffbe331c;border:1px solid #c88d27}.online-dot.offline{background:#ffb236;box-shadow:0 0 8px #ffb236}.online-dot.checking{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.forced-logout{margin-top:4px;padding:11px 14px;color:#c9c1df;background:transparent;border:1px solid #625492;font:800 9px var(--pixel);cursor:pointer}.forced-logout:disabled{opacity:.45;cursor:not-allowed}.sync-alert{position:sticky;z-index:40;top:10px;max-width:760px;margin:10px auto -2px;padding:11px 14px;color:#ffd8e9;background:#45142e;border:1px solid #ff4f9c;box-shadow:0 6px 20px #00000047;font-size:12px;font-weight:800}.account-screen{align-items:start}.login-card.account-card{width:min(920px,100%);text-align:left}.account-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid #403467}.account-header>div{display:flex;align-items:center;gap:18px}.account-header .brand-mark{flex:0 0 auto}.account-header h1{margin:5px 0}.account-header p{margin:0}.account-header>button,.admin-panel button,.reset-confirm button{padding:10px 13px;color:#fff;background:#20184b;border:1px solid #625492;font:800 9px var(--pixel);cursor:pointer}.account-header>button:disabled,.admin-panel button:disabled,.reset-confirm button:disabled{opacity:.45;cursor:not-allowed}.account-form{max-width:560px;margin:28px 0;padding:22px;background:#0e0a24;border:1px solid #403467}.account-form h2{margin-top:0}.login-card .account-form label,.login-card .admin-panel label{margin:14px 0}.account-form>small{display:block;margin:-4px 0 15px;color:#82799c;line-height:1.5}.admin-panel{position:relative;margin-top:30px;padding:24px;background:#0d0921;border:2px solid #534285}.admin-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-panel>header small{color:var(--pink);font-weight:900}.admin-panel>header h2{margin:5px 0}.admin-panel>header>span{color:var(--cyan);font:800 10px var(--pixel)}.admin-reauth,.admin-create{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin:18px 0;padding:14px;background:#17112f;border:1px solid #4a3b73}.admin-create{grid-template-columns:1fr 1fr auto}.admin-reauth label,.admin-create label{margin:0!important}.admin-create .primary-action{width:auto;min-height:45px}.admin-users{display:grid;gap:8px;margin-top:18px}.admin-users article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:#17112f;border-left:3px solid var(--cyan)}.admin-users article div{display:grid;gap:4px}.admin-users article small{color:#887fa3}.temporary-credential{display:grid;gap:10px;margin:18px 0;padding:16px;color:#f6f3ff;background:#2b1641;border:2px solid var(--pink)}.temporary-credential code{display:block;max-width:100%;padding:12px;overflow-wrap:anywhere;color:#061016;background:var(--cyan);font:900 15px ui-monospace,SFMono-Regular,Menlo,monospace}.temporary-credential small{line-height:1.5}.temporary-credential button{justify-self:start}.reset-confirm{position:fixed;top:0;right:0;bottom:0;left:0;width:min(520px,calc(100% - 32px));margin:auto;padding:20px;color:#f6f3ff;background:#281327;border:2px solid #ff4f6d;box-shadow:0 10px 35px #0000008c}.reset-confirm::backdrop{background:#04020fc2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.reset-confirm p{margin:8px 0 20px}.reset-confirm>div{display:flex;justify-content:flex-end;gap:10px}.reset-confirm .danger-action{background:#9e2441;border-color:#ff6f87}.admin-highlights{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin:18px 0;padding:16px;background:#17112f;border:1px solid #4a3b73}.admin-highlights>header{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.admin-highlights>header strong{color:var(--cyan);font:900 11px var(--pixel);text-transform:uppercase}.admin-highlights>header small{color:#887fa3}.admin-highlights label{margin:0!important}.admin-highlights select{width:100%;min-height:45px}.admin-highlights .primary-action{width:auto;min-height:45px}.admin-highlights .form-success{grid-column:1/-1;margin:0}.hero-game-emblem{position:absolute;right:7%;bottom:5%;display:grid;place-items:center;width:min(38vw,430px);aspect-ratio:1;color:var(--accent);border:5px solid currentColor;background:color-mix(in srgb,var(--accent) 13%,#12082b);box-shadow:18px 18px #080415,0 0 50px color-mix(in srgb,var(--accent) 35%,transparent);transform:rotate(3deg)}.hero-game-emblem span{font:900 clamp(80px,12vw,170px) var(--pixel);line-height:1;text-shadow:8px 8px 0 #080415}.hero-game-emblem strong{position:absolute;bottom:22px;max-width:88%;overflow:hidden;color:#f7f2ff;font:900 clamp(12px,1.6vw,22px) var(--pixel);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.game-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:246px;background:#080617;display:flex;flex-direction:column}.game-chrome{height:62px;flex:0 0 62px;display:flex;align-items:center;gap:24px;padding:0 18px;background:#100b25;border-bottom:3px solid #3c2d70;box-shadow:0 6px 20px #00000061}.game-chrome>button{padding:9px 12px;cursor:pointer;color:var(--cyan);background:#181136;border:2px solid var(--cyan);font-size:10px;font-weight:900}.game-chrome>div{display:flex;align-items:center;gap:10px}.game-chrome>div>b{font-size:25px}.game-chrome>div span{display:flex;flex-direction:column;gap:3px}.game-chrome strong{font-size:12px}.game-chrome small{color:#7e759d;font-size:8px}.game-chrome>i{width:9px;height:9px;margin-left:auto;background:#6e6681;box-shadow:0 0 8px #6e6681}.game-chrome>i.connected{background:var(--lime);box-shadow:0 0 12px var(--lime)}.game-overlay iframe{width:100%;height:calc(100vh - 62px);border:0;background:#0f2233}.frame-loader{position:absolute;z-index:2;top:62px;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:#0d0a1f;color:#fff}.frame-loader small{max-width:480px;color:#ffb3d7;text-align:center;line-height:1.5}.loader-cube{width:34px;height:34px;background:var(--cyan);border:4px solid #fff;box-shadow:8px 8px 0 var(--pink);animation:loader .7s steps(2) infinite}@keyframes loader{50%{transform:translateY(-9px) rotate(8deg)}}@media(max-width:980px){.sidebar{width:86px;padding:18px 10px}.brand>span:last-child,.player-copy,.sidebar nav button:not(.active):after,.sidebar nav button{font-size:0}.brand{justify-content:center}.player-card{padding:8px 3px;justify-content:center}.sidebar nav button{justify-content:center;padding:12px}.sidebar nav button span{font-size:20px}.sidebar-foot{display:none}.main-stage{margin-left:86px}.game-overlay{left:86px}.hero-copy{width:70%;padding:30px}.hero-island{opacity:.55;width:50%}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sidebar{position:fixed;inset:auto 0 0;width:auto;height:66px;flex-direction:row;padding:7px 9px;border:0;border-top:3px solid #352867}.brand,.player-card,.sidebar-foot{display:none}.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.sidebar nav button,.sidebar nav button.active{display:flex;flex-direction:column;gap:2px;padding:5px 2px;border-width:1px;font-size:7px;text-align:center}.sidebar nav button span{font-size:18px}.main-stage{margin-left:0;padding-bottom:66px}.hub-screen,.subscreen{padding:20px 14px 88px}.topbar{align-items:flex-start}.profile-pill{display:none}.hero{min-height:430px}.hero-copy{width:100%;padding:24px 20px}.hero-island{top:170px;width:100%;opacity:.38;transform:scale(.8);transform-origin:right bottom}.hero-game-emblem{right:5%;bottom:7%;width:68vw;opacity:.35;transform:rotate(3deg) scale(.82);transform-origin:right bottom}.hero h2{letter-spacing:-2px}.shelf-header small{display:none}.game-card{flex-basis:200px}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-grid article{padding:13px}.profile-banner{align-items:flex-start}.profile-banner h2{font-size:22px}.game-stats-panel{padding:13px}.game-stats-panel>header{align-items:start;flex-direction:column}.stats-list article{flex-wrap:wrap}.stats-list dl{width:100%;margin-left:56px;justify-content:flex-start}.character-layout{grid-template-columns:1fr}.character-stage{min-height:350px}.game-overlay{top:0;right:0;bottom:66px;left:0}.game-chrome{height:56px;flex-basis:56px;padding:0 8px;gap:8px}.game-chrome>button{font-size:8px;padding:8px}.game-chrome small{display:none}.game-overlay iframe{height:calc(100vh - 122px)}.frame-loader{top:56px;right:0;bottom:0;left:0}.login-screen{min-height:calc(100vh - 66px);padding:16px}.login-card{padding:26px 20px}.account-header,.account-header>div{align-items:flex-start}.account-header{flex-direction:column}.account-form,.admin-panel{padding:16px}.admin-create,.admin-reauth,.admin-highlights{grid-template-columns:1fr}.admin-highlights>header,.admin-highlights .form-success{grid-column:1}.admin-users article{align-items:flex-start;flex-direction:column}.admin-users article button{width:100%}}.peeps-avatar{display:block}.character-stage .peeps-avatar{position:relative;z-index:2;filter:drop-shadow(8px 12px 0 rgba(0,0,0,.35))}.emote-strip{position:relative;z-index:2;display:flex;gap:8px;margin-top:16px}.emote-chip{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;background:#0e0a22;border:2px solid #453673}.character-stage>small{position:relative;z-index:2;margin-top:8px;color:#9b91b8;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.thumb-grid{display:flex;flex-wrap:wrap;gap:7px;max-height:216px;overflow-y:auto;padding:2px}.picker .thumb-grid .thumb{width:46px;height:46px;min-width:0;padding:0;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:#1e1742;border:2px solid #453673}.picker .thumb-grid .thumb img{width:100%;height:100%;display:block}.picker .thumb-grid .thumb.selected{background:#1e1742;border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),3px 3px 0 var(--pink)}.picker .thumb-grid .thumb-none{width:auto;min-width:46px;padding:0 9px;color:#c5bddb;font-size:9px;font-weight:900;text-transform:uppercase}.settings-panel{padding:24px;background:#100c27;border:2px solid #443578;box-shadow:8px 8px #080617}.design-settings-panel{margin-bottom:22px}.design-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.design-options>button{display:grid;grid-template-columns:minmax(150px,42%) 1fr;grid-template-rows:auto 1fr;gap:7px 16px;min-height:142px;padding:14px;cursor:pointer;text-align:left;color:#c5bddb;background:#171132;border:2px solid #392d68;box-shadow:4px 4px #080617;transition:transform .15s,border-color .15s,background .15s}.design-options>button:hover{transform:translateY(-3px);border-color:#7f6bb0}.design-options>button.selected{color:#fff;border-color:var(--cyan);box-shadow:4px 4px 0 var(--pink),0 0 18px #22e0ff2e}.design-options>button>strong{align-self:end;font-size:13px;text-transform:uppercase}.design-options>button>small{color:#8e85aa;font-size:9px;line-height:1.55}.design-preview{grid-row:1 / 3;min-height:110px;position:relative;display:block;overflow:hidden;background:#0a0719;border:1px solid #51457c}.design-preview i,.design-preview b,.design-preview em,.design-preview small{position:absolute;display:block}.design-preview.arcade i{inset:0 auto 0 0;width:22%;background:#171033;border-right:2px solid #22e0ff}.design-preview.arcade b{inset:12px 8px auto 28%;height:34px;background:linear-gradient(120deg,#63269b,#143958);border:2px solid #ff2e97}.design-preview.arcade em{left:28%;right:8px;top:57px;height:35px;background:repeating-linear-gradient(90deg,#15102f 0,#15102f 22px,#22194a 22px,#22194a 42px);border-bottom:3px solid #b6ff3d}.design-preview.arcade small{left:6px;top:9px;width:9px;height:9px;background:#22e0ff;box-shadow:0 20px #ff2e97,0 40px #b6ff3d}.design-preview.game-night{background:#eeeef1}.design-preview.game-night i{inset:0 0 auto;height:20px;background:#fff;border-bottom:1px solid #d8d8dc}.design-preview.game-night b{left:9px;top:31px;width:52%;height:10px;background:#fff;border-radius:9px;box-shadow:0 2px 5px #00000014}.design-preview.game-night em{left:15%;right:8%;bottom:11px;height:48px;background:linear-gradient(90deg,#8e2de2 0 24%,transparent 24% 27%,#15576b 27% 51%,transparent 51% 54%,#41251b 54% 78%,transparent 78% 81%,#f15768 81%);border-radius:4px}.design-preview.game-night small{left:15%;right:8%;bottom:7px;height:5px;background:#fff;box-shadow:0 3px 6px #00000040}.settings-panel>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.settings-panel>header span{color:var(--pink);font-size:9px;font-weight:900;letter-spacing:2px}.settings-panel>header h2{margin:5px 0 0;text-transform:uppercase}.settings-panel>header small{color:#7f759f;font-size:9px}.effect-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.effect-options>button{min-height:154px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:15px;cursor:pointer;text-align:left;color:#c5bddb;background:#171132;border:2px solid #392d68;box-shadow:4px 4px #080617;transition:transform .15s,border-color .15s,background .15s}.effect-options>button:hover{transform:translateY(-3px);border-color:#7f6bb0}.effect-options>button.selected{color:#fff;background:linear-gradient(145deg,#2a1b58,#18264b);border-color:var(--cyan);box-shadow:4px 4px 0 var(--pink),0 0 18px #22e0ff2e}.effect-options i{width:100%;height:34px;display:block;background:repeating-linear-gradient(0deg,#22e0ff8c 0,#22e0ff8c 1px,#0a0719 1px,#0a0719 5px);border:1px solid #50427c}.effect-options>button:nth-child(1) i{opacity:.08}.effect-options>button:nth-child(2) i{opacity:.32}.effect-options>button:nth-child(3) i{opacity:.58}.effect-options>button:nth-child(4) i{opacity:.8}.effect-options>button:nth-child(5) i{opacity:1;border-radius:8px;box-shadow:inset 0 0 10px #000,0 0 9px #22e0ff47}.effect-options strong{font-size:12px;text-transform:uppercase}.effect-options small{color:#82799f;font-size:9px;line-height:1.5}.effect-options>button.selected small{color:#aba2c5}.setting-switch-row{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:20px;padding:18px;background:#171132;border-left:4px solid var(--lime)}.setting-switch-row>div{display:flex;flex-direction:column;gap:6px}.setting-switch-row>div strong{font-size:12px;text-transform:uppercase}.setting-switch-row>div small{color:#81779e;font-size:9px;line-height:1.5}.toggle-switch{width:58px;height:30px;flex:0 0 58px;position:relative;padding:3px;cursor:pointer;background:#090719;border:2px solid #5b5075}.toggle-switch span{display:block;width:20px;height:20px;background:#756c8d;box-shadow:2px 2px #000;transition:transform .2s,background .2s}.toggle-switch.on{border-color:var(--lime);box-shadow:0 0 13px #b6ff3d38}.toggle-switch.on span{transform:translate(28px);background:var(--lime)}.effect-note{margin-top:14px;padding:14px 16px;color:#9e95ba;background:#0b081c;border:1px solid #302653}.effect-note b{color:var(--gold);font-size:9px;text-transform:uppercase}.effect-note p{margin:6px 0 0;font-size:9px;line-height:1.6}.vhs-effect{--scanline-alpha: .13;--noise-alpha: .035;--roll-alpha: .075;position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity 1.15s ease;isolation:isolate}.vhs-effect.is-visible{opacity:1}.vhs-effect[data-strength=off]{opacity:0}.vhs-effect[data-strength=soft]{--scanline-alpha: .065;--noise-alpha: .018;--roll-alpha: .035}.vhs-effect[data-strength=medium]{--scanline-alpha: .13;--noise-alpha: .035;--roll-alpha: .075}.vhs-effect[data-strength=strong]{--scanline-alpha: .2;--noise-alpha: .06;--roll-alpha: .12}.vhs-effect[data-strength=crt]{--scanline-alpha: .25;--noise-alpha: .08;--roll-alpha: .16}.vhs-effect>span{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.vhs-filter{position:absolute;width:0;height:0}.vhs-scanlines{z-index:2;background:repeating-linear-gradient(0deg,#0000 0,#0000 3px,rgba(0,0,0,var(--scanline-alpha)) 3px,rgba(0,0,0,var(--scanline-alpha)) 5px);mix-blend-mode:multiply}.vhs-noise{z-index:3;opacity:var(--noise-alpha);background-image:repeating-radial-gradient(circle at 17% 23%,#fff 0 1px,transparent 1px 4px),repeating-radial-gradient(circle at 71% 63%,#22e0ff 0 1px,transparent 1px 5px);background-size:7px 9px,11px 13px;mix-blend-mode:soft-light;animation:vhs-noise .18s steps(2) infinite}.vhs-roll{z-index:4;top:-38%;height:28%;background:linear-gradient(180deg,transparent,rgba(173,227,255,var(--roll-alpha)) 50%,transparent);filter:blur(12px);animation:vhs-roll 7s linear infinite}.vhs-vignette{z-index:5;box-shadow:inset 0 0 52px #03000f33}.vhs-glass{z-index:6;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(3,0,13,.88) 100%);border:0 solid rgba(8,5,23,.8);transition:opacity .25s,border-width .25s,border-radius .25s}.vhs-effect[data-strength=strong] .vhs-vignette{box-shadow:inset 0 0 72px #03000f6b}.vhs-effect[data-strength=crt] .vhs-glass{top:3px;right:3px;bottom:3px;left:3px;opacity:1;border-width:6px;border-radius:3.8vw;box-shadow:inset 0 0 65px 18px #010009ad,inset 0 0 5px 2px #bee2ff2e,0 0 0 8px #05030d}.vhs-effect[data-strength=crt]:before,.vhs-effect[data-strength=crt]:after{content:"";position:absolute;z-index:4;left:-8%;width:116%;height:7px;opacity:.28;background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--pink),transparent);filter:blur(5px);animation:crt-wander 5.5s ease-in-out infinite}.vhs-effect[data-strength=crt]:before{top:23%}.vhs-effect[data-strength=crt]:after{top:72%;animation-delay:-2.8s}.crt-surface>.sidebar,.crt-surface>.main-stage,.crt-surface>.game-overlay{filter:url(#gamehub-crt-warp) saturate(1.04);animation:crt-breathe 6s ease-in-out infinite;transform-origin:center center}@keyframes vhs-noise{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(1px,1px)}}@keyframes vhs-roll{0%{transform:translateY(-10vh)}to{transform:translateY(155vh)}}@keyframes crt-wander{0%,to{transform:translateY(-10px) skew(-2deg)}50%{transform:translateY(14px) skew(2deg)}}@keyframes crt-breathe{0%,to{transform:scale(1.001,.998)}50%{transform:scale(.999,1.001)}}@media(max-width:1100px){.effect-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.sidebar{padding-inline:5px}.sidebar nav{grid-template-columns:repeat(6,1fr);gap:2px}.sidebar nav button,.sidebar nav button.active{padding:5px 2px;font-size:7px}.sidebar nav button span{font-size:17px}.settings-panel{padding:14px}.settings-panel>header{align-items:flex-start;flex-direction:column}.effect-options{grid-template-columns:1fr}.effect-options>button{min-height:0}.setting-switch-row{align-items:flex-start;padding:14px}.vhs-effect[data-strength=crt] .vhs-glass{border-radius:8vw}.crt-surface>.sidebar,.crt-surface>.main-stage,.crt-surface>.game-overlay{filter:saturate(1.04);animation:none}}@media(prefers-reduced-motion:reduce){.vhs-effect,.vhs-effect *,.crt-surface>.sidebar,.crt-surface>.main-stage,.crt-surface>.game-overlay,.hero-terrain,.hero-terrain-hex{animation:none!important}.hero-terrain-hex{opacity:1}.crt-surface>.sidebar,.crt-surface>.main-stage,.crt-surface>.game-overlay{filter:saturate(1.04)}}.app-shell[data-design=game-night]{--bg: #efeff2;--panel: #fff;--panel-2: #f6f6f8;--ink: #17171b;--muted: #74747d;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 12%,#fafafd 0,#f1f1f4 44%,#e9e9ed);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell[data-design=game-night] button:focus-visible,.app-shell[data-design=game-night] input:focus-visible{outline-color:#17171b}.app-shell[data-design=game-night] .sidebar{position:sticky;inset:0 auto auto;width:100%;height:86px;z-index:70;flex-direction:row;align-items:center;gap:38px;padding:0 48px;color:#17171b;background:#fafafcf5;border:0;border-bottom:1px solid #e1e1e5;box-shadow:0 10px 28px #16161c14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell[data-design=game-night] .brand{display:flex;gap:13px;padding:0;color:#17171b;font-size:0;letter-spacing:0;text-shadow:none}.app-shell[data-design=game-night] .brand>span:last-child:after{content:"Game night hub";font-size:22px;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.app-shell[data-design=game-night] .brand-mark{--logo-g: #17171b;--logo-h: #777780;width:41px;height:36px;flex-basis:41px;filter:none}.app-shell[data-design=game-night] .brand-mark .logo-block{stroke:none}.app-shell[data-design=game-night] .player-card,.app-shell[data-design=game-night] .sidebar-foot{display:none}.app-shell[data-design=game-night] .sidebar nav{display:flex;flex-direction:row;align-items:center;gap:8px}.app-shell[data-design=game-night] .sidebar nav button{gap:0;padding:13px 12px;color:#26262a;background:transparent;border:0;border-radius:999px;font-size:14px;font-weight:650;text-transform:none}.app-shell[data-design=game-night] .sidebar nav button span{display:none}.app-shell[data-design=game-night] .sidebar nav button:hover{color:#000;background:#ececef}.app-shell[data-design=game-night] .sidebar nav button.active{color:#000;background:#e8e8ec;border:0;box-shadow:none}.app-shell[data-design=game-night] .sidebar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.app-shell[data-design=game-night] .game-night-mode-toggle{min-height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;cursor:pointer;color:#29292f;background:#ededf0;border:1px solid #d7d7dc;border-radius:999px;font-size:12px;box-shadow:0 8px 18px #14141814}.app-shell[data-design=game-night] .game-night-mode-toggle:hover{background:#e4e4e8}.app-shell[data-design=game-night] .game-night-mode-toggle strong{white-space:nowrap}.app-shell[data-design=game-night] .mode-symbol{width:16px;font-size:15px;text-align:center}.app-shell[data-design=game-night] .mode-track{width:42px;height:24px;flex:0 0 42px;display:block;padding:2px;background:#c7c7ce;border-radius:999px;transition:background .2s}.app-shell[data-design=game-night] .mode-track i{width:20px;height:20px;display:block;background:#fff;border-radius:50%;box-shadow:0 2px 5px #00000038;transition:transform .2s}.app-shell[data-design=game-night] .game-night-mode-toggle.on .mode-track{background:#7c4dcc}.app-shell[data-design=game-night] .game-night-mode-toggle.on .mode-track i{transform:translate(18px)}.app-shell[data-design=game-night] .random-game-action{min-height:48px;display:block;margin-left:0;padding:0 26px;cursor:pointer;color:#fff;background:#17171b;border:0;border-radius:999px;font-size:14px;font-weight:750;box-shadow:0 10px 20px #1414181f}.app-shell[data-design=game-night] .random-game-action:hover{transform:translateY(-2px);box-shadow:0 13px 24px #1414182e}.app-shell[data-design=game-night] .main-stage{min-height:calc(100vh - 86px);margin-left:0}.app-shell[data-design=game-night][data-screen=hub]{height:100dvh;overflow:hidden}.app-shell[data-design=game-night][data-screen=hub] .main-stage{height:calc(100dvh - 86px);min-height:0;overflow:hidden}.game-night-hub{--game-night-row-height: clamp(150px,23.5dvh,270px);width:min(1900px,100%);height:100%;min-height:0;display:flex;flex-direction:column;margin:0 auto;padding:clamp(12px,2.1dvh,24px) 4vw clamp(10px,1.7dvh,20px);overflow:hidden}.game-night-search{width:min(685px,100%);height:clamp(48px,5.2dvh,62px);flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 26px;background:#fff;border:1px solid #e2e2e6;border-radius:999px;box-shadow:0 13px 30px #23232a14}.game-night-search label{color:#a1a1aa;font-size:28px;line-height:1}.game-night-search input{width:100%;min-width:0;padding:12px 4px;color:#242429;background:transparent;border:0;outline:0;font-size:18px}.game-night-search input::placeholder{color:#a4a4aa}.game-night-section{min-height:0;flex:0 0 auto;margin-top:clamp(14px,2.3dvh,28px)}.game-night-section>h1,.game-night-section>h2{margin:0 0 clamp(8px,1.25dvh,15px);text-align:center;color:#18181c;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(27px,3.6dvh,43px);letter-spacing:-.5px}.game-night-trending{display:grid;grid-template-columns:repeat(4,minmax(190px,290px));align-items:end;justify-content:center;gap:clamp(20px,2.4vw,44px);padding:0 8%}.game-night-card{--accent: #7b2ce8;min-width:0;height:var(--game-night-row-height);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;overflow:hidden;padding:clamp(14px,2.1dvh,25px);cursor:pointer;text-align:left;color:#fff;background:linear-gradient(180deg,#09090d0d,#08080c33),linear-gradient(145deg,color-mix(in srgb,var(--accent) 52%,#11141b),color-mix(in srgb,var(--accent) 82%,#ff5b68));border:1px solid color-mix(in srgb,var(--accent) 58%,#fff);border-radius:10px;box-shadow:0 20px 28px color-mix(in srgb,var(--accent) 22%,transparent),0 10px 24px #16161c24;transition:transform .2s ease,box-shadow .2s ease}.game-night-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,rgba(255,255,255,.12),transparent 34% 70%,rgba(255,255,255,.05));pointer-events:none}.game-night-card.available:hover{transform:translateY(-9px);box-shadow:0 28px 36px color-mix(in srgb,var(--accent) 28%,transparent),0 14px 28px #16161c29}.game-night-card.coming-soon{cursor:not-allowed;filter:saturate(.7)}.game-night-status{position:absolute;z-index:2;top:clamp(12px,1.6dvh,18px);left:clamp(12px,1.6dvh,18px);display:inline-flex;align-items:center;gap:7px;padding:7px 11px;color:#27272d;background:#ffffffed;border-radius:999px;font-size:9px;font-weight:850;text-transform:uppercase}.game-night-status i{width:7px;height:7px;background:#ff2e97;border-radius:50%}.game-night-card-icon{position:absolute;top:clamp(24px,3dvh,34px);right:clamp(16px,2.2dvh,26px);color:#ffffff29;font-family:Impact,sans-serif;font-size:clamp(54px,7.2dvh,82px);font-weight:900;transform:rotate(-6deg)}.game-night-card-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px}.game-night-card-copy strong{max-width:100%;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(27px,3.55dvh,43px);line-height:.88;letter-spacing:.2px;text-transform:uppercase;overflow-wrap:anywhere}.game-night-card-copy small{color:#ffffffc7;font-size:clamp(10px,1.1dvh,13px)}.game-night-shelf{position:relative;z-index:3;height:clamp(8px,1.1dvh,13px);flex:0 0 auto;margin-top:-4px;background:linear-gradient(180deg,#fff,#f0f0f2);border-radius:4px;box-shadow:0 13px 24px #19191f40}.categories-section{margin-top:clamp(16px,2.6dvh,31px)}.game-night-categories{display:grid;grid-template-columns:repeat(5,minmax(150px,280px));align-items:end;justify-content:center;gap:clamp(16px,2vw,36px);padding:0 8%}.game-night-categories>button{--category-accent: #ef3340;min-width:0;height:var(--game-night-row-height);position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;padding:clamp(14px,2dvh,23px) clamp(14px,1.8dvh,21px);cursor:pointer;text-align:left;color:#fff;background:linear-gradient(145deg,var(--category-accent),color-mix(in srgb,var(--category-accent) 76%,#0d1320));border:0;border-radius:9px;box-shadow:0 18px 30px color-mix(in srgb,var(--category-accent) 24%,transparent),0 10px 23px #14141a1f;transition:transform .2s,outline-color .2s}.game-night-categories>button:after{content:"";position:absolute;right:-45px;bottom:24px;width:180px;height:110px;opacity:.16;border:12px solid #fff;transform:rotate(-29deg)}.game-night-categories>button:hover:not(.coming-soon),.game-night-categories>button.selected{transform:translateY(-8px);filter:brightness(1.04)}.game-night-categories>button.coming-soon{cursor:not-allowed;filter:saturate(.65)}.game-night-categories>button>span{position:relative;z-index:2;font-size:clamp(18px,2.4dvh,27px);letter-spacing:5px}.game-night-categories>button>strong{position:relative;z-index:2;max-width:180px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(24px,3.1dvh,38px);line-height:.9;text-transform:uppercase}.game-night-categories>button>small{position:absolute;z-index:2;top:22px;right:18px;padding:5px 8px;color:#222;background:#ffffffdb;border-radius:999px;font-size:9px;font-weight:850;text-transform:uppercase}.game-night-results{width:min(1250px,100%);min-height:0;margin-inline:auto}.game-night-results>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.game-night-results>header h2{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:36px}.game-night-results>header button{padding:10px 15px;cursor:pointer;background:#fff;border:1px solid #d7d7dc;border-radius:999px;font-size:12px;font-weight:750}.game-night-results>div{min-height:0;display:flex;gap:20px;padding-bottom:8px;overflow-x:auto;overflow-y:hidden}.game-night-card.compact{height:clamp(150px,21dvh,230px);flex:0 0 clamp(185px,19vw,250px);padding:21px}.game-night-card.compact .game-night-card-copy strong{font-size:34px}.game-night-card.compact .game-night-card-icon{font-size:68px}.game-night-hub.has-results .categories-section{margin-top:clamp(10px,1.5dvh,18px)}.game-night-hub.has-results .game-night-categories>button{height:clamp(82px,11.5dvh,130px)}.game-night-hub.has-results .game-night-categories>button>strong{font-size:clamp(20px,2.5dvh,30px)}.game-night-hub.has-results .game-night-categories>button:after{height:70px;bottom:4px}.game-night-hub.has-results .game-night-results{flex:1 1 auto;display:flex;flex-direction:column;margin-top:clamp(10px,1.5dvh,18px)}.game-night-hub.has-results .game-night-results>header{flex:0 0 auto;margin-bottom:10px}.game-night-hub.has-results .game-night-results>div{flex:1 1 auto}.app-shell[data-design=game-night] .hub-screen,.app-shell[data-design=game-night] .subscreen{width:min(1380px,100%);padding:48px 5vw 86px}.app-shell[data-design=game-night] .subscreen-title>span{color:#7c4dcc}.app-shell[data-design=game-night] .subscreen-title h1{color:#17171b;text-shadow:none;text-transform:none}.app-shell[data-design=game-night] .subscreen-title p{color:#74747d}.app-shell[data-design=game-night] .settings-panel,.app-shell[data-design=game-night] .game-stats-panel,.app-shell[data-design=game-night] .customizer{color:#202026;background:#fffffff2;border:1px solid #dedee3;border-radius:16px;box-shadow:0 18px 38px #1c1c2217}.app-shell[data-design=game-night] .settings-panel>header span{color:#7c4dcc}.app-shell[data-design=game-night] .settings-panel>header small,.app-shell[data-design=game-night] .effect-options small,.app-shell[data-design=game-night] .design-options>button>small,.app-shell[data-design=game-night] .setting-switch-row>div small{color:#74747d}.app-shell[data-design=game-night] .design-options>button,.app-shell[data-design=game-night] .effect-options>button{color:#29292f;background:#f7f7f9;border:1px solid #d8d8de;border-radius:12px;box-shadow:none}.app-shell[data-design=game-night] .design-options>button.selected,.app-shell[data-design=game-night] .effect-options>button.selected{color:#17171b;background:#fff;border:3px solid #17171b;box-shadow:0 10px 24px #16161c1a}.app-shell[data-design=game-night] .setting-switch-row{background:#f5f5f7;border:1px solid #dedee3;border-radius:10px}.app-shell[data-design=game-night] .effect-note{color:#67676f;background:#f5f5f7;border-color:#dedee3;border-radius:10px}.app-shell[data-design=game-night] .effect-note b{color:#7c4dcc}.app-shell[data-design=game-night] .profile-banner{color:#17171b;background:#fff;border:1px solid #dedee3;border-radius:16px;box-shadow:0 18px 38px #1c1c2217}.app-shell[data-design=game-night] .profile-banner p{color:#67676f}.app-shell[data-design=game-night] .stat-grid article{color:#17171b;background:#fff;border:1px solid #dedee3;border-radius:12px;box-shadow:0 12px 25px #1c1c2212}.app-shell[data-design=game-night] .stats-list article{background:#f5f5f7;border:1px solid #dedee3;border-radius:8px}.app-shell[data-design=game-night] .stats-list article>b{background:#fff}.app-shell[data-design=game-night] .stats-list dd{color:#17171b}.app-shell[data-design=game-night] .character-stage{background:linear-gradient(160deg,#f8f8fa,#e8e0f5);border:1px solid #d4cadf;border-radius:16px;box-shadow:0 18px 38px #1c1c2217}.app-shell[data-design=game-night] .character-stage:before{background:#fff;box-shadow:0 0 45px #7c4dcc4d}.app-shell[data-design=game-night] .avatar-frame{background:#fff;border:1px solid #dedee3;border-radius:14px;box-shadow:0 8px 18px #1c1c2214}.app-shell[data-design=game-night] .character-stage .peeps-avatar{filter:drop-shadow(0 14px 22px rgba(28,28,34,.22))}.app-shell[data-design=game-night] .emote-chip{background:#fff;border:1px solid #d8d8de;border-radius:12px}.app-shell[data-design=game-night] .character-stage>span{color:#17171b}.app-shell[data-design=game-night] .character-stage>small{color:#6f6f77}.app-shell[data-design=game-night] .picker .thumb-grid .thumb{min-width:0;padding:0;background:#fff;border:1px solid #d8d8de;border-radius:10px}.app-shell[data-design=game-night] .picker .thumb-grid .thumb.selected{background:#fff;border:2px solid #17171b;box-shadow:none}.app-shell[data-design=game-night] .picker .thumb-grid .thumb-none{min-width:46px;padding:0 9px;color:#29292f}.app-shell[data-design=game-night] .picker{background:#f5f5f7;border-color:#dedee3;border-radius:10px}.app-shell[data-design=game-night] .picker>span{color:#6f6f77}.app-shell[data-design=game-night] .picker button{color:#29292f;background:#fff;border:1px solid #d8d8de;border-radius:8px}.app-shell[data-design=game-night] .picker button.selected{color:#fff;background:#17171b;border-color:#17171b;box-shadow:none}.app-shell[data-design=game-night] .login-card{color:#17171b;background:#fff;border:1px solid #dedee3;border-radius:18px;box-shadow:0 22px 50px #1c1c221f}.app-shell[data-design=game-night] .login-card p{color:#67676f}.app-shell[data-design=game-night] .login-card input{color:#17171b;background:#f5f5f7;border:1px solid #d8d8de;border-radius:10px}.app-shell[data-design=game-night] .account-header{border-color:#dedee3}.app-shell[data-design=game-night] .account-header>button,.app-shell[data-design=game-night] .admin-panel button,.app-shell[data-design=game-night] .reset-confirm button{color:#17171b;background:#f1f1f4;border-color:#d5d5dc;border-radius:9px}.app-shell[data-design=game-night] .account-form,.app-shell[data-design=game-night] .admin-panel{background:#f7f7f9;border-color:#dedee3;border-radius:12px}.app-shell[data-design=game-night] .admin-create,.app-shell[data-design=game-night] .admin-reauth,.app-shell[data-design=game-night] .admin-highlights,.app-shell[data-design=game-night] .admin-users article{background:#fff;border-color:#dedee3;border-radius:9px}.app-shell[data-design=game-night] .temporary-credential{color:#17171b;background:#fff0f6;border-color:#e44187;border-radius:10px}.app-shell[data-design=game-night] .reset-confirm{background:#fff1f3;border-color:#dc5268;border-radius:10px}.app-shell[data-design=game-night] .reset-confirm .danger-action{color:#fff;background:#a92e45;border-color:#a92e45}.app-shell[data-design=game-night] .primary-action{color:#fff;background:#17171b;border-color:#17171b;border-radius:999px;box-shadow:none}.app-shell[data-design=game-night] .game-overlay{left:0;background:#efeff2}.app-shell[data-design=game-night] .game-chrome{color:#17171b;background:#fafafcf7;border-bottom:1px solid #e1e1e5;box-shadow:0 10px 28px #16161c14}.app-shell[data-design=game-night] .game-chrome>button{padding:10px 16px;color:#17171b;background:#ededf0;border:1px solid #d7d7dc;border-radius:999px;font-size:12px;font-weight:750}.app-shell[data-design=game-night] .game-chrome>button:hover{background:#e4e4e8}.app-shell[data-design=game-night] .game-chrome strong{font-size:14px}.app-shell[data-design=game-night] .game-chrome small{color:#74747d}.app-shell[data-design=game-night] .game-chrome>i{border-radius:50%;background:#c7c7ce;box-shadow:none}.app-shell[data-design=game-night] .game-chrome>i.connected{background:#2fb56b;box-shadow:0 0 10px #2fb56b73}.app-shell[data-design=game-night] .frame-loader{color:#17171b;background:#efeff2}.app-shell[data-design=game-night] .frame-loader small{color:#74747d}.app-shell[data-design=game-night] .loader-cube{background:#17171b;border-color:#fff;border-radius:9px;box-shadow:0 14px 24px #16161c33}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-overlay{background:#111216}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-chrome{color:#f4f4f6;background:#18191ef7;border-bottom-color:#303139;box-shadow:0 10px 30px #00000052}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-chrome>button{color:#f1f1f4;background:#26272d;border-color:#3b3c45}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-chrome>button:hover{background:#303139}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-chrome small{color:#a0a1aa}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-chrome>i{background:#4a4b55}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-chrome>i.connected{background:#3ecf7d;box-shadow:0 0 10px #3ecf7d66}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-overlay iframe{background:#111216}.app-shell[data-design=game-night][data-game-night-mode=dark] .frame-loader{color:#f4f4f6;background:#111216}.app-shell[data-design=game-night][data-game-night-mode=dark] .frame-loader small{color:#a0a1aa}.app-shell[data-design=game-night][data-game-night-mode=dark] .loader-cube{background:#f4f4f6;border-color:#26272d;box-shadow:0 14px 26px #0006}@media(max-width:680px){.app-shell[data-design=game-night] .game-overlay{top:0;right:0;bottom:0;left:0}.app-shell[data-design=game-night] .game-overlay iframe{height:calc(100vh - 56px)}}@property --game-night-wave-radius{syntax: "<length>"; inherits: false; initial-value: 0vmax;}html.game-night-theme-transition::view-transition-group(root){animation:none}html.game-night-theme-transition::view-transition-image-pair(root){isolation:auto}html.game-night-theme-transition::view-transition-old(root){z-index:1;animation:none}html.game-night-theme-transition::view-transition-new(root){z-index:2;animation:game-night-theme-splash .9s cubic-bezier(.26,.68,.2,1) both;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0,#000 calc(var(--game-night-wave-radius) - 34px),rgba(0,0,0,.86) calc(var(--game-night-wave-radius) - 22px),rgba(0,0,0,.42) calc(var(--game-night-wave-radius) - 9px),transparent var(--game-night-wave-radius));mask-image:radial-gradient(circle at 50% 50%,#000 0,#000 calc(var(--game-night-wave-radius) - 34px),rgba(0,0,0,.86) calc(var(--game-night-wave-radius) - 22px),rgba(0,0,0,.42) calc(var(--game-night-wave-radius) - 9px),transparent var(--game-night-wave-radius))}@keyframes game-night-theme-splash{0%{--game-night-wave-radius: 0vmax}to{--game-night-wave-radius: 78vmax}}.app-shell[data-design=game-night][data-game-night-mode=dark]{--bg: #111216;--panel: #1b1c21;--panel-2: #25262c;--ink: #f4f4f6;--muted: #a0a1aa;color:var(--ink);color-scheme:dark;background:radial-gradient(circle at 50% 8%,#25262d 0,#17181d 42%,#101115)}.app-shell[data-design=game-night][data-game-night-mode=dark] button:focus-visible,.app-shell[data-design=game-night][data-game-night-mode=dark] input:focus-visible{outline-color:#fff}.app-shell[data-design=game-night][data-game-night-mode=dark] .sidebar{color:#f4f4f6;background:#18191ef7;border-bottom-color:#303139;box-shadow:0 10px 30px #00000052}.app-shell[data-design=game-night][data-game-night-mode=dark] .brand{color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .brand-mark{--logo-g: #f4f4f6;--logo-h: #9c9da6}.app-shell[data-design=game-night][data-game-night-mode=dark] .sidebar nav button{color:#b9bac3}.app-shell[data-design=game-night][data-game-night-mode=dark] .sidebar nav button:hover{color:#fff;background:#292a31}.app-shell[data-design=game-night][data-game-night-mode=dark] .sidebar nav button.active{color:#fff;background:#303139}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-mode-toggle{color:#f1f1f4;background:#26272d;border-color:#3b3c45;box-shadow:0 8px 18px #0003}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-mode-toggle:hover{background:#303139}.app-shell[data-design=game-night][data-game-night-mode=dark] .random-game-action{color:#17181c;background:#f4f4f6;box-shadow:0 10px 22px #0000003d}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-search{background:#1d1e23;border-color:#34353d;box-shadow:0 14px 32px #00000040}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-search label{color:#8e8f99}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-search input{color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-search input::placeholder{color:#858690}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-section>h1,.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-section>h2{color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-shelf{background:linear-gradient(180deg,#3a3b43,#25262c);box-shadow:0 13px 24px #0000007a}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-results>header h2{color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-results>header button{color:#f4f4f6;background:#25262c;border-color:#3b3c45}.app-shell[data-design=game-night][data-game-night-mode=dark] .game-night-results>p{color:#b3b4bc}.app-shell[data-design=game-night][data-game-night-mode=dark] .subscreen-title h1{color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .subscreen-title p{color:#a0a1aa}.app-shell[data-design=game-night][data-game-night-mode=dark] .settings-panel,.app-shell[data-design=game-night][data-game-night-mode=dark] .game-stats-panel,.app-shell[data-design=game-night][data-game-night-mode=dark] .customizer{color:#f2f2f5;background:#1c1d22f5;border-color:#373840;box-shadow:0 18px 40px #00000040}.app-shell[data-design=game-night][data-game-night-mode=dark] .settings-panel>header small,.app-shell[data-design=game-night][data-game-night-mode=dark] .effect-options small,.app-shell[data-design=game-night][data-game-night-mode=dark] .design-options>button>small,.app-shell[data-design=game-night][data-game-night-mode=dark] .setting-switch-row>div small{color:#a0a1aa}.app-shell[data-design=game-night][data-game-night-mode=dark] .design-options>button,.app-shell[data-design=game-night][data-game-night-mode=dark] .effect-options>button{color:#e8e8ec;background:#25262c;border-color:#3b3c45}.app-shell[data-design=game-night][data-game-night-mode=dark] .design-options>button.selected,.app-shell[data-design=game-night][data-game-night-mode=dark] .effect-options>button.selected{color:#fff;background:#303139;border-color:#f1f1f4;box-shadow:0 10px 25px #00000047}.app-shell[data-design=game-night][data-game-night-mode=dark] .setting-switch-row{background:#25262c;border-color:#3b3c45}.app-shell[data-design=game-night][data-game-night-mode=dark] .effect-note{color:#b0b1ba;background:#15161a;border-color:#34353d}.app-shell[data-design=game-night][data-game-night-mode=dark] .profile-banner{color:#f4f4f6;background:#1d1e23;border-color:#3b3c45;box-shadow:0 18px 40px #00000040}.app-shell[data-design=game-night][data-game-night-mode=dark] .profile-banner p{color:#b0b1ba}.app-shell[data-design=game-night][data-game-night-mode=dark] .stat-grid article{color:#f4f4f6;background:#1d1e23;border-color:#35363e;box-shadow:0 12px 28px #00000038}.app-shell[data-design=game-night][data-game-night-mode=dark] .stats-list article{background:#25262c;border-color:#3b3c45}.app-shell[data-design=game-night][data-game-night-mode=dark] .stats-list article>b{background:#17181c}.app-shell[data-design=game-night][data-game-night-mode=dark] .stats-list dd{color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .character-stage{background:linear-gradient(160deg,#292a31,#211b2e);border-color:#40394d;box-shadow:0 18px 40px #00000040}.app-shell[data-design=game-night][data-game-night-mode=dark] .character-stage:before{background:#15161a}.app-shell[data-design=game-night][data-game-night-mode=dark] .avatar-frame{background:#25262c;border-color:#3b3c45;box-shadow:0 8px 18px #00000040}.app-shell[data-design=game-night][data-game-night-mode=dark] .character-stage .peeps-avatar{filter:drop-shadow(0 14px 24px rgba(0,0,0,.4))}.app-shell[data-design=game-night][data-game-night-mode=dark] .emote-chip{background:#303139;border-color:#44454f}.app-shell[data-design=game-night][data-game-night-mode=dark] .character-stage>span{color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .character-stage>small{color:#a0a1aa}.app-shell[data-design=game-night][data-game-night-mode=dark] .picker .thumb-grid .thumb{background:#303139;border-color:#44454f}.app-shell[data-design=game-night][data-game-night-mode=dark] .picker .thumb-grid .thumb.selected{background:#303139;border-color:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .picker .thumb-grid .thumb-none{color:#f0f0f3}.app-shell[data-design=game-night][data-game-night-mode=dark] .picker{background:#222329;border-color:#373840}.app-shell[data-design=game-night][data-game-night-mode=dark] .picker>span{color:#a0a1aa}.app-shell[data-design=game-night][data-game-night-mode=dark] .picker button{color:#f0f0f3;background:#303139;border-color:#44454f}.app-shell[data-design=game-night][data-game-night-mode=dark] .picker button.selected{color:#17181c;background:#f4f4f6;border-color:#fff}.app-shell[data-design=game-night][data-game-night-mode=dark] .login-card{color:#f4f4f6;background:#1d1e23;border-color:#373840;box-shadow:0 22px 50px #00000059}.app-shell[data-design=game-night][data-game-night-mode=dark] .login-card p{color:#a0a1aa}.app-shell[data-design=game-night][data-game-night-mode=dark] .login-card input{color:#f4f4f6;background:#15161a;border-color:#3b3c45}.app-shell[data-design=game-night][data-game-night-mode=dark] .account-header{border-color:#373840}.app-shell[data-design=game-night][data-game-night-mode=dark] .account-header>button,.app-shell[data-design=game-night][data-game-night-mode=dark] .admin-panel button,.app-shell[data-design=game-night][data-game-night-mode=dark] .reset-confirm button{color:#f4f4f6;background:#292a31;border-color:#484951}.app-shell[data-design=game-night][data-game-night-mode=dark] .account-form,.app-shell[data-design=game-night][data-game-night-mode=dark] .admin-panel{background:#17181d;border-color:#373840}.app-shell[data-design=game-night][data-game-night-mode=dark] .admin-create,.app-shell[data-design=game-night][data-game-night-mode=dark] .admin-reauth,.app-shell[data-design=game-night][data-game-night-mode=dark] .admin-highlights,.app-shell[data-design=game-night][data-game-night-mode=dark] .admin-users article{background:#222329;border-color:#3b3c45}.app-shell[data-design=game-night][data-game-night-mode=dark] .temporary-credential{color:#f4f4f6;background:#301b2a;border-color:#e45494}.app-shell[data-design=game-night][data-game-night-mode=dark] .reset-confirm{background:#321c22}.app-shell[data-design=game-night][data-game-night-mode=dark] .primary-action{color:#17181c;background:#f4f4f6;border-color:#fff}@media(prefers-reduced-motion:reduce){.hub-splash{animation:hub-splash-exit .42s ease both}.hub-splash .splash-tile,.hub-splash .hub-splash-logo,.hub-splash .hub-splash-copy strong,.hub-splash .hub-splash-copy small{opacity:1;transform:none;animation:none}html.game-night-theme-transition::view-transition-old(root),html.game-night-theme-transition::view-transition-new(root){animation:none}}@media(max-width:1180px){.app-shell[data-design=game-night] .sidebar{gap:18px;padding-inline:24px}.app-shell[data-design=game-night] .sidebar nav{gap:1px}.app-shell[data-design=game-night] .sidebar nav button{padding-inline:9px;font-size:12px}.app-shell[data-design=game-night] .random-game-action{padding-inline:18px;font-size:12px}.app-shell[data-design=game-night] .sidebar-actions{gap:8px}.app-shell[data-design=game-night] .game-night-mode-toggle strong{display:none}.game-night-trending{padding-inline:2%;gap:22px}.game-night-categories{grid-template-columns:repeat(5,minmax(130px,1fr));padding-inline:0;gap:18px}.game-night-categories>button{height:var(--game-night-row-height);padding:clamp(14px,2dvh,22px) 18px}}@media(max-width:860px){.app-shell[data-design=game-night] .sidebar{height:74px;padding-inline:14px}.app-shell[data-design=game-night] .brand>span:last-child:after{font-size:19px}.app-shell[data-design=game-night] .sidebar nav{min-width:0;overflow-x:auto}.app-shell[data-design=game-night] .sidebar nav button{flex:0 0 auto}.app-shell[data-design=game-night] .game-night-mode-toggle{min-height:40px;padding:0 8px;gap:6px}.app-shell[data-design=game-night] .mode-symbol{display:none}.app-shell[data-design=game-night] .random-game-action{width:44px;min-height:44px;padding:0;overflow:hidden;font-size:0}.app-shell[data-design=game-night] .random-game-action:after{content:"♫";font-size:16px}.app-shell[data-design=game-night] .main-stage{min-height:calc(100vh - 74px);padding-bottom:0}.app-shell[data-design=game-night][data-screen=hub] .main-stage{height:calc(100dvh - 74px);min-height:0}.game-night-hub{--game-night-row-height: clamp(125px,20dvh,180px);padding-inline:22px}.game-night-trending,.game-night-categories{display:flex;justify-content:flex-start;gap:16px;padding:0 3px 7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.game-night-card{height:var(--game-night-row-height);flex:0 0 clamp(170px,29vw,220px);scroll-snap-align:start}.game-night-categories>button{height:var(--game-night-row-height);flex:0 0 clamp(145px,25vw,185px);scroll-snap-align:start}.game-night-results>div{display:flex}.design-options{grid-template-columns:1fr}}@media(max-width:560px){.app-shell[data-design=game-night] .sidebar{position:sticky;inset:0 auto auto;width:100%;height:68px;min-height:68px;padding:8px 10px;border-top:0}.app-shell[data-design=game-night] .brand{gap:8px}.app-shell[data-design=game-night] .brand>span:last-child:after{display:none}.app-shell[data-design=game-night] .brand-mark{width:34px;height:34px;flex-basis:34px}.app-shell[data-design=game-night] .sidebar nav{width:auto;display:flex;gap:0}.app-shell[data-design=game-night] .sidebar nav button:first-child{display:none}.app-shell[data-design=game-night] .sidebar nav button,.app-shell[data-design=game-night] .sidebar nav button.active{flex-direction:row;padding:10px 8px;border:0;font-size:10px}.app-shell[data-design=game-night] .sidebar-actions{gap:4px}.app-shell[data-design=game-night] .game-night-mode-toggle{width:42px;min-height:38px;padding:0 3px;justify-content:center}.app-shell[data-design=game-night] .mode-track{width:34px;height:20px;flex-basis:34px}.app-shell[data-design=game-night] .mode-track i{width:16px;height:16px}.app-shell[data-design=game-night] .game-night-mode-toggle.on .mode-track i{transform:translate(14px)}.app-shell[data-design=game-night] .random-game-action{flex:0 0 38px;width:38px;min-height:38px}.app-shell[data-design=game-night][data-screen=hub] .main-stage{height:calc(100dvh - 68px)}.game-night-hub{--game-night-row-height: clamp(105px,17dvh,140px);height:100%;min-height:0;padding:10px 14px 8px}.game-night-search{height:46px;padding-inline:18px}.game-night-search input{font-size:14px}.game-night-section{margin-top:10px}.game-night-section>h1,.game-night-section>h2{margin-bottom:6px;font-size:clamp(22px,3.2dvh,28px)}.game-night-trending{gap:12px;padding-bottom:5px;scroll-snap-type:x mandatory}.game-night-card{flex-basis:155px;height:var(--game-night-row-height);padding:13px;scroll-snap-align:start}.game-night-status{top:9px;left:9px;padding:5px 8px;font-size:7px}.game-night-card-copy strong{font-size:clamp(24px,3.5dvh,30px)}.game-night-card-icon{font-size:48px}.game-night-categories{gap:10px;padding-bottom:5px}.game-night-categories>button{height:var(--game-night-row-height);flex-basis:135px;padding:12px}.game-night-categories>button>strong{font-size:23px}.game-night-categories>button>span{font-size:21px}.game-night-shelf{height:7px}.game-night-results>div{display:flex;overflow-x:auto}.game-night-card.compact{height:clamp(120px,19dvh,160px);flex-basis:155px}.app-shell[data-design=game-night] .hub-screen,.app-shell[data-design=game-night] .subscreen{padding:28px 14px 62px}.app-shell[data-design=game-night] .settings-panel{padding:14px}.design-options>button{grid-template-columns:1fr;grid-template-rows:auto}.design-preview{grid-row:auto;min-height:122px}}@media(max-width:430px){.app-shell[data-design=game-night] .sidebar nav button,.app-shell[data-design=game-night] .sidebar nav button.active{width:31px;min-width:31px;padding:9px 3px;justify-content:center;font-size:0}.app-shell[data-design=game-night] .sidebar nav button span{display:block;width:auto;font-size:17px}}@media(max-height:760px){.app-shell[data-design=game-night][data-screen=hub]{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.app-shell[data-design=game-night][data-screen=hub] .main-stage,.game-night-hub{height:auto;min-height:calc(100dvh - 86px);overflow:visible}}@media(max-width:860px)and (max-height:760px){.app-shell[data-design=game-night][data-screen=hub] .main-stage,.game-night-hub{min-height:calc(100dvh - 74px)}}@media(max-width:560px)and (max-height:760px){.app-shell[data-design=game-night][data-screen=hub] .main-stage,.game-night-hub{min-height:calc(100dvh - 68px)}}.coin-chip{display:inline-block;flex:0 0 auto;vertical-align:-3px;filter:drop-shadow(0 0 5px rgba(34,224,255,.35))}.coin-amount{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;white-space:nowrap}.coin-amount b{font-weight:900;letter-spacing:.2px}.wallet-row{display:inline-flex;align-items:center;margin-top:2px;padding:3px 6px 3px 4px;cursor:pointer;color:var(--gold);background:#120d2a;border:1px solid #4a3a85;border-radius:0;font-size:12px;font-family:inherit;font-weight:900;text-align:left;width:fit-content;max-width:100%}.wallet-row:hover{border-color:var(--gold);box-shadow:0 0 10px #ffd23d40}.wallet-pill{display:none}.topbar-pills{display:flex;gap:10px;align-items:stretch}.coin-pill{display:flex;gap:8px;align-items:center;padding:10px 12px;cursor:pointer;background:#17112f;border:2px solid #5a4a1a;color:#a9a0ca;font-size:10px;font-weight:800;font-family:inherit}.coin-pill span{color:var(--gold);font-size:17px;font-variant-numeric:tabular-nums}.coin-pill:hover{border-color:var(--gold)}@media(min-width:981px){.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.stat-grid article.wallet-card{border-color:var(--gold)}.stat-grid article.wallet-card strong{color:var(--gold)}.stat-grid article.wallet-card .coin-amount{gap:8px}.ledger-panel header span{color:var(--gold)}.ledger-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.ledger-list li{--accent: #ffd23d;display:flex;align-items:center;gap:14px;padding:11px 13px;background:#191336;border-left:4px solid var(--accent)}.ledger-list li>b{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:var(--accent);background:#0a0719;border:1px solid var(--accent);font-size:15px}.ledger-list li>div{display:flex;flex-direction:column;gap:3px;min-width:0}.ledger-list li strong{font-size:13px}.ledger-list li small{color:#81789f;font-size:9px}.ledger-list dl{margin:0 0 0 auto;display:flex;gap:22px}.ledger-list dl div{display:flex;flex-direction:column;align-items:end;gap:4px}.ledger-list dt{color:#6f668d;font-size:8px;text-transform:uppercase}.ledger-list dd{margin:0;color:#fff;font-weight:900;font-variant-numeric:tabular-nums}.ledger-list li.credit dd:first-of-type,.ledger-list li.credit div:first-child dd{color:var(--lime)}.ledger-list li.debit div:first-child dd{color:var(--pink)}.ledger-empty{color:#746b94;font-size:12px}@media(max-width:980px){.wallet-row{display:none}}@media(max-width:680px){.topbar-pills{width:100%}.coin-pill{flex:1;justify-content:center}.stat-grid{grid-template-columns:1fr 1fr}.ledger-list li{flex-wrap:wrap}.ledger-list dl{width:100%;margin-left:52px;justify-content:flex-start}}.app-shell[data-design=game-night] .wallet-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 14px 0 10px;cursor:pointer;color:#26262a;background:#ededf0;border:1px solid #d7d7dc;border-radius:999px;font-family:inherit;font-size:13px;box-shadow:0 8px 18px #14141814}.app-shell[data-design=game-night] .wallet-pill:hover{background:#e4e4e8}.app-shell[data-design=game-night] .coin-chip{filter:none}.app-shell[data-design=game-night] .coin-pill{display:none}.app-shell[data-design=game-night] .stat-grid article.wallet-card{border-color:#e3c660}.app-shell[data-design=game-night] .stat-grid article.wallet-card strong{color:#8a6a00}.app-shell[data-design=game-night] .ledger-list li{background:#fff;border-left-color:var(--accent);box-shadow:0 6px 16px #1414180f}.app-shell[data-design=game-night] .ledger-list li>b{background:#f5f5f7}.app-shell[data-design=game-night] .ledger-list dd{color:#17171b}.app-shell[data-design=game-night] .ledger-list li.credit div:first-child dd{color:#1f8a3b}.app-shell[data-design=game-night] .ledger-list li.debit div:first-child dd{color:#c0263c}.app-shell[data-design=game-night][data-game-night-mode=dark] .wallet-pill{color:#f4f4f6;background:#24252b;border-color:#34353c}.app-shell[data-design=game-night][data-game-night-mode=dark] .ledger-list li{background:#1b1c21}.app-shell[data-design=game-night][data-game-night-mode=dark] .ledger-list li>b{background:#111216}.app-shell[data-design=game-night][data-game-night-mode=dark] .ledger-list dd{color:#f4f4f6}@media(max-width:860px){.app-shell[data-design=game-night] .wallet-pill{min-height:40px;padding:0 10px 0 8px;font-size:12px}.app-shell[data-design=game-night] .wallet-pill .coin-amount{gap:5px}}@media(max-width:560px){.app-shell[data-design=game-night] .wallet-pill{min-height:38px;padding:0 8px 0 6px;font-size:11px}.app-shell[data-design=game-night] .wallet-pill .coin-chip{width:15px;height:15px}}.social-screen{width:min(1320px,100%)}.social-tabs{display:flex;gap:8px;margin:0 0 22px;padding:5px;background:#0e0a23;border:2px solid #40336e}.social-tabs button{flex:1;min-height:50px;cursor:pointer;color:#8f85ad;background:transparent;border:0;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.social-tabs button.active{color:#071017;background:var(--cyan);box-shadow:4px 4px 0 var(--pink)}.social-error{margin:0 0 18px;padding:13px 15px;color:#fff;background:#4a1333;border-left:4px solid var(--pink);font-size:12px;line-height:1.5}.social-loading{padding:20px;color:var(--muted);text-align:center}.social-primary{min-height:44px;padding:0 18px;cursor:pointer;color:#071017;background:var(--lime);border:2px solid #fff;box-shadow:4px 4px #473783;font-size:10px;font-weight:900;letter-spacing:.06em}.social-primary:disabled{opacity:.55;cursor:wait}.social-login-note,.clan-start{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:24px;background:linear-gradient(120deg,#211546,#15102f);border:2px solid #4a397d;box-shadow:6px 6px #070516}.social-login-note span,.clan-start span,.clan-detail>header>div>span,.clan-editor header span,.clan-discovery header span,.leaderboard-view>header span,.clan-invitation>div>span{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.12em}.social-login-note h2,.clan-start h2,.clan-editor h2,.clan-discovery h2,.leaderboard-view h2,.clan-invitation h2{margin:5px 0 7px;font-size:clamp(20px,2.3vw,30px)}.social-login-note p,.clan-start p,.leaderboard-view>header p,.clan-invitation p{max-width:720px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.clan-invitation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:20px;padding:24px;background:linear-gradient(120deg,#2d1541,#16102f);border:2px solid var(--pink);box-shadow:7px 7px #080617,0 0 30px #ff2e9724}.clan-invitation>div:last-child{display:grid;justify-items:stretch;gap:8px}.invite-sender{display:flex;align-items:center;gap:9px}.invite-sender b{font:inherit}.clan-invitation>div:last-child>button:not(.social-primary){cursor:pointer;color:#aca3c3;background:transparent;border:0;font-size:10px}.clan-invitation small{display:block;margin-top:8px;color:#a89ebf;font-size:9px}.clan-mark{width:64px;height:68px;flex:0 0 64px;display:grid;place-items:center;align-content:center;gap:2px;color:var(--cyan);background:#0b081c;border:2px solid var(--cyan);clip-path:polygon(8% 0,92% 0,100% 72%,50% 100%,0 72%)}.clan-mark b{font-size:28px;line-height:1}.clan-mark small{color:#fff;font-size:8px;font-weight:900;letter-spacing:.1em}.clan-mark.large{width:86px;height:92px;flex-basis:86px}.clan-mark.large b{font-size:40px}.clan-mark.large small{font-size:10px}.clan-detail{margin-bottom:22px;overflow:hidden;background:#12102b;border:2px solid #423575;box-shadow:7px 7px #070516}.clan-detail>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px;background:radial-gradient(circle at 20% 0,rgba(34,224,255,.12),transparent 50%),#1a1338}.clan-detail>header h2{margin:4px 0;font-size:clamp(25px,3.2vw,43px);text-transform:uppercase}.clan-detail>header p{margin:0;color:#ada4c2;font-size:12px;line-height:1.55}.clan-detail>header>strong{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:end;color:var(--lime);font-size:32px;font-variant-numeric:tabular-nums}.clan-detail>header>strong small{color:#766e8f;font-size:13px}.clan-detail>header>strong em{grid-column:1/-1;color:#8e85a6;font-size:8px;font-style:normal;letter-spacing:.1em}.clan-requirements{margin:0;padding:14px 26px;color:#bbb3ce;background:#201841;border-top:1px solid #443773;font-size:11px;line-height:1.5}.clan-requirements b{color:var(--gold)}.clan-actions{display:flex;gap:9px;padding:16px 26px 0}.clan-actions button,.clan-public-detail>button{padding:9px 12px;cursor:pointer;color:var(--cyan);background:#191438;border:1px solid #4b3c76;font-size:9px;font-weight:900}.clan-actions .quiet-danger{color:#ff8abb}.clan-roster{padding:22px 26px 26px}.clan-roster h3{margin:0 0 12px;font-size:14px;text-transform:uppercase}.clan-roster ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.clan-roster li{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;background:#1b1538;border-left:3px solid #544486}.clan-roster li>div{display:grid;gap:3px;min-width:0}.clan-roster li>div strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.clan-roster li small{color:#887fa3;font-size:8px}.clan-roster li>button{margin-left:auto;padding:7px 9px;cursor:pointer;color:#ff8abb;background:transparent;border:1px solid #68325a;font-size:8px}.social-visibility-switch{display:flex;align-items:center;gap:12px;margin:-8px 0 22px;padding:14px 16px;cursor:pointer;background:#14102d;border:1px solid #41346d}.social-visibility-switch input{width:20px;height:20px;accent-color:var(--lime)}.social-visibility-switch span{display:grid;gap:3px}.social-visibility-switch b{font-size:11px}.social-visibility-switch small{color:#8d84a6;font-size:9px}.invite-link-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:22px;padding:16px;background:#1b1438;border:2px solid var(--lime)}.invite-link-box label{display:grid;gap:7px;min-width:0}.invite-link-box label span{color:var(--lime);font-size:9px;font-weight:900}.invite-link-box input{min-width:0;padding:10px;color:#fff;background:#0c091c;border:1px solid #4c3d76;font-size:10px}.invite-link-box button{padding:0 14px;cursor:pointer;color:#071017;background:var(--lime);border:0;font-size:9px;font-weight:900}.clan-editor{margin-bottom:22px;padding:24px;background:#12102b;border:2px solid #433576;box-shadow:7px 7px #070516}.clan-editor header,.clan-discovery>header,.leaderboard-view>header{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:18px}.clan-editor header button{padding:8px 10px;cursor:pointer;color:#aaa1bd;background:transparent;border:1px solid #46396e;font-size:9px}.clan-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:18px}.clan-form-grid label{display:grid;gap:7px}.clan-form-grid label>span,.emblem-picker legend{color:#aaa1bd;font-size:9px;font-weight:900;text-transform:uppercase}.clan-form-grid input,.clan-form-grid textarea,.clan-form-grid select,.clan-discovery input,.leaderboard-filters select{width:100%;padding:12px;color:#fff;background:#0c091d;border:1px solid #4a3c75;border-radius:0}.clan-form-grid textarea{min-height:96px;resize:vertical}.clan-form-grid .wide{grid-column:1/-1}.emblem-picker{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:10px;border:1px solid #44366e}.emblem-picker button{width:68px;height:60px;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer;color:#9d94b7;background:#181233;border:1px solid #40336a}.emblem-picker button b{font-size:22px}.emblem-picker button small{font-size:7px}.emblem-picker button.selected{color:#071017;background:var(--cyan);border-color:#fff}.clan-discovery{margin-top:28px}.clan-discovery>header form{display:flex;align-items:stretch;min-width:min(430px,48%)}.clan-discovery>header label{flex:1}.clan-discovery>header button{padding:0 14px;cursor:pointer;color:#071017;background:var(--cyan);border:0;font-size:9px;font-weight:900}.clan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clan-card{display:flex;align-items:center;gap:14px;min-width:0;padding:16px;cursor:pointer;text-align:left;color:#f3efff;background:#15102f;border:1px solid #40346c;box-shadow:4px 4px #080617}.clan-card:hover{border-color:var(--cyan);transform:translateY(-1px)}.clan-card-copy{display:grid;gap:5px;min-width:0}.clan-card-copy strong{font-size:14px}.clan-card-copy small{overflow:hidden;color:#8e85a7;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.clan-member-count{margin-left:auto;flex:0 0 auto;display:grid;color:#7f7699;font-size:8px;text-align:right}.clan-member-count b{color:var(--lime);font-size:18px}.clan-public-detail>button{margin-bottom:12px}.leaderboard-view{padding:24px;background:#12102b;border:2px solid #433576;box-shadow:7px 7px #070516}.leaderboard-filters{display:flex;flex-wrap:wrap;justify-content:end;gap:7px}.leaderboard-filters button{min-height:40px;padding:0 13px;cursor:pointer;color:#9a91b0;background:#191438;border:1px solid #44366f;font-size:9px;font-weight:900}.leaderboard-filters button.active{color:#071017;background:var(--cyan);border-color:#fff}.leaderboard-filters select{width:auto;min-width:160px;padding-block:8px;font-size:10px}.leaderboard-rule{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:11px 13px;color:#c8bd85;background:#211d2d;border-left:3px solid var(--gold);font-size:10px;line-height:1.45}.leaderboard-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.leaderboard-list li{display:flex;align-items:center;gap:13px;padding:12px 15px;background:#191438;border-left:4px solid #4a3c75}.leaderboard-list li.podium{background:linear-gradient(90deg,#ffd23d1a,#191438 30%);border-left-color:var(--gold)}.leaderboard-list li.rank-2{border-left-color:#c6d0db}.leaderboard-list li.rank-3{border-left-color:#d78952}.leaderboard-rank{width:42px;flex:0 0 42px;color:var(--cyan);font-size:18px;font-variant-numeric:tabular-nums}.leaderboard-player{display:grid;gap:4px;min-width:0}.leaderboard-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.leaderboard-player small{color:#8b82a4;font-size:9px}.leaderboard-value{margin-left:auto;color:var(--lime);font-size:14px;text-align:right;font-variant-numeric:tabular-nums}.leaderboard-list .leaderboard-empty{justify-content:center;padding:28px;color:#8a81a4;border-left-color:#42356e;font-size:11px;text-align:center}.app-shell[data-design=game-night] .social-tabs{background:#fff;border:1px solid #dedee3;border-radius:999px;box-shadow:0 8px 20px #1414180f}.app-shell[data-design=game-night] .social-tabs button{border-radius:999px;color:#6f6f78;letter-spacing:0;text-transform:none}.app-shell[data-design=game-night] .social-tabs button.active{color:#fff;background:#17171b;box-shadow:none}.app-shell[data-design=game-night] .social-primary{color:#fff;background:#17171b;border:0;border-radius:999px;box-shadow:0 8px 18px #14141826}.app-shell[data-design=game-night] .social-login-note,.app-shell[data-design=game-night] .clan-start,.app-shell[data-design=game-night] .clan-invitation,.app-shell[data-design=game-night] .clan-detail,.app-shell[data-design=game-night] .clan-editor,.app-shell[data-design=game-night] .leaderboard-view{color:#17171b;background:#fff;border:1px solid #dedee3;border-radius:18px;box-shadow:0 12px 28px #14141814}.app-shell[data-design=game-night] .clan-invitation{background:linear-gradient(120deg,#fff,#f7f1ff);border-color:#d8c8ef}.app-shell[data-design=game-night] .social-login-note span,.app-shell[data-design=game-night] .clan-start span,.app-shell[data-design=game-night] .clan-detail>header>div>span,.app-shell[data-design=game-night] .clan-editor header span,.app-shell[data-design=game-night] .clan-discovery header span,.app-shell[data-design=game-night] .leaderboard-view>header span,.app-shell[data-design=game-night] .clan-invitation>div>span{color:#7c4dcc}.app-shell[data-design=game-night] .social-login-note p,.app-shell[data-design=game-night] .clan-start p,.app-shell[data-design=game-night] .leaderboard-view>header p,.app-shell[data-design=game-night] .clan-invitation p{color:#777780}.app-shell[data-design=game-night] .clan-mark{color:#7c4dcc;background:#f5f1fb;border-color:#7c4dcc;clip-path:none;border-radius:17px}.app-shell[data-design=game-night] .clan-mark small{color:#34343a}.app-shell[data-design=game-night] .clan-detail>header{background:#fafafd}.app-shell[data-design=game-night] .clan-detail>header p,.app-shell[data-design=game-night] .clan-card-copy small{color:#74747d}.app-shell[data-design=game-night] .clan-detail>header>strong{color:#2e7c5e}.app-shell[data-design=game-night] .clan-detail>header>strong small,.app-shell[data-design=game-night] .clan-detail>header>strong em{color:#85858e}.app-shell[data-design=game-night] .clan-requirements,.app-shell[data-design=game-night] .social-visibility-switch,.app-shell[data-design=game-night] .invite-link-box{color:#494950;background:#f6f6f8;border-color:#dedee3}.app-shell[data-design=game-night] .clan-roster li,.app-shell[data-design=game-night] .clan-card,.app-shell[data-design=game-night] .leaderboard-list li{color:#17171b;background:#fff;border-color:#dedee3;box-shadow:0 6px 16px #1414180d}.app-shell[data-design=game-night] .clan-actions button,.app-shell[data-design=game-night] .clan-public-detail>button,.app-shell[data-design=game-night] .leaderboard-filters button{color:#34343a;background:#f3f3f5;border-color:#d9d9de;border-radius:999px}.app-shell[data-design=game-night] .leaderboard-filters button.active{color:#fff;background:#17171b}.app-shell[data-design=game-night] .clan-form-grid input,.app-shell[data-design=game-night] .clan-form-grid textarea,.app-shell[data-design=game-night] .clan-form-grid select,.app-shell[data-design=game-night] .clan-discovery input,.app-shell[data-design=game-night] .leaderboard-filters select,.app-shell[data-design=game-night] .invite-link-box input{color:#17171b;background:#f7f7f9;border-color:#d7d7dc;border-radius:9px}.app-shell[data-design=game-night] .emblem-picker{border-color:#dedee3}.app-shell[data-design=game-night] .emblem-picker button{color:#666670;background:#f5f5f7;border-color:#dedee3;border-radius:10px}.app-shell[data-design=game-night] .emblem-picker button.selected{color:#fff;background:#7c4dcc}.app-shell[data-design=game-night] .clan-discovery>header button,.app-shell[data-design=game-night] .invite-link-box button{color:#fff;background:#17171b;border-radius:0 9px 9px 0}.app-shell[data-design=game-night] .leaderboard-list li.podium{background:linear-gradient(90deg,#fff9df,#fff 38%)}.app-shell[data-design=game-night] .leaderboard-value{color:#267152}.app-shell[data-design=game-night] .leaderboard-rank{color:#7c4dcc}.app-shell[data-design=game-night] .leaderboard-rule{color:#6f5d1c;background:#fff9df}.app-shell[data-design=game-night][data-game-night-mode=dark] .social-tabs,.app-shell[data-design=game-night][data-game-night-mode=dark] .social-login-note,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-start,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-invitation,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-detail,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-editor,.app-shell[data-design=game-night][data-game-night-mode=dark] .leaderboard-view{color:#f4f4f6;background:#1b1c21;border-color:#383942;box-shadow:0 12px 28px #00000040}.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-invitation{background:linear-gradient(120deg,#211d2d,#1b1c21)}.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-detail>header,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-requirements,.app-shell[data-design=game-night][data-game-night-mode=dark] .social-visibility-switch,.app-shell[data-design=game-night][data-game-night-mode=dark] .invite-link-box{color:#d5d5da;background:#24252b;border-color:#383942}.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-roster li,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-card,.app-shell[data-design=game-night][data-game-night-mode=dark] .leaderboard-list li{color:#f4f4f6;background:#24252b;border-color:#3b3c45;box-shadow:none}.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-form-grid input,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-form-grid textarea,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-form-grid select,.app-shell[data-design=game-night][data-game-night-mode=dark] .clan-discovery input,.app-shell[data-design=game-night][data-game-night-mode=dark] .leaderboard-filters select,.app-shell[data-design=game-night][data-game-night-mode=dark] .invite-link-box input{color:#f4f4f6;background:#111216;border-color:#42434c}.app-shell[data-design=game-night][data-game-night-mode=dark] .leaderboard-list li.podium{background:linear-gradient(90deg,#353021,#24252b 40%)}@media(max-width:760px){.clan-invitation,.clan-detail>header{grid-template-columns:auto minmax(0,1fr);padding:18px}.clan-invitation>div:last-child,.clan-detail>header>strong{grid-column:1/-1}.clan-invitation>div:last-child{grid-template-columns:1fr auto}.social-login-note,.clan-start,.clan-editor header,.clan-discovery>header,.leaderboard-view>header{align-items:stretch;flex-direction:column}.clan-form-grid,.clan-grid,.clan-roster ol{grid-template-columns:1fr}.clan-discovery>header form{min-width:0;width:100%}.leaderboard-filters{justify-content:start}.leaderboard-view,.clan-editor{padding:16px}}@media(max-width:480px){.social-tabs button{min-height:44px;font-size:9px}.clan-invitation,.clan-detail>header{grid-template-columns:1fr}.clan-mark.large{width:72px;height:76px}.clan-invitation>div:last-child,.clan-detail>header>strong{grid-column:auto}.clan-detail>header>strong{justify-content:start}.clan-roster,.clan-actions{padding-inline:14px}.invite-link-box{grid-template-columns:1fr}.invite-link-box button{min-height:40px}.leaderboard-list li{gap:9px;padding-inline:10px}.leaderboard-rank{width:32px;flex-basis:32px;font-size:14px}.leaderboard-value{font-size:11px}}