@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/material-symbols-outlined-latin-100-normal-DTyOUiPQ.woff2) format("woff2"),url(/assets/material-symbols-outlined-latin-100-normal-CvpgbPDJ.woff) format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/material-symbols-outlined-latin-200-normal-C2cWGEXX.woff2) format("woff2"),url(/assets/material-symbols-outlined-latin-200-normal-D8Q5prXX.woff) format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/material-symbols-outlined-latin-300-normal-BNCgKY3X.woff2) format("woff2"),url(/assets/material-symbols-outlined-latin-300-normal-wD6hPIp4.woff) format("woff")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/material-symbols-outlined-latin-400-normal-_9NzPcxy.woff2) format("woff2"),url(/assets/material-symbols-outlined-latin-400-normal-1NMfuT3g.woff) format("woff")}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--home-font-body: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--home-font-heading: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--home-font-body);background:#101316;color:#eef2f4;--ui-bg: rgba(13, 20, 28, .76);--ui-bg-strong: rgba(13, 20, 28, .92);--ui-border: rgba(255, 255, 255, .12);--ui-border-active: rgba(45, 212, 191, .7);--ui-text: #f8fafc;--ui-muted: #9fb0c0;--accent: #2dd4bf;--accent-warm: #f59e0b;--danger: #ef4444;--brand-cyan: #4fc9ff;--brand-cyan-deep: #1383e6;--brand-orange: #ffab2b;--brand-orange-deep: #d96f00;--home-text: #f2f7ff;--home-text-soft: #b6c8e8;--home-text-muted: #92acd6;--home-line: rgba(82, 120, 196, .42);--home-line-soft: rgba(71, 111, 190, .28);--home-surface: linear-gradient(135deg, rgba(11, 32, 78, .86), rgba(5, 17, 52, .82));--home-surface-hover: linear-gradient(135deg, rgba(15, 41, 96, 1), rgba(9, 24, 64, .98));--home-glass: rgba(8, 20, 46, .62);--shadow-card: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 10px 30px rgba(2, 8, 23, .45);--shadow-card-hover: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 18px 48px rgba(79, 201, 255, .16), 0 0 48px rgba(255, 169, 59, .08);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--radius-card: 16px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01";scroll-behavior:smooth}::selection{background:#4fc9ff52;color:#fff}*{scrollbar-width:thin;scrollbar-color:rgba(99,137,207,.45) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#6389cf66;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#7aa5f09e;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:2px;border-radius:6px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;display:inline-block;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr}*{box-sizing:border-box}html,body,#root{width:100%;margin:0}body.mode-app,body.mode-app #root{height:100%;overflow:hidden}body.mode-home{min-height:100vh;overflow-x:hidden;overflow-y:auto}body.mode-home #root{min-height:100vh}button,input{font:inherit}select{font:inherit;min-width:0;width:100%;border:1px solid #37444e;border-radius:6px;background:#151b20;color:#eef2f4;min-height:34px;padding:0 10px}button{border:1px solid #3e4a52;border-radius:6px;background:#253039;color:#eef2f4;min-height:34px;padding:0 12px;cursor:pointer}button:hover{background:#30404b}button:disabled{cursor:not-allowed;opacity:.5}button.danger{border-color:#6e3440;background:#552833}input{min-width:0;width:100%;border:1px solid #37444e;border-radius:6px;background:#151b20;color:#eef2f4;min-height:36px;padding:0 10px}h1,h2,p{margin:0}h1{font-size:22px;line-height:1}h2{font-size:13px;letter-spacing:0;text-transform:uppercase;color:#aab7bf}.app-shell{display:block;width:100%;height:100%}.side-panel{display:flex;flex-direction:column;gap:12px;min-width:0;padding:14px;overflow:auto;background:#11181d;border-color:#26323a}.left-panel{border-right:1px solid #26323a}.right-panel{border-left:1px solid #26323a}.panel-section{display:flex;flex-direction:column;gap:10px}.brand-copy{display:flex;flex-direction:column;gap:6px}.brand-logo{display:block;width:min(100%,280px);height:auto}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-row p,.muted,.empty{color:#8fa0aa;font-size:13px;line-height:1.35}.snap-preview-local{color:#d5dde1}.status-dot{width:10px;height:10px;border-radius:50%;background:#6e3440}.status-dot.ready{background:#55a36f}.button-row,.join-row,.register-row{display:flex;gap:8px}.check-row{display:flex;align-items:center;gap:8px;color:#d5dde1;font-size:13px}.check-row input{width:auto;min-height:auto}.join-row input,.register-row input{flex:1}.status-list{display:grid;gap:6px;margin:0;font-size:13px}.status-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #253039;padding-bottom:5px}.status-list dt{color:#8fa0aa}.status-list dd{margin:0;color:#f1f5f7}.mod-list{display:flex;flex-direction:column;gap:8px;min-height:72px}.mod-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #28353f;border-radius:6px;padding:10px;background:#151d23}.mod-row div{min-width:0}.mod-row strong,.selected-panel strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mod-row span{display:block;color:#91a0a8;font-size:12px;margin-top:3px}.icon-button{width:34px;padding:0}.icon-button.active{color:#f1c65b}.home-page{min-height:100vh;padding:16px;font-family:var(--home-font-body);background:radial-gradient(1400px 600px at 15% -5%,rgba(47,101,249,.3),transparent 60%),radial-gradient(1000px 500px at 85% 5%,rgba(0,211,255,.25),transparent 65%),radial-gradient(800px 400px at -10% 90%,rgba(233,127,0,.15),transparent 60%),linear-gradient(180deg,#020510,#030820,#050a20)}.home-topbar,.hero,.feature-grid,.library,.testimonials,.final-cta,.home-footer{width:min(1240px,100%);margin:0 auto}.home-topbar{position:sticky;top:10px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;margin-bottom:4px;border:1px solid transparent;border-radius:16px;background:transparent;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,backdrop-filter .4s ease}.home-topbar.is-stuck{border-color:#5d81c952;background:#050c21b8;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 12px 40px #02081780}.home-topbar:hover{border-bottom-color:#4fc9ff73}.home-brand img{width:180px;height:auto;display:block}.home-nav{display:flex;align-items:center;gap:18px}.home-nav a,.footer-links a{color:#c8d7f6;text-decoration:none;font-size:14px}.home-page h1,.home-page h2,.home-page h3,.hero-kicker{font-family:var(--home-font-heading)}.home-nav a:hover,.footer-links a:hover{color:#fff}.home-nav a.active{color:#fff;text-shadow:0 0 14px rgba(79,201,255,.45)}.home-actions{display:flex;align-items:center;gap:10px}.home-mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:40px;min-height:40px;border-radius:12px;background:#0e2859b3;border-color:#6c91da73;color:#dce9ff;padding:0}.home-mobile-nav-toggle .material-symbols-outlined{font-size:22px;line-height:1}.home-mobile-drawer-overlay{position:fixed;inset:0;z-index:80;background:#02081794;display:flex;justify-content:flex-end}.home-mobile-drawer{width:min(92vw,360px);height:100%;overflow-y:auto;border-left:1px solid rgba(93,129,201,.35);background:#050c21f2;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:-20px 0 48px #0208178c;padding:14px;display:grid;align-content:start;gap:14px;animation:mobileDrawerIn .22s var(--ease-out-expo)}.home-mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-mobile-drawer-header img{width:min(160px,100%);height:auto}.home-mobile-nav-links{display:grid;gap:8px}.home-mobile-nav-links a{border:1px solid rgba(108,145,218,.34);border-radius:12px;color:#d7e8ff;text-decoration:none;padding:10px 12px;font-size:15px;background:#081e487a}.home-mobile-nav-links a.active{border-color:#4fc9ff9e;color:#fff}.home-mobile-actions{display:grid;gap:10px}.home-mobile-actions .home-ghost-button,.home-mobile-actions .home-primary,.home-mobile-actions .auth-header-email{width:100%;justify-content:center}body.mobile-nav-open{overflow:hidden}.auth-header-user{display:inline-flex;align-items:center;gap:10px}.auth-header-email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7e8ff;font-size:12px;border:1px solid rgba(93,133,214,.34);border-radius:999px;padding:7px 10px;background:#081e4899}.auth-header-loading{width:96px;height:34px;border-radius:999px;background:linear-gradient(90deg,#173060cc,#274782eb,#173060cc);background-size:220% 100%;animation:authPulse 1.2s ease-in-out infinite}.home-ghost-button{background:#0e2859b3;border-color:#6c91da73}.home-cta-button,.home-primary,.home-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:12px;min-height:40px;padding:0 18px;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 16px #0003;position:relative;overflow:hidden}.home-cta-button:before,.home-primary:before,.home-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.home-cta-button:hover:before,.home-primary:hover:before,.home-secondary:hover:before{opacity:1}.home-primary .material-symbols-outlined,.home-secondary .material-symbols-outlined{font-size:20px;line-height:1;font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24;transition:transform .3s ease}.home-primary:hover .material-symbols-outlined,.home-secondary:hover .material-symbols-outlined{transform:scale(1.15) rotate(5deg)}.home-cta-button,.home-primary{color:#fff;background:linear-gradient(135deg,#f29a14,#d96f00);border:1px solid rgba(229,144,20,.95)}.home-cta-button:hover,.home-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d96f0073;background:linear-gradient(135deg,#ffab2b,#e07a00)}.home-secondary{color:#e0f0ff;border:1.5px solid rgba(62,120,220,.85);background:linear-gradient(135deg,#134098eb,#0b2a6cf0)}.home-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2a74e061;background:linear-gradient(135deg,#1c50b2f5,#103682f5);border-color:#5da4ffe6}.home-secondary.compact{min-height:38px;padding:0 16px}.home-main{display:grid;gap:clamp(40px,6vw,72px);margin-top:32px}.home-main>section,.marketing-main>section{scroll-margin-top:90px}@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:heroRise .7s var(--ease-out-expo) both}.hero-copy>*:nth-child(1){animation-delay:.02s}.hero-copy>*:nth-child(2){animation-delay:.1s}.hero-copy>*:nth-child(3){animation-delay:.18s}.hero-copy>*:nth-child(4){animation-delay:.26s}.hero-copy>*:nth-child(5){animation-delay:.34s}.hero-visual{animation:heroRise .8s var(--ease-out-expo) .2s both}}@keyframes heroRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.feature-card,.table-card,.game-card,.lobby-row,.simple-columns article,.quote-grid article,.pricing-card,.help-card{animation:revealUp linear both;animation-timeline:view();animation-range:entry 2% cover 22%}}}@keyframes revealUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.table-auth-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(52,122,242,.16),transparent 45%),radial-gradient(circle at 85% 85%,rgba(240,154,20,.14),transparent 38%),linear-gradient(180deg,#040a17,#07142f)}.table-auth-card{width:min(640px,100%);border-radius:16px;border:1px solid rgba(90,132,210,.38);background:linear-gradient(135deg,#081b46eb,#041032e6);padding:24px;display:grid;gap:10px;box-shadow:0 20px 50px #00000073}.table-auth-card h1{margin:0;color:#f2f7ff;font-size:clamp(28px,4vw,44px);line-height:1.05}.table-auth-card p{margin:0;color:#a7c0e7;font-size:16px;line-height:1.45}.table-auth-actions{display:flex;align-items:center;gap:10px;margin-top:6px}.marketing-main{width:min(1240px,100%);margin:0 auto;display:grid;gap:22px;padding-top:16px}.page-hero{display:grid;gap:10px;padding:6px 0 12px;border-bottom:1px solid rgba(80,121,199,.22)}.page-hero h1{font-size:clamp(32px,4vw,54px);letter-spacing:-.02em;line-height:1;color:#f2f7ff}.page-subtitle{color:#a9bee3;max-width:860px;font-size:17px;line-height:1.45}.help-actions{display:flex;flex-wrap:wrap;gap:10px}.help-action{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(88,126,201,.42);border-radius:999px;background:#071a40a8;color:#e3eeff;padding:10px 14px;font-weight:600;text-decoration:none}.help-action:hover{border-color:#79acffc2;background:#112e69c7}.help-action .material-symbols-outlined{font-size:18px;line-height:1}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-card{border:1px solid rgba(71,111,190,.34);border-radius:14px;background:linear-gradient(135deg,#081c46db,#041032c2);padding:16px;display:grid;gap:12px}.help-card-head{display:flex;align-items:flex-start;gap:12px}.help-card-icon{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3570d5b8,#1c47a2b8);color:#f6fbff;font-size:22px}.help-card h2{margin:0;color:#f2f7ff;font-size:22px;text-transform:none;letter-spacing:0}.help-card p{margin:4px 0 0;color:#a9bee3;line-height:1.45}.help-list{margin:0;padding-left:18px;display:grid;gap:8px;color:#d8e6ff}.help-highlight{grid-template-columns:1fr}.help-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-notes h3{margin:0 0 6px;color:#f2f7ff;font-size:16px;text-transform:none;letter-spacing:0}.help-notes p{margin:0;color:#a9bee3;line-height:1.45}@media(max-width:980px){.help-grid,.help-notes{grid-template-columns:1fr}}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-card{display:grid;gap:10px;border:1px solid rgba(71,111,190,.38);border-radius:var(--radius-card);background:var(--home-surface);padding:16px;box-shadow:var(--shadow-card);transition:transform .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo),background .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.game-card:hover{transform:translateY(-6px);border-color:#4fc9ff80;background:var(--home-surface-hover);box-shadow:var(--shadow-card-hover)}.game-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.game-card h2{text-transform:none;letter-spacing:0;font-size:20px;color:#f2f7ff}.game-card p{color:#9db4de;font-size:14px;line-height:1.42}.game-rating{color:#ffbe49;font-size:13px;border:1px solid rgba(255,190,73,.45);border-radius:999px;padding:3px 9px}.game-meta-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.game-meta-list div{display:grid;gap:2px}.game-meta-list dt{color:#7f97c2;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.game-meta-list dd{margin:0;color:#dae7ff;font-size:12px}.lobby-browser{display:grid;gap:12px}.lobby-toolbar{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(109,142,206,.45);border-radius:999px;background:#081d46b3;color:#cae1ff;font-size:12px;padding:5px 10px}.pill.live{border-color:#4fc9ff8c;color:#baf0ff}.pill.open{border-color:#ffb44285;color:#ffd9a1}.lobby-list{display:grid;gap:10px}.lobby-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(360px,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(71,111,190,.34);border-radius:14px;background:var(--home-surface);padding:14px 16px;box-shadow:var(--shadow-card);transition:transform .35s var(--ease-out-expo),border-color .35s var(--ease-out-expo),background .35s var(--ease-out-expo)}.lobby-row:hover{transform:translate(4px);border-color:#4fc9ff80;background:var(--home-surface-hover)}.lobby-main h2{text-transform:none;letter-spacing:0;font-size:20px;color:#f2f7ff}.lobby-main p{margin-top:4px;color:#8faadb;font-size:13px}.lobby-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#c6dbff;font-size:12px}.simple-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.simple-columns article{border:1px solid rgba(71,111,190,.34);border-radius:var(--radius-card);background:var(--home-surface);padding:18px;box-shadow:var(--shadow-card);transition:transform .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo),background .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.simple-columns article:hover{transform:translateY(-6px);border-color:#4fc9ff80;background:var(--home-surface-hover);box-shadow:var(--shadow-card-hover)}.simple-columns h2{text-transform:none;letter-spacing:0;font-size:20px;color:#f2f7ff}.simple-columns p{margin-top:7px;color:#9ab3dc;font-size:14px;line-height:1.45}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.billing-controls{display:grid;gap:12px;padding:14px 16px;border:1px solid rgba(71,111,190,.28);border-radius:12px;background:linear-gradient(135deg,#081c46ad,#04103294)}.billing-copy h2{font-size:20px;text-transform:none;letter-spacing:0;color:#f2f7ff}.billing-copy p{margin-top:6px;color:#9db4de;font-size:14px;line-height:1.45}.billing-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.billing-field{display:grid;gap:6px;min-width:min(100%,420px);flex:1}.billing-field span{color:#d9e8ff;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.billing-message{color:#ffd8a0;font-size:13px;line-height:1.45}.billing-message.centered{text-align:center}.billing-identity,.billing-sign-in-prompt{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(81,124,205,.35);border-radius:12px;background:linear-gradient(135deg,#081c46b8,#0410329e);padding:12px 14px}.billing-identity span,.billing-sign-in-prompt p{color:#d6e8ff;margin:0}.billing-identity .material-symbols-outlined,.billing-sign-in-prompt .material-symbols-outlined{color:#93c8ff;font-size:20px}.home-primary.full-width{width:100%}.auth-modal-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#020816bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.auth-modal{position:relative;width:min(460px,100%);border-radius:16px;border:1px solid rgba(81,124,205,.38);background:linear-gradient(135deg,#081b46f5,#041032f5);box-shadow:0 18px 48px #00000073;padding:22px;display:grid;gap:14px}.auth-modal-close{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(106,148,227,.42);background:#0a2452b8;color:#cfe6ff;display:inline-flex;align-items:center;justify-content:center}.auth-modal-title{margin:0;color:#f2f7ff;font-size:24px;text-transform:none;letter-spacing:0}.auth-modal-subtitle{margin:-6px 0 0;color:#a9bee3;font-size:14px;line-height:1.45}.auth-google-button{width:100%;min-height:44px;border-radius:12px;border:1px solid rgba(136,164,212,.5);background:#f4f8fff5;color:#1c2b4a;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px}.auth-divider{display:grid;place-items:center;color:#8faadb;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.auth-divider span{padding:0 10px;background:#061538eb}.auth-divider:before{content:"";width:100%;height:1px;background:#5680ce59;transform:translateY(9px)}.auth-email-form{display:grid;gap:10px}.auth-email-label{color:#d7e8ff;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.auth-sent-message{display:grid;gap:8px;justify-items:center;text-align:center}.auth-sent-message .material-symbols-outlined{color:#74d2ff;font-size:28px}.auth-sent-message p{color:#d4e6ff;margin:0;line-height:1.45}.auth-link-button{border:0;background:none;color:#82c8ff;text-decoration:underline;font-weight:600}.auth-mode-toggle{margin:0;text-align:center;color:#b8cceb;font-size:13px;line-height:1.4}.auth-error-message{margin:0;color:#ffb4ae;font-size:13px;line-height:1.4}@keyframes authPulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pricing-card{position:relative;border:1px solid rgba(71,111,190,.34);border-radius:var(--radius-card);background:var(--home-surface);padding:22px 20px;display:grid;gap:12px;align-content:start;box-shadow:var(--shadow-card);transition:transform .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.pricing-card:hover{transform:translateY(-6px);border-color:#4fc9ff80;box-shadow:var(--shadow-card-hover)}.pricing-card.featured{border-color:#ffaf4299;background:linear-gradient(135deg,#2e200c99,#08163cdb);box-shadow:0 1px #ffffff12 inset,0 18px 50px #ffa93b2e,0 10px 30px #02081780}@media(min-width:641px){.pricing-card.featured{transform:scale(1.04)}.pricing-card.featured:hover{transform:scale(1.04) translateY(-6px)}}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1a1205;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-deep));box-shadow:0 4px 12px #d96f0066}.pricing-card h2{text-transform:none;letter-spacing:0;font-size:22px;color:#f2f7ff}.pricing-card .price{color:#ffd282;font-size:34px;font-weight:800;letter-spacing:-.01em}.pricing-card ul{margin:4px 0;padding:0;list-style:none;display:grid;gap:10px;color:#c4d3ec;font-size:14px}.pricing-card li{position:relative;padding-left:26px;line-height:1.4}.pricing-card li:before{content:"check";font-family:Material Symbols Outlined;position:absolute;left:0;top:-1px;font-size:17px;color:var(--brand-cyan);font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 24}.pricing-card.featured li:before{color:var(--brand-orange)}.settings-shell{display:grid;gap:12px}.settings-toast{border-radius:12px;border:1px solid rgba(95,132,211,.42);background:linear-gradient(135deg,#0a2354e6,#061438e6);color:#e6f0ff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-toast.success{border-color:#59d6ab73;color:#baf7df}.settings-toast.error{border-color:#ff828273;color:#ffd4d4}.settings-toast button{border:1px solid rgba(109,146,216,.45);background:#091f4a8c;color:inherit;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.settings-toast .material-symbols-outlined{font-size:18px;line-height:1}.settings-tabs{display:flex;flex-wrap:wrap;gap:8px}.settings-tabs button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(94,129,200,.42);background:#081c4694;color:#c8defe;font-weight:600}.settings-tabs button.active{border-color:#6eb3ffd1;color:#f3f9ff;background:linear-gradient(135deg,#1c50b2f5,#103682f5)}.settings-card{border:1px solid rgba(71,111,190,.34);border-radius:12px;background:linear-gradient(135deg,#081c46d1,#041032bd);padding:16px;display:grid;gap:12px}.settings-card h2{margin:0;color:#f2f7ff;font-size:24px;letter-spacing:-.01em;text-transform:none}.settings-card p{margin:0;color:#9ab3dc;line-height:1.45}.settings-grid{display:grid;gap:14px}.settings-kv{margin:0;display:grid;gap:8px}.settings-kv div{display:grid;gap:2px}.settings-kv dt{color:#7f97c2;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.settings-kv dd{margin:0;color:#dae7ff;font-size:14px;word-break:break-word}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.connection-list{display:grid;gap:10px}.connection-row{border:1px solid rgba(82,118,190,.3);border-radius:10px;background:#061639a3;padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.connection-row h3{margin:0;color:#ebf4ff;font-size:17px;text-transform:none;letter-spacing:0}.connection-row p{margin-top:4px;color:#9bb5de;font-size:13px}.connection-status{border:1px solid rgba(109,142,206,.45);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.connection-status.ok{border-color:#58dbad80;color:#a7f4d6}.connection-status.off{border-color:#829ed159;color:#b8cceb}.settings-muted{color:#b7cbed;font-size:14px}.hero{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(360px,1fr);gap:32px;border:0;border-radius:0;background:transparent;padding:22px 4px 18px;position:relative;overflow:hidden;box-shadow:none}.hero:before{content:none;position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(47,101,249,.15),transparent 50%);pointer-events:none}.hero>*{position:relative;z-index:1}.hero-copy{display:flex;flex-direction:column;gap:14px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:#bfe6ff;letter-spacing:.16em;font-size:12px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid rgba(79,201,255,.4);background:linear-gradient(135deg,#1440828c,#0a205459);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px #4fc9ff0f,0 6px 18px #02081766}.hero-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand-cyan);box-shadow:0 0 #4fc9ff99;animation:kickerPulse 2.4s ease-out infinite}@keyframes kickerPulse{0%{box-shadow:0 0 #4fc9ff8c}70%{box-shadow:0 0 0 8px #4fc9ff00}to{box-shadow:0 0 #4fc9ff00}}.page-hero .hero-kicker{align-self:auto}.hero-copy h1{font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:-.02em;color:#f5f8ff}.text-cyan{background:linear-gradient(180deg,#2fb5ff,#1383e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-orange{background:linear-gradient(180deg,#ffab21,#d96d00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-copy p{color:#b6c8e8;font-size:18px;line-height:1.45;max-width:560px}.hero-buttons{display:flex;gap:10px;margin-top:4px}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 0;padding:0;list-style:none;color:#8db0e6;font-size:13px}.hero-meta li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(101,143,221,.35);border-radius:999px;background:#061a3ea6}.hero-meta .material-symbols-outlined{font-size:18px;line-height:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24;color:#4ec9ff}.hero-meta span{display:inline}.hero-visual{display:flex;align-items:center;justify-content:center}.hero-stage{position:relative;width:100%;max-width:560px;border-radius:18px;border:1px solid rgba(95,135,214,.55);background:linear-gradient(180deg,#0f234a,#071027);box-shadow:0 1px #ffffff14 inset,0 30px 80px #02081799,0 0 70px #4fc9ff1a;overflow:hidden;animation:heroStageFloat 7s ease-in-out infinite}.hero-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%);pointer-events:none}@keyframes heroStageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-stage-title{display:flex;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid rgba(103,141,214,.4);background:#07122a8c;color:#d4e7ff;font-size:13px;font-weight:600;letter-spacing:.01em}.hero-stage-title:before{content:"";width:9px;height:9px;border-radius:50%;background:#ff6f5b;box-shadow:14px 0 #ffbd44,28px 0 #54c95f;margin-right:30px}.hero-stage-board{position:relative;height:290px;background:radial-gradient(circle at 20% 30%,rgba(255,153,51,.35),transparent 35%),radial-gradient(circle at 78% 20%,rgba(58,168,255,.3),transparent 40%),linear-gradient(135deg,#1e2b45,#131e33 48%,#111a2b)}.hero-stage-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,170,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,170,255,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 35%,transparent 78%)}.hero-stage-chat{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;font-size:12px;color:#9db9e7;border-top:1px solid rgba(103,141,214,.3)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-card{display:flex;gap:18px;align-items:flex-start;border:1px solid rgba(71,111,190,.4);background:linear-gradient(135deg,#081c46f2,#041032e6);border-radius:16px;padding:28px 26px;position:relative;overflow:hidden;transition:transform .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo),background .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);box-shadow:var(--shadow-card)}.feature-card:before{content:"";position:absolute;inset:0;border:1px solid;border-image:linear-gradient(135deg,rgba(255,169,59,.3),rgba(79,201,255,.25),transparent) 1;border-radius:16px;pointer-events:none;opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-8px);border-color:#4fc9ff80;background:var(--home-surface-hover);box-shadow:var(--shadow-card-hover)}.feature-card:hover:before{opacity:1}.feature-icon-large{font-size:56px;color:#ffa21c;flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffa21c33,#e97f001f);border-radius:14px;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 48;transition:all .4s cubic-bezier(.23,1,.32,1)}.feature-card:hover .feature-icon-large{transform:scale(1.15) rotate(-8deg);background:linear-gradient(135deg,#ffa21c59,#e97f0040);box-shadow:0 8px 20px #ffa21c40}.feature-text{display:flex;flex-direction:column;gap:8px;min-width:0}.feature-card h2{font-size:18px;color:#e8f0ff;text-transform:none;letter-spacing:0;margin:0}.feature-card p{margin:0;color:#9fb6dc;font-size:14px;line-height:1.45}.library,.testimonials{border:0;border-top:1px solid rgba(71,111,190,.3);background:transparent;border-radius:0;padding:26px 0 0;box-shadow:none;transition:all .3s ease}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading h2,.testimonials h2,.final-cta h2{font-size:24px;color:#fff;text-transform:none;letter-spacing:-.01em;font-weight:700}.section-heading p,.final-cta p{margin-top:6px;color:#95b0dc;font-size:14px}.table-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.table-card{overflow:hidden;border-radius:var(--radius-card);border:1px solid rgba(82,120,196,.45);background:linear-gradient(135deg,#0c2350fa,#08163cf2);transition:transform .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);box-shadow:var(--shadow-card);cursor:pointer}.table-card:hover{transform:translateY(-10px);border-color:#4fc9ff99;box-shadow:var(--shadow-card-hover)}.table-card:hover .table-card-media{transform:scale(1.08)}.table-card-media{position:relative;height:140px;background:radial-gradient(circle at 20% 20%,rgba(255,169,59,.45),transparent 35%),radial-gradient(circle at 80% 30%,rgba(54,160,255,.45),transparent 40%),linear-gradient(135deg,#1d3158,#0f1c37);transition:transform .5s var(--ease-out-expo)}.table-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,22,60,.55) 100%)}.table-card-body{padding:12px}.table-tags{display:flex;gap:6px;flex-wrap:wrap}.table-tags span{font-size:11px;color:#dfeaff;border:1px solid rgba(126,157,224,.52);background:#112d5fc7;border-radius:999px;padding:2px 8px}.table-card h3{margin-top:10px;font-size:17px;color:#eff5ff}.table-card p{margin-top:6px;color:#9eb7df;font-size:13px}.table-meta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#87a7d7;font-size:12px}.table-meta .material-symbols-outlined{font-size:16px;line-height:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.quote-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quote-grid article{position:relative;border-radius:var(--radius-card);border:1px solid rgba(82,120,196,.35);background:var(--home-surface);padding:28px 24px 24px;transition:transform .4s var(--ease-out-expo),border-color .4s var(--ease-out-expo),background .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo);box-shadow:var(--shadow-card);overflow:hidden}.quote-grid article:before{content:"“";position:absolute;top:-18px;right:14px;font-size:96px;line-height:1;font-family:Georgia,Times New Roman,serif;color:#4fc9ff1f;pointer-events:none}.quote-grid article:hover{transform:translateY(-6px);border-color:#4fc9ff80;background:var(--home-surface-hover);box-shadow:var(--shadow-card-hover)}.quote-grid p{position:relative;color:#dbe8ff;font-size:14px;line-height:1.5}.quote-grid span{display:inline-block;margin-top:8px;color:#8eadde;font-size:13px}.final-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,48px);border:1px solid rgba(95,132,203,.4);border-radius:22px;background:radial-gradient(900px 300px at 12% -40%,rgba(79,201,255,.22),transparent 60%),radial-gradient(700px 280px at 92% 140%,rgba(255,169,59,.2),transparent 60%),linear-gradient(135deg,#0d265ceb,#061234eb);box-shadow:0 1px #ffffff0f inset,0 24px 60px #02081780;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.final-cta:hover{border-color:#4fc9ff8c;box-shadow:0 1px #ffffff14 inset,0 28px 70px #4fc9ff2e}.final-cta h2{font-size:clamp(24px,3vw,34px)}.home-footer{margin-top:32px;border:0;border-top:1px solid rgba(67,105,176,.3);border-radius:0;background:transparent;display:grid;gap:16px;justify-items:center;padding:20px 0 12px;color:#89a7d4;box-shadow:none}.home-footer img{width:170px;height:auto}.footer-links,.footer-legal-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.footer-legal-links a{color:#6b89bc;text-decoration:none;font-size:13px}.footer-legal-links a:hover{color:#c8d7f6}.legal-prose{max-width:800px;color:#c4d7f4;line-height:1.7;font-size:15px;display:grid;gap:0;padding-bottom:48px}.legal-prose p,.legal-prose ul,.legal-prose ol{margin:0 0 14px}.legal-prose ul,.legal-prose ol{padding-left:22px}.legal-prose li{margin-bottom:6px}.legal-prose h2{font-size:20px;color:#f2f7ff;font-weight:700;letter-spacing:-.01em;margin:32px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(80,121,199,.22)}.legal-prose h3{font-size:15px;font-weight:700;color:#d7e8ff;margin:18px 0 6px;text-transform:uppercase;letter-spacing:.05em}.legal-prose a{color:#4fc9ff;text-decoration:none}.legal-prose a:hover{text-decoration:underline}@media(max-width:1120px){.hero{grid-template-columns:1fr}.feature-grid,.games-grid,.pricing-grid,.simple-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-row{grid-template-columns:1fr;align-items:start}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:840px){.home-topbar{flex-wrap:nowrap;gap:10px;padding:12px 14px}.home-brand{min-width:0;flex:1}.home-brand img{width:152px;max-width:100%}.home-nav,.home-actions{display:none}.home-mobile-nav-toggle{display:inline-flex}.quote-grid{grid-template-columns:1fr}.final-cta{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.home-page{padding:10px}.home-topbar{top:6px}.hero{padding:16px}.hero-copy p{font-size:16px}.hero-buttons{flex-direction:column}.feature-grid,.table-grid,.games-grid,.pricing-grid,.simple-columns{grid-template-columns:1fr}.billing-form{flex-direction:column;align-items:stretch}.section-heading{flex-direction:column;align-items:flex-start}}@keyframes mobileDrawerIn{0%{transform:translate(12%);opacity:0}to{transform:translate(0);opacity:1}}.mod-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.wide{width:100%}.table-stage{position:relative;min-width:0;min-height:0;background:#080b0d;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;outline:none}.mod-ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:6}.zone-gizmo-overlay{position:absolute;inset:0;pointer-events:none;z-index:7}.zone-gizmo-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-height:auto;padding:4px 8px;border-radius:999px;border:1px solid rgba(125,236,212,.65);background:#121e21e6;color:#d9fff6;font-size:11px;letter-spacing:.01em;cursor:grab}.zone-gizmo-handle.active{border-color:#ffd666e6;color:#fff1c2}.zone-gizmo-handle:active{cursor:grabbing}.zone-gizmo-snap-badge{position:absolute;transform:translate(-50%,-50%);pointer-events:none;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,214,102,.85);background:#402a0af2;color:#ffe8a8;font-size:10px;font-weight:700;letter-spacing:.08em}.object-gizmo-overlay{position:absolute;inset:0;pointer-events:none;z-index:11}.object-gizmo-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.object-gizmo-line,.object-gizmo-ring{fill:none;stroke-width:2.4;opacity:.9}.object-gizmo-line{stroke-linecap:round}.object-gizmo-arrow{stroke-width:2.1;fill:none;opacity:.95}.object-gizmo-arc{fill:none;stroke-width:2.1;opacity:.95;stroke-linecap:round}.object-gizmo-line.axis-x,.object-gizmo-ring.axis-x,.object-gizmo-arrow.axis-x,.object-gizmo-arc.axis-x{stroke:#ff4d4d}.object-gizmo-line.axis-y,.object-gizmo-ring.axis-y,.object-gizmo-arrow.axis-y,.object-gizmo-arc.axis-y{stroke:#36d96b}.object-gizmo-line.axis-z,.object-gizmo-ring.axis-z,.object-gizmo-arrow.axis-z,.object-gizmo-arc.axis-z{stroke:#4d8dff}.object-selection-outline{position:absolute;transform:translate(-50%,-50%);border-radius:999px;border:2px solid rgba(214,245,255,.95);box-shadow:0 0 0 1px #54d6ee73,0 0 18px #54d6ee47;pointer-events:none}.object-gizmo-handle{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-height:auto;width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.78);color:transparent;cursor:grab;box-shadow:0 0 0 1px #0000004d}.object-gizmo-handle.axis-x{background:#d23d48f5}.object-gizmo-handle.axis-y{background:#48aa61f5}.object-gizmo-handle.axis-z{background:#4e85d7f5}.object-gizmo-handle.gizmo-scale{border-radius:4px}.object-gizmo-handle.uniform{background:#fffffff5;border-color:#181f25e6;border-radius:4px}.object-gizmo-handle.active{box-shadow:0 0 0 2px #ffe884f2}.object-gizmo-handle:active{cursor:grabbing}.object-gizmo-hit{width:48px;height:48px;opacity:.04;border:none;box-shadow:none}.object-gizmo-hit.active{opacity:.24}.object-gizmo-mid-hit{width:34px;height:34px;opacity:.03;border:none;box-shadow:none}.object-gizmo-mid-hit.active{opacity:.22}.object-gizmo-scale-square{width:22px;height:22px;border-radius:4px;border-width:2px;box-shadow:0 0 0 1px #00000061}.object-gizmo-scale-square.axis-x{background:#d23d48f5}.object-gizmo-scale-square.axis-y{background:#48aa61f5}.object-gizmo-scale-square.axis-z{background:#4e85d7f5}.transform-panel-stack{position:absolute;right:22px;top:108px;width:min(320px,calc(100% - 44px));display:grid;gap:10px;z-index:12}.transform-hud{position:relative;width:100%;padding:10px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 28px #00000059}.transform-mode-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.transform-mode-row.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.transform-mode-row.compact.sliders{grid-template-columns:1fr;gap:4px}.transform-mode-row button{min-height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0f1622c2;color:var(--ui-text);font-size:12px}.transform-mode-row button.active{border-color:var(--ui-border-active);box-shadow:0 0 0 1px #2dd4bf4d inset;background:#0e2f3799}.transform-mode-row label{display:grid;gap:4px}.transform-mode-row label span{color:var(--ui-muted);font-size:11px}.transform-inspector{position:relative;width:100%;max-height:calc(100vh - 310px);overflow-y:auto;display:grid;gap:10px;padding:12px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 26px #00000057}.transform-inspector header{display:flex;justify-content:space-between;gap:8px}.transform-inspector h4{margin:0;font-size:15px}.transform-inspector p{margin:2px 0 0;font-size:12px;color:var(--ui-muted)}.transform-inspector-actions{display:flex;gap:6px}.transform-inspector-actions button{width:32px;min-height:32px;padding:0;display:grid;place-items:center}.transform-inspector section{display:grid;gap:6px}.transform-inspector section>strong{font-size:12px;color:var(--ui-muted)}.transform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.transform-grid label{display:grid;gap:3px}.transform-grid label span{font-size:11px;color:var(--ui-muted)}.transform-grid label span.axis-label.axis-x{color:#ff4d4d}.transform-grid label span.axis-label.axis-y{color:#36d96b}.transform-grid label span.axis-label.axis-z{color:#4d8dff}.transform-grid input{min-height:30px;padding:4px 6px;font-size:12px}.transform-inspector footer{display:flex;gap:8px}.transform-mini-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 24px #00000052;z-index:12}.transform-mini-bar strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transform-mini-bar span{font-size:12px;color:var(--ui-muted)}.transform-mini-bar button{min-height:30px;padding:0 10px;border-radius:8px}.mod-ui-widget{pointer-events:auto}.mod-ui-panel,.mod-ui-canvas,.mod-ui-layout{display:flex;flex-direction:column;gap:8px}.mod-ui-text{color:#eef2f4;font-size:13px}.mod-ui-button{width:auto}.mod-ui-checkbox{display:inline-flex;align-items:center;gap:8px}.mod-ui-checkbox input{width:auto;min-height:auto}.room-badge{position:absolute;top:18px;left:18px;z-index:8;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;border:1px solid var(--ui-border);background:var(--ui-bg);color:var(--ui-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 24px #00000047}.room-badge img{width:106px;height:auto;display:block}.room-badge-copy{display:grid;gap:2px;text-align:left}.room-badge-copy strong{font-size:16px;color:var(--ui-text)}.room-badge-copy span{font-size:13px;color:var(--ui-muted);display:inline-flex;align-items:center;gap:7px}.room-badge-copy i,.status-pill i,.player-pill i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 10px #34d39999;display:inline-block}.floating-toolbar{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:6px;padding:7px;border-radius:16px;border:1px solid var(--ui-border);background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 36px #00000057}.toolbar-btn{min-height:58px;min-width:76px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0f1721bf;color:var(--ui-text);display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px 7px;transition:border-color .2s ease,background-color .2s ease,transform .15s ease}.toolbar-btn span:not(.material-symbols-outlined){font-size:12px;line-height:1;white-space:nowrap}.toolbar-btn:hover{border-color:var(--ui-border-active);background:#131f2ce6;transform:translateY(-1px)}.toolbar-btn.active{border-color:var(--ui-border-active);box-shadow:0 0 0 1px #2dd4bf59 inset}.toolbar-btn.warm{border-color:#f59e0b99;background:#352007cc}.toolbar-btn.dim{opacity:.6}.toolbar-btn .material-symbols-outlined{font-size:22px}.toolbar-caret{font-size:16px;color:var(--ui-muted)}.toolbar-dropdown{position:absolute;top:calc(100% + 8px);width:300px;border:1px solid var(--ui-border);border-radius:14px;padding:8px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 28px #00000059}.tool-panel{position:absolute;top:108px;left:18px;width:min(320px,calc(100% - 36px));z-index:10;border:1px solid var(--ui-border);border-radius:14px;padding:10px;display:grid;gap:10px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 30px #00000061}.tool-panel header{display:flex;align-items:center;justify-content:space-between}.tool-panel header h4{margin:0;font-size:16px;color:var(--ui-text)}.tool-panel header button{width:32px;height:32px;padding:0;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#121a24b8;color:var(--ui-text);display:grid;place-items:center}.tool-panel-section{display:grid;gap:6px}.tool-panel-section>label{font-size:12px;color:var(--ui-muted)}.tool-panel-help{margin:0;font-size:12px;color:var(--ui-muted)}.tool-panel-error{color:#fca5a5;font-size:12px}.tool-chip-row{display:flex;flex-wrap:wrap;gap:6px}.tool-chip{min-height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#111a26b8;color:var(--ui-text);font-size:12px}.tool-chip.active{border-color:var(--ui-border-active);box-shadow:0 0 0 1px #2dd4bf47 inset;background:#0f2f348f}.tool-panel .tool-actions{display:flex;justify-content:flex-start}.stamp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stamp-tile{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#121c28bd;color:var(--ui-text);display:grid;gap:5px;padding:6px;text-align:left}.stamp-tile img{width:100%;height:54px;object-fit:contain;border-radius:7px;background:#ffffff08}.stamp-tile span{font-size:11px;color:var(--ui-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp-tile.active{border-color:var(--ui-border-active);box-shadow:0 0 0 1px #2dd4bf47 inset}.stamp-library-modal-backdrop{position:absolute;inset:0;z-index:13;background:#04090e7a;display:grid;place-items:center}.stamp-library-modal{width:min(900px,calc(100% - 32px));max-height:calc(100vh - 72px);overflow:hidden;border:1px solid var(--ui-border);border-radius:18px;padding:14px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 40px #0000006b;display:grid;gap:12px}.stamp-library-modal header{display:flex;align-items:center;justify-content:space-between}.stamp-library-modal header h3{margin:0;font-size:24px;color:var(--ui-text)}.stamp-library-modal header p{margin:3px 0 0;color:var(--ui-muted);font-size:13px}.stamp-library-grid{overflow-y:auto;max-height:calc(100vh - 220px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stamp-library-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;background:#121c28b8;display:grid;gap:6px}.stamp-library-card.active{border-color:var(--ui-border-active);box-shadow:0 0 0 1px #2dd4bf47 inset}.stamp-library-preview{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0b121bc7;padding:6px}.stamp-library-preview img{width:100%;height:100px;object-fit:contain}.stamp-library-card strong{color:var(--ui-text);font-size:13px}.stamp-library-card p{margin:0;color:var(--ui-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stamp-library-actions{display:flex;gap:6px}.stamp-library-actions button{min-height:30px;border-radius:8px}.add-items-dropdown{left:8px}.controls-dropdown{left:176px}.dropdown-option{width:100%;border:1px solid transparent;background:#131b2799;border-radius:12px;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;color:var(--ui-text)}.dropdown-option+.dropdown-option{margin-top:6px}.dropdown-option span{display:grid}.dropdown-option strong{font-size:14px}.dropdown-option small{color:var(--ui-muted);font-size:12px}.dropdown-option.active{border-color:var(--ui-border-active);box-shadow:0 0 0 1px #2dd4bf4d inset;background:#0f2f349e}.basic-items-modal-backdrop,.settings-modal-backdrop{position:absolute;inset:0;z-index:12;background:#04090e7a;display:grid;place-items:center}.basic-items-modal,.settings-modal{width:min(760px,calc(100% - 32px));border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 40px #0000006b}.basic-items-modal{max-width:640px;padding:14px}.basic-items-modal header,.settings-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.basic-items-modal h3,.settings-modal-header h3{margin:0;text-transform:none;font-size:28px;color:var(--ui-text)}.basic-items-modal p{margin:2px 0 0;color:var(--ui-muted);font-size:14px}.basic-items-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.basic-item-card{min-height:104px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#161f2db3;color:var(--ui-text);display:grid;place-items:center;gap:4px;transition:border-color .2s ease,transform .15s ease,background-color .2s ease}.basic-item-card:hover{border-color:var(--ui-border-active);background:#1a2738eb;transform:translateY(-1px)}.basic-item-card .material-symbols-outlined{font-size:28px}.status-pill{position:absolute;top:18px;right:18px;z-index:8;border:1px solid var(--ui-border);border-radius:999px;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;background:var(--ui-bg);color:var(--ui-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-pill-wrap{position:absolute;left:18px;bottom:18px;z-index:10}.player-pill{min-height:52px;border-radius:999px;border:1px solid var(--ui-border-active);background:var(--ui-bg);color:var(--ui-text);display:inline-flex;align-items:center;gap:10px;padding:0 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-avatar{width:26px;height:26px;border-radius:50%;border:1px solid var(--ui-border);background:#2dd4bf33;display:grid;place-items:center;font-size:12px;font-weight:700}.player-menu{margin-top:8px;width:290px;border:1px solid var(--ui-border);border-radius:14px;padding:10px;background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:8px}.player-menu label{display:grid;gap:5px}.player-menu label span{color:var(--ui-muted);font-size:12px}.utility-cluster{position:absolute;right:18px;bottom:18px;z-index:10;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px;display:inline-flex;gap:8px}.utility-cluster button{min-height:40px;width:42px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#101924c7;color:var(--ui-text);display:grid;place-items:center}.turn-indicator{position:absolute;top:74px;left:50%;transform:translate(-50%);z-index:7;border:1px solid rgba(245,158,11,.48);border-radius:999px;background:#2d1e08db;color:#ffcf73;min-height:34px;padding:0 12px;display:inline-flex;align-items:center}.settings-modal{max-height:calc(100vh - 72px);overflow:hidden;padding:14px}.settings-modal-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:12px}.settings-tabs{display:grid;gap:8px;align-content:start}.settings-tabs button{min-height:40px;justify-content:flex-start;display:inline-flex;align-items:center;gap:8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#141e2cc2}.settings-tabs button.active{border-color:var(--ui-border-active);background:#10353885}.settings-content{overflow-y:auto;max-height:calc(100vh - 170px);padding-right:2px}.settings-group{display:grid;gap:10px}.settings-group label{display:grid;gap:6px}.settings-group label span{color:var(--ui-muted);font-size:12px}.interaction-draw{cursor:crosshair}.interaction-flick{cursor:grab}.interaction-stamp{cursor:copy}.username-modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#05080ac7}.username-modal{width:min(420px,calc(100% - 24px));border:1px solid #2d3b44;border-radius:10px;background:#11181d;padding:16px;display:grid;gap:10px}.username-modal h2{margin:0;font-size:18px;color:#eef2f4;text-transform:none}.editor-shell{display:grid;grid-template-columns:320px minmax(500px,1fr) 340px;width:100%;height:100%;background:#101316}.editor-pane{display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto;min-width:0}.editor-pane-left{background:#11181d;border-right:1px solid #26323a}.editor-pane-center{background:#0f1418}.editor-pane-right{background:#11181d;border-left:1px solid #26323a}.editor-project-button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;border:1px solid #2a3740;border-radius:6px;background:#151d23;padding:10px}.editor-project-button.active{border-color:#4f6472;background:#1b2730}.editor-project-button span{color:#8fa0aa;font-size:12px}.editor-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-card{border:1px solid #293740;border-radius:8px;background:#12191e;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:240px}.editor-preview-card{min-height:360px}.editor-preview-stage{position:relative;width:100%;min-height:320px;border:1px solid #293740;border-radius:6px;overflow:hidden;background:#0a0f13}.editor-preview-stage .game-canvas{width:100%;height:320px}.editor-card textarea{width:100%;min-height:220px;resize:vertical;border:1px solid #37444e;border-radius:6px;background:#151b20;color:#eef2f4;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.editor-script-area{min-height:320px}.editor-error{color:#f4a4af;font-size:13px}.editor-ok{color:#8ed1a3;font-size:13px}.editor-unsaved-badge{font-size:12px;color:#f0c060;align-self:center;-webkit-user-select:none;user-select:none}.editor-issue-list,.editor-asset-list,.editor-history-list{display:flex;flex-direction:column;gap:8px}.editor-issue-item,.editor-asset-item,.editor-history-item{border:1px solid #293740;border-radius:6px;background:#131b21;padding:8px;display:grid;gap:4px}.editor-issue-item p,.editor-preview-summary p,.editor-asset-item span,.editor-history-item p{font-size:12px;color:#c9d4da}.editor-issue-item span,.editor-history-item span{color:#8fa0aa;font-size:11px}@media(max-width:1440px){.editor-shell{grid-template-columns:300px minmax(420px,1fr) 300px}}@media(max-width:1180px){.editor-shell{grid-template-columns:1fr}.editor-pane-left,.editor-pane-right{border:none}.editor-grid-2{grid-template-columns:1fr}}.username-modal p{color:#8fa0aa;font-size:13px}.settings-panel{position:absolute;top:58px;right:14px;z-index:5;width:min(300px,calc(100% - 28px));max-height:calc(100vh - 72px);border:1px solid #2d3b44;border-radius:8px;background:#11181df5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;display:grid;gap:10px;overflow-y:auto;overflow-x:hidden}.settings-panel h3{margin:0;font-size:13px;letter-spacing:0;text-transform:uppercase;color:#aab7bf}.settings-panel label{display:grid;gap:6px}.settings-panel label span{font-size:12px;color:#c7d4dc}.settings-panel input[type=range]{width:100%}.hand-strip{position:absolute;left:0;right:0;bottom:0;z-index:5;pointer-events:none;overflow:visible}.hand-strip-cards{display:flex;align-items:flex-end;justify-content:center;gap:0;padding:0 12px;min-height:150px;overflow:visible;scrollbar-width:thin;scrollbar-color:#2d3b44 transparent}.hand-card-wrap{position:relative;display:inline-flex;flex-shrink:0;margin-right:-26px;cursor:pointer;pointer-events:auto;transform:translateY(62%);transition:transform .12s ease,filter .12s ease;will-change:transform}.hand-card-wrap:last-child{margin-right:0}.hand-card-wrap.hovered{transform:translateY(0);filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.hand-card-frame{width:110px;aspect-ratio:.7142857143;display:block;background:#fff;border-radius:7px;overflow:hidden;border:1px solid rgba(0,0,0,.14);box-shadow:0 3px 10px #0000006b}.hand-card-img{width:100%;height:100%;display:block;object-fit:contain;background:transparent;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.error-banner{position:absolute;z-index:4;top:14px;left:14px;right:14px;border:1px solid #7f3945;border-radius:6px;background:#3f1d25;color:#ffe7e9;padding:10px 12px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.event-log{display:flex;flex-direction:column;gap:8px}.event-log article{border-bottom:1px solid #253039;padding-bottom:8px}.event-log span{display:block;color:#83929c;font-size:11px}.event-log strong{display:block;margin-top:2px;font-size:12px}.event-log p{color:#d6dde1;font-size:13px;line-height:1.35;margin-top:2px}.assignment-list{display:flex;flex-direction:column;gap:8px}.assignment-row{display:grid;grid-template-columns:1fr auto;gap:6px 8px;border:1px solid #253039;border-radius:6px;padding:8px}.assignment-row strong{font-size:13px}.assignment-row span{color:#8fa0aa;font-size:12px;text-align:right}.mod-sandbox{position:fixed;width:1px;height:1px;left:-10px;top:-10px;border:0;opacity:0;pointer-events:none}@media(max-width:1050px){.floating-toolbar{left:auto;right:18px;transform:none;max-width:calc(100% - 36px);overflow-x:auto}.basic-items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:780px){.room-badge{max-width:calc(100% - 126px);padding:8px 10px}.room-badge img{width:74px}.floating-toolbar{top:74px;left:12px;right:12px;max-width:none;overflow-x:auto}.controls-dropdown,.add-items-dropdown{left:8px;width:min(320px,calc(100vw - 48px))}.basic-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-modal-body{grid-template-columns:1fr}.settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.status-pill{top:18px;right:12px}}.context-menu{position:fixed;z-index:1000;background:#1a2230;border:1px solid #3e4a52;border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:2px;min-width:140px;box-shadow:0 8px 24px #00000080}.context-menu button{text-align:left;border:none;background:transparent;border-radius:5px;padding:6px 12px;color:#eef2f4;min-height:30px;font-size:13px}.context-menu button:hover{background:#2a3545}.context-menu button.danger{color:#e87c7c}.chat-log{overflow-y:auto;max-height:140px;display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.chat-log article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 6px;padding:4px 6px;border-radius:4px;background:#151b20}.chat-log strong{font-size:11px;color:#7ec8a4}.chat-log p{grid-column:1 / -1;font-size:12px;color:#d0dde5;margin:0}.chat-log span{font-size:10px;color:#555e66;grid-column:2;text-align:right}.file-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3e4a52;border-radius:6px;background:#253039;color:#eef2f4;min-height:34px;padding:0 12px;cursor:pointer;font:inherit;font-size:14px;white-space:nowrap}.file-button:hover{background:#30404b}.file-button.wide{width:100%}.visually-hidden-input{display:none}.material-editor-panel{opacity:.95}.value-note{font-size:.9em}.stacked-control{margin-top:.5rem}.screen-widget-layer{pointer-events:auto}