:root{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f8f3e9;background:#0b1021;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0b1021;--panel: #131a2d;--panel-soft: #192239;--panel-light: #202b44;--ink: #f8f3e9;--muted: #aeb8ca;--faint: #74829a;--line: rgba(207, 219, 245, .14);--coral: #ff886f;--gold: #ffd06c;--mint: #77d9bb;--cyan: #75d8f2;--purple: #b9a0ff;--pink: #f2a0d6;--radius-sm: 9px;--radius: 16px;--radius-lg: 24px;--mono: "DM Mono", ui-monospace, monospace;--pixel: "Press Start 2P", "DM Mono", monospace;--shadow: 0 20px 54px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:360px;min-height:100%}body{min-height:100vh;background:var(--bg)}button,a{font:inherit}button,a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}::selection{background:#ff886f;color:#131827}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.demo-banner{min-height:44px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:9px;background:#44351b;color:#ffe9b5;border-bottom:1px solid #85642b;font:16px var(--mono);letter-spacing:.02em}.demo-banner span{padding:3px 7px;border-radius:4px;color:#171320;background:var(--gold);font-weight:700}.topbar{height:76px;padding:0 clamp(20px,4.2vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#0b1021f0;position:relative;z-index:5}.brand-lockup{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font:600 13px var(--mono);letter-spacing:.08em;white-space:nowrap}.brand-lockup b{color:var(--coral)}.brand-lockup--button{background:none;border:0;padding:7px 0;cursor:pointer;text-align:left}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,208,108,.58);border-radius:10px 4px;color:var(--gold);font:700 12px var(--pixel);letter-spacing:-.1em;padding-right:2px}.floor-pill{display:inline-flex;gap:9px;align-items:center;padding:8px 11px;border-radius:999px;background:#18243a;border:1px solid rgba(130,208,194,.18);color:#c5dddf;font:11px var(--mono);letter-spacing:.05em;white-space:nowrap}.floor-pill>i,.status-dot,.stream-live i,.watch-live-badge i,.chat-connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#76e1a3;box-shadow:0 0 10px #76e1a3ad}.status-dot--offline{background:#9ba7b5;box-shadow:0 0 8px #9ba7b573}.floor-pill b{color:var(--faint)}.topbar-right,.floor-title{display:flex;gap:14px;align-items:center}.topbar-hint{color:var(--muted);font-size:16px}.button{min-height:44px;border-radius:9px;border:1px solid var(--line);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);background:var(--panel-soft);font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.button:hover:not(:disabled){border-color:#ffd06c7a;background:#23304b;transform:translateY(-1px)}.button--primary{color:#251b27;background:var(--gold);border-color:var(--gold);box-shadow:0 5px #bd8445,0 13px 26px #ffd06c21}.button--primary:hover:not(:disabled){color:#251b27;background:#ffdb85;border-color:#ffdb85}.button--quiet{background:#ffffff09}.button--large{min-height:58px;padding:0 24px;font-size:16px}.text-button{min-height:44px;padding:5px 0;border:0;background:transparent;color:var(--gold);cursor:pointer;font-size:16px;font-weight:600}.text-button:hover{color:#ffe3a1;text-decoration:underline}.eyebrow{color:var(--gold);font:11px var(--mono);letter-spacing:.13em}.inline-alert{margin:12px auto;max-width:1160px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(255,136,111,.4);border-radius:9px;background:#53263070;color:#ffd6cd;font-size:16px}.empty-state{max-width:520px;margin:5vh auto;padding:36px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#161f34f0;box-shadow:var(--shadow);text-align:center}.empty-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#27334a;color:var(--gold);font-size:29px}.empty-state h2{margin:18px 0 8px;font-size:22px}.empty-state p{margin:0 auto 22px;max-width:390px;color:var(--muted);line-height:1.6}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.22);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}.spinner--small{width:11px;height:11px;border-width:1px}@keyframes spin{to{transform:rotate(360deg)}}.pixel-person{position:relative;display:inline-block;width:26px;height:36px;flex:0 0 26px;background-image:url(/assets/arcade-crowd-atlas.png);background-repeat:no-repeat;background-size:400% 200%;image-rendering:pixelated}.status-error{color:#ff9e90}.show-more-streams{display:flex;margin:24px auto 36px}.share-error{margin:8px 0;color:#ffb9a8;font-size:16px}.share-fallback{margin-top:8px}.share-fallback .share-error{margin:0 0 7px}.share-fallback-link{display:grid;gap:4px;color:#c3cedb;font-size:16px}.share-fallback-link input{width:100%;min-height:44px;padding:6px 8px;border:1px solid rgba(255,208,108,.35);border-radius:6px;color:#f5e5bd;background:#11182a;font:16px var(--mono)}@media(max-width:760px){.topbar{height:68px;padding:0 18px;gap:12px}.brand-lockup{font-size:11px;gap:8px}.brand-mark{width:30px;height:30px;font-size:10px}.topbar-hint{display:none}.demo-banner{font-size:16px}}.landing-screen{min-height:calc(100vh - 34px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);background:radial-gradient(ellipse at 14% 75%,#242e4a 0,#131a30 36%,#0b1021 82%);overflow:hidden}.landing-sky{min-height:720px;position:relative;overflow:hidden;background:linear-gradient(180deg,#232d51,#38446f 46%,#ef9a83);isolation:isolate}.landing-sky:before,.landing-sky:after{display:none}.landing-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}.landing-art-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090f1d05,#090f1d0f 62%,#090f1d47),linear-gradient(0deg,rgba(9,15,29,.28),transparent 38%)}.landing-sky:before{content:"";position:absolute;inset:auto -10% 0;height:37%;z-index:-1;background:#25263d;clip-path:polygon(0 100%,0 62%,12% 62%,12% 43%,21% 43%,21% 58%,30% 58%,30% 17%,37% 17%,37% 56%,48% 56%,48% 28%,57% 28%,57% 54%,67% 54%,67% 0,74% 0,74% 53%,84% 53%,84% 29%,93% 29%,93% 58%,100% 58%,100% 100%);opacity:.7}.landing-sky:after{content:"";position:absolute;left:-10%;right:-10%;top:67%;height:34%;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 120px,rgba(255,195,110,.12) 121px 124px),linear-gradient(180deg,#22223b,#11182c);transform:perspective(260px) rotateX(12deg);transform-origin:top}.sky-star{position:absolute;color:#fff2b8;text-shadow:0 0 17px #ffd06c;animation:twinkle 3s ease-in-out infinite alternate}.sky-star--one{top:13%;left:20%;font-size:23px}.sky-star--two{top:26%;right:19%;font-size:33px;animation-delay:1s}.sky-star--three{top:43%;left:11%;font-size:14px;animation-delay:.4s}@keyframes twinkle{to{opacity:.48;transform:scale(.7)}}.landing-sun{position:absolute;width:165px;height:165px;top:12%;right:23%;border-radius:50%;background:repeating-linear-gradient(180deg,#ffd486 0 10px,#f49b91 10px 16px);box-shadow:0 0 75px #ffbd7647;opacity:.9}.arcade-sign{position:absolute;z-index:2;top:10%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 23px;color:#fff0bd;border:1px solid #ffd06c;border-radius:5px;background:#301d39;box-shadow:0 0 20px #ffb057,inset 0 0 14px #ffbf5938;font:8px var(--mono);letter-spacing:.2em;white-space:nowrap}.arcade-sign b{color:#fff4d8;font:14px var(--pixel);text-shadow:0 0 9px #ff886f}.landing-building{position:absolute;z-index:1;width:min(68%,525px);height:48%;left:50%;bottom:17%;transform:translate(-50%);filter:drop-shadow(0 28px 24px rgba(0,0,0,.32))}.building-roof{position:absolute;inset:0 0 auto;height:18%;display:grid;place-items:center;background:linear-gradient(100deg,#ffb56d,#e97179 68%,#b55d8d);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);box-shadow:0 0 20px #ff9c71}.building-roof span{color:#fff7da;font:16px var(--pixel);text-shadow:3px 3px 0 #944c6d}.building-lights{position:absolute;left:4%;right:4%;top:18%;height:15%;display:flex;align-items:center;justify-content:space-around;padding:0 6%;background:#303049;border:5px solid #9b5679;border-top:0}.building-lights i{width:8%;height:43%;background:#ffd76a;box-shadow:0 0 16px #ffd76a;animation:light-blink 2s steps(2,end) infinite alternate}.building-lights i:nth-child(2n){background:#7be1da;box-shadow:0 0 14px #7be1da;animation-delay:.6s}@keyframes light-blink{to{opacity:.52}}.building-window{position:absolute;inset:33% 7% 0;display:grid;place-items:center;background:linear-gradient(110deg,#202645ed,#211739d1);border:9px solid #975579;border-bottom-width:14px;box-shadow:inset 0 0 55px #ff838e3d}.building-window:before{content:"";position:absolute;left:25%;top:0;bottom:0;width:8px;background:#a45c7d;box-shadow:165px 0 #a45c7d}.building-window span{color:#f6d687;text-align:center;font:11px/1.8 var(--pixel);text-shadow:0 0 14px #ffd06c;transform:translateY(-8px)}.building-entry{position:absolute;width:22%;height:45%;bottom:0;left:39%;background:#16172d;border:5px solid #a45c7d;border-bottom:0}.entry-glow{position:absolute;inset:0 14%;background:#ffc074;opacity:.5;filter:blur(12px);animation:entry-glow 2.4s ease-in-out infinite alternate}@keyframes entry-glow{to{opacity:.9}}.landing-crowd{position:absolute;z-index:2;bottom:13%;left:19%;right:19%;height:50px;display:flex;align-items:end;justify-content:space-around}.landing-crowd i{width:22px;height:28px;position:relative;background:#27223a;clip-path:polygon(27% 0,72% 0,100% 35%,88% 45%,78% 32%,83% 100%,18% 100%,24% 32%,12% 46%,0 34%);animation:crowd-bop 1.7s ease-in-out infinite alternate}.landing-crowd i:before{content:"";position:absolute;top:-8px;left:6px;width:11px;height:10px;border-radius:4px;background:#f2b083}.landing-crowd i:nth-child(3n){animation-delay:.5s;background:#252a48}.landing-crowd i:nth-child(3n+1){animation-delay:.9s;background:#423044}@keyframes crowd-bop{to{transform:translateY(-5px) rotate(-3deg)}}.landing-ground{position:absolute;bottom:0;height:13%;left:0;right:0;background:repeating-linear-gradient(90deg,#23253c 0 8%,#29273f 8% 16%);border-top:3px solid rgba(255,187,111,.42)}.landing-copy{align-self:center;max-width:680px;padding:58px clamp(30px,7vw,104px) 58px clamp(30px,5vw,72px);position:relative}.landing-copy .brand-lockup{margin-bottom:80px}.landing-copy .eyebrow{margin:0 0 17px}.landing-copy h1{margin:0;font-size:clamp(38px,4.4vw,65px);line-height:1.06;letter-spacing:-.055em}.landing-copy h1 span{color:var(--gold)}.landing-description{margin:21px 0 29px;color:#c1cada;font-size:18px;line-height:1.55;max-width:395px}.entry-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#bac4d3;font-size:16px}.entry-notes span{display:inline-flex;gap:7px;align-items:center}.entry-notes b{color:var(--gold);font:11px var(--mono)}.guest-note{display:flex;align-items:center;gap:10px;margin:26px 0 0;color:#8492a7;font-size:16px}.guest-note i{width:3px;height:3px;border-radius:50%;background:#69778e}.landing-version{position:absolute;bottom:-95px;right:12%;color:#60708a;font:9px var(--mono);letter-spacing:.16em}.map-screen,.picker-screen,.watch-screen{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#1b2942,var(--bg) 65%)}.map-heading,.picker-heading{max-width:1240px;margin:0 auto;padding:36px 28px 22px;display:flex;justify-content:space-between;align-items:end}.map-heading .eyebrow,.picker-heading .eyebrow{margin:0 0 11px}.map-heading h1,.picker-heading h1{margin:0 0 7px;font-size:34px;letter-spacing:-.04em}.map-heading p:not(.eyebrow),.picker-heading p:not(.eyebrow){margin:0;color:var(--muted)}.map-status{display:flex;gap:8px;align-items:center;color:#c6d4d5;font-size:16px}.map-status small{display:block;margin-left:10px;color:var(--faint);font:11px var(--mono)}.map-loading{min-height:400px;display:grid;align-content:center;justify-items:center;gap:12px;color:var(--muted)}.map-board{position:relative;height:min(58vh,580px);min-height:440px;max-width:1240px;margin:0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:24px;background-image:linear-gradient(180deg,#161f3640,#0c142585),var(--map-art);background-size:cover;background-position:center 46%;box-shadow:var(--shadow);isolation:isolate}.map-art-wash{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at center,transparent 8%,rgba(8,15,31,.38) 100%),linear-gradient(180deg,#0c12241a 50%,#0d1421b3)}.map-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-paths path{fill:none;stroke:#ffe197c7;stroke-width:3;stroke-dasharray:3 12;stroke-linecap:round;filter:drop-shadow(0 0 5px #fdb960);animation:path-walk 16s linear infinite}@keyframes path-walk{to{stroke-dashoffset:-100}}.map-node{position:absolute;z-index:2;width:204px;min-height:114px;padding:10px;display:grid;grid-template-columns:67px 1fr 16px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.2);border-radius:13px;text-align:left;color:var(--ink);background:#11182ae8;box-shadow:0 10px 24px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%,-50%);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.map-node:hover,.map-node:focus-visible{transform:translate(-50%,-53%) scale(1.035);border-color:var(--zone-accent);background:#202b43}.map-node--selected{border-color:var(--zone-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--zone-accent),transparent 35%),0 12px 28px #00000057}.map-node-art{position:relative;width:67px;height:77px;overflow:hidden;background-image:linear-gradient(180deg,#10162614,#10162661),var(--node-art);background-size:cover;background-position:center;clip-path:polygon(12% 16%,48% 0,86% 12%,100% 90%,4% 100%)}.map-node-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,17,31,.45))}.map-node-art:after{content:"";position:absolute;top:12%;left:45%;width:10%;height:10%;border-radius:50%;background:#fff0bb;box-shadow:0 0 15px var(--zone-accent);animation:map-district-light 2.8s ease-in-out infinite alternate}@keyframes map-district-light{to{opacity:.5;transform:scale(.72)}}.map-node-window{position:absolute;z-index:1;bottom:0;left:46%;width:9%;height:31%;background:#f8b874}.map-node-flag{position:absolute;z-index:2;top:4%;right:12%;color:#fff3be;text-shadow:0 0 8px var(--zone-accent);animation:twinkle 2.5s ease-in-out infinite alternate}.map-node-label{display:grid;gap:7px}.map-node-label b{font-size:16px;line-height:1.2}.map-node-label small{color:#aeb9cb;font:12px var(--mono)}.map-node-arrow{align-self:start;color:var(--zone-accent)}.map-legend{position:absolute;left:22px;bottom:18px;z-index:1;display:grid;gap:4px;color:#f5dfac;font:10px var(--mono);letter-spacing:.08em}.map-legend>span{display:flex;gap:7px;align-items:center;color:#bfe4d5}.map-legend i{width:6px;height:6px;border-radius:50%;background:#76e1a3;box-shadow:0 0 9px #76e1a3}.map-legend b{font-size:14px}.map-legend small{color:#bec8d6;font:10px var(--mono)}.map-cloud{position:absolute;width:90px;height:18px;border-radius:50%;background:#e0daea2e;filter:blur(4px);animation:cloud-drift 28s linear infinite}.map-cloud--one{top:12%;left:2%}.map-cloud--two{top:25%;left:70%;animation-duration:35s}@keyframes cloud-drift{50%{transform:translate(54px)}}.map-footer{max-width:1240px;margin:0 auto;padding:18px 4px;display:flex;gap:28px;color:#96a3b8;font:11px var(--mono)}.map-footer span{display:inline-flex;align-items:center;gap:7px}kbd{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:1px solid rgba(215,224,245,.22);border-radius:5px;background:#1b2438;color:#d8e0ed;font:10px var(--mono)}.map-footer-mood{margin-left:auto;color:#687991}@media(max-width:900px){.landing-screen{grid-template-columns:1fr}.landing-sky{min-height:470px;grid-row:2}.landing-copy{grid-row:1;max-width:none;padding:38px 28px}.landing-copy .brand-lockup{margin-bottom:36px}.landing-copy h1{font-size:44px}.landing-version{display:none}.map-heading,.picker-heading{padding:26px 20px 18px}.map-board{margin:0 16px;min-height:500px}.map-node--esports_arena{left:25%!important;top:14%!important}.map-node--battle_zone{left:75%!important;top:14%!important}.map-node--open_world_sandbox{left:25%!important;top:38%!important}.map-node--rpg_adventure{left:75%!important;top:38%!important}.map-node--sports_casual{left:25%!important;top:62%!important}.map-node--live_lounge{left:75%!important;top:62%!important}.map-node--other{left:25%!important;top:86%!important}.map-footer{padding:16px 20px;flex-wrap:wrap}}@media(max-width:560px){.map-heading,.picker-heading{align-items:start}.map-heading h1,.picker-heading h1{font-size:29px}.map-status{flex-direction:column;align-items:flex-start;font-size:16px}.map-status small{margin:0}.map-board{height:570px;min-height:570px;background-position:center}.map-node{width:154px;min-height:112px;padding:7px;grid-template-columns:48px 1fr 12px;gap:7px}.map-node--esports_arena,.map-node--battle_zone{top:13%!important}.map-node--open_world_sandbox,.map-node--rpg_adventure{top:37%!important}.map-node--sports_casual,.map-node--live_lounge{top:61%!important}.map-node--other{top:85%!important}.map-node-art{width:48px;height:63px}.map-node-label b{font-size:16px}.map-node-label small{font-size:12px}.map-footer{gap:11px 18px;font-size:14px}.map-footer-mood{margin-left:0}}.floor-screen{min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#10162a}.floor-topbar{flex:0 0 76px}.floor-alert{margin:8px 4vw;padding:8px 12px;font-size:16px}.floor-live-count{color:#cbd4e2;font-size:16px;font-weight:600;white-space:nowrap}.floor-loading{flex:1;display:grid;align-content:center;justify-items:center;gap:12px;color:#cbd4e2}.floor-loading p{margin:0}.floor-zone-labels{display:flex;gap:16px;overflow:hidden;white-space:nowrap}.floor-zone-labels span{display:inline-flex;gap:6px;align-items:center;color:#cbd2dc}.floor-updated{margin-left:auto;color:#a6b4c7;font:12px var(--mono);letter-spacing:.02em;white-space:nowrap}.floor-viewport{position:relative;flex:1 1 auto;min-height:400px;overflow:hidden;background:linear-gradient(180deg,#27314e,#384362 36%,#18223a 69%,#11182a)}.floor-world{position:absolute;inset:0 auto 0 0;will-change:transform}.floor-wall{position:absolute;z-index:0;inset:0 0 30%;background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(240,219,183,.08) 119px 123px),linear-gradient(180deg,#1920378c,#1f263c3d);border-bottom:3px solid rgba(255,221,163,.33)}.floor-wall:before{content:"";position:absolute;inset:9% 0 0;background:repeating-linear-gradient(90deg,transparent 0 248px,rgba(255,213,141,.18) 249px 254px)}.floor-wall:after{content:"";position:absolute;left:0;right:0;top:16%;height:5px;background:linear-gradient(90deg,#82d6ed,#f1a4d3,#ffcb70,#9de19d);opacity:.7;box-shadow:0 0 23px #ffcb708c}.floor-zones{position:absolute;z-index:3;inset:0 auto 0 0;display:flex;height:100%}.floor-zone{position:relative;flex:0 0 auto;height:100%;overflow:hidden;isolation:isolate;border-right:1px solid rgba(255,255,255,.22)}.floor-game-group{position:absolute;inset:0 auto 0 0;height:100%}.zone-backdrop{position:absolute;z-index:-2;inset:0 0 20%;background-image:linear-gradient(180deg,#151c323d,#171d3152 55%,#131a2ce6),var(--zone-art);background-size:cover;background-position:center;opacity:.72}.zone-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--zone-accent),transparent 90%),transparent 30% 72%,color-mix(in srgb,var(--zone-accent),transparent 91%))}.zone-sign{position:absolute;top:8%;left:54px;z-index:2;display:flex;align-items:center;gap:13px;width:min(370px,calc(100% - 108px));min-height:94px;padding:10px 14px 11px;border:0;border-left:3px solid var(--zone-accent);color:inherit;text-align:left;background:#0b111fd6;box-shadow:0 8px 25px #00000038;cursor:pointer}.zone-sign:focus-visible,.arcade-cabinet:focus-visible,.floor-exit:focus-visible{outline:3px solid #fff1b5;outline-offset:4px}.zone-sign img{flex:0 0 58px;width:58px;height:70px;object-fit:cover;border:1px solid rgba(255,255,255,.24);border-radius:6px}.zone-sign>div{min-width:0;display:grid;gap:5px}.zone-sign span{overflow:hidden;color:var(--zone-accent);font:9px var(--mono);letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}.zone-sign b{overflow:hidden;color:#fff9ed;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.zone-sign small{color:#bdc7d5;font-size:12px}.zone-beam{position:absolute;z-index:-1;top:0;left:28%;width:44%;height:47%;background:linear-gradient(180deg,color-mix(in srgb,var(--zone-accent),transparent 82%),transparent);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);opacity:.72;animation:beam-breathe 4s ease-in-out infinite alternate}@keyframes beam-breathe{to{opacity:.34}}.floor-ground{position:absolute;z-index:2;left:0;right:0;bottom:0;height:28%;border-top:5px solid rgba(237,210,168,.4);background:repeating-linear-gradient(90deg,#ffffff06 0 125px,#00000017 126px 250px),linear-gradient(180deg,#29314a,#192139);box-shadow:inset 0 15px 24px #04091557}.floor-ground:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 249px,rgba(255,219,151,.22) 250px 252px)}.arcade-cabinet{position:absolute;z-index:3;top:31%;width:178px;height:302px;padding:10px 10px 24px;display:flex;flex-direction:column;align-items:center;border:3px solid color-mix(in srgb,var(--cabinet-accent),#ffffff 18%);border-bottom-width:8px;border-radius:12px 12px 5px 5px;color:#faf0dd;background:linear-gradient(110deg,#1b2138,#30324a 50%,#181d32);box-shadow:0 13px #171a2d,0 24px 20px #00000057,inset 0 0 0 3px #ffffff0f;cursor:pointer;transform:scale(var(--cabinet-scale, 1));transform-origin:top center;transition:transform .16s,filter .2s,box-shadow .2s}.arcade-cabinet:hover,.arcade-cabinet--near{z-index:5;transform:translateY(-7px) scale(var(--cabinet-scale, 1));filter:brightness(1.12);box-shadow:0 13px #171a2d,0 26px 25px #00000070,0 0 25px color-mix(in srgb,var(--cabinet-accent),transparent 50%)}.cabinet-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:8px;font:9px var(--mono)}.cabinet-rank{color:#d9d0bf;letter-spacing:.05em}.cabinet-live{display:flex;align-items:center;gap:5px;padding:3px 5px;border-radius:4px;background:#5b2531ad;color:#ffab9a;font-size:8px}.cabinet-live i{width:5px;height:5px;border-radius:50%;background:#ff7f75;box-shadow:0 0 7px #ff7f75}.cabinet-streamer-avatar{position:absolute;z-index:6;top:-50px;left:50%;width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border:3px solid color-mix(in srgb,var(--cabinet-accent),#ffffff 18%);border-radius:50%;background:#202641;box-shadow:0 4px 12px #0000006b;transform:translate(-50%);pointer-events:none}.cabinet-streamer-avatar .pixel-person,.cabinet-streamer-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cabinet-streamer-avatar .pixel-person{transform:scale(1.12)}.cabinet-streamer-avatar img{z-index:1}.cabinet-screen{position:relative;width:100%;height:131px;display:grid;place-items:center;overflow:hidden;border:4px solid #111627;border-radius:5px;background:radial-gradient(circle at center,var(--cabinet-accent),#222439 72%);box-shadow:0 0 0 2px #ffffff24,inset 0 0 20px #00000059}.cabinet-screen img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.cabinet-screen img{position:absolute;inset:0}.cabinet-placeholder{color:#ffffffc2;font:26px var(--pixel);text-shadow:3px 4px 0 rgba(0,0,0,.6)}.cabinet-screen--has-thumbnail .cabinet-placeholder{display:none}.screen-sheen{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.22),transparent 35% 76%,rgba(255,255,255,.08));pointer-events:none}.cabinet-title{width:100%;min-height:39px;margin:9px 0 3px;overflow:hidden;color:#fff2d7;font-size:16px;line-height:1.2;font-weight:700;text-align:center;text-overflow:ellipsis}.cabinet-player-handle{width:100%;overflow:hidden;color:#c1cad8;font:10px var(--mono);text-align:center;text-overflow:ellipsis;white-space:nowrap}.cabinet-controls{display:flex;align-items:center;gap:7px;margin-top:auto}.cabinet-controls i{width:8px;height:8px;border-radius:50%;background:#ff7774;box-shadow:0 1px 3px #0d1120}.cabinet-controls i:nth-child(2){background:#ffd45e}.cabinet-controls i:nth-child(3){background:#75d8f2}.cabinet-controls b{width:9px;height:23px;margin-left:7px;border-radius:5px;background:#c2cad6;box-shadow:0 2px #646c7e}.cabinet-base{position:absolute;bottom:0;left:12%;right:12%;height:17px;border-radius:3px 3px 0 0;background:#151a2d;box-shadow:inset 0 3px #ffffff14}.cabinet-players{position:absolute;left:-111px;right:-111px;bottom:-75px;height:70px;pointer-events:none}.cabinet-players .pixel-person{position:absolute;bottom:0;filter:drop-shadow(0 2px 1px rgba(0,0,0,.3))}.cabinet-players .npc-player{left:calc(50% - 31px);width:62px;height:84px;transform:translateY(3px);transform-origin:bottom;animation:arcade-tap .52s steps(2,end) infinite alternate}.cabinet-players .npc-seat{position:absolute;bottom:0;width:44px;height:60px;transform:translate(-50%)}.cabinet-players .npc-seat--facing-left{transform:translate(-50%) scaleX(-1)}.cabinet-players .npc-fan{left:0;width:44px;height:60px;transform-origin:bottom;animation:cheer .85s ease-in-out infinite alternate;animation-delay:var(--crowd-delay, 0ms)}.cabinet-players .npc-player,.cabinet-players .npc-fan{animation-play-state:paused}.arcade-cabinet--animated .cabinet-players .npc-player,.arcade-cabinet--animated .cabinet-players .npc-fan{animation-play-state:running}.cabinet-chat-bubbles{position:absolute;z-index:7;top:-76px;left:50%;width:176px;display:grid;justify-items:center;gap:4px;transform:translate(-50%);pointer-events:none}.cabinet-chat-bubble{position:relative;max-width:100%;min-height:37px;display:flex;align-items:center;gap:6px;padding:4px 7px;border:2px solid rgba(255,255,255,.24);border-radius:10px;color:#182035;background:#fff8df;box-shadow:0 4px 11px #0000004d;font-size:11px;text-align:left}.cabinet-chat-bubble:after{content:"";position:absolute;bottom:-4px;left:50%;width:8px;height:8px;background:#fff8df;transform:translate(-50%) rotate(45deg)}.cabinet-chat-bubble>.pixel-person{flex:0 0 26px;transform:scale(.92);transform-origin:center}.cabinet-chat-bubble>span:last-child{min-width:0;display:grid;gap:2px;overflow:hidden}.cabinet-chat-bubble b,.cabinet-chat-bubble>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabinet-chat-bubble b{color:#566079;font-size:9px}.cabinet-chat-bubble>span>span{color:#182035}@keyframes arcade-tap{to{transform:translateY(-3px)}}@keyframes cheer{to{transform:translateY(-7px) rotate(-5deg)}}.pixel-person.player-walk--moving{animation:avatar-walk .22s steps(2,end) infinite alternate}.pixel-person.player-walk--facing-left{transform:scaleX(-1)}@keyframes avatar-walk{to{translate:2px -3px}}.local-walker,.remote-walker{position:absolute;z-index:8;display:grid;justify-items:center;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.remote-walker{transition:left .12s linear,top .12s linear}.local-walker>span:last-child,.remote-walker>span:last-child{margin-top:2px;color:#fff3c7;font:8px var(--mono);letter-spacing:.1em;text-shadow:0 1px 3px #101423}.local-walker .pixel-person{width:58px;height:78px}.remote-walker{z-index:7;opacity:.9}.remote-walker--moving .pixel-person{animation:avatar-walk .22s steps(2,end) infinite alternate}.remote-walker .pixel-person{width:50px;height:67px}.arcade-passerby{position:absolute;display:grid;justify-items:center;pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.arcade-passerby .pixel-person{width:46px;height:62px}.arcade-passerby--moving .pixel-person{animation:avatar-walk .32s steps(2,end) infinite alternate}.touch-controls{display:none}.floor-exit{position:absolute;z-index:8;top:45%;width:80px;min-height:106px;display:grid;align-content:center;justify-items:center;gap:4px;border:2px solid rgba(255,214,133,.7);border-radius:9px;color:#fbeac2;background:linear-gradient(135deg,#332c50,#161d32);box-shadow:0 0 18px #ffcf702e,inset 0 0 12px #ffffff0f;cursor:pointer}.floor-exit>span{color:var(--gold);font-size:22px}.floor-exit b{font:12px var(--mono);letter-spacing:.12em}.floor-exit small{color:#aeb9cc;font:8px var(--mono);white-space:nowrap}.floor-exit--near{box-shadow:0 0 0 3px #ffcf703d,0 0 26px #ffcf707a}.floor-footer{flex:0 0 44px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 4vw;background:#0e1526;color:#96a4ba;font:14px var(--mono)}.floor-footer b{color:var(--gold);font-family:var(--pixel);font-size:8px}.floor-footer kbd{min-width:19px;height:18px;font-size:9px}.floor-footer-walk{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.floor-empty{position:absolute;z-index:8;top:45%;left:50%;transform:translate(-50%,-50%)}.floor-alert+.floor-viewport{min-height:320px}@media(max-width:760px){.floor-topbar{flex:0 0 68px}.floor-zone-labels{display:none}.floor-updated{font-size:10px}.floor-footer{flex:0 0 44px;gap:8px;padding:0 10px;font-size:11px}.floor-footer>span{flex:1;text-align:center}.floor-footer>span:nth-child(3){display:none}.floor-footer-walk{gap:2px}.floor-footer-walk kbd{min-width:17px;padding:0 3px;font-size:8px}}@media(pointer:coarse),(max-width:760px){.touch-controls{position:absolute;z-index:13;left:13px;bottom:74px;display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:4px}.touch-controls button{width:56px;height:56px;border:1px solid rgba(255,230,178,.55);border-radius:13px;color:#fff3d1;background:#12192beb;box-shadow:0 5px 12px #00000052;font-size:23px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button:nth-child(1){grid-row:1;grid-column:2}.touch-controls button:nth-child(2){grid-row:2;grid-column:1}.touch-controls button:nth-child(3){grid-row:2;grid-column:3}.touch-controls button:nth-child(4){grid-row:3;grid-column:2}.touch-controls button:active{color:#241d2c;background:var(--gold)}}@media(max-height:680px){.arcade-cabinet{top:28%}.arcade-cabinet:hover,.arcade-cabinet--near{transform:translateY(-5px) scale(var(--cabinet-scale, 1))}.zone-sign{top:4%}}.picker-screen,.watch-screen{min-height:100vh}.picker-topbar>.button,.watch-topbar>.button{white-space:nowrap}.picker-breadcrumb,.watch-breadcrumb{display:flex;align-items:center;gap:12px;color:#8f9bb0;font:11px var(--mono);letter-spacing:.05em}.picker-breadcrumb b,.watch-breadcrumb b{color:#596780}.picker-breadcrumb strong,.watch-breadcrumb strong{color:#ecedee;font-weight:500}.picker-heading{padding-top:34px}.picker-count{display:grid;grid-template-columns:8px auto;gap:0 9px;align-items:center;min-width:110px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#141d31}.picker-count .status-dot{grid-row:span 2}.picker-count b{font-size:21px}.picker-count small{grid-column:2;color:#99a7bb;font:10px var(--mono)}.demo-note{max-width:1240px;margin:0 auto 16px;padding:10px 13px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,208,108,.34);border-radius:8px;color:#e1d8c2;background:#5b47274d;font-size:16px}.demo-note b{padding:4px 6px;border-radius:4px;color:#201a22;background:var(--gold);font:10px var(--mono);white-space:nowrap}.stream-grid-loading{min-height:340px;display:grid;align-content:center;justify-items:center;gap:12px;color:var(--muted)}.stream-grid{max-width:1500px;margin:0 auto;padding:12px 28px 40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.stream-card{min-width:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--cabinet-accent, var(--gold)),transparent 30%);border-radius:15px 15px 12px 12px;background:linear-gradient(145deg,#232c43,#151d30 72%);box-shadow:0 12px 28px #0003,inset 0 0 0 3px #ffffff06;transition:transform .2s,border-color .2s,box-shadow .2s}.stream-card:hover{transform:translateY(-3px);border-color:var(--cabinet-accent, var(--gold));box-shadow:0 18px 32px #0000004f,0 0 0 2px color-mix(in srgb,var(--cabinet-accent, var(--gold)),transparent 70%)}.stream-cabinet-marquee{min-height:50px;padding:7px 11px 8px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;border-bottom:3px solid #0d1324;background:linear-gradient(110deg,#343a53,#1c2942 58%,#332541)}.stream-cabinet-number{color:#aab7c9;font:9px var(--mono);letter-spacing:.1em}.stream-cabinet-marquee>b{grid-column:1;overflow:hidden;color:#fff1cb;font-size:16px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px color-mix(in srgb,var(--cabinet-accent, var(--gold)),transparent 45%)}.stream-cabinet-marquee .stream-live{position:static;grid-column:2;grid-row:1 / span 2}.stream-preview{position:relative;width:100%;aspect-ratio:16 / 9;padding:0;display:block;overflow:hidden;border:0;background:linear-gradient(130deg,#b36479,#3a345c 55%,#1c354d);cursor:pointer;text-align:left}.stream-preview img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.stream-card:hover .stream-preview img{transform:scale(1.035)}.stream-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#fff0cfc2;font:14px var(--pixel);text-align:center;text-shadow:0 3px 15px #111525}.stream-preview-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(6,10,22,.05),transparent 42%,rgba(6,10,22,.7))}.stream-live{position:absolute;z-index:3;top:12px;left:12px;display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:5px;color:#fff0e9;background:#852e3ae6;font:9px var(--mono);letter-spacing:.08em}.stream-live i{width:5px;height:5px;background:#ffaaa2}.stream-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;padding-left:3px;border:2px solid rgba(255,255,255,.75);border-radius:50%;color:#251b27;background:var(--gold);box-shadow:0 0 0 9px #ffd06c2b;opacity:0;transition:opacity .18s,transform .18s}.stream-preview:hover .stream-play,.stream-preview:focus-visible .stream-play{opacity:1;transform:translate(-50%,-50%) scale(1.06)}.stream-viewers{position:absolute;z-index:3;right:12px;bottom:11px;color:#fff;font:11px var(--mono)}.stream-cabinet-controls{min-height:28px;display:flex;align-items:center;justify-content:center;gap:8px;border-top:3px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.3);background:linear-gradient(180deg,#343b53,#222c43)}.stream-cabinet-controls i{width:9px;height:9px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:var(--cabinet-accent, var(--gold));box-shadow:0 2px #111827}.stream-cabinet-controls b{width:24px;height:8px;border-radius:5px;background:#11192a;box-shadow:inset 0 1px 2px #000c}.stream-card-content{padding:12px}.streamer-row{min-height:40px;display:flex;align-items:center;gap:10px}.streamer-avatar{position:relative;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:end center;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#252c44}.streamer-avatar .pixel-person{transform:scale(.91);transform-origin:bottom center;margin:0}.streamer-identity{min-width:0;flex:1;display:flex;align-items:center;gap:10px}.identity-avatar{position:relative;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:end center;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#252c44}.identity-avatar .pixel-person{transform:scale(.91);transform-origin:bottom center}.identity-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:#252c44}.identity-copy{min-width:0;display:grid;gap:3px}.identity-copy b{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.identity-copy small{overflow:hidden;color:#9da9bd;font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap}.streamer-viewer-count{display:grid;gap:2px;color:#f0dca7;font:12px var(--mono);text-align:right;white-space:nowrap}.streamer-viewer-count small{color:#8592a8;font-size:9px}.stream-card-content>h2{min-height:44px;margin:9px 0 8px;overflow:hidden;color:#f5f3ed;font-size:16px;line-height:1.4;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stream-meta{display:flex;align-items:center;gap:7px;overflow:hidden;color:#9eaabd;font:9px var(--mono);white-space:nowrap;text-overflow:ellipsis}.stream-meta i{width:3px;height:3px;border-radius:50%;background:#68768e;flex:0 0 3px}.stream-card-bottom{margin-top:13px;padding-top:11px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3px 9px;border-top:1px solid var(--line)}.stream-card-bottom a{color:#95dce6;font-size:16px;text-decoration:none;white-space:nowrap}.stream-card-bottom a:hover{text-decoration:underline}.stream-card-bottom .text-button{font-size:16px;white-space:nowrap}.watch-card-link{grid-column:1 / -1;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:7px;background:#354152;color:#fff3d7;font-size:16px;cursor:pointer;white-space:nowrap}.watch-card-link:hover{background:#49576a}.picker-footer{max-width:1240px;margin:0 auto;padding:18px 28px 28px;display:flex;justify-content:space-between;color:#7f8ca1;font:10px var(--mono)}.watch-screen{background-color:#0b1021;background-image:linear-gradient(180deg,#0b1021b8,#0b1021d1),radial-gradient(ellipse at 45% -10%,#252c4be0 0,#12192dc2 40%,#0b1021b8 88%),var(--watch-zone-art);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.watch-screen .theater-frame{border-color:color-mix(in srgb,var(--watch-zone-accent),transparent 58%)}.watch-shell{max-width:1360px;margin:0 auto;padding:28px 30px 40px}.watch-title-row{margin-bottom:19px;display:flex;justify-content:space-between;align-items:end;gap:20px}.watch-title-row .eyebrow{display:flex;gap:8px;align-items:center;margin:0 0 9px}.watch-title-row h1{margin:0 0 6px;font-size:25px;letter-spacing:-.03em}.watch-stream-title{max-width:820px;margin:0;color:#c1c9d8;font-size:16px}.watch-live-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:#5329348a;color:#ffb4a3;font:11px var(--mono);white-space:nowrap}.watch-live-badge i{background:#ff8178;box-shadow:0 0 9px #ff8178}.watch-live-badge b{color:#a1757b}.embed-help{min-width:400px;margin:8px 0 0;color:#a9b4c7;font-size:12px;line-height:1.5}.embed-help a{color:#9bdfee;font-weight:600;text-decoration:underline;text-underline-offset:3px}.embed-help--error{color:#ffc4ae}.watch-shell>.demo-note{max-width:none;margin-bottom:17px}.watch-layout{display:grid;grid-template-columns:minmax(400px,1fr) 310px;align-items:start;gap:20px}.screen-column{min-width:0}.theater-frame{overflow:hidden;border:1px solid rgba(255,208,108,.25);border-radius:16px;background:#171b2d;box-shadow:0 18px 40px #0000005e,inset 0 0 0 4px #ffffff06}.theater-top{min-height:37px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);color:#c8c1ae;background:linear-gradient(90deg,#25243b,#18243a);font:9px var(--mono);letter-spacing:.12em}.theater-top span:first-child{display:inline-flex;align-items:center;gap:7px;color:#ffd897}.theater-top span:first-child i{width:6px;height:6px;border-radius:50%;background:#ff8276;box-shadow:0 0 8px #ff8276}.theater-top b{margin-left:5px;color:var(--gold)}.twitch-frame,.demo-player{width:100%;min-width:400px;min-height:300px;aspect-ratio:16 / 9;position:relative;background:#070910}.twitch-frame iframe{position:absolute;inset:0;width:100%;height:100%;min-width:400px;min-height:300px;border:0}.watch-walkway{min-width:400px;height:108px;margin-top:9px;position:relative;overflow:hidden;border:1px solid rgba(255,208,108,.2);border-radius:10px;outline:none;background:linear-gradient(180deg,#2a3045f2,#151b2dfa);cursor:crosshair;touch-action:manipulation}.watch-walkway:focus-visible{box-shadow:0 0 0 3px #ffd06c66}.watch-walkway-lights{position:absolute;inset:0 0 42%;background:repeating-linear-gradient(90deg,transparent 0 76px,rgba(108,205,236,.16) 77px 80px),linear-gradient(180deg,rgba(95,113,162,.25),transparent)}.watch-walkway-floor{position:absolute;inset:58% 0 0;border-top:2px solid rgba(255,223,168,.38);background:repeating-linear-gradient(90deg,transparent 0 118px,rgba(255,220,160,.12) 119px 121px),linear-gradient(180deg,#242c43,#171e32)}.watch-local-walker{position:absolute;z-index:2;width:58px;display:grid;justify-items:center;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.35));pointer-events:none}.watch-local-walker .pixel-person{width:42px;height:56px}.watch-local-walker>span:last-child{color:#fff3c7;font:8px var(--mono);letter-spacing:.1em;text-shadow:0 1px 3px #101423}.watch-walkway-hint{position:absolute;z-index:1;right:11px;bottom:8px;color:#abb7c9;font:10px var(--mono);text-shadow:0 1px 4px #101423;pointer-events:none}.twitch-chat-frame{width:100%;min-height:360px;display:block;border:0;border-radius:8px;background:#0e0e10}.player-status{min-width:400px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);color:#d5dfec;font-size:16px;line-height:1.4}.player-status--offline,.player-status--ended,.player-status--error{color:#ffc4ae}.player-status-actions{display:flex;flex-wrap:wrap;justify-content:end;align-items:center;gap:12px}.player-status-actions .text-button{min-height:44px;color:#9bdfee;font-size:16px}.demo-player{overflow:hidden;display:grid;place-items:center;color:#f7e7be;background:radial-gradient(ellipse at 54% 51%,#454068,#24223d 45%,#141b2f 82%)}.demo-player-grid{position:absolute;inset:0;opacity:.21;background:linear-gradient(90deg,transparent 49.7%,#8a6b9c 50%,transparent 50.4%),linear-gradient(0deg,transparent 49.7%,#8a6b9c 50%,transparent 50.4%);background-size:72px 72px}.demo-monitor{position:relative;width:min(58%,400px);min-height:180px;display:grid;align-content:center;justify-items:center;gap:12px;border:5px solid #db9c77;border-radius:12px;background:linear-gradient(135deg,#383d64db,#37284ef2);box-shadow:0 0 0 7px #332d47,0 12px 45px #0000007a,0 0 45px #ff9f7747}.demo-monitor>i{padding:4px 7px;border-radius:4px;color:#281a2d;background:var(--gold);font:10px var(--mono);font-style:normal;letter-spacing:.16em}.demo-monitor>b{max-width:90%;color:#fff1cc;font-size:20px;text-align:center}.demo-monitor>small{color:#c8bbda;font:9px var(--mono);letter-spacing:.13em}.demo-play{position:absolute;right:-20px;bottom:-17px;width:39px;height:39px;display:grid;place-items:center;padding-left:2px;border:3px solid #302943;border-radius:50%;color:#241c2d;background:var(--gold)}.demo-player>p{position:absolute;bottom:9px;margin:0;color:#8f9cb4;font:10px var(--mono)}.screen-controls{min-height:57px;margin:10px 0 14px;display:flex;justify-content:space-between;align-items:center;gap:13px}.mode-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#11182a}.mode-switch button{min-height:44px;padding:0 11px;border:0;border-radius:6px;color:#a5b1c3;background:transparent;font-size:16px;cursor:pointer}.mode-switch button:hover{color:var(--ink)}.mode-switch button.is-selected{color:#222031;background:var(--gold);font-weight:700}.screen-action-buttons{display:flex;gap:7px}.screen-action-buttons .button{min-height:44px;padding:0 11px;font-size:16px}.crowd-lane{min-height:133px;padding:14px 15px 12px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:linear-gradient(120deg,#1b243a,#161e32)}.crowd-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.crowd-heading>div:first-child{display:grid;gap:3px}.crowd-heading .eyebrow{margin:0;color:#8e9db1;font-size:9px}.crowd-heading b{color:#f3eddc;font-size:16px}.chat-connection{display:inline-flex;align-items:center;gap:6px;color:#9ba9bc;font:9px var(--mono);letter-spacing:.08em}.chat-connection--connected{color:#9de5ba}.chat-connection--retrying{color:#f5ca78}.chat-connection--off,.chat-connection--unavailable{color:#e9a096}.chat-connection--connecting{color:#b9c6d8}.chat-connection--retrying i{background:transparent;box-shadow:none}.chat-connection i.spinner--small{display:block;width:11px;height:11px;border-radius:50%;background:transparent;box-shadow:none}.spectator-row{min-height:75px;display:flex;justify-content:space-evenly;gap:8px;align-items:end;overflow:hidden}.spectator{flex:1 1 0;min-width:44px;min-height:104px;position:relative;display:grid;justify-items:center;align-content:end;gap:3px;animation:spectate-bob 2s ease-in-out infinite alternate}.spectator:nth-child(2n){animation-delay:.8s}@keyframes spectate-bob{to{transform:translateY(-3px)}}.spectator-avatar{transform:scale(1.08);transform-origin:bottom}.spectator-name{max-width:90px;overflow:hidden;color:#b7c1d0;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.spectator-bubble{position:absolute;z-index:2;left:50%;bottom:69px;width:max-content;max-width:min(220px,90%);display:grid;gap:3px;padding:8px 9px;overflow:hidden;border:1px solid rgba(255,255,255,.38);border-radius:9px 9px 9px 2px;color:#252035;background:#fff2d5;box-shadow:0 5px 14px #00000038;font-size:16px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;animation:bubble-pop .28s cubic-bezier(.2,.8,.2,1.2) both,bubble-expire .5s linear 8s forwards}.spectator-bubble b{max-width:100%;overflow:hidden;color:#73522f;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.spectator-bubble:after{content:"";position:absolute;bottom:-5px;left:11px;width:8px;height:8px;transform:rotate(45deg);background:#fff2d5;border-right:1px solid rgba(255,255,255,.38);border-bottom:1px solid rgba(255,255,255,.38)}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%,5px) scale(.82)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes bubble-expire{to{opacity:0;visibility:hidden}}.crowd-lane--chat{min-height:300px}.chat-list{max-height:235px;overflow-y:auto;display:grid;gap:2px}.chat-latest-button{min-height:44px;margin-top:8px;padding:0 12px;border:1px solid rgba(255,208,108,.35);border-radius:7px;color:#f7e4b2;background:#272c40;font-size:16px;cursor:pointer}.chat-latest-button:hover{background:#353b54}.chat-message{min-height:39px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.055)}.chat-message .pixel-person{transform:scale(.72);transform-origin:left center}.chat-message>span:nth-child(2){min-width:0;display:grid;grid-template-columns:minmax(76px,120px) 1fr;align-items:baseline;gap:8px}.chat-message b{overflow:hidden;color:#e5c988;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.chat-message small{overflow:hidden;color:#d6dce5;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.chat-message time{color:#7d8aa1;font:9px var(--mono)}.chat-note,.chat-retry{margin:11px 0 0;color:#95a1b6;font-size:16px}.chat-retry{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#e4c980}.chat-retry .text-button{font-size:16px}.streamer-card{padding:16px;border:1px solid rgba(255,208,108,.2);border-radius:15px;background:linear-gradient(156deg,#242b43,#182136 55%,#151c2f);box-shadow:0 15px 32px #0000003d}.streamer-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.streamer-card-head .eyebrow{margin:0}.streamer-card-head>span{color:#8b9bb0;font:9px var(--mono);letter-spacing:.08em}.streamer-identity--large{flex:0 0 auto;gap:12px;margin:17px 0 12px}.streamer-identity--large .identity-avatar{width:62px;height:62px;flex-basis:62px;border:2px solid rgba(255,208,108,.6);border-radius:17px}.streamer-identity--large .identity-avatar .pixel-person{transform:scale(1.12)}.streamer-identity--large .identity-copy b{font-size:17px}.streamer-identity--large .identity-copy small{color:#a5b2c4;font-size:11px}.streamer-bio{min-height:72px;max-height:120px;margin:0 0 14px;overflow:auto;color:#c1cad6;font-size:16px;line-height:1.55}.profile-facts{display:grid;gap:9px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-facts span{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.profile-facts small{color:#8492a8;font:9px var(--mono);letter-spacing:.1em}.profile-facts b{max-width:66%;overflow:hidden;color:#e4d7b9;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.profile-live-details{padding:12px 0;border-bottom:1px solid var(--line)}.profile-live-label{color:#8492a8;font:9px var(--mono);letter-spacing:.1em}.profile-live-details>p{margin:5px 0 8px;color:#e6e3db;font-size:16px;line-height:1.4}.profile-live-meta{display:flex;justify-content:space-between;gap:8px;color:#b6c4d3;font:9px var(--mono)}.profile-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.profile-tags span{padding:3px 6px;border-radius:4px;background:#9db0cd1f;color:#acbdd1;font:9px var(--mono)}.profile-link{min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#98dbe6;text-decoration:none;font-size:16px;font-weight:600}.profile-link:hover{color:#c0f3f8}.card-divider{height:1px;background:var(--line)}.share-card{position:relative;margin:15px 0 7px;padding:13px;border:1px solid rgba(255,208,108,.24);border-radius:11px;background:#ffd06c0e}.share-icon{position:absolute;right:12px;top:10px;color:var(--gold);font-size:17px}.share-card b{display:block;color:#f5e5bd;font-size:16px}.share-card p{margin:5px 0 10px;color:#9eabc0;font-size:16px}.share-card button{width:100%;min-height:44px;border:0;border-radius:7px;color:#211d2c;background:var(--gold);font-size:16px;font-weight:700;cursor:pointer}.share-card button:hover{background:#ffdf91}.streamer-card-footer{display:flex;align-items:center;gap:8px;margin-top:13px;color:#8492a8;font-size:10px}.guest-avatar-stack{display:flex;padding-left:2px}.guest-avatar-stack i{width:12px;height:12px;margin-left:-3px;border:1px solid #1b2338;border-radius:50%;background:#f1a48d}.guest-avatar-stack i:nth-child(2){background:#89d7ca}.guest-avatar-stack i:nth-child(3){background:#c1a3fa}.watch-loading,.offline-card{max-width:600px;margin:7vh auto;text-align:center}.watch-loading{padding:50px;display:flex;justify-content:center;gap:12px;color:var(--muted)}.offline-card{padding:44px 32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#172138;box-shadow:var(--shadow)}.offline-icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:16px;color:var(--gold);background:#2b3046;font-size:27px}.offline-card .eyebrow{margin:18px 0 8px}.offline-card h2{margin:0 0 9px;font-size:22px}.offline-card p:not(.eyebrow){margin:0 auto 22px;max-width:430px;color:var(--muted);line-height:1.55}.offline-actions{display:flex;justify-content:center;gap:10px}.upcoming-schedule{width:100%;max-width:340px;margin:0 0 21px;padding:13px;display:grid;gap:5px;border:1px solid rgba(255,208,108,.29);border-radius:10px;background:#ffd06c12;text-align:left}.upcoming-schedule .eyebrow{margin:0 0 2px}.upcoming-schedule b{color:#f2e6c9;font-size:16px}.upcoming-schedule>span:not(.eyebrow){color:#b8c5d5;font-size:14px}.upcoming-schedule time{margin-top:2px;color:#e5c775;font:10px var(--mono)}.offline-layout{max-width:1000px;margin:7vh auto;padding:0 16px;display:grid;grid-template-columns:minmax(400px,1fr) 310px;align-items:start;gap:20px}.offline-layout .offline-card{max-width:none;margin:0}.watch-footer{max-width:1360px;margin:0 auto;padding:0 30px 25px;display:flex;justify-content:space-between;align-items:center;color:#7e8ca1;font:10px var(--mono)}.watch-footer>span{display:flex;align-items:center;gap:8px}.watch-footer b{color:var(--gold);font-family:var(--pixel);font-size:8px}.watch-footer i{width:3px;height:3px;border-radius:50%;background:#627189}@media(max-width:1000px){.watch-layout,.offline-layout{grid-template-columns:minmax(400px,1fr) 270px;gap:14px}.screen-action-buttons .button{padding:0 8px;font-size:16px}.stream-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:760px){.picker-breadcrumb,.watch-breadcrumb{display:none}.picker-screen .topbar>.button,.watch-screen .topbar>.button{min-height:44px;padding:0 10px;font-size:16px}.picker-heading{align-items:center}.demo-note{margin:0 16px 14px;align-items:start;font-size:16px}.stream-grid{padding:10px 16px 30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.picker-footer{padding:16px;gap:12px;flex-wrap:wrap}.watch-shell{padding:22px 16px 30px}.watch-title-row{align-items:start;flex-direction:column}.watch-title-row h1{font-size:22px}.watch-layout{grid-template-columns:minmax(0,1fr)}.offline-layout{grid-template-columns:minmax(0,1fr);max-width:600px}.screen-controls{align-items:start;flex-direction:column}.screen-action-buttons{width:100%}.screen-action-buttons .button{flex:1;min-height:44px;font-size:16px}.watch-footer{padding:0 16px 20px}}@media(max-width:500px){.stream-grid{grid-template-columns:minmax(0,1fr)}.picker-heading{padding:23px 16px 17px}.picker-count{min-width:85px;padding:9px}.picker-count b{font-size:17px}.streamer-row{gap:7px}.streamer-viewer-count{font-size:10px}.stream-card-bottom{gap:2px 7px}.stream-card-bottom a,.stream-card-bottom .text-button{font-size:16px}.watch-shell{padding:18px 12px 24px}.theater-frame{min-width:400px}.player-status{width:calc(100vw - 24px);min-width:0;align-items:flex-start;flex-direction:column}.player-status-actions{justify-content:flex-start}.twitch-frame,.demo-player,.watch-walkway{width:400px}.twitch-chat-frame{min-height:320px}.screen-column{overflow-x:auto}.screen-controls,.crowd-lane{min-width:0}.screen-action-buttons{display:grid;grid-template-columns:minmax(0,1fr)}.screen-action-buttons .button{width:100%}.offline-layout{padding:0;margin:4vh 12px}.offline-card{margin:0;padding:36px 18px}.offline-actions{flex-direction:column;width:100%}.watch-footer{font-size:9px}}.landing-codex-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:14px 0 0 8px;padding:0 10px;border:0;color:#c3cede;background:transparent;font-size:16px;cursor:pointer}.landing-codex-link:hover{color:var(--gold)}.codex-deck{height:100vh;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;background:#0b1021;scrollbar-color:#46516d #11182a}.codex-topbar{position:sticky;z-index:20;top:0;height:70px;padding:0 clamp(16px,4vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#0b1021f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.codex-brand,.codex-final-footer>a{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font:600 12px var(--mono);letter-spacing:.08em;text-decoration:none;white-space:nowrap}.codex-brand>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,208,108,.58);border-radius:9px 4px;color:var(--gold);font:700 10px var(--pixel)}.codex-brand b,.codex-final-footer b{color:var(--coral)}.codex-progress{display:flex;align-items:center;gap:8px;color:#9caac0;font:10px var(--mono);white-space:nowrap}.codex-progress>span{margin-right:4px}.codex-progress button{width:21px;height:5px;padding:0;border:0;border-radius:5px;background:#38445b;cursor:pointer;transition:width .2s,background .2s}.codex-progress button.is-active{width:34px;background:var(--gold)}.codex-back-link{justify-self:end;color:#d7dfeb;font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap}.codex-back-link:hover{color:var(--gold)}.codex-slide{position:relative;min-height:calc(100vh - 70px);padding:clamp(50px,8vh,94px) clamp(24px,8vw,128px);display:grid;align-content:center;scroll-snap-align:start;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.codex-slide:nth-of-type(odd){background:radial-gradient(ellipse at 85% 25%,rgba(52,61,93,.32),transparent 48%),#0e1528}.codex-hero{min-height:calc(100vh - 70px);align-content:center;isolation:isolate}.codex-hero-art{position:absolute;z-index:-1;inset:0 0 0 35%;background-size:cover;background-position:center;opacity:.82;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%);mask-image:linear-gradient(90deg,transparent,#000 24%)}.codex-hero-copy{width:min(780px,75%)}.codex-kicker{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--gold);font:11px var(--mono);letter-spacing:.15em}.codex-kicker>span{width:7px;height:7px;border-radius:50%;background:#78e3a6;box-shadow:0 0 12px #78e3a6}.codex-slide h1,.codex-slide h2{margin:0;color:#fbf6ec;font-size:clamp(42px,6.2vw,86px);line-height:1.02;letter-spacing:-.06em}.codex-slide h1 em,.codex-slide h2 em{color:var(--gold);font-style:normal}.codex-lead{max-width:620px;margin:25px 0 11px;color:#d5deeb;font-size:clamp(18px,2vw,24px);line-height:1.5}.codex-build-line{max-width:620px;margin:0;color:#a9b6c9;font-size:16px;line-height:1.55}.codex-hero-actions{margin-top:29px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.codex-next-link{min-height:44px;padding:0;border:0;color:#edf1f8;background:transparent;font-size:16px;cursor:pointer}.codex-next-link:hover{color:var(--gold)}.codex-tags{margin-top:34px;display:flex;flex-wrap:wrap;gap:8px}.codex-tags span,.codex-model-pill{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#e4e9f0;background:#11192bc7;font:10px var(--mono);letter-spacing:.06em}.codex-hero-stamp{position:absolute;right:clamp(24px,8vw,128px);bottom:9%;display:grid;justify-items:center;gap:5px;padding:14px 18px;border:1px solid rgba(255,208,108,.55);border-radius:8px;color:#fbf2d6;background:#1d1b2ed4;box-shadow:0 0 26px #ffd06c26;transform:rotate(5deg)}.codex-hero-stamp b{font:14px var(--pixel);letter-spacing:.1em}.codex-hero-stamp span{color:#aab8ce;font:9px var(--mono);letter-spacing:.1em}.codex-idea-slide,.codex-product-slide,.codex-build-slide,.codex-workflow-slide,.codex-proof-slide,.codex-usage-slide{grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(34px,6vw,94px)}.codex-section-copy{max-width:550px}.codex-section-copy h2{font-size:clamp(36px,4.4vw,62px)}.codex-section-copy>p:not(.codex-kicker){margin:22px 0 0;color:#b5c0d2;font-size:17px;line-height:1.65}.codex-source,.codex-repo-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:22px;color:var(--cyan);font-size:16px;font-weight:700;text-decoration:none}.codex-source:hover,.codex-repo-link:hover{color:#c3f5fb;text-decoration:underline}.codex-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.codex-flow-card{min-height:280px;padding:17px;display:flex;flex-direction:column;justify-content:end;gap:8px;border:1px solid rgba(255,255,255,.17);border-radius:16px;background-position:center;background-size:cover;box-shadow:var(--shadow);transition:transform .25s}.codex-flow-card:hover{transform:translateY(-5px)}.codex-flow-card span{color:#e3ca8c;font:9px var(--mono);letter-spacing:.1em}.codex-flow-card b{color:#fff8ea;font-size:17px}.codex-flow-arrow{color:var(--gold);font-size:23px}.codex-slide-index{position:absolute;right:clamp(24px,8vw,128px);bottom:27px;color:#7f8da5;font:10px var(--mono);letter-spacing:.1em}.codex-product-slide{background:radial-gradient(ellipse at 90% 70%,rgba(48,67,94,.35),transparent 54%),#0b1021}.codex-facts{margin-top:28px;display:grid;gap:12px}.codex-facts span{display:flex;align-items:center;gap:11px;color:#c3cede;font-size:16px}.codex-facts b{width:42px;color:var(--gold);font:700 22px var(--mono)}.codex-room-preview{min-height:440px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:23px;overflow:hidden;border:1px solid rgba(255,255,255,.19);border-radius:20px;background-position:center;background-size:cover;box-shadow:var(--shadow)}.codex-room-sign{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;border-left:3px solid var(--coral);background:#0a101fcf}.codex-room-sign span{color:#f4cb82;font:11px var(--mono);letter-spacing:.1em}.codex-room-sign b,.codex-mini-cabinets>div>span{padding:5px 7px;border-radius:5px;color:#ffe0d5;background:#863137eb;font:9px var(--mono)}.codex-mini-cabinets{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:13px;padding:0 3%}.codex-mini-cabinets>div{min-height:205px;padding:11px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:9px;border:3px solid #f16183;border-radius:12px 12px 5px 5px;background:linear-gradient(150deg,#252a47f7,#12192cf7);box-shadow:0 10px #080c17cc,0 20px 25px #0000004d}.codex-mini-cabinets>div:nth-child(2){transform:translateY(-17px)}.codex-mini-cabinets>div:nth-child(3){border-color:#4ecbf0}.codex-mini-cabinets>div>span{align-self:end}.codex-mini-cabinets>div>b{min-height:75px;display:grid;place-items:center;color:#f7ead0;font-size:12px;text-align:center}.codex-mini-cabinets>div>i{width:100%;min-height:58px;display:grid;place-items:center;border:2px solid #111629;color:var(--gold);background:linear-gradient(135deg,#314d73,#3f315c);font-size:22px;font-style:normal}.codex-room-crowd{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.codex-room-crowd span{padding:7px 10px;border:1px solid rgba(255,255,255,.4);border-radius:11px 11px 11px 2px;color:#26243a;background:#fff1d1;font-size:13px;box-shadow:0 3px 10px #0003}.codex-room-preview>small{color:#c8d2e0;font:9px var(--mono);letter-spacing:.12em;text-align:right}.codex-build-slide{background:radial-gradient(ellipse at 10% 70%,rgba(69,49,75,.28),transparent 44%),#101629}.codex-build-steps{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.codex-build-steps li{min-height:112px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:17px;border-bottom:1px solid var(--line)}.codex-build-steps li>span{color:var(--gold);font:13px var(--mono)}.codex-build-steps li>div b{color:#fff4dd;font-size:19px}.codex-build-steps li p{margin:5px 0 0;color:#abb7c9;font-size:15px;line-height:1.4}.codex-build-steps li small{color:#8190a9;font:9px var(--mono);text-align:right}.codex-workflow-slide{background:radial-gradient(ellipse at 88% 25%,rgba(32,79,95,.28),transparent 48%),#0c1425}.codex-workflow-content{display:grid;gap:18px}.codex-capability-grid{display:grid;gap:11px}.codex-capability-grid article{padding:16px 18px;display:grid;grid-template-columns:minmax(150px,.7fr) 1fr;align-items:baseline;gap:5px 18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#1c2941,#151d31)}.codex-capability-grid article>span{color:var(--gold);font:9px var(--mono);letter-spacing:.08em}.codex-capability-grid article>b{color:#fff5e2;font-size:17px}.codex-capability-grid article>p{grid-column:2;margin:0;color:#a7b4c8;font-size:14px;line-height:1.4}.codex-gates{padding:13px 16px;display:grid;gap:9px;border-left:2px solid var(--cyan);background:#1d2b3d8f}.codex-gates span{color:#bdc8d8;font-size:14px;line-height:1.4}.codex-gates b{margin-right:8px;color:var(--cyan);font:10px var(--mono)}.codex-check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.codex-check-grid article{min-height:138px;padding:18px;display:grid;align-content:start;gap:8px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#1c2941,#151d31)}.codex-check-grid article>b{color:var(--gold);font:11px var(--mono)}.codex-check-grid article>span{color:#fff5e2;font-size:17px;font-weight:700}.codex-check-grid article>small{color:#a7b4c8;font-size:14px;line-height:1.35}.codex-live-url{grid-column:2;justify-self:start;display:flex;align-items:center;gap:10px;margin-top:8px;color:#97a5b9;font:10px var(--mono)}.codex-live-url a{color:var(--cyan);font-size:12px;text-decoration:none}.codex-live-url a:hover{text-decoration:underline}.codex-usage-slide{padding-bottom:92px;background:radial-gradient(ellipse at 82% 34%,rgba(67,56,89,.34),transparent 47%),#0b1021}.codex-usage-slide .codex-section-copy>.button{margin-top:28px}.codex-usage-card{padding:clamp(23px,4vw,44px);display:grid;gap:10px;border:1px solid rgba(255,208,108,.32);border-radius:20px;background:linear-gradient(150deg,#212941f5,#12192cfa);box-shadow:0 20px 50px #0000004d,inset 0 0 35px #ffd06c09}.codex-model-pill{width:fit-content;display:inline-flex;align-items:center;gap:10px;color:#f2d892}.codex-model-pill i{color:var(--cyan);font-style:normal}.codex-usage-card>strong{margin-top:14px;color:#fff5e2;font-size:clamp(46px,6vw,78px);line-height:1;letter-spacing:-.06em}.codex-usage-card>b{color:#c5cfdf;font-size:17px}.codex-token-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 4px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.codex-token-breakdown span{display:grid;gap:5px;color:#8795ad;font:9px var(--mono)}.codex-token-breakdown b{color:#f0e6d4;font:12px var(--mono)}.codex-usage-card>small{color:#9eabc0;font-size:12px;line-height:1.45}.codex-usage-card>a{margin-top:4px;color:var(--cyan);font-size:14px;text-decoration:none}.codex-usage-card>a:hover{text-decoration:underline}.codex-final-footer{position:absolute;right:clamp(24px,8vw,128px);bottom:25px;left:clamp(24px,8vw,128px);display:flex;justify-content:space-between;gap:15px;color:#8794a9;font:10px var(--mono)}@media(max-width:980px){.codex-idea-slide,.codex-product-slide,.codex-build-slide,.codex-workflow-slide,.codex-proof-slide,.codex-usage-slide{grid-template-columns:1fr;align-content:start;gap:26px}.codex-flow-card{min-height:200px}.codex-room-preview{min-height:380px}.codex-section-copy{max-width:720px}.codex-build-steps li{min-height:102px}}@media(max-width:640px){.codex-topbar{height:62px;grid-template-columns:1fr auto;gap:12px;padding:0 14px}.codex-brand{font-size:10px}.codex-brand>span{width:27px;height:27px;font-size:9px}.codex-progress{grid-column:1 / -1;grid-row:2;justify-self:center;display:none}.codex-back-link{font-size:14px}.codex-slide,.codex-hero{min-height:calc(100svh - 62px);padding:48px 20px}.codex-slide h1{font-size:clamp(39px,12vw,58px)}.codex-section-copy h2{font-size:clamp(34px,10vw,48px)}.codex-hero-copy{width:100%}.codex-hero-art{inset:0;opacity:.54;-webkit-mask-image:linear-gradient(180deg,#000,#0000006b);mask-image:linear-gradient(180deg,#000,#0000006b)}.codex-hero-stamp{right:19px;bottom:7%}.codex-lead{font-size:18px}.codex-flow{grid-template-columns:1fr;gap:9px}.codex-flow-card{min-height:155px}.codex-flow-arrow{justify-self:center;transform:rotate(90deg);line-height:1}.codex-slide-index{display:none}.codex-room-preview{min-height:310px;padding:13px}.codex-mini-cabinets{gap:7px;padding:0}.codex-mini-cabinets>div{min-height:155px;padding:7px}.codex-mini-cabinets>div>b{min-height:55px;font-size:10px}.codex-mini-cabinets>div>i{min-height:38px}.codex-room-crowd{gap:5px}.codex-room-crowd span{padding:5px 7px;font-size:12px}.codex-build-steps li{grid-template-columns:28px 1fr;gap:9px;padding:14px 0}.codex-build-steps li small{grid-column:2;text-align:left}.codex-capability-grid article{grid-template-columns:1fr;gap:6px;padding:12px}.codex-capability-grid article>p{grid-column:auto}.codex-check-grid{gap:8px}.codex-check-grid article{min-height:120px;padding:12px}.codex-check-grid article>span{font-size:15px}.codex-check-grid article>small{font-size:13px}.codex-live-url{grid-column:1;flex-wrap:wrap}.codex-usage-slide{padding-bottom:110px}.codex-final-footer{bottom:18px;left:20px;right:20px;flex-wrap:wrap;gap:7px 13px;font-size:9px}.codex-final-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.codex-deck{scroll-behavior:auto}}