: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)}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}.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{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;color:#0d0a1f;background:var(--cyan);border:3px solid #fff;box-shadow:4px 4px 0 var(--pink),0 0 18px #22e0ff73;font-size:17px;font-weight:900}.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%}.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(4,1fr);gap:4px}.sidebar nav button,.sidebar nav button.active{display:flex;flex-direction:column;gap:2px;padding:5px;border-width:1px;font-size:8px;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 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}}.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(5,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{gap:13px;padding:0;color:#17171b;font-size:0;letter-spacing:-.5px;text-shadow:none}.app-shell[data-design=game-night] .brand>span:last-child:after{content:"Game night hub";font-size:20px;font-weight:800}.app-shell[data-design=game-night] .brand-mark{width:36px;height:36px;flex-basis:36px;color:transparent;background:#17171b;border:0;border-radius:10px;box-shadow:none;font-size:0}.app-shell[data-design=game-night] .brand-mark:after{content:"G";color:#fff;font-size:17px;font-weight:900}.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-left-color:#17171b;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:linear-gradient(120deg,#fff,#f4efff);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-top:5px solid var(--cyan);border-radius:12px;box-shadow:0 12px 25px #1c1c2212}.app-shell[data-design=game-night] .stat-grid article:nth-child(2){border-top-color:var(--lime)}.app-shell[data-design=game-night] .stat-grid article:nth-child(3){border-top-color:var(--pink)}.app-shell[data-design=game-night] .stat-grid article:nth-child(4){border-top-color:var(--gold)}.app-shell[data-design=game-night] .stats-list article{background:#f5f5f7;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] .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] .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}@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{background:#f4f4f6}.app-shell[data-design=game-night][data-game-night-mode=dark] .brand-mark:after{color:#17181c}.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-left-color:#9c7ae0}.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:linear-gradient(120deg,#292a31,#231d32);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] .stat-grid article:nth-child(1){border-top-color:var(--cyan)}.app-shell[data-design=game-night][data-game-night-mode=dark] .stat-grid article:nth-child(2){border-top-color:var(--magenta)}.app-shell[data-design=game-night][data-game-night-mode=dark] .stat-grid article:nth-child(3){border-top-color:var(--yellow)}.app-shell[data-design=game-night][data-game-night-mode=dark] .stat-grid article:nth-child(4){border-top-color:var(--green)}.app-shell[data-design=game-night][data-game-night-mode=dark] .stats-list article{background:#25262c}.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] .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] .primary-action{color:#17181c;background:#f4f4f6;border-color:#fff}@media(prefers-reduced-motion:reduce){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{display:none}.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-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,.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}}