:root{--bg:#050506;--bg2:#08080b;--surface:#0d0d12;--surface2:#14131a;--line:#292530;--text:#f6f7fb;--muted:#8f98ab;--purple:#a855f7;--purple2:#7e22ce;--cyan:#27e0c1;--pink:#ff4d8d;--orange:#ffb020;--radius:18px;--font:"DM Sans",sans-serif;--display:"Space Grotesk",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;overflow-x:hidden}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.svg-defs{display:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-shell{background:radial-gradient(circle at 80% 8%,rgba(88,62,164,.13),transparent 25%),var(--bg)}.topbar{height:78px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{display:flex;gap:11px;align-items:center;font-family:var(--display);font-weight:700;font-size:20px}.brand>span:last-child>span{color:var(--purple)}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#c084fc,#7e22ce);display:grid;place-items:center;box-shadow:0 0 22px rgba(168,85,247,.4)}.brand-mark span{width:13px;height:15px;border:3px solid #fff;border-top-width:5px;border-radius:3px;transform:skewY(-8deg)}.main-nav{display:flex;gap:34px;color:#aeb5c5;font-size:14px}.main-nav a:hover{color:#fff}.nav-actions,.app-actions{display:flex;align-items:center;gap:11px}.language-toggle{height:34px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#0c0b10;display:flex;gap:2px}.language-toggle span{height:26px;min-width:29px;display:grid;place-items:center;border-radius:6px;color:#7f889a;font-size:11px;font-weight:700}.language-toggle span.lang-active{background:#29203e;color:#cbb9ff}.btn{border:0;border-radius:10px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,#b15cff,#7c3aed);color:#fff;box-shadow:0 9px 26px rgba(111,65,219,.24)}.btn-ghost{background:transparent;color:#d7dbe4}.btn-secondary{background:#171d2d;border:1px solid #2a3246;color:#e5e7ed}.btn-large{padding:15px 23px;border-radius:12px}.btn svg{width:16px}.full{width:100%}.icon-btn{width:38px;height:38px;padding:0;border:1px solid var(--line);background:#151a28;border-radius:10px;display:grid;place-items:center}.mobile-menu,.app-menu{display:none}
.hero{min-height:690px;max-width:1240px;margin:auto;padding:72px 28px 80px;display:grid;grid-template-columns:.9fr 1.25fr;gap:40px;align-items:center;position:relative}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:1.8px;color:#b2b8c7}.pulse,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero h1{font:700 clamp(48px,6vw,76px)/.98 var(--display);letter-spacing:-4px;margin:24px 0}.hero h1 span,.final-cta h2 span{background:linear-gradient(90deg,#9c70ff,#e05dff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.65;color:#9fa7b8;max-width:500px}.hero-actions{display:flex;gap:13px;margin-top:31px}.btn-demo{background:transparent;border:1px solid #293145;color:#e9ebf1}.demo-play{width:25px;height:25px;border-radius:50%;background:#242b3d;display:grid;place-items:center}.demo-play svg{width:11px;fill:#fff}.trust-row{display:flex;align-items:center;gap:13px;margin-top:32px;color:#747e91;font-size:12px}.avatars{display:flex}.avatars span{width:28px;height:28px;margin-left:-6px;border:2px solid var(--bg);border-radius:50%;display:grid;place-items:center;background:#2a3143;color:#fff;font-size:8px;font-weight:700}.avatars span:first-child{margin:0;background:#754fe0}.avatars span:nth-child(2){background:#d4567e}.avatars span:nth-child(3){background:#258e8b}.hero-product{position:relative;min-width:0;z-index:2}.product-halo{position:absolute;width:520px;height:420px;border-radius:50%;background:rgba(119,74,244,.18);filter:blur(80px);inset:0;margin:auto}.stream-window{position:relative;border:1px solid #343c52;border-radius:16px;background:#0c0b10;box-shadow:0 40px 90px rgba(0,0,0,.5);overflow:hidden;transform:perspective(1000px) rotateY(-2deg)}.stream-head{height:38px;background:#191e2d;border-bottom:1px solid #292f41;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#727c8e;font-size:8px;letter-spacing:1.2px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#3a4152}.live-pill{padding:3px 7px;border-radius:4px;background:rgba(255,77,141,.1);color:#ff6e9f}.live-pill i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#ff4d8d}.stage{height:400px;padding:38px;position:relative;background:radial-gradient(circle at 50% 15%,rgba(76,47,136,.75),transparent 31%),linear-gradient(155deg,#17152c,#090c16 72%);text-align:center;overflow:hidden}.stage:before,.stage:after{content:"";position:absolute;width:160px;height:400px;top:-80px;border:1px solid rgba(130,92,246,.14);transform:rotate(40deg)}.stage:before{left:-100px}.stage:after{right:-100px}.quiz-label{font:600 8px var(--display);letter-spacing:1.5px;color:#9e86db}.countdown-ring{width:82px;height:82px;border-radius:50%;margin:19px auto 12px;background:conic-gradient(var(--cyan) 0 68%,#283044 68%);display:grid;place-items:center;box-shadow:0 0 28px rgba(39,224,193,.15)}.countdown-ring:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:#14182a}.countdown-ring div{position:relative;display:flex;flex-direction:column}.countdown-ring strong{font:700 27px var(--display)}.countdown-ring small{font-size:6px;color:#79849a}.stage h3{position:relative;font:600 17px var(--display);max-width:380px;margin:13px auto}.answers{display:flex;gap:8px;justify-content:center}.answers span{font-size:8px;border:1px solid #31384e;border-radius:6px;padding:7px 10px;background:#171b2d}.answers .selected{border-color:var(--cyan);background:rgba(39,224,193,.12);color:#88ffea}.score-row{position:absolute;bottom:20px;left:24px;right:24px;display:flex;gap:7px}.score-row>div{flex:1;min-width:0;background:rgba(20,25,41,.92);border:1px solid #30374a;border-radius:7px;padding:7px;display:flex;align-items:center;text-align:left;position:relative}.avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;margin-right:6px;font-style:normal;font-size:9px;font-weight:700}.a1{background:#744fd8}.a2{background:#268a89}.a3{background:#d75b82}.score-row span{display:flex;flex-direction:column}.score-row small{font-size:5px;color:#8992a4}.score-row strong{font:600 10px var(--display)}.score-row em{position:absolute;right:5px;top:5px;color:var(--cyan);font-size:7px}.float-card{position:absolute;background:rgba(22,27,43,.96);border:1px solid #343c50;box-shadow:0 16px 40px rgba(0,0,0,.4);border-radius:11px}.sync-card{left:-35px;top:45px;padding:11px 13px;display:flex;align-items:center;gap:10px}.sync-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:rgba(39,224,193,.12);color:var(--cyan)}.sync-card div{display:flex;flex-direction:column}.sync-card strong{font-size:9px}.sync-card small{font-size:7px;color:#7b8497}.sync-card>i{width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-left:10px}.control-card{right:-20px;bottom:35px;padding:10px 12px;text-align:center}.control-card small{font-size:6px;letter-spacing:1px;color:#81899b}.control-card div{display:flex;align-items:center;gap:12px;margin-top:5px}.control-card button{border:1px solid #343b50;background:#22283a;color:#fff;border-radius:5px}.control-card strong{font:600 12px var(--display)}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px)}.hero-glow.one{width:300px;height:300px;background:rgba(168,85,247,.08);left:-100px}.logo-strip{height:94px;border-top:1px solid #171c29;border-bottom:1px solid #171c29;display:flex;gap:48px;align-items:center;justify-content:center;color:#596274}.logo-strip span{font-size:10px;text-transform:uppercase;letter-spacing:1.5px}.logo-strip b{font:600 15px var(--display);color:#747d8e}.section{max-width:1184px;margin:auto;padding:110px 28px}.section-heading{text-align:center;margin-bottom:48px}.section-heading.left{text-align:left}.section-heading>span{color:#9e79f8;font-weight:700;letter-spacing:1.8px;font-size:10px}.section-heading h2{font:700 42px var(--display);letter-spacing:-1.7px;margin:12px 0}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:220px;padding:28px;background:linear-gradient(145deg,#121725,#0a090d);border:1px solid #202738;border-radius:var(--radius);position:relative;overflow:hidden}.feature-card.featured{border-color:#4c3c77;background:radial-gradient(circle at 100% 0,rgba(168,85,247,.18),transparent 50%),#121725}.feature-icon,.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px}.feature-icon.purple,.stat-icon.purple{background:rgba(168,85,247,.14);color:#9d74fc}.feature-icon.cyan,.stat-icon.cyan{background:rgba(39,224,193,.12);color:var(--cyan)}.feature-icon.pink,.stat-icon.pink{background:rgba(255,77,141,.12);color:var(--pink)}.feature-icon.orange,.stat-icon.orange{background:rgba(255,176,32,.12);color:var(--orange)}.feature-card h3{font:600 17px var(--display);margin:28px 0 9px}.feature-card p{font-size:13px;line-height:1.6;color:#80899b}.mini-badge{position:absolute;right:18px;top:18px;color:var(--cyan);background:rgba(39,224,193,.1);border-radius:4px;padding:4px 6px;font-size:7px;letter-spacing:1px}.signal{position:absolute;bottom:14px;right:20px;display:flex;gap:4px;align-items:end}.signal i{width:3px;height:12px;background:#6148a1}.signal i:nth-child(2){height:19px}.signal i:nth-child(3){height:27px;background:var(--purple)}.signal i:nth-child(4){height:20px}.signal i:nth-child(5){height:11px}.games-section{padding-top:70px}.game-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-tile{min-height:300px;border-radius:var(--radius);padding:22px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.game-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(5,7,13,.9))}.game-tile.violet{background:radial-gradient(circle at 50% 30%,#6543bd,#19162b 63%)}.game-tile.blue{background:radial-gradient(circle at 50% 30%,#267ba7,#111f2d 63%)}.game-tile.coral{background:radial-gradient(circle at 50% 30%,#b64d6e,#2d1522 63%)}.game-tile.dark{background:radial-gradient(circle at 50% 30%,#343b50,#151925 63%)}.game-art{height:190px;display:grid;place-items:center;font:700 72px var(--display);position:relative;text-shadow:0 7px 25px rgba(0,0,0,.3)}.game-tile h3,.game-tile p,.game-tile>span{position:relative}.game-tile h3{font:600 17px var(--display);margin:0 0 6px}.game-tile p{font-size:12px;color:#b5b9c5;margin:0}.free,.premium-tag{position:absolute!important;top:15px;right:15px;padding:4px 7px;border-radius:4px;font-size:7px;font-weight:700;letter-spacing:1px;background:rgba(39,224,193,.15);color:#7cffea}.premium-tag{background:rgba(168,85,247,.2);color:#c5adff}.pricing-section{max-width:850px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price-card{background:#0c0b10;border:1px solid #252c3d;border-radius:20px;padding:32px;position:relative}.price-card.pro{border-color:#7851dd;box-shadow:0 20px 60px rgba(90,55,170,.15)}.popular{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:6px 13px;background:#8659ec;border-radius:20px;font-size:8px;font-weight:700;letter-spacing:1px;white-space:nowrap}.plan{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#9c79ef}.price-card h3{font:700 34px var(--display);margin:20px 0 10px}.price-card h3 small{font:400 12px var(--font);color:#7f899b}.price-card>p{color:#8790a2;font-size:13px}.price-card ul{list-style:none;padding:17px 0;margin:17px 0;border-top:1px solid #242b3b}.price-card li{display:flex;gap:10px;align-items:center;padding:7px 0;font-size:12px;color:#bdc3cf}.price-card li svg{width:15px;color:var(--cyan)}.final-cta{min-height:430px;margin:50px 28px 90px;border:1px solid #292443;border-radius:26px;background:radial-gradient(circle at 50% 120%,rgba(168,85,247,.28),transparent 55%),linear-gradient(145deg,#0d0d12,#0b0e18);display:grid;place-items:center;text-align:center}.final-cta h2{font:700 48px/1.05 var(--display);letter-spacing:-2px;margin:18px 0}.final-cta p{color:#8e97a8;margin-bottom:28px}footer{max-width:1184px;margin:auto;padding:30px 28px 45px;border-top:1px solid #181e2b;display:flex;align-items:center;justify-content:space-between;color:#717a8b;font-size:11px}footer .brand{color:#fff}footer div{display:flex;gap:22px}
.app-shell{min-height:100vh;background:#070708}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#09090c;border-right:1px solid #201c26;padding:24px 14px;display:flex;flex-direction:column;z-index:30}.app-brand{padding:0 10px 28px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav button,.sidebar-bottom>button{height:45px;border:0;border-radius:10px;background:transparent;color:#7f899b;display:flex;align-items:center;gap:13px;padding:0 13px;font-weight:600;font-size:13px;text-align:left}.side-nav button:hover,.side-nav button.active{background:linear-gradient(90deg,rgba(168,85,247,.17),rgba(168,85,247,.04));color:#c4b0ff}.side-nav button.active{box-shadow:inset 2px 0 #a855f7}.side-nav button svg,.sidebar-bottom button svg{width:18px}.side-nav em{margin-left:auto;padding:3px 5px;border-radius:4px;background:#2f2350;color:#b89afc;font-size:7px;font-style:normal}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{width:100%}.user-chip{margin-top:14px;padding:13px 7px 0;border-top:1px solid #1e2533;display:flex;align-items:center;gap:9px}.user-chip>span{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#7e22ce,#a26bf0);display:grid;place-items:center;font-size:10px;font-weight:700}.user-chip div{display:flex;flex-direction:column;flex:1}.user-chip strong{font-size:11px}.user-chip small{font-size:8px;color:#747e91}.user-chip button{border:0;background:transparent;color:#6e7788;padding:4px}.app-main{padding-left:230px;min-height:100vh}.app-header{height:70px;border-bottom:1px solid #201c26;background:rgba(10,14,23,.9);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 31px;position:sticky;top:0;z-index:20;font-size:12px}.crumb{color:#555f70;margin-right:6px}.connection{display:flex;align-items:center;gap:7px;color:#819087;font-size:10px}.connection i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.view{display:none;padding:42px 36px 70px;max-width:1380px;margin:auto}.view.active{display:block}.dashboard-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.hello{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#9e79f8}.dashboard-head h1{font:700 29px var(--display);letter-spacing:-1px;margin:7px 0}.dashboard-head p{color:#7d8799;margin:0;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-grid article{min-height:112px;border:1px solid #21283a;background:linear-gradient(145deg,#0e0d12,#0a090d);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:center}.stats-grid article>div{display:flex;flex-direction:column}.stats-grid small,.panel small{font-size:7px;color:#707a8d;letter-spacing:1px;font-weight:700}.stats-grid strong{font:700 24px var(--display);margin:3px 0}.stats-grid em{color:var(--cyan);font-size:8px;font-style:normal}.stats-grid em span{color:#657082}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.panel{background:#0c0b10;border:1px solid #28222f;border-radius:15px}.active-overlay{padding:19px}.panel-head,.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-head>div{display:flex;align-items:center;gap:10px}.panel-head h3,.panel-title h3{font:600 14px var(--display);margin:4px 0 0}.dots{border:0;background:transparent;color:#697285}.mini-preview{height:245px;margin-top:18px;border-radius:10px;padding:20px;background:radial-gradient(circle at 50% 0,rgba(95,58,172,.6),transparent 40%),linear-gradient(155deg,#17142b,#090c15);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.mini-preview:before{content:"";width:170px;height:170px;border:1px solid rgba(168,85,247,.19);position:absolute;transform:rotate(45deg)}.preview-top{display:flex;gap:14px;color:#9f83df;font-size:7px;letter-spacing:1px;position:relative}.preview-q{font:600 16px var(--display);max-width:350px;text-align:center;margin:28px 0;position:relative}.preview-players{position:absolute;bottom:14px;display:flex;gap:6px;width:90%}.preview-players span{flex:1;border:1px solid #31374a;background:#161b2b;border-radius:6px;padding:7px;font-size:6px;color:#818b9e}.preview-players b{float:right;color:#fff;font:600 9px var(--display)}.overlay-url{margin-top:13px;padding:10px 12px;background:#0c101a;border:1px solid #202738;border-radius:9px;display:flex;align-items:center;justify-content:space-between}.overlay-url div{display:flex;flex-direction:column;gap:5px}.overlay-url code{font-size:9px;color:#9aa3b5}.overlay-url .icon-btn{width:32px;height:32px}.quick-control{padding:20px}.syncing{color:var(--cyan);font-size:7px;letter-spacing:1px}.player-control{display:grid;grid-template-columns:1fr auto;align-items:center;padding:14px 0;border-bottom:1px solid #202737}.player-info{display:flex;align-items:center;gap:9px}.player-info .avatar{margin:0}.player-info span{display:flex;flex-direction:column}.player-info strong{font-size:10px}.player-info small{font-size:7px}.stepper{display:flex;align-items:center;gap:9px}.stepper button{width:27px;height:27px;border:1px solid #30384b;border-radius:7px;background:#181e2e;color:#aeb5c2}.stepper strong{font:600 13px var(--display);min-width:39px;text-align:center}.timer-control{display:flex;align-items:center;margin-top:15px;padding:12px;border-radius:10px;background:#0c111b}.timer-control button{border:0;background:#22293a;color:#d7dbe4;width:31px;height:31px;border-radius:8px;display:grid;place-items:center}.timer-control>div{display:flex;flex-direction:column;flex:1;padding-left:10px}.timer-control strong{font:600 16px var(--display)}.section-row{display:flex;justify-content:space-between;align-items:center;margin:30px 0 13px}.section-row h2{font:600 17px var(--display)}.section-row button{border:0;background:transparent;color:#9872ed;font-size:10px}.quick-games{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-game{height:96px;padding:14px;border:1px solid #22293a;border-radius:12px;background:#0d0d12;display:flex;align-items:center;gap:13px;color:#fff}.quick-game:hover{border-color:#6948b5}.quick-game>span{width:57px;height:66px;border-radius:8px;display:grid;place-items:center;font:700 28px var(--display)}.quick-game div{display:flex;flex-direction:column;text-align:left}.quick-game strong{font:600 12px var(--display)}.quick-game small{font-size:8px;color:#768092;margin-top:4px}.filter-row{display:flex;gap:7px;margin-bottom:18px}.filter-row button{border:1px solid #242c3d;background:#0d0d12;color:#778193;padding:7px 14px;border-radius:8px;font-size:10px}.filter-row button.active{border-color:#7650d3;background:rgba(168,85,247,.13);color:#c0a9f7}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.library-game{min-height:220px;border:1px solid #232b3d;background:#0d0d12;border-radius:14px;overflow:hidden;position:relative}.library-game.hidden{display:none}.library-game .art{height:128px;display:grid;place-items:center;font:700 45px var(--display);background:radial-gradient(circle,#5d3ba7,#1a172a 70%)}.library-game:nth-child(3n+2) .art{background:radial-gradient(circle,#247b8c,#111e29 70%)}.library-game:nth-child(3n) .art{background:radial-gradient(circle,#9a3d62,#25141e 70%)}.library-game>div:last-child{padding:13px}.library-game h3{font:600 12px var(--display);margin:0 0 5px}.library-game p{font-size:8px;color:#788295;margin:0}.library-game button{position:absolute;right:10px;bottom:11px;width:29px;height:29px;border:0;border-radius:8px;background:#6f48d4;color:#fff;display:grid;place-items:center}.library-game button svg{width:12px;fill:#fff}.library-game .lock{position:absolute;top:9px;right:9px;padding:4px 7px;background:#282039;border:1px solid #503f70;border-radius:5px;color:#bda1f7;font-size:7px;font-weight:700}.player-table{overflow:hidden}.table-head,.player-row{display:grid;grid-template-columns:45px 2fr 1fr 1fr 1fr 40px;align-items:center;padding:12px 18px;gap:10px}.table-head{background:#151b29;color:#687386;font-size:8px;letter-spacing:1px}.player-row{border-top:1px solid #1e2637;min-height:64px}.player-row>span:first-child{color:#596477;font-size:10px}.player-cell{display:flex;align-items:center;gap:10px;font-weight:600;font-size:11px}.color-chip{width:17px;height:17px;border-radius:5px}.status-active{color:var(--cyan);font-size:8px}.status-active:before{content:"";display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:6px}.remove-player{border:0;background:transparent;color:#657083;font-size:18px}.design-layout{display:grid;grid-template-columns:320px 1fr;gap:15px}.design-controls{padding:21px}.design-controls h3{font:600 12px var(--display);margin:4px 0 13px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:27px}.theme-options button{border:1px solid #293145;background:#121827;color:#8c95a6;border-radius:9px;padding:6px;font-size:7px}.theme-options button.active{border-color:#8159e5;color:#c9b7f2}.theme-swatch{height:42px;border-radius:5px;display:block;margin-bottom:5px}.theme-swatch.neon{background:linear-gradient(145deg,#6e43d9,#18132c)}.theme-swatch.clean{background:linear-gradient(145deg,#f2f4f8,#bbc2d0)}.theme-swatch.sunset{background:linear-gradient(145deg,#f26c71,#482041)}.color-options{display:flex;gap:9px;margin-bottom:27px}.color-options button,.color-options input{width:29px;height:29px;border:2px solid transparent;border-radius:8px;background:var(--c);padding:0}.color-options button.active{outline:2px solid #fff;outline-offset:2px}.color-options input{overflow:hidden}.switch-row{border-top:1px solid #292530;padding:16px 0;display:flex;align-items:center;justify-content:space-between}.switch-row span{display:flex;flex-direction:column}.switch-row strong{font-size:10px}.switch-row small{font-size:7px;color:#9e79f8}.switch-row input{display:none}.switch-row i{width:31px;height:18px;border-radius:20px;background:#252c3d;position:relative}.switch-row i:after{content:"";position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#697386}.design-preview{padding:18px}.design-screen{height:460px;border-radius:11px;background:radial-gradient(circle at 50% 25%,rgba(114,70,214,.68),transparent 35%),#090c16;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:.25s}.design-round{color:var(--purple);font-size:9px;letter-spacing:2px}.design-screen h2{font:700 35px var(--display);letter-spacing:-1px;margin:13px}.design-count{width:90px;height:90px;border:5px solid var(--purple);border-radius:50%;display:grid;place-items:center;font:700 31px var(--display);box-shadow:0 0 35px color-mix(in srgb,var(--purple) 35%,transparent)}.design-bars{position:absolute;bottom:24px;display:flex;gap:7px;width:88%}.design-bars span{flex:1;border:1px solid #333a4e;background:#151a29;border-radius:7px;padding:10px;font-size:8px}.design-bars b{float:right}.preview-note{text-align:center;color:#758093;font-size:8px;margin-top:12px}.preview-note i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:6px}.license-wrap{max-width:720px;margin:35px auto;text-align:center;padding:40px}.license-orb{width:73px;height:73px;border-radius:20px;background:linear-gradient(145deg,#8d5ef2,#5d36bd);display:grid;place-items:center;margin:0 auto 26px;box-shadow:0 18px 50px rgba(111,65,219,.32)}.license-orb svg{width:31px}.license-wrap h1{font:700 37px var(--display);letter-spacing:-1.3px;margin:11px}.license-wrap>p{color:#8993a5;line-height:1.7}.key-entry{max-width:570px;margin:32px auto;padding:20px;background:#0c0b10;border:1px solid #272e40;border-radius:14px;text-align:left}.key-entry label{font-size:8px;letter-spacing:1.4px;color:#7e889a}.key-entry>div{display:flex;gap:8px;margin:8px 0}.key-entry input{min-width:0;flex:1;background:#070708;border:1px solid #2b3346;color:#fff;border-radius:9px;padding:12px;font:600 16px var(--display);letter-spacing:2px;text-transform:uppercase}.key-entry small{font-size:8px;color:#697386}.pro-benefits{display:flex;gap:17px;justify-content:center;color:#9ea7b7;font-size:9px}.settings-panel{max-width:780px}.settings-row{min-height:88px;padding:20px 23px;border-bottom:1px solid #222a3a;display:flex;align-items:center;justify-content:space-between}.settings-row:last-child{border:0}.settings-row>div{display:flex;flex-direction:column;gap:5px}.settings-row strong{font-size:12px}.settings-row small{font-size:9px;color:#758093}
dialog{width:min(420px,calc(100% - 30px));border:1px solid #30384b;border-radius:18px;background:#0d0d12;color:#fff;padding:32px;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(2,4,9,.78);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:12px}.dialog-brand{display:flex;justify-content:center}.dialog-brand .brand-mark{width:43px;height:43px}.dialog-brand .brand-mark span{transform:scale(1.25) skewY(-8deg)}dialog h2{text-align:center;font:700 25px var(--display);margin:18px 0 6px}dialog>p{text-align:center;color:#818b9d;margin:0 0 23px}dialog form{display:flex;flex-direction:column;gap:14px}dialog label{display:flex;flex-direction:column;gap:7px}dialog label span{color:#9ca4b4;font-size:9px;font-weight:700;letter-spacing:.6px}dialog input{background:#0a0e18;border:1px solid #293145;border-radius:9px;padding:12px;color:#fff;outline:none}dialog input:focus{border-color:#8058dd}.demo-hint{display:block;text-align:center;color:#626c7f;margin-top:15px}.demo-hint.success{color:var(--cyan)}#toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translate(-50%,100px);opacity:0;background:#182030;border:1px solid #334057;color:#fff;border-radius:10px;padding:11px 16px;display:flex;align-items:center;gap:8px;font-size:11px;transition:.25s}#toast.show{transform:translate(-50%,0);opacity:1}#toast svg{width:15px;color:var(--cyan)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0a0e18;border:1px solid #252d3f;border-radius:10px;padding:3px;margin-bottom:16px}.auth-tabs button{border:0;border-radius:7px;background:transparent;color:#747f92;padding:9px;font-size:11px;font-weight:700}.auth-tabs button.active{background:#25203a;color:#c8b6f8}.auth-error{display:none;margin-bottom:13px;padding:10px;border:1px solid rgba(255,77,141,.35);border-radius:8px;background:rgba(255,77,141,.08);color:#ff8bb4;font-size:10px}.auth-error.visible{display:block}#register-form[hidden],#login-form[hidden]{display:none}#register-form>small{color:#687386;font-size:8px;margin-top:-8px}
.text-button{align-self:flex-end;border:0;background:transparent;color:#a889f2;padding:0;font-size:10px}.text-button:hover{color:#c7b4fb}.text-button.centered{align-self:center;margin-top:2px}.otp-recipient{text-align:center;color:#838da0;font-size:10px;margin-bottom:4px}.otp-recipient strong{color:#d9dce5}.otp-input{text-align:center;font:700 24px var(--display);letter-spacing:8px}.otp-security{display:block;margin-top:17px;text-align:center;color:#687386;font-size:8px;line-height:1.5}
.otp-back{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:11px!important;padding:9px!important;color:#8ba9c9!important}.otp-back:hover{color:#d9ecff!important}
.brand{font-size:18px}.brand>span:last-child{letter-spacing:-.7px}.app-brand{font-size:14px;gap:9px}.brand-logo{display:block;width:32px;height:32px;flex:0 0 auto;filter:drop-shadow(0 0 9px rgba(168,85,247,.35))}.app-brand .brand-logo{width:30px;height:30px}.dialog-logo{width:48px;height:48px;filter:drop-shadow(0 0 14px rgba(168,85,247,.48))}
.integration-marquee{border-top:1px solid #1b1720;border-bottom:1px solid #1b1720;background:linear-gradient(180deg,rgba(168,85,247,.035),rgba(0,0,0,0));padding:22px 0 24px;overflow:hidden}.integration-label{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:17px;color:#777080;font-size:8px;font-weight:700;letter-spacing:1.8px}.integration-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.integration-track{display:flex;width:max-content;will-change:transform;animation:integration-scroll 28s linear infinite}.integration-group{display:flex;gap:14px;padding-right:14px}.integration-item{width:210px;height:66px;padding:11px 15px;border:1px solid #24202a;border-radius:13px;background:rgba(13,13,18,.82);display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr 1fr;column-gap:12px;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.025)}.integration-item>span{grid-row:1/3;width:40px;height:40px;border:1px solid rgba(168,85,247,.24);border-radius:11px;background:rgba(168,85,247,.09);display:grid;place-items:center;color:#c084fc}.integration-item svg{width:21px;height:21px}.integration-item strong{align-self:end;font:600 12px var(--display);color:#e9e6ed}.integration-item small{align-self:start;margin-top:2px;color:#696270;font-size:8px;letter-spacing:.2px}.integration-item:hover{border-color:rgba(168,85,247,.45);background:rgba(168,85,247,.055)}@keyframes integration-scroll{to{transform:translateX(-50%)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-product{max-width:700px;margin:auto;width:100%}.feature-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-main{padding-left:0}.app-menu{display:grid}.app-header{padding:0 18px}}
@media(max-width:720px){.topbar{height:65px;padding:0 18px}.main-nav,.nav-actions .btn-ghost,.nav-actions .btn-primary{display:none}.mobile-menu{display:grid}.hero{padding:42px 18px 55px;min-height:0}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.stream-window{transform:none}.stage{height:330px;padding:28px 10px}.score-row{left:10px;right:10px}.float-card{display:none}.logo-strip{gap:20px;overflow:hidden;justify-content:flex-start;padding:0 20px}.section{padding:75px 18px}.section-heading h2{font-size:34px}.feature-grid,.game-showcase,.pricing-grid{grid-template-columns:1fr}.game-showcase{grid-template-columns:1fr 1fr}.game-tile{min-height:250px}.game-art{height:145px}.final-cta{margin:25px 14px 60px;padding:35px 18px}.final-cta h2{font-size:37px}footer{flex-direction:column;gap:20px}.view{padding:28px 16px 50px}.app-header .connection{display:none}.app-header .btn span{display:none}.dashboard-head{align-items:flex-start;gap:18px}.dashboard-head h1{font-size:25px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid article{padding:13px;gap:9px}.stat-icon{width:34px;height:34px}.dashboard-grid{grid-template-columns:1fr}.quick-games{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.design-layout{grid-template-columns:1fr}.design-screen{height:360px}.table-head{display:none}.player-row{grid-template-columns:25px 1.6fr .8fr 30px;padding:10px}.player-row .color-chip-wrap,.player-row .status-active{display:none}.pro-benefits{flex-wrap:wrap}.key-entry>div{flex-direction:column}.app-actions{gap:6px}}@media(max-width:450px){.hero h1{font-size:41px}.hero-product{display:none}.game-showcase{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.app-header .language-toggle{display:none}.dashboard-head{flex-direction:column}.pricing-section{padding-left:14px;padding-right:14px}}
@media(max-width:600px){.integration-marquee{padding-top:19px}.integration-window{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.integration-item{width:184px}.integration-track{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.integration-track{animation:none!important}}
[hidden]{display:none!important}

/* Refined navigation */
.topbar{position:sticky;top:12px;margin-top:12px;height:66px;padding:0 18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(9,9,13,.78);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 18px 45px rgba(0,0,0,.22);transition:border-color .2s,background .2s}
.main-nav{gap:5px;padding:4px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.025)}
.main-nav a{position:relative;padding:8px 14px;border-radius:8px;color:#858b99;font-weight:600;transition:.2s}
.main-nav a:hover,.main-nav a.active{color:#fff;background:rgba(168,85,247,.11)}
.main-nav a.active:after{content:"";position:absolute;left:50%;bottom:3px;width:14px;height:2px;border-radius:2px;background:var(--purple);transform:translateX(-50%);box-shadow:0 0 8px var(--purple)}
.mobile-navigation{position:absolute;top:74px;left:18px;right:18px;padding:10px;border:1px solid #30283a;border-radius:15px;background:rgba(12,12,17,.97);box-shadow:0 25px 70px rgba(0,0,0,.6);backdrop-filter:blur(22px)}
.mobile-navigation>a{height:48px;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;color:#aab0bd;font-weight:600}
.mobile-navigation>a:hover{background:rgba(168,85,247,.1);color:#fff}
.mobile-navigation>a svg{width:16px;color:#7654c4}
.mobile-navigation>div{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;padding-top:10px;border-top:1px solid #28222e}
.mobile-navigation .btn-ghost{border:1px solid #302a38}

.sidebar{background:linear-gradient(180deg,#0b0a0e,#08080a);border-right-color:#28202e;box-shadow:18px 0 55px rgba(0,0,0,.18)}
.nav-section-label{display:block;padding:0 13px 8px;color:#514b58;font-size:8px;font-weight:700;letter-spacing:1.7px}
.side-nav{gap:6px}.side-nav button,.sidebar-bottom>button{height:47px;border:1px solid transparent;transition:.2s}
.side-nav button:hover,.sidebar-bottom>button:hover{border-color:rgba(168,85,247,.12);background:rgba(168,85,247,.06);color:#d8cafa}
.side-nav button.active,.sidebar-bottom>button.active{border-color:rgba(168,85,247,.2);background:linear-gradient(90deg,rgba(168,85,247,.2),rgba(168,85,247,.045));box-shadow:inset 2px 0 #b366ff,0 8px 25px rgba(0,0,0,.12);color:#e2d8fb}
.sidebar-bottom .nav-section-label{margin-top:15px}.sidebar-bottom>button.active{box-shadow:inset 2px 0 #b366ff}
.user-chip{padding:13px 2px 0;gap:4px}.user-profile-link{min-width:0;flex:1;padding:5px;border:0;border-radius:10px;background:transparent;display:flex;align-items:center;gap:9px;text-align:left}.user-profile-link:hover{background:rgba(255,255,255,.04)}
.user-avatar,.profile-avatar{position:relative;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,#7e22ce,#a26bf0);display:grid;place-items:center;font-weight:700}
.user-avatar{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:10px}.user-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}
.user-meta{min-width:0;display:flex!important;flex-direction:column}.user-meta strong{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip>button:last-child{width:31px;height:31px;border-radius:8px;display:grid;place-items:center}.user-chip>button:last-child:hover{background:rgba(255,77,141,.09);color:#ff7aa9}
.app-header{height:72px;background:rgba(8,8,11,.82);border-bottom-color:#28212d;backdrop-filter:blur(18px)}
.sidebar-backdrop{position:fixed;inset:0;z-index:25;border:0;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}

/* Profile settings */
.settings-layout{max-width:900px;display:grid;gap:14px}.profile-panel{padding:24px}.profile-preview{display:flex;align-items:center;gap:18px}.profile-avatar{width:82px;height:82px;border:1px solid rgba(255,255,255,.13);border-radius:22px;font:700 22px var(--display);box-shadow:0 15px 35px rgba(126,34,206,.24)}.profile-preview h2{margin:7px 0 3px;font:700 22px var(--display)}.profile-preview p{margin:0;color:#778091;font-size:12px}.verified-badge{display:inline-flex;align-items:center;gap:5px;color:var(--cyan);font-size:8px;font-weight:700;letter-spacing:.8px}.verified-badge svg{width:12px}.profile-upload-actions{display:flex;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid #25202a}.profile-upload-actions .btn svg{width:16px}.upload-hint{display:block;margin-top:10px;color:#696f7c;font-size:9px}.settings-panel{max-width:none}

@media(max-width:1000px){.sidebar{width:255px}.sidebar-backdrop.open{display:block!important}}
@media(max-width:720px){.topbar{top:8px;margin:8px 8px 0;padding:0 10px}.topbar .brand{font-size:16px}.mobile-navigation{top:71px;left:0;right:0}.profile-upload-actions{flex-direction:column}.profile-upload-actions .btn{width:100%}.settings-row{align-items:flex-start;gap:15px;flex-direction:column}.settings-row .btn{width:100%}}

/* StreamerPlayground — Signal Blue design system */
:root{--bg:#05080d;--bg2:#08101a;--surface:#0a111c;--surface2:#0f1927;--line:#1b2a3c;--text:#f5f9ff;--muted:#8392a8;--purple:#1677ff;--purple2:#0755d9;--cyan:#54d8ff;--pink:#6ea8ff;--orange:#7ec8ff;--radius:16px}
body{background:var(--bg);background-image:radial-gradient(circle at 82% 4%,rgba(22,119,255,.12),transparent 28%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}
::selection{background:#1677ff;color:#fff}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #55b5ff;outline-offset:3px}
.site-shell{background:none}.brand>span:last-child>span{color:#4da6ff}.brand-logo{filter:drop-shadow(0 0 13px rgba(22,119,255,.38))}
.topbar{border-color:rgba(104,164,229,.14);background:rgba(5,10,17,.76);box-shadow:0 18px 60px rgba(0,0,0,.32)}
.main-nav{border-color:#162334;background:#09111c}.main-nav a:hover,.main-nav a.active{background:#101f33}.main-nav a.active:after{background:#55b5ff;box-shadow:0 0 10px #1677ff}
.btn{border-radius:11px;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(135deg,#2f8cff,#0864e8);box-shadow:0 12px 34px rgba(5,92,218,.3)}.btn-primary:hover{box-shadow:0 16px 42px rgba(5,92,218,.42)}.btn-secondary{background:#0d1826;border-color:#223752}.btn-ghost{color:#d5e2f3}
.hero{min-height:720px;grid-template-columns:.92fr 1.28fr;gap:62px;padding-top:90px}.hero:after{content:"";position:absolute;inset:50px 28px 28px;border:1px solid rgba(76,143,216,.08);border-radius:34px;pointer-events:none;mask-image:linear-gradient(110deg,#000,transparent 55%)}.hero h1{font-size:clamp(54px,6.2vw,82px);letter-spacing:-5px}.hero h1 span,.final-cta h2 span{background:linear-gradient(90deg,#58b9ff,#1677ff 58%,#83ddff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{color:#98a8bd;max-width:540px}.eyebrow{color:#a5b9d2}.pulse,.live-dot{background:#58d9ff;box-shadow:0 0 16px rgba(88,217,255,.9)}.btn-demo{background:rgba(8,15,25,.65);border-color:#21344b}.demo-play{background:#15263d}.trust-row{color:#6f829b}.sync-icon{color:#62ddff}
.product-halo{background:rgba(18,105,235,.18)}.stream-window{border-color:#2a4666;background:#070b12;box-shadow:0 55px 120px rgba(0,0,0,.58),0 0 0 1px rgba(70,147,235,.04);transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}.stream-head{background:#0c1726;border-color:#1b3048}.live-pill{background:rgba(73,207,255,.1);color:#66ddff}.live-pill i{background:#54d8ff}.stage{background:radial-gradient(circle at 58% 12%,rgba(18,119,255,.48),transparent 36%),linear-gradient(155deg,#0d1829,#050913 72%)}.stage:before,.stage:after{border-color:rgba(67,151,255,.13)}.quiz-label{color:#70b7ff}.countdown-ring{background:conic-gradient(#59ddff 0 68%,#19324d 68%);box-shadow:0 0 34px rgba(44,184,255,.17)}.answers .selected{border-color:#50d9ff;background:rgba(38,174,255,.12);color:#9beaff}.float-card{background:rgba(10,21,35,.96);border-color:#2c4663}.sync-card>i{background:#59ddff}.avatar.a1{background:#1677ff}.avatar.a2{background:#128a9e}.avatar.a3{background:#2a67b9}
.integration-marquee{border-color:#132235;background:linear-gradient(180deg,rgba(22,119,255,.035),rgba(0,0,0,0))}.integration-label{color:#6e829d}.integration-item{border-color:#192a3e;background:rgba(7,14,23,.9);box-shadow:inset 0 1px rgba(255,255,255,.03)}.integration-item>span{border-color:#263d58;background:#0e1c2d}.integration-item>span img{width:25px;height:25px;object-fit:contain}.integration-item:hover{border-color:#2c75ca;background:#0a1b30;transform:translateY(-2px)}.integration-item{transition:.22s}.integration-item strong{color:#edf6ff}.integration-item small{color:#687c95}
.section{padding-top:125px;padding-bottom:125px}.section-heading>span,.hello{color:#5bb7ff}.section-heading h2{font-size:46px;letter-spacing:-2.3px}.section-heading p{color:#7f91a9}.feature-grid{gap:18px}.feature-card{min-height:245px;border-color:#182a3e;background:linear-gradient(145deg,#0c1623,#070c14);border-radius:20px;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:#285584;box-shadow:0 24px 60px rgba(0,0,0,.25)}.feature-card.featured{border-color:#20599a;background:radial-gradient(circle at 100% 0,rgba(22,119,255,.18),transparent 52%),#0b1726}.feature-icon.purple,.stat-icon.purple{background:rgba(22,119,255,.14);color:#60b5ff}.feature-icon.cyan,.stat-icon.cyan{background:rgba(84,216,255,.11);color:#62ddff}.feature-icon.pink,.stat-icon.pink{background:rgba(77,143,255,.12);color:#76adff}.feature-icon.orange,.stat-icon.orange{background:rgba(125,199,255,.1);color:#8dd3ff}.mini-badge{color:#72dfff;background:rgba(66,194,255,.1)}
.game-showcase{gap:18px}.game-tile{border-radius:20px;border-color:#213650;transition:.25s}.game-tile:hover{transform:translateY(-5px);box-shadow:0 30px 65px rgba(0,0,0,.3)}.game-tile.violet{background:radial-gradient(circle at 50% 30%,#156ed2,#0b1728 64%)}.game-tile.blue{background:radial-gradient(circle at 50% 30%,#168ea8,#0a1823 64%)}.game-tile.coral{background:radial-gradient(circle at 50% 30%,#285fae,#0c1423 64%)}.game-tile.dark{background:radial-gradient(circle at 50% 30%,#2d527d,#0a111b 64%)}.premium-tag{background:rgba(22,119,255,.22);color:#9dccff}.free{background:rgba(84,216,255,.14);color:#8deaff}
.price-card{background:#08101a;border-color:#1b3047}.price-card.pro{border-color:#1d72d0;box-shadow:0 28px 80px rgba(0,87,190,.16)}.popular{background:#1677ff}.plan{color:#66b7ff}.final-cta{border-color:#1d416c;background:radial-gradient(circle at 50% 120%,rgba(22,119,255,.26),transparent 56%),linear-gradient(145deg,#07101b,#08121f)}footer{border-color:#142337}.footer-admin{padding:0;border:0;background:transparent;color:#5f7188;font-size:11px}.footer-admin:hover{color:#78bdff}

/* Blue application workspace */
.app-shell{background:#05080d}.sidebar{background:linear-gradient(180deg,#08111c,#05090f);border-right-color:#17283a}.side-nav button:hover,.sidebar-bottom>button:hover{border-color:rgba(74,157,255,.18);background:rgba(22,119,255,.075);color:#d8ebff}.side-nav button.active,.sidebar-bottom>button.active{border-color:rgba(74,157,255,.24);background:linear-gradient(90deg,rgba(22,119,255,.2),rgba(22,119,255,.035));box-shadow:inset 2px 0 #45a5ff,0 8px 25px rgba(0,0,0,.12);color:#e4f2ff}.side-nav em{background:#10294a;color:#79bdff}.app-header{background:rgba(5,10,16,.84);border-color:#172739}.connection i{background:#54d8ff;box-shadow:0 0 9px #54d8ff}.panel{background:#08111b;border-color:#1b2d42}.stats-grid article{border-color:#192c42;background:linear-gradient(145deg,#0a1420,#060b12)}.stats-grid em,.syncing{color:#5edcff}.mini-preview{background:radial-gradient(circle at 50% 0,rgba(20,111,231,.55),transparent 43%),linear-gradient(155deg,#0d1a2b,#060b13)}.quick-game,.library-game{border-color:#1b2d42;background:#08111b}.quick-game:hover,.library-game:hover{border-color:#2764a2}.library-game .art{background:radial-gradient(circle,#176cc9,#0b1728 70%)}.library-game:nth-child(3n+2) .art{background:radial-gradient(circle,#13859a,#091821 70%)}.library-game:nth-child(3n) .art{background:radial-gradient(circle,#285fae,#0a1423 70%)}.library-game button{background:#1677ff}.filter-row button.active{border-color:#247ddc;background:rgba(22,119,255,.13);color:#a8d2ff}.design-count{border-color:#1677ff}.key-entry input{border-color:#24415e}.profile-avatar,.user-avatar{background:linear-gradient(135deg,#1987ff,#0755d9)}.verified-badge{color:#5cddff}
.theme-swatch.neon{background:linear-gradient(145deg,#1677ff,#071a35)}.theme-swatch.clean{background:linear-gradient(145deg,#eaf7ff,#78bfff)}.theme-swatch.sunset{background:linear-gradient(145deg,#163e70,#050b14)}
.theme-options button.active{border-color:#2788ee;color:#b8dcff}.design-screen{background:radial-gradient(circle at 50% 25%,rgba(20,111,231,.62),transparent 36%),#060c16}.design-screen:before{border-color:rgba(80,162,255,.15)}.preview-top{color:#77baff}.mini-preview:before{border-color:rgba(72,156,255,.18)}.section-row button{color:#69b5ff}.switch-row small{color:#61adf8}.license-orb{background:linear-gradient(145deg,#278cff,#0755d9);box-shadow:0 18px 50px rgba(5,92,218,.3)}.key-entry{background:#07101a;border-color:#1f3852}.library-game .lock{background:#102b4b;border-color:#245584;color:#97caff}

/* Admin center */
.admin-dialog-label{display:block;margin-top:14px;text-align:center;color:#5dbbff;font-size:8px;font-weight:700;letter-spacing:1.8px}.admin-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:14px}.admin-key-creator,.admin-list-panel{padding:22px}.admin-key-creator h2{font:700 23px var(--display);margin:8px 0}.admin-key-creator p{color:#778ba4;font-size:12px}.admin-key-form{display:grid;gap:12px;margin-top:25px}.admin-key-form label{display:grid;gap:7px}.admin-key-form label span{font-size:8px;color:#6f8299;letter-spacing:1.4px}.admin-key-form select{width:100%;padding:12px;border:1px solid #223b57;border-radius:10px;background:#07101a;color:#eaf5ff}.admin-key-form .btn{width:100%}#admin-new-key{margin-top:16px;padding:15px;border:1px solid #2679d3;border-radius:11px;background:#0a203a;color:#8bcbff;font:700 17px var(--display);letter-spacing:1.5px;text-align:center}.admin-list{display:grid;gap:8px;margin-top:16px}.admin-list-row{min-height:52px;padding:10px 12px;border:1px solid #192c41;border-radius:10px;background:#070e17;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.admin-list-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.admin-list-row strong{font-size:11px;overflow:hidden;text-overflow:ellipsis}.admin-list-row small{font-size:8px;color:#6f8299}.admin-list-row .status{font-size:8px;font-weight:700;text-transform:uppercase}.status.available{color:#5edcff}.status.redeemed{color:#75aef2}.status.revoked{color:#68778a}.admin-list-row button{border:0;background:transparent;color:#6798ce;font-size:9px}.admin-list-row button:hover{color:#fff}.admin-users-panel{margin-top:14px}.admin-users-panel .admin-list-row{grid-template-columns:1fr auto auto}
dialog{background:#08111b;border-color:#23415f}dialog input{background:#060d16;border-color:#203a55}dialog input:focus{border-color:#2587ed}.auth-tabs button.active{background:#102b4b;color:#a7d4ff}

@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.hero{gap:35px}.hero h1{font-size:58px}}
@media(max-width:720px){.hero{padding-top:64px}.hero:after{inset:24px 10px}.hero h1{font-size:46px;letter-spacing:-2.8px}.section-heading h2{font-size:35px}.admin-users-panel .admin-list-row{grid-template-columns:1fr auto}.admin-users-panel .admin-list-row .user-extra{display:none}}

/* Public website — bright editorial edition */
.site-shell{color:#0a1728;background:#f5f8fc;background-image:radial-gradient(circle at 50% 0,rgba(45,143,255,.14),transparent 30%),linear-gradient(rgba(24,90,160,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(24,90,160,.035) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.site-shell .topbar{color:#0a1728;border-color:rgba(16,66,120,.11);background:rgba(255,255,255,.82);box-shadow:0 18px 55px rgba(31,75,119,.09)}
.site-shell .main-nav{border-color:#dbe6f1;background:#edf3f9}.site-shell .main-nav a{color:#52647a}.site-shell .main-nav a:hover,.site-shell .main-nav a.active{color:#0d2c50;background:#fff}.site-shell .nav-actions .btn-ghost{color:#18324e}.site-shell .mobile-menu{background:#fff;border-color:#d9e5f0}
.site-shell .hero{display:block;min-height:0;max-width:1180px;padding:105px 28px 105px;text-align:center}.site-shell .hero:after{inset:58px 28px 40%;border-color:rgba(32,111,193,.08);mask-image:linear-gradient(#000,transparent)}.site-shell .hero-copy{max-width:880px;margin:auto}.site-shell .eyebrow{color:#3374b6}.site-shell .hero h1{max-width:980px;margin:28px auto 24px;font-size:clamp(58px,7.2vw,98px);line-height:.95;letter-spacing:-6px}.site-shell .hero h1 span{background:linear-gradient(90deg,#075fd7,#3097ff 52%,#0965d9);-webkit-background-clip:text;background-clip:text}.site-shell .hero-copy>p{max-width:690px;margin:0 auto;color:#5b6f87;font-size:19px}.site-shell .hero-actions{justify-content:center}.site-shell .btn-demo{color:#18314d;border-color:#cbd9e7;background:rgba(255,255,255,.72)}.site-shell .demo-play{color:#fff;background:#122b49}.site-shell .trust-row{justify-content:center;color:#6e8198}.site-shell .trust-row .sync-icon{background:#e5f4ff}
.site-shell .hero-product{width:100%;max-width:960px;margin:78px auto 0;text-align:left}.site-shell .stream-window{transform:none;border-color:#1b4168;box-shadow:0 45px 100px rgba(16,59,104,.22)}.site-shell .product-halo{width:80%;background:rgba(27,130,255,.2)}.site-shell .sync-card{left:-42px;top:64px}.site-shell .control-card{right:-28px}.site-shell .stage{height:440px}
.site-shell .integration-marquee{border-color:#dce6f0;background:rgba(255,255,255,.58)}.site-shell .integration-label{color:#52708e}.site-shell .integration-item{border-color:#d8e4ef;background:#fff;box-shadow:0 10px 32px rgba(36,76,117,.06)}.site-shell .integration-item:hover{border-color:#80bfff;background:#fff;box-shadow:0 16px 38px rgba(24,105,190,.12)}.site-shell .integration-item>span{border-color:#d9e7f4;background:#f1f6fb}.site-shell .integration-item strong{color:#10243a}.site-shell .integration-item small{color:#71849a}
.site-shell .section-heading>span{color:#1670d4}.site-shell .section-heading h2{color:#0b1d31;font-size:50px}.site-shell .section-heading p{color:#66798f}.site-shell .feature-grid{grid-template-columns:1.15fr .85fr .85fr 1.15fr}.site-shell .feature-card{min-height:260px;border-color:#d9e5f0;background:rgba(255,255,255,.82);box-shadow:0 18px 55px rgba(31,75,119,.055)}.site-shell .feature-card.featured{border-color:#b8d8f8;background:linear-gradient(145deg,#fff,#ebf5ff)}.site-shell .feature-card:hover{border-color:#9ac8f5;box-shadow:0 25px 65px rgba(31,91,151,.11)}.site-shell .feature-card h3{color:#13283f}.site-shell .feature-card p{color:#657a91}.site-shell .mini-badge{color:#075fbd;background:#e4f2ff}
.site-shell .games-section{max-width:1240px}.site-shell .game-tile{min-height:330px;box-shadow:0 20px 55px rgba(21,59,98,.12)}.site-shell .price-card{color:#10243a;border-color:#d5e2ee;background:#fff;box-shadow:0 22px 65px rgba(31,75,119,.07)}.site-shell .price-card.pro{border-color:#6eb3f7;background:linear-gradient(160deg,#fff,#eef7ff)}.site-shell .price-card>p,.site-shell .price-card li{color:#61758c}.site-shell .price-card ul{border-color:#dde7f0}.site-shell .final-cta{color:#fff;border:0;background:radial-gradient(circle at 80% 0,rgba(91,195,255,.3),transparent 35%),linear-gradient(135deg,#061b35,#075fd7);box-shadow:0 35px 90px rgba(7,84,173,.24)}.site-shell .final-cta p{color:#b9d3ef}.site-shell footer{color:#60768d;border-color:#d8e3ed}.site-shell footer .brand{color:#13283f}.site-shell .footer-admin{color:#55718e}
.auth-tabs-three{grid-template-columns:repeat(3,1fr)}.admin-login-notice{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #1f4770;border-radius:11px;background:#0a1e33;color:#d8ecff}.admin-login-notice>svg{width:21px;color:#59b7ff}.admin-login-notice>span{display:flex;flex-direction:column}.admin-login-notice strong{font-size:10px}.admin-login-notice small{margin-top:3px;color:#7fa2c6;font-size:8px}

@media(max-width:1000px){.site-shell .feature-grid{grid-template-columns:1fr 1fr}.site-shell .hero-product{max-width:800px}.site-shell .sync-card{left:10px}.site-shell .control-card{right:10px}}
@media(max-width:720px){.site-shell .topbar{background:rgba(255,255,255,.94)}.site-shell .mobile-navigation{border-color:#d4e1ed;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(28,66,106,.18)}.site-shell .mobile-navigation>a{color:#344f6b}.site-shell .mobile-navigation>a:hover{color:#075fc8;background:#edf6ff}.site-shell .mobile-navigation>div{border-color:#d8e4ee}.site-shell .hero{padding:75px 18px 72px}.site-shell .hero h1{font-size:52px;letter-spacing:-3.8px}.site-shell .hero-copy>p{font-size:16px}.site-shell .hero-product{margin-top:48px}.site-shell .stage{height:340px}.site-shell .section-heading h2{font-size:38px}.site-shell .feature-grid{grid-template-columns:1fr}}
@media(max-width:450px){.site-shell .hero h1{font-size:44px}.site-shell .hero-product{display:none}}

/* Public website — dark midnight edition */
.site-shell{color:#f4f8ff;background:#05080d;background-image:radial-gradient(circle at 50% -5%,rgba(32,130,255,.2),transparent 31%),linear-gradient(rgba(91,157,225,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(91,157,225,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.site-shell .topbar{color:#f4f8ff;border-color:rgba(110,170,232,.15);background:rgba(5,10,17,.84);box-shadow:0 18px 60px rgba(0,0,0,.34)}
.site-shell .main-nav{border-color:#17283b;background:#09121e}.site-shell .main-nav a{color:#788aa0}.site-shell .main-nav a:hover,.site-shell .main-nav a.active{color:#eef7ff;background:#102136}.site-shell .nav-actions .btn-ghost{color:#d5e3f2}.site-shell .mobile-menu{color:#e7f2ff;background:#0b1623;border-color:#20364d}
.site-shell .eyebrow{color:#71b8f8}.site-shell .hero h1{color:#f5f8fc}.site-shell .hero h1 span{background:linear-gradient(90deg,#5bb8ff,#1677ff 52%,#75dcff);-webkit-background-clip:text;background-clip:text}.site-shell .hero-copy>p{color:#91a2b8}.site-shell .btn-demo{color:#e9f2fc;border-color:#263c55;background:rgba(7,14,23,.76)}.site-shell .demo-play{background:#17304d}.site-shell .trust-row{color:#6f8299}.site-shell .trust-row .sync-icon{background:#0c2135}
.site-shell .hero:after{border-color:rgba(72,151,235,.09)}.site-shell .stream-window{border-color:#29496a;box-shadow:0 55px 120px rgba(0,0,0,.55)}.site-shell .integration-marquee{border-color:#142438;background:rgba(6,13,22,.74)}.site-shell .integration-label{color:#6f879f}.site-shell .integration-item{border-color:#1a2d42;background:#08121d;box-shadow:0 12px 36px rgba(0,0,0,.16)}.site-shell .integration-item:hover{border-color:#2d78c9;background:#0b1b2e;box-shadow:0 18px 44px rgba(0,0,0,.24)}.site-shell .integration-item>span{border-color:#263d57;background:#0d1c2d}.site-shell .integration-item strong{color:#ecf6ff}.site-shell .integration-item small{color:#6f8299}
.site-shell .section-heading>span{color:#65b7ff}.site-shell .section-heading h2{color:#f2f7fc}.site-shell .section-heading p{color:#7d8fa5}.site-shell .feature-card{border-color:#192c41;background:rgba(8,17,27,.88);box-shadow:0 20px 60px rgba(0,0,0,.18)}.site-shell .feature-card.featured{border-color:#235d98;background:linear-gradient(145deg,#0a1827,#0b2037)}.site-shell .feature-card:hover{border-color:#2c68a5;box-shadow:0 28px 72px rgba(0,0,0,.28)}.site-shell .feature-card h3{color:#e9f4ff}.site-shell .feature-card p{color:#788ba2}.site-shell .mini-badge{color:#79c5ff;background:#0e2b48}
.site-shell .price-card{color:#e8f3ff;border-color:#1c3046;background:#08121d;box-shadow:0 25px 70px rgba(0,0,0,.2)}.site-shell .price-card.pro{border-color:#2475c9;background:linear-gradient(160deg,#091625,#0b2036)}.site-shell .price-card>p,.site-shell .price-card li{color:#7f93aa}.site-shell .price-card ul{border-color:#1c3044}.site-shell footer{color:#647990;border-color:#15263a}.site-shell footer .brand{color:#e9f3fd}.site-shell .footer-admin{color:#6b8299}
@media(max-width:720px){.site-shell .topbar{background:rgba(6,12,20,.96)}.site-shell .mobile-navigation{border-color:#20364d;background:rgba(7,15,25,.98);box-shadow:0 25px 70px rgba(0,0,0,.55)}.site-shell .mobile-navigation>a{color:#9eb0c5}.site-shell .mobile-navigation>a:hover{color:#fff;background:#10243a}.site-shell .mobile-navigation>div{border-color:#1a2d40}}

/* Verfeinerte öffentliche Oberfläche */
.site-shell .topbar{top:16px;max-width:1160px;height:64px;border-radius:18px;box-shadow:0 16px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)}
.site-shell .brand{letter-spacing:-.5px}.site-shell .main-nav{padding:3px;border-radius:12px}.site-shell .main-nav a{padding:8px 16px}
.site-shell .hero{padding-top:125px;padding-bottom:120px}.site-shell .hero h1{max-width:920px}.site-shell .hero-copy>p{line-height:1.75}.site-shell .hero-actions{margin-top:36px}.site-shell .hero-actions .btn{min-height:52px;padding-inline:24px}
.site-shell .hero-product{margin-top:88px}.site-shell .stream-window{border-radius:22px;box-shadow:0 55px 130px rgba(0,0,0,.58),0 0 0 1px rgba(76,157,239,.04)}.site-shell .stage{height:460px}
.site-shell #features,.site-shell #games,.site-shell #pricing{position:relative;scroll-margin-top:100px}.site-shell #features:before,.site-shell #games:before,.site-shell #pricing:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(88,157,226,.2),transparent)}
.site-shell .section-heading{max-width:720px;margin-left:auto;margin-right:auto}.site-shell .section-heading.left{max-width:none;margin-left:0}.site-shell .section-heading h2{line-height:1.08}.site-shell .section-heading p{font-size:15px;line-height:1.7}
.site-shell .feature-grid{gap:14px}.site-shell .feature-card{padding:30px;border-radius:18px}.site-shell .feature-card h3{margin-top:34px}.site-shell .feature-card p{line-height:1.7}
.site-shell .game-showcase{gap:14px}.site-shell .game-tile{border-radius:18px}.site-shell .price-card{border-radius:18px}.site-shell .final-cta{max-width:1180px;margin-left:auto;margin-right:auto}
.site-shell footer{max-width:1180px}
@media(hover:hover){.site-shell .feature-card,.site-shell .game-tile,.site-shell .integration-item{will-change:transform}.site-shell .feature-card:hover,.site-shell .game-tile:hover{transform:translateY(-4px)}}
@media(max-width:720px){.site-shell .topbar{top:8px}.site-shell .hero{padding-top:86px;padding-bottom:82px}.site-shell .hero-actions .btn{width:100%}.site-shell #features:before,.site-shell #games:before,.site-shell #pricing:before{left:18px;right:18px}}

/* Professionelle Spielregie und Premium-Designstudio */
.game-director{margin-top:22px;padding:24px;overflow:hidden;background:linear-gradient(145deg,rgba(10,25,47,.96),rgba(5,13,27,.98))}
.director-progress,.premium-required{align-self:flex-start;padding:7px 11px;border:1px solid rgba(84,216,255,.26);border-radius:999px;background:rgba(22,119,255,.11);color:#93c8ff;font-size:10px;font-weight:850;letter-spacing:.12em}
.director-stage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;min-height:170px;margin-top:20px;padding:24px;border:1px solid rgba(112,168,255,.14);border-radius:18px;background:rgba(1,7,17,.46)}
.director-media{display:grid;place-items:center;min-width:180px;min-height:140px;padding:16px;border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(22,119,255,.18),rgba(255,255,255,.025))}
.director-media img{max-width:190px;max-height:130px;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.38))}
.emoji-image-clue{display:flex;gap:10px;align-items:center}.emoji-image-clue img{width:58px!important;height:58px!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))!important}
.director-label{color:#6f8bad;font-size:10px;font-weight:850;letter-spacing:.16em}.director-stage h2{max-width:760px;margin:8px 0 0;font-size:clamp(20px,2vw,30px);line-height:1.18;letter-spacing:-.02em}
.director-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.director-options span{padding:9px 12px;border:1px solid rgba(120,178,255,.18);border-radius:10px;background:rgba(255,255,255,.035);color:#c7d7ec;font-size:12px;font-weight:700}
.director-answer{width:max-content;max-width:100%;margin:16px 0 0;padding:10px 14px;border-radius:10px;background:rgba(34,181,117,.13);color:#72efbc;font-weight:800}
.director-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.director-actions .btn{min-height:42px}
.director-special{display:flex;gap:10px;margin-top:14px}.director-special>button:not(.btn){flex:1;padding:13px;border:1px solid rgba(84,216,255,.2);border-radius:12px;background:rgba(84,216,255,.07);color:#dbeaff;text-align:left;font-weight:750}.director-special button b{float:right;color:#54d8ff}
.emoji-clue{font-size:68px;letter-spacing:.1em}.memory-grid{display:grid;grid-template-columns:repeat(3,46px);gap:8px}.memory-grid span{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,#1677ff,#54d8ff);font-size:24px}.memory-grid .covered{font-weight:900;color:#fff}
.wheel{width:130px;aspect-ratio:1;border:6px solid #fff;border-radius:50%;background:conic-gradient(#1677ff 0 16.6%,#54d8ff 16.6% 33.2%,#142a4d 33.2% 49.8%,#f25f8b 49.8% 66.4%,#f5b84b 66.4% 83%,#6f5cff 83%);box-shadow:0 0 34px rgba(22,119,255,.38)}.wheel.spun{animation:directorSpin .8s ease-out}.wheel span{display:none}
.sound-button{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid rgba(84,216,255,.28);border-radius:12px;background:rgba(22,119,255,.12);color:#fff;font-weight:800}.sound-button span{font-size:24px;color:#54d8ff}
.custom-builder-form{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr auto;gap:9px;width:100%}.custom-builder-form input{min-width:0;padding:11px;border:1px solid rgba(119,173,244,.18);border-radius:10px;background:#07111f;color:#fff}
.design-controls{position:relative}.premium-required{margin-top:5px}.design-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.design-field-grid label{display:grid;gap:8px;padding:12px;border:1px solid rgba(116,170,244,.14);border-radius:12px;background:rgba(255,255,255,.025)}.design-field-grid label span,.range-field>span{color:#8da4c1;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.design-field-grid input[type=color]{width:100%;height:40px;padding:3px;border:0;border-radius:8px;background:#07111f}.design-field-grid select{height:40px;padding:0 10px;border:1px solid rgba(116,170,244,.16);border-radius:8px;background:#07111f;color:#fff}
.range-field{display:grid;gap:12px;margin-top:20px}.range-field>span{display:flex;justify-content:space-between}.range-field input{width:100%;accent-color:#1677ff}.premium-design-note{display:flex;gap:11px;align-items:flex-start;margin-top:20px;padding:13px;border-radius:11px;background:rgba(22,119,255,.09);color:#9db5d2;font-size:12px;line-height:1.5}.premium-design-note svg{width:17px;height:17px;stroke:#54d8ff;fill:none;flex:0 0 auto}
.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-swatch.minimal{background:linear-gradient(90deg,#1677ff 0 10%,#07111f 10%)}.theme-swatch.arena{background:linear-gradient(135deg,#07111f 35%,#f25f8b 35% 50%,#1677ff 50%)}
.library-game .art img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}
.design-screen{background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--purple) 28%,var(--preview-bg,#07111f)),var(--preview-bg,#07111f))!important}.design-screen::after{opacity:var(--preview-opacity,.92)}.design-screen[data-font=compact]{font-family:"Arial Narrow",Arial,sans-serif}.design-screen[data-font=editorial]{font-family:Georgia,"Times New Roman",serif}
@keyframes directorSpin{to{transform:rotate(1080deg)}}
@media(max-width:900px){.director-stage{grid-template-columns:1fr}.director-media{min-width:0}.custom-builder-form{grid-template-columns:1fr 1fr}.custom-builder-form input:first-child{grid-column:1/-1}}
@media(max-width:600px){.game-director{padding:16px}.director-stage{padding:17px}.director-actions{display:grid;grid-template-columns:1fr 1fr}.director-actions .btn{padding-inline:10px}.custom-builder-form{grid-template-columns:1fr}.custom-builder-form input:first-child{grid-column:auto}.design-field-grid{grid-template-columns:1fr}}