:root{color-scheme:dark;--bg:#0d0d14;--surface:#15151f;--surface2:#1c1b28;--line:rgba(232,222,245,.11);--text:#f5f1f7;--muted:#aaa3b4;--subtle:#777184;--pink:#ed5b9f;--coral:#f185a0;--violet:#a58bdf;--mint:#73ddc5;--danger:#fa7186;--shadow:0 28px 80px rgba(0,0,0,.34);font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 78% -8%,rgba(182,70,124,.15),transparent 35rem),radial-gradient(ellipse at 4% 45%,rgba(114,84,174,.09),transparent 34rem),var(--bg);color:var(--text);font-size:15px;line-height:1.55;overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #d5a6ef;outline-offset:3px;border-radius:8px}button:disabled{opacity:.4;cursor:not-allowed}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(1px)}.ambient-one{width:300px;height:300px;top:22vh;left:-220px;background:radial-gradient(circle,rgba(234,91,161,.07),transparent 70%)}.ambient-two{width:360px;height:360px;right:-240px;bottom:8vh;background:radial-gradient(circle,rgba(139,107,205,.09),transparent 70%)}
.topbar{height:76px;max-width:1420px;width:calc(100% - 72px);margin:auto;display:flex;align-items:center;gap:30px;border-bottom:1px solid rgba(237,227,246,.07)}.brand{display:flex;align-items:center;gap:11px;min-width:230px;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;letter-spacing:.09em}.brand img{width:38px;height:38px;border-radius:12px;box-shadow:0 0 24px rgba(237,91,159,.16)}.brand i{display:block;color:var(--subtle);font:600 9px/1.3 'DM Sans',sans-serif;letter-spacing:.16em}.top-actions{display:flex;align-items:center;gap:23px;margin-left:auto}.nav-action{padding:8px 0;border:0;background:none;color:var(--muted);font-size:13px;font-weight:650;cursor:pointer}.nav-action:hover,.external-link:hover{color:var(--text)}.mock-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(240,121,168,.2);border-radius:100px;background:rgba(224,80,143,.09);color:#f5a8ca;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.mock-badge>span{width:6px;height:6px;border-radius:50%;background:#ef6aab;box-shadow:0 0 9px #ef6aab}.inline-badge{align-self:center}
.shell{width:min(1380px,calc(100% - 72px));margin:auto}.view{display:none}.view.is-active{display:block}.landing-view{padding-top:54px}.hero-copy{position:relative;z-index:1;max-width:680px;padding:22px 0 0 5.5%}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#f18eb4;font-size:10px;font-weight:850;letter-spacing:.16em}.sparkle{color:#eaa0dc;font-size:17px;text-shadow:0 0 13px rgba(224,121,196,.8)}.pill-label{padding:5px 8px;border:1px solid var(--line);border-radius:20px;color:#a9a2b5;font-size:8px;letter-spacing:.11em}.hero-copy h1,.page-header h1,.overlay-page-heading h1{margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(3.6rem,7vw,6.8rem);line-height:.99;letter-spacing:-.075em;font-weight:700}.hero-copy h1 span{display:block;background:linear-gradient(105deg,#f2a0bb 5%,#e75ca4 51%,#a98fe3 95%);color:transparent;background-clip:text}.lead{max-width:540px;margin:24px 0 0;color:#c2bacb;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:12px;padding:0 18px;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{border-color:rgba(253,175,204,.28);background:linear-gradient(105deg,#e7669e,#e15b8f 56%,#ba70bd);color:#20101c;box-shadow:0 8px 28px rgba(219,76,139,.15)}.button-secondary{border-color:var(--line);background:rgba(255,255,255,.035);color:#e8e1ed}.button-secondary:hover{border-color:rgba(235,128,177,.35);background:rgba(255,255,255,.06)}.button-danger-quiet{border-color:rgba(250,113,134,.15);background:rgba(250,113,134,.06);color:#ff9ba8}.button.compact{min-height:41px;padding-inline:14px}.demo-note{display:flex;gap:9px;align-items:flex-start;max-width:550px;margin-top:24px;color:#817a8d;font-size:11px}.demo-note span{color:#b093d7}
.hero-visual{position:relative;width:min(56%,710px);height:540px;margin:-407px 0 0 auto}.orbit{position:absolute;inset:6% 8% 2% 2%;border:1px solid rgba(199,131,194,.11);border-radius:50%;transform:rotate(-18deg)}.orbit-b{inset:14% 16% 12% 11%;border-color:rgba(222,120,168,.11);transform:rotate(19deg)}.preview-window{position:absolute;top:7%;right:8%;width:min(78%,555px);height:440px;overflow:hidden;border:1px solid rgba(242,220,241,.2);border-radius:19px;background:linear-gradient(155deg,rgba(38,35,48,.94),rgba(16,16,25,.97));box-shadow:0 34px 100px rgba(0,0,0,.53),0 0 80px rgba(226,83,151,.1);transform:perspective(1100px) rotateY(-7deg) rotateX(2deg)}.window-top{height:38px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#8f899a;font-size:9px}.window-top b{margin-left:8px;color:#e798b9;font-size:8px}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#8c6378}.window-dots i:first-child{background:#ec728e}.window-dots i:nth-child(2){background:#dda477}.window-dots i:nth-child(3){background:#86b397}.window-menu{letter-spacing:2px}.preview-body{height:calc(100% - 38px);display:flex}.preview-rail{width:55px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 0;border-right:1px solid rgba(255,255,255,.06);background:rgba(4,4,10,.18)}.mini-logo{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(145deg,#ed68a4,#8559b3);font-family:'Space Grotesk';font-weight:800}.rail-line{width:17px;height:17px;border-radius:6px;background:rgba(255,255,255,.08)}.rail-line.active{background:rgba(227,86,151,.26);box-shadow:0 0 15px rgba(227,86,151,.13)}.rail-avatar{display:grid;place-items:center;width:25px;height:25px;margin-top:auto;border:1px solid rgba(235,122,183,.35);border-radius:50%;background:rgba(229,90,158,.18);font-size:8px;font-weight:700}.preview-main{flex:1;padding:21px 24px}.preview-greeting>span,.panel-kicker{display:block;color:#8d8798;font-size:9px;font-weight:800;letter-spacing:.14em}.preview-greeting strong{display:block;margin:5px 0 0;font:650 22px 'Space Grotesk';letter-spacing:-.04em}.preview-greeting strong span{color:#e981b5}.preview-greeting small{display:block;color:#8d8798;font-size:10px}.preview-live{position:relative;margin-top:18px;padding:15px 16px;border:1px solid rgba(237,94,157,.22);border-radius:14px;background:radial-gradient(ellipse at 85% 12%,rgba(215,74,142,.18),transparent 52%),linear-gradient(130deg,#27212f,#1a1924)}.preview-live>div{color:#e985b0;font-size:8px;font-weight:850;letter-spacing:.13em}.preview-live>div i,.live-indicator i,.sync-chip i,.overlay-status i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink)}.preview-live>strong{display:block;margin-top:5px;font:650 16px 'Space Grotesk'}.preview-live>small{color:#aaa2b4;font-size:9px}.preview-live>button{position:absolute;right:13px;bottom:14px;padding:7px 9px;border:0;border-radius:8px;background:#dc5c96;color:#260e1b;font-size:8px;font-weight:800}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.preview-stats>div{padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}.preview-stats small,.preview-stats span{display:block;color:#8f899b;font-size:8px}.preview-stats b{display:block;margin:5px 0 0;font:700 20px 'Space Grotesk';color:#f0c5da}.preview-chat{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,#da669b,#7255a2);font-size:10px;font-weight:800}.preview-chat p{margin:0;font-size:9px}.preview-chat p small{display:block;color:#90899c}.chat-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--mint)}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(244,221,244,.15);border-radius:14px;background:rgba(28,25,38,.9);box-shadow:0 12px 36px rgba(0,0,0,.3);backdrop-filter:blur(15px)}.float-chip b,.float-chip small{display:block;font-size:9px}.float-chip small{margin-top:2px;color:#9a92a4;font-size:8px}.float-top{top:3%;left:5%}.chip-star{color:#efa3d2;font-size:19px}.float-bottom{right:0;bottom:12%}.online-pulse{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px rgba(115,221,197,.7)}
.flow-section{padding:65px 5.5% 70px}.section-heading{margin-bottom:20px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{margin:0;font:650 clamp(1.55rem,3vw,2.2rem)/1.16 'Space Grotesk';letter-spacing:-.05em}.section-heading>p{margin:8px 0;color:#928b9c;font-size:13px}.flow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.flow-cards article{position:relative;min-height:147px;padding:20px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(32,29,41,.77),rgba(20,19,28,.8))}.flow-number{position:absolute;top:17px;right:17px;color:#777184;font:600 10px 'Space Grotesk'}.flow-icon{display:grid;place-items:center;width:31px;height:31px;margin-bottom:16px;border:1px solid rgba(232,108,164,.22);border-radius:10px;background:rgba(226,86,151,.11);color:#ee96bb;font-size:15px}.flow-cards h3{margin:0 0 4px;font:650 14px 'Space Grotesk'}.flow-cards p{margin:0;color:#948c9e;font-size:11px}
.app-view{min-height:calc(100vh - 128px);display:none;grid-template-columns:225px minmax(0,1fr);gap:35px;padding:33px 0 60px}.app-view.is-active{display:grid}.sidebar{display:flex;flex-direction:column;min-height:calc(100vh - 210px);padding:11px 0;border-right:1px solid rgba(237,227,246,.07)}.side-label{margin:0 15px 14px;color:#716b7d;font-size:8px;font-weight:850;letter-spacing:.16em}.side-label span{margin-left:8px;color:#e88ab1}.side-link{display:flex;align-items:center;gap:12px;width:calc(100% - 14px);min-height:41px;margin:2px 0;padding:0 12px;border:1px solid transparent;border-radius:10px;background:none;color:#9e97a8;text-align:left;font-size:12px;font-weight:650;cursor:pointer}.side-link>span{width:18px;color:#a994cd;text-align:center;font-size:16px}.side-link:hover,.side-link.is-selected{border-color:rgba(230,105,163,.13);background:rgba(221,83,145,.085);color:#f0b1cd}.sidebar-spacer{flex:1}.account-mini{display:flex;align-items:center;gap:9px;padding:11px 5px;border-top:1px solid rgba(255,255,255,.06)}.account-avatar,.status-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:linear-gradient(135deg,#e26ca0,#7655a7);font-size:10px;font-weight:850}.account-mini b,.account-mini small{display:block;font-size:10px}.account-mini small{color:#8e8798;font-size:9px}.menu-dots{margin-left:auto;color:#827c8c;font-size:9px;letter-spacing:2px}.return-link{margin:8px 0;color:#837d8d;font-size:10px}.return-link:hover{color:#d4c7dc}.app-content{min-width:0}.app-page{display:none}.app-page.is-active{display:block}.page-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.page-header .eyebrow{margin-bottom:6px}.page-header h1{font-size:clamp(1.75rem,3vw,2.4rem);letter-spacing:-.055em}.muted{margin:6px 0 0;color:#9b94a5;font-size:12px}.live-indicator{display:inline-flex;align-items:center;gap:3px;margin-left:9px;padding:4px 7px;border:1px solid rgba(238,102,161,.2);border-radius:20px;color:#ec9ab9;font-size:8px;letter-spacing:.1em}.live-indicator i{width:5px;height:5px;margin:0}.prototype-banner{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px;padding:11px 13px;border:1px solid rgba(194,146,227,.16);border-radius:11px;background:rgba(122,84,154,.07);color:#b9adca}.prototype-banner>span{color:#d4a7ec}.prototype-banner p{margin:0;font-size:10px}.prototype-banner b{color:#eadbef}.dashboard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:13px}.panel{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(29,27,39,.94),rgba(19,18,27,.95));box-shadow:0 14px 42px rgba(0,0,0,.1)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{display:flex;align-items:center;gap:8px;margin:5px 0 0;font:650 15px 'Space Grotesk';letter-spacing:-.025em}.panel-kicker{font-size:8px}.game-mark{display:grid;place-items:center;width:29px;height:27px;border:1px solid rgba(226,131,173,.19);border-radius:8px;background:linear-gradient(140deg,rgba(233,83,150,.17),rgba(134,97,177,.17));color:#f09ec2;font:800 8px 'Space Grotesk';letter-spacing:.02em}.status-chip,.sync-chip{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid rgba(255,255,255,.07);border-radius:30px;color:#a59eae;font-size:8px;white-space:nowrap}.status-chip i{width:5px;height:5px;margin-right:5px;border-radius:50%;background:#ab9bad}.status-chip.is-live{border-color:rgba(115,221,197,.18);color:#92e3cd}.status-chip.is-live i{background:var(--mint);box-shadow:0 0 7px var(--mint)}.session-art{position:relative;display:flex;align-items:flex-end;min-height:112px;margin-top:14px;padding:14px;border:1px solid rgba(234,130,186,.16);border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 75% 0,rgba(222,74,142,.28),transparent 52%),radial-gradient(ellipse at 7% 92%,rgba(133,85,174,.22),transparent 54%),linear-gradient(140deg,#27202e,#16141f)}.session-art:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,rgba(12,11,17,.7),transparent 80%)}.session-art>div:not(.game-symbol){position:relative;z-index:1}.game-symbol{position:absolute;right:21px;top:5px;color:rgba(230,140,187,.3);font-size:66px;transform:rotate(-15deg)}.session-art strong,.session-art small{display:block}.session-art strong{font:650 15px 'Space Grotesk'}.session-art small{margin-top:2px;color:#b6aab9;font-size:9px}.session-controls{margin-top:12px}.lobby-url{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}.lobby-url small,.lobby-url b{display:block}.lobby-url small{color:#837c8d;font-size:7px;font-weight:850;letter-spacing:.11em}.lobby-url b{max-width:310px;margin-top:2px;overflow:hidden;color:#c4b8c9;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);cursor:pointer}.session-actions{display:flex;gap:8px;margin-top:9px}.session-actions .button{min-height:34px;padding-inline:10px;border-radius:9px;font-size:9px}.queue-subtitle{color:#847d8e;font-size:8px}.count-bubble{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid rgba(230,112,164,.2);border-radius:50%;background:rgba(232,92,154,.1);color:#e99abd;font:700 9px 'DM Sans'}.queue-list,.crew-list{display:grid;gap:8px;margin-top:12px}.queue-person,.crew-person{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.023)}.person-avatar{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid rgba(236,131,181,.18);border-radius:10px;background:linear-gradient(145deg,rgba(215,85,145,.23),rgba(117,88,170,.27));color:#edbbd3;font-size:9px;font-weight:800}.person-info{min-width:0;flex:1}.person-info b,.person-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-info b{font-size:10px}.person-info small{color:#8d8697;font-size:8px}.queue-actions{display:flex;gap:5px}.tiny-button{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.035);color:#b5adbd;font-size:11px;cursor:pointer}.tiny-button.accept{border-color:rgba(115,221,197,.17);background:rgba(115,221,197,.08);color:#88e2c9}.tiny-button:hover{border-color:rgba(237,111,168,.4);color:#f2b7d2}.empty-state{display:grid;justify-items:center;gap:4px;padding:26px 6px;color:#bdb2c5;text-align:center}.empty-state>span{color:#eb91c3;font-size:22px}.empty-state b{font-size:11px}.empty-state small{color:#837d8e;font-size:9px}.text-button{display:inline-flex;margin-top:11px;padding:0;border:0;background:none;color:#e897bb;font-size:10px;font-weight:750;cursor:pointer}.crew-person{min-height:46px}.crew-person .role{margin-left:auto;color:#8d8697;font-size:8px}.crew-person .remove-person{margin-left:0}.crew-progress{height:4px;margin-top:13px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.08)}.crew-progress span{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e65f9c,#a783d3);transition:width .2s}.crew-panel>small{display:block;margin-top:5px;color:#878090;font-size:8px}.sync-chip{color:#84d9c4}.sync-chip i{width:5px;height:5px;margin-right:5px;background:var(--mint);box-shadow:0 0 8px var(--mint)}.status-preview{display:flex;align-items:center;gap:9px;margin:14px 0 0;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.024)}.status-preview>div{min-width:0;flex:1}.status-preview b,.status-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-preview b{font-size:10px}.status-preview small{color:#8d8797;font-size:8px}.status-live{width:7px;height:7px;border-radius:50%;background:#97909f}.status-live.is-live{background:var(--mint);box-shadow:0 0 9px var(--mint)}
.profile-layout,.overlay-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(300px,1.2fr);gap:14px}.profile-card{overflow:hidden;padding:0}.profile-cover{position:relative;display:flex;align-items:flex-start;justify-content:space-between;height:116px;padding:15px;background:radial-gradient(ellipse at 78% 8%,rgba(231,83,147,.43),transparent 60%),linear-gradient(125deg,#2c2132,#15151f)}.profile-cover span{color:#f1b2cc;font-size:8px;font-weight:850;letter-spacing:.18em}.profile-cover i{color:rgba(234,156,202,.7);font-size:35px}.profile-detail{position:relative;padding:0 18px 20px}.profile-avatar-large{display:grid;place-items:center;width:59px;height:59px;margin-top:-30px;border:3px solid #1c1823;border-radius:18px;background:linear-gradient(135deg,#ea6c9f,#7456a5);font:700 16px 'Space Grotesk';box-shadow:0 8px 20px rgba(0,0,0,.25)}.profile-state{display:inline-flex;margin-top:11px;color:#e598bb;font-size:8px;font-weight:850;letter-spacing:.13em}.profile-detail h2{margin:3px 0;font:650 20px 'Space Grotesk'}.profile-detail p{margin:5px 0 13px;color:#aaa1b3;font-size:11px}.profile-game{padding:6px 9px;border:1px solid rgba(226,113,168,.16);border-radius:20px;background:rgba(227,82,151,.08);color:#df9bbb;font-size:8px}.profile-form label{display:block;margin:14px 0 5px;color:#c9c1d0;font-size:10px;font-weight:700}.profile-form input,.profile-form textarea{width:100%;padding:10px 11px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(8,8,14,.42);color:var(--text);font-size:11px;resize:vertical}.form-help{color:#857d8e;font-size:9px}.profile-form .button{min-height:36px;font-size:10px}.form-feedback{margin-left:10px;color:#83dfc8;font-size:9px}.overlay-layout{grid-template-columns:minmax(250px,.85fr) minmax(300px,1.15fr);align-items:stretch}.overlay-settings h2{margin:6px 0;font:650 17px 'Space Grotesk'}.overlay-settings>p{color:#918a9b;font-size:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.023);cursor:pointer}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:10px}.toggle-row small{margin-top:3px;color:#8c8595;font-size:8px}.toggle-row input{position:absolute;width:1px;height:1px;opacity:0}.toggle-switch{position:relative;width:34px;height:20px;flex:none;border-radius:20px;background:#44404c;transition:background .16s}.toggle-switch:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#e1dbe7;content:'';transition:transform .16s}.toggle-row input:checked+.toggle-switch{background:#c65691}.toggle-row input:checked+.toggle-switch:after{transform:translateX(14px)}.toggle-row:has(input:focus-visible){outline:3px solid #d5a6ef;outline-offset:3px}.overlay-stage{display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:22px;border:1px dashed rgba(220,157,199,.2);border-radius:14px;background:radial-gradient(ellipse at 40% 0,rgba(182,118,180,.1),transparent 57%),rgba(6,6,12,.2)}.stage-label{margin-bottom:15px;color:#8c8495;font-size:8px;font-weight:850;letter-spacing:.15em}.overlay-card{width:min(100%,360px);padding:15px;border:1px solid rgba(240,220,244,.16);border-radius:14px;background:linear-gradient(145deg,rgba(35,30,44,.97),rgba(19,17,27,.97));box-shadow:0 14px 40px rgba(0,0,0,.28)}.overlay-brand{display:flex;align-items:center;gap:8px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07);font:700 10px 'Space Grotesk';letter-spacing:.1em}.overlay-brand img{border-radius:10px}.overlay-brand small{display:block;color:#a69aab;font:700 7px 'DM Sans';letter-spacing:.12em}.overlay-status{display:flex;align-items:center;margin-top:12px;color:#e69cbb;font-size:8px;font-weight:850;letter-spacing:.1em}.overlay-status i{width:5px;height:5px}.overlay-game-row{display:flex;align-items:center;gap:9px;margin-top:8px}.overlay-game-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(222,121,177,.19);border-radius:9px;background:linear-gradient(140deg,rgba(232,79,146,.2),rgba(125,89,170,.22));color:#efb0cc;font:800 8px 'Space Grotesk'}.overlay-game-row b,.overlay-game-row small{display:block}.overlay-game-row b{font-size:10px}.overlay-game-row small{color:#9f96a9;font-size:8px}.overlay-stage>p{margin:12px 0 0;color:#837b8c;font-size:8px}.overlay-card.is-compact .overlay-brand{display:none}.overlay-card.is-compact .overlay-status{margin-top:0}.overlay-card.is-transparent{background:rgba(20,17,28,.68);backdrop-filter:blur(13px)}
.page-footer{display:flex;justify-content:space-between;gap:12px;width:min(1380px,calc(100% - 72px));margin:0 auto;padding:17px 0 24px;border-top:1px solid rgba(237,227,246,.07);color:#777182;font-size:9px}.page-footer b{margin:0 5px;color:#d478a8}.app-view~.page-footer{margin-top:0}.toast{position:fixed;z-index:20;right:22px;bottom:22px;max-width:min(360px,calc(100% - 32px));padding:10px 14px;border:1px solid rgba(228,133,185,.2);border-radius:10px;background:rgba(33,28,42,.97);color:#ecdbe9;font-size:11px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .16s,transform .16s}.toast.is-visible{opacity:1;transform:translateY(0)}
.public-lobby-view{width:min(760px,calc(100% - 36px));margin:42px auto 70px}.public-lobby-view.is-active{display:block}.public-lobby-card{position:relative;overflow:hidden;padding:clamp(22px,5vw,42px);border:1px solid rgba(232,222,245,.13);border-radius:22px;background:radial-gradient(ellipse at 88% 0,rgba(229,79,146,.22),transparent 54%),linear-gradient(145deg,#211d2a,#14131c);box-shadow:var(--shadow)}.lobby-back{display:inline-flex;margin-bottom:28px;color:#a99faf;font-size:10px}.public-lobby-card>.mock-badge{position:absolute;top:26px;right:26px}.public-lobby-card .eyebrow{margin-bottom:9px}.public-lobby-card h1{max-width:600px;margin:0;font:700 clamp(2rem,6vw,3.7rem)/1.06 'Space Grotesk';letter-spacing:-.07em}.public-lobby-card h1 span{display:block;color:#e885b2}.lobby-lead{max-width:520px;margin:12px 0 24px;color:#aaa2b3;font-size:12px}.lobby-facts{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:9px}.lobby-facts>div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.lobby-facts small,.lobby-facts b{display:block}.lobby-facts small{color:#888092;font-size:7px;font-weight:850;letter-spacing:.12em}.lobby-facts b{margin-top:4px;font-size:10px}.lobby-queue-state{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px;border:1px solid rgba(115,221,197,.13);border-radius:11px;background:rgba(115,221,197,.035)}.queue-live-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px rgba(115,221,197,.5)}.lobby-queue-state>span:nth-child(2){flex:1}.lobby-queue-state b,.lobby-queue-state small{display:block}.lobby-queue-state b{font-size:10px}.lobby-queue-state small{color:#8e8797;font-size:8px}.lobby-lock{color:#a49aab;font-size:7px;font-weight:850;letter-spacing:.1em}.lobby-join{width:100%;margin-top:15px}.lobby-join:disabled{opacity:.78;cursor:default}.lobby-feedback{margin:9px 0 0;color:#8d8596;text-align:center;font-size:8px}
.overlay-document{min-height:100vh}.overlay-page{width:min(920px,calc(100% - 36px));margin:0 auto;padding:24px 0 55px}.overlay-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(237,227,246,.08)}.overlay-topline>a{color:#b8afbf;font-size:11px}.overlay-page-heading{padding:40px 0 16px}.overlay-page-heading .eyebrow{margin-bottom:8px}.overlay-page-heading h1{font-size:clamp(2.2rem,7vw,3rem);letter-spacing:-.06em}.overlay-page-heading p,.overlay-disclaimer{color:#a39aaa;font-size:11px}.overlay-options{display:flex;gap:10px}.overlay-options .toggle-row{flex:1;margin:4px 0 18px}.overlay-canvas{position:relative;display:flex;align-items:center;min-height:280px;padding:25px;border:1px dashed rgba(220,157,199,.22);border-radius:16px;background-color:#17151d;background-image:linear-gradient(45deg,#211e29 25%,transparent 25%),linear-gradient(-45deg,#211e29 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#211e29 75%),linear-gradient(-45deg,transparent 75%,#211e29 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-note{position:absolute;top:12px;left:14px;color:#948b9b;font-size:8px;font-weight:800;letter-spacing:.12em}.overlay-canvas .overlay-card{margin-left:15px}.overlay-disclaimer{margin-top:12px}.overlay-canvas.is-transparent{background-color:transparent;background-image:linear-gradient(45deg,rgba(150,137,160,.12) 25%,transparent 25%),linear-gradient(-45deg,rgba(150,137,160,.12) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(150,137,160,.12) 75%),linear-gradient(-45deg,transparent 75%,rgba(150,137,160,.12) 75%)}
@media(max-width:1000px){.topbar,.shell,.page-footer{width:calc(100% - 44px)}.hero-copy{padding-left:1%}.hero-visual{width:58%;height:500px;margin-top:-375px}.preview-window{right:3%;width:86%;height:410px}.float-bottom{right:-3%}.flow-section{padding-inline:1%}.app-view{grid-template-columns:190px minmax(0,1fr);gap:23px}.dashboard-grid{grid-template-columns:1fr 1fr}.page-header h1{font-size:1.95rem}}
@media(max-width:760px){.topbar{height:66px;gap:12px}.brand{min-width:unset;font-size:13px}.brand img{width:34px;height:34px}.top-actions{gap:12px}.top-actions .nav-action{font-size:10px}.top-actions .external-link{display:none}.mock-badge{padding:6px 8px;font-size:8px}.shell{width:calc(100% - 38px)}.landing-view{padding-top:32px}.hero-copy{max-width:590px;padding-top:16px}.hero-copy h1{font-size:clamp(3rem,10vw,5rem)}.lead{font-size:14px}.hero-visual{width:100%;max-width:650px;height:445px;margin:15px auto 0}.preview-window{top:4%;right:9%;width:78%;height:385px}.float-top{top:0;left:2%}.float-bottom{right:2%;bottom:8%}.flow-section{padding:36px 0 46px}.flow-cards article{min-height:154px;padding:14px}.flow-cards p{font-size:10px}.app-view{grid-template-columns:1fr;gap:16px;padding-top:21px}.sidebar{order:2;position:sticky;bottom:0;z-index:10;min-height:auto;flex-direction:row;align-items:center;gap:5px;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(17,16,24,.94);backdrop-filter:blur(16px)}.side-label,.sidebar-spacer,.account-mini,.return-link{display:none}.side-link{justify-content:center;gap:6px;width:auto;min-width:0;min-height:37px;flex:1;margin:0;padding:0 6px;font-size:9px}.side-link>span{width:auto;font-size:14px}.app-content{order:1}.dashboard-grid{grid-template-columns:1fr 1fr}.session-panel{grid-column:1/-1}.status-panel{grid-column:1/-1}.profile-layout,.overlay-layout{grid-template-columns:1fr}.profile-card{max-width:500px}.page-header h1{font-size:1.8rem}}
@media(max-width:560px){.topbar,.shell,.page-footer{width:calc(100% - 30px)}.topbar{gap:9px}.brand{gap:8px;font-size:11px;letter-spacing:.07em}.brand img{width:31px;height:31px;border-radius:10px}.brand i{font-size:7px}.top-actions{gap:9px}.top-actions .nav-action{font-size:9px}.top-actions [data-view-target="landing"]{display:none}.mock-badge{gap:5px;padding:5px 7px;font-size:7px;letter-spacing:.08em}.landing-view{padding-top:25px}.hero-copy{padding-top:11px}.eyebrow{gap:7px;font-size:8px}.pill-label{font-size:7px}.hero-copy h1{font-size:clamp(2.75rem,13vw,4rem)}.lead{margin-top:15px;font-size:13px;line-height:1.62}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:19px}.button{min-height:43px;font-size:11px}.demo-note{margin-top:13px;font-size:9px}.hero-visual{height:354px;margin-top:5px}.preview-window{top:6%;right:5%;width:91%;height:315px;border-radius:15px;transform:perspective(900px) rotateY(-3deg) rotateX(1deg)}.window-top{height:31px}.preview-body{height:calc(100% - 31px)}.preview-rail{width:39px;gap:10px;padding-top:10px}.mini-logo{width:21px;height:21px}.rail-line{width:14px;height:14px}.rail-avatar{width:22px;height:22px}.preview-main{padding:13px 13px}.preview-greeting strong{font-size:16px}.preview-greeting small{font-size:8px}.preview-live{margin-top:11px;padding:10px}.preview-live>strong{font-size:12px}.preview-live>small{font-size:8px}.preview-live>button{right:9px;bottom:10px;padding:5px;font-size:7px}.preview-stats{gap:6px;margin-top:7px}.preview-stats>div{padding:7px}.preview-stats small,.preview-stats span{font-size:6px}.preview-stats b{font-size:15px}.preview-chat{margin-top:7px;padding:6px 8px}.preview-chat p{font-size:8px}.preview-chat p small{font-size:7px}.avatar{width:22px;height:22px}.float-chip{gap:7px;padding:8px 9px;border-radius:11px}.float-chip b{font-size:8px}.float-chip small{font-size:7px}.float-top{left:-2%}.float-bottom{right:-2%;bottom:2%}.flow-section{padding-top:24px}.section-heading h2{font-size:1.55rem}.flow-cards{grid-template-columns:1fr;gap:8px}.flow-cards article{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:9px;min-height:0;padding:12px}.flow-icon{grid-row:1/3;margin:0}.flow-number{top:10px;right:11px;font-size:8px}.flow-cards h3{padding-right:21px}.flow-cards p{grid-column:2}.page-footer{flex-direction:column;padding-block:13px;font-size:8px}.app-view{padding-top:15px}.page-header{align-items:flex-start}.page-header h1{font-size:1.55rem}.page-header .button{flex:none;min-height:36px;font-size:9px}.page-header .eyebrow{font-size:8px}.dashboard-grid{grid-template-columns:1fr}.session-panel,.status-panel{grid-column:auto}.panel{padding:13px}.panel-head h2{font-size:13px}.session-art{min-height:97px}.session-actions .button{flex:1}.queue-person,.crew-person{gap:6px;padding:7px}.profile-layout,.overlay-layout{gap:10px}.overlay-options{display:grid;grid-template-columns:1fr}.overlay-options .toggle-row{margin:3px 0}.overlay-page{width:calc(100% - 28px);padding-top:16px}.overlay-page-heading{padding-top:30px}.overlay-canvas{min-height:235px;padding:14px}.overlay-canvas .overlay-card{margin-left:0}.overlay-card{padding:12px}.overlay-document .mock-badge{font-size:7px}}
.stream-account{display:flex;align-items:center;gap:9px;margin-top:13px;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025)}.stream-brand{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(149,101,214,.15);color:#d7b5f1;font:800 19px 'Space Grotesk'}.stream-account>span:nth-child(2){min-width:0;flex:1}.stream-account b,.stream-account small{display:block}.stream-account b{font-size:10px}.stream-account small{color:#8e8797;font-size:8px}.stream-account .text-button{flex:none;margin:0}.stream-panel .form-help{margin:8px 0 0}.unverified-chip{padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#bdb5c4;font-size:8px;white-space:nowrap}.verification-panel>p{margin:13px 0 5px;color:#b4acbb;font-size:10px}.verification-panel>small{color:#877f90;font-size:8px}.metrics-panel{grid-column:1/-1}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.metric-grid>div{padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.02)}.metric-grid small,.metric-grid b,.metric-grid span{display:block}.metric-grid small{color:#877f90;font-size:7px;font-weight:850;letter-spacing:.08em}.metric-grid b{margin:3px 0;color:#d6c5d5;font:650 19px 'Space Grotesk'}.metric-grid span{color:#827a8b;font-size:7px}.profile-channel{display:block;margin:9px 0;color:#a99db1;font-size:9px}.profile-preview-button{width:100%;margin-top:13px;min-height:36px;font-size:9px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-dialog{position:fixed;inset:50% auto auto 50%;width:min(430px,calc(100% - 30px));padding:22px;border:1px solid rgba(234,145,193,.24);border-radius:18px;background:linear-gradient(145deg,#211d2a,#14131c);color:var(--text);box-shadow:0 24px 100px rgba(0,0,0,.65);transform:translate(-50%,-50%)}.profile-dialog::backdrop{background:rgba(4,4,9,.68);backdrop-filter:blur(6px)}.dialog-close{float:right;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);color:#d8cedd;font-size:18px;cursor:pointer}.profile-dialog>.panel-kicker{margin-top:18px}.dialog-profile{display:flex;align-items:center;gap:12px;margin-top:18px}.dialog-profile b,.dialog-profile small{display:block}.dialog-profile b{font:650 16px 'Space Grotesk'}.dialog-profile small{color:#a59baa;font-size:9px}.profile-dialog>p:not(.panel-kicker){color:#b9b0c0;font-size:11px}.overlay-document.overlay-clear{background:transparent!important}.overlay-document.overlay-clear .overlay-page{background:transparent}.overlay-card.is-live .overlay-status i{background:var(--mint);box-shadow:0 0 9px var(--mint)}
@media(max-width:760px){.metric-grid{grid-template-columns:1fr 1fr}.metrics-panel{grid-column:auto}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr}.profile-form .form-pair{grid-template-columns:1fr}.verification-panel>p{font-size:9px}}
.session-editor{margin-top:12px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.018)}.session-fields{display:grid;grid-template-columns:1.35fr 1fr .7fr;gap:8px;margin-top:9px}.session-fields label{min-width:0;color:#aaa2b1;font-size:8px;font-weight:700}.session-fields select{display:block;width:100%;min-width:0;margin-top:4px;padding:7px 5px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#17151e;color:#e7dfea;font-size:9px}.session-editor>p{margin:7px 0 0;color:#817a8c;font-size:8px}.session-editor .text-button{margin-top:7px;font-size:9px}.session-editor .form-feedback{font-size:8px}
@media(max-width:560px){.session-fields{gap:5px}.session-fields label{font-size:7px}.session-fields select{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Phase 19.2: accessible controls and focused streamer workflow. */
[hidden]{display:none!important}
.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.button:focus-visible,.tiny-button:focus-visible,.side-link:focus-visible,.nav-action:focus-visible,.text-button:focus-visible{outline:3px solid #f3b2d1;outline-offset:3px}
button:not(:disabled),select,input,textarea{touch-action:manipulation}
.status-chip.is-paused{border-color:rgba(245,188,115,.26);color:#f0c58c}
.status-chip.is-paused i{background:#efbd77}
.session-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.session-extra-fields label,.field-label{display:grid;gap:5px;color:#c8bfce;font-size:11px;font-weight:700}
.session-extra-fields label span{display:inline;color:#908697;font-size:10px;font-weight:500}
.session-extra-fields label:last-of-type,.session-extra-fields select:last-of-type{grid-column:1/-1}
.session-extra-fields input,.session-extra-fields textarea,.session-extra-fields select,.overlay-settings select,.overlay-options select{width:100%;min-height:42px;padding:9px 10px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#17151e;color:#f5f1f7;font-size:13px}
.session-extra-fields textarea{resize:vertical}
.queue-actions{flex:none}
.queue-actions .tiny-button{width:34px;height:34px;font-size:14px}
.participant-status{flex:none;padding:4px 7px;border:1px solid var(--line);border-radius:20px;color:#d1c5d6;font-size:10px;white-space:nowrap}
.status-waiting{color:#edb4ce}.status-accepted{color:#dbc2ff}.status-active{color:#8fe1cf}.status-skipped,.status-removed{color:#a49ba9}
.queue-history{margin-top:10px;color:#a69daf;font-size:12px}
.queue-history summary{padding:8px;cursor:pointer}
.queue-history p{margin:4px 8px;padding:6px;border-bottom:1px solid var(--line)}
.empty-state{font-size:13px}.empty-state small{font-size:12px;color:#b0a7b7}
.streamer-mode{grid-column:1/-1;padding:clamp(18px,3vw,32px);border-color:rgba(237,91,159,.24);background:radial-gradient(ellipse at 100% 0,rgba(237,91,159,.11),transparent 45%),var(--surface)}
.streamer-mode-header,.streamer-session{display:flex;align-items:center;justify-content:space-between;gap:18px}
.streamer-mode-header h2{margin:2px 0;font:700 clamp(1.5rem,4vw,2.4rem) 'Space Grotesk';letter-spacing:-.04em}
.streamer-mode-header p,.streamer-session p{margin:3px 0;color:#b5acbd;font-size:14px}
.streamer-session{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.streamer-session h3{margin:5px 0;font:650 clamp(1.25rem,3vw,1.9rem) 'Space Grotesk'}
.streamer-stats{display:flex;gap:10px}
.streamer-stats>span{min-width:96px;padding:11px;border:1px solid var(--line);border-radius:11px;text-align:center}
.streamer-stats b,.streamer-stats small{display:block}.streamer-stats b{font:700 22px 'Space Grotesk';color:#f1b1d1}.streamer-stats small{color:#b7aebe;font-size:11px}
.streamer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.streamer-action{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.045);font-size:19px;font-weight:800;cursor:pointer}
.streamer-action span{font-size:13px}.streamer-action:hover:not(:disabled){border-color:rgba(237,91,159,.55);background:rgba(237,91,159,.1)}
.streamer-action.primary{background:linear-gradient(105deg,#e7669e,#ba70bd);color:#20101c}.streamer-action.danger{color:#ff9ba8}.streamer-action:disabled{opacity:.4;cursor:not-allowed}
.streamer-queue-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}.streamer-queue-head h3{margin:0;font-size:16px}.streamer-queue-head p{color:#c6bacb;font-size:13px}
.streamer-person{min-height:58px;padding:10px}
.viewer-position{margin:12px 0 0;padding:10px;border:1px solid rgba(115,221,197,.22);border-radius:10px;background:rgba(115,221,197,.06);color:#a4ead8;font-size:13px;text-align:center}
.queue-live-dot.is-closed{background:var(--danger);box-shadow:0 0 9px rgba(250,113,134,.4)}
.lobby-feedback{font-size:12px;line-height:1.5}
.lobby-lock{font-size:9px}
.overlay-card{--overlay-accent:#ed5b9f;border-color:color-mix(in srgb,var(--overlay-accent),transparent 72%)}
.overlay-card .overlay-status{color:var(--overlay-accent)}
.overlay-game-icon{border-color:color-mix(in srgb,var(--overlay-accent),transparent 78%);color:var(--overlay-accent)}
.overlay-card small[hidden],.overlay-status span[hidden]{display:none!important}
.overlay-options{align-items:center;flex-wrap:wrap}
.overlay-options .field-label{min-width:130px}
.confirm-dialog h2{margin:12px 0 4px;font:700 22px 'Space Grotesk'}
.confirm-dialog>p:not(.panel-kicker){color:#c0b6c6;font-size:14px}
.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.button-danger-quiet:hover:not(:disabled){border-color:rgba(250,113,134,.45);background:rgba(250,113,134,.13)}
@media(max-width:760px){.streamer-mode{padding:16px}.streamer-actions{grid-template-columns:1fr 1fr}.streamer-action{min-height:58px}.streamer-session{align-items:flex-start;flex-direction:column}.streamer-stats{width:100%}.streamer-stats>span{min-width:0;flex:1}.header-actions{width:100%;justify-content:flex-start}.page-header{flex-wrap:wrap}}
@media(max-width:560px){.session-extra-fields{grid-template-columns:1fr}.session-extra-fields label:last-of-type,.session-extra-fields select:last-of-type{grid-column:auto}.streamer-mode-header{align-items:flex-start;flex-direction:column}.streamer-mode-header .button{width:100%}.streamer-actions{grid-template-columns:1fr 1fr;gap:7px}.streamer-action{min-height:60px;flex-direction:column;gap:3px;padding:7px;font-size:17px}.streamer-action span{font-size:11px}.streamer-queue-head{align-items:flex-start;flex-direction:column}.streamer-stats>span{padding:9px 5px}.streamer-stats small{font-size:9px}.participant-status{font-size:8px;padding:3px 5px}.queue-actions .tiny-button{width:36px;height:36px}.queue-person,.crew-person{flex-wrap:wrap}.person-info{flex:1}.queue-actions{margin-left:auto}.session-actions{flex-wrap:wrap}.session-actions .button{min-width:calc(50% - 5px)}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}.public-lobby-card>.mock-badge{position:static;margin:0 0 16px}.lobby-facts{grid-template-columns:1fr}.lobby-facts small{font-size:10px}.lobby-facts b{font-size:14px}.lobby-queue-state{gap:8px}.lobby-lock{font-size:8px}}
:root{--muted:#c4bdca;--subtle:#9b93a5}
.panel-kicker,.side-label{font-size:10px}
.queue-subtitle,.page-header .muted,.stream-panel .form-help,.verification-panel>p,.verification-panel>small{font-size:12px}
.session-editor>p,.session-fields label,.session-fields select,.session-editor .text-button,.session-editor .form-feedback{font-size:10px}
.stream-account b{font-size:12px}.stream-account small,.metric-grid span,.metric-grid small{font-size:9px}
.profile-avatar-large{overflow:hidden}.profile-avatar-large img{display:block;width:100%;height:100%;object-fit:cover}
.profile-cover{background-position:center;background-size:cover}
.profile-crew,.profile-preferred-games{display:block;margin-top:8px;color:#c0b2ca;font-size:12px}
.profile-form input[type=file]{width:100%;min-height:42px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.025);color:#d9d0df;font-size:12px}
.profile-form input[type=file]::file-selector-button{min-height:30px;margin-right:9px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#27212f;color:#f0e8f2}
.lobby-facts{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f3b2d1;outline-offset:3px;border-radius:8px}
.session-editor .session-fields label{font-size:11px}
.session-editor .session-fields select{font-size:12px}
.panel small,.profile-dialog small,.overlay-card small{font-size:10px}
.form-help,.metric-grid small,.metric-grid span,.page-footer,.mock-badge,.brand i{font-size:10px}
.participant-status{font-size:11px;line-height:1.3;padding:4px 7px}
.lobby-lock{font-size:10px;letter-spacing:.04em}
.lobby-queue-state b{font-size:13px;line-height:1.3}
.lobby-queue-state small{font-size:12px;line-height:1.45}
/* Authenticated Creator Studio pilot shell: no demo data or remote assets. */
.creator-shell{box-sizing:border-box;width:min(100% - 2rem,72rem);margin:clamp(1rem,4vw,3rem) auto;color:#f4f0f8;font:400 1rem/1.55 system-ui,sans-serif}
.creator-shell h1,.creator-shell h2{color:#fff;line-height:1.15}
.creator-shell h1{font-size:clamp(1.8rem,5vw,3rem)}
.creator-shell header,.creator-shell section{padding:clamp(1rem,3vw,1.5rem);margin-block:1rem;background:#17151c;border:1px solid #38313f;border-radius:1rem}
.creator-shell nav{display:flex;gap:.6rem;overflow:auto;padding:.5rem 0;scrollbar-width:thin}
.creator-shell nav a,.creator-shell button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1rem;border:1px solid #7d3e8a;border-radius:.7rem;background:#322039;color:#fff;font:inherit;text-decoration:none}
.creator-shell button{cursor:pointer;background:#8b287c;border-color:#c65ab6}
.creator-shell button:disabled{opacity:.65;cursor:wait}
.creator-shell input,.creator-shell select,.creator-shell textarea{box-sizing:border-box;display:block;width:min(100%,36rem);min-height:2.75rem;margin:.4rem 0 1rem;padding:.65rem;border:1px solid #766b7e;border-radius:.55rem;background:#211e25;color:#fff;font:inherit}
.creator-shell :focus-visible{outline:3px solid #f3a8e8;outline-offset:3px}
.creator-shell #mfa-qr{display:block;width:min(100%,16rem);height:auto;background:#fff;padding:.5rem;border-radius:.5rem}
.creator-shell #mfa-secret{overflow-wrap:anywhere;user-select:all}
.creator-shell [hidden]{display:none!important}
@media(max-width:420px){.creator-shell{width:min(100% - 1rem,72rem)}.creator-shell nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.creator-shell nav a{white-space:normal;font-size:.9rem;text-align:center}}
.creator-local-demo{border-color:rgba(165,139,223,.26)!important;background:radial-gradient(ellipse at 92% 0,rgba(165,139,223,.09),transparent 42%),#17151c!important}
.creator-local-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.creator-local-demo-heading h3{margin:.2rem 0}.creator-local-demo-heading>span,.creator-demo-label{color:#c6b4f1;font-size:.75rem;font-weight:750;letter-spacing:.06em}
.creator-local-demo>p:not(.creator-demo-label){max-width:68ch;color:#c4bdca}
.creator-local-demo form{display:grid;grid-template-columns:minmax(0,1fr);max-width:42rem}
.creator-local-demo form button{justify-self:start}
.creator-demo-idea{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-top:.7rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.09);border-radius:.75rem;background:rgba(255,255,255,.025)}
.creator-demo-idea p{margin:.3rem 0;color:#e7dfed;overflow-wrap:anywhere}.creator-demo-idea small,.creator-demo-empty{color:#aaa3b4}
.creator-shell .creator-demo-remove{min-height:2.5rem;padding:.45rem .8rem;background:#27212f;border-color:#554961;white-space:nowrap}
@media(max-width:480px){.creator-demo-idea{flex-direction:column}.creator-shell .creator-demo-remove{align-self:flex-start}}