:root{--bg0: #0c1210;--bg1: #15241c;--ink: #e8f2ea;--muted: #8aa394;--accent: #3dff9a;--accent-dim: #1a8f55;--warn: #ffb454;--danger: #ff6b6b;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background-color:#0c1210;color-scheme:dark}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 10% -10%,#1f3d2e 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#243528 0%,transparent 50%),linear-gradient(160deg,var(--bg0),var(--bg1));background-attachment:fixed}a{color:var(--accent);text-decoration:none}h1,h2,.brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;margin:0}.page{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}.brand{font-size:clamp(2.4rem,8vw,3.6rem);line-height:.95;color:var(--accent)}.lede{margin:.85rem 0 1.75rem;color:var(--muted);font-size:1.05rem;max-width:36ch}.stack{display:flex;flex-direction:column;gap:.85rem}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;padding:.85rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;background:var(--accent);color:#04140c;transition:transform .15s ease,filter .15s ease}button:hover,.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}button.secondary,.btn.secondary{background:transparent;color:var(--ink);outline:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input,select{width:100%;border-radius:10px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--bg0) 70%,transparent);color:var(--ink);padding:.85rem 1rem;font:inherit}.label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.code-big{font-family:var(--font-display);font-size:clamp(2.5rem,12vw,4rem);letter-spacing:.18em;color:var(--ink)}.muted{color:var(--muted)}.error{color:var(--danger)}.player-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.player-list li{display:flex;gap:.6rem;align-items:center;padding:.55rem .75rem;border-radius:8px;background:color-mix(in srgb,var(--ink) 6%,transparent)}.pad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.pad button{min-height:4.5rem;font-size:1.15rem}.qr-wrap{display:inline-block;padding:.75rem;border-radius:12px;background:#fff}.qr-wrap canvas,.qr-wrap img{display:block}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--muted);display:inline-block}.status-dot.on{background:var(--accent);box-shadow:0 0 10px var(--accent-dim)}html.controller-mode,html.controller-mode body,html.controller-mode #root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}html.controller-mode body{background:var(--bg0)}.controller-stage{display:flex;flex-direction:column;box-sizing:border-box;padding:.75rem 1rem .5rem}html.controller-mode .controller-stage{position:fixed;left:50%;top:50%;width:var(--stage-w, 100vw);height:var(--stage-h, 100vh);transform:translate(-50%,-50%) rotate(var(--stage-rot, 0deg));transform-origin:center center;background:radial-gradient(800px 400px at 20% 0%,#1f3d2e 0%,transparent 55%),linear-gradient(160deg,var(--bg0),var(--bg1))}.controller-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--font-display);font-weight:700;font-size:1.1rem}.controller-pad{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:0;padding:.5rem 1rem}.controller-pad.is-buttons-only{justify-content:center}.controller-left,.controller-right{display:flex;align-items:center;justify-content:center;gap:1rem;flex:1}.controller-left{flex-direction:column}.controller-right{justify-content:flex-end;gap:1.25rem;flex-wrap:wrap}.controller-right.is-grid{display:grid;grid-template-columns:repeat(2,minmax(4.5rem,5.5rem));justify-content:center;gap:.85rem;flex:0 1 auto}.controller-hud{margin:.35rem 0 0;padding:.45rem .75rem;border-radius:10px;background:#e8f2ea14;font-size:.85rem;color:var(--muted);text-align:center;word-break:break-word}.game-launch{flex:1;min-height:0;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse 70% 50% at 50% 0%,#2a4a1c 0%,transparent 55%),#0a0e0c;position:relative}.game-launch.has-frame{padding:0;place-items:stretch}.game-launch-frame{width:100%;height:100%;border:0;background:#000;display:block}.game-launch-back-float{position:absolute;top:.75rem;left:.75rem;z-index:5;opacity:.85}.game-launch-back-float:hover{opacity:1}.game-launch-inner{text-align:center;max-width:40rem}.game-launch-kicker{margin:0 0 .5rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.game-launch-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,3.2rem);margin:0 0 1rem;letter-spacing:-.03em}.game-launch-code{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,8vw,4rem);letter-spacing:.16em;color:var(--accent);margin:0 0 1.25rem}.game-launch-lead{margin:0 auto 1.75rem;line-height:1.55;font-size:1.05rem;max-width:36ch}.game-launch-lead code{color:var(--accent);font-size:.95em}.game-launch-players{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.75rem}.game-launch-av{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;width:3.2rem;height:3.2rem;border-radius:50%;justify-content:center;font-weight:800;color:#fff;position:relative}.game-launch-av small{position:absolute;top:100%;margin-top:.35rem;font-size:.7rem;font-weight:600;color:var(--muted);white-space:nowrap;max-width:6rem;overflow:hidden;text-overflow:ellipsis}.game-launch-back{margin-top:.5rem}.console-shell.is-playing{background:#0a0e0c}.pad-btn{width:5.25rem;height:5.25rem;border-radius:50%;font-size:1.4rem;font-weight:800;padding:0;touch-action:manipulation}.controller-hint{text-align:center;font-size:.85rem;margin:0;min-height:1.2em}.joy-base{position:relative;border-radius:50%;background:radial-gradient(circle at 50% 45%,#2a4034,#15241c 70%,#0c1210);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent),0 8px 24px #00000059;touch-action:none;flex-shrink:0}.joy-knob{position:absolute;left:50%;top:50%;width:42%;height:42%;border-radius:50%;background:linear-gradient(160deg,var(--accent),var(--accent-dim));box-shadow:0 4px 14px #0006;pointer-events:none;will-change:transform}.landing{min-height:100vh;min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;padding:2rem}.landing-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 50% 40% at 50% 35%,rgba(61,255,154,.18),transparent 60%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(36,90,60,.35),transparent 55%);pointer-events:none;animation:landing-pulse 8s ease-in-out infinite alternate}@keyframes landing-pulse{0%{transform:scale(1);opacity:.85}to{transform:scale(1.06);opacity:1}}.landing-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:28rem}.landing-brand{font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,12vw,5.5rem);line-height:.92;letter-spacing:-.04em;color:var(--accent);margin:0;text-shadow:0 0 60px rgba(61,255,154,.25)}.landing-tag{margin:0;color:var(--muted);font-size:1.15rem}.landing-play{margin-top:1.25rem;min-width:12rem;padding:1.1rem 2.4rem;font-size:1.35rem;font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;border-radius:999px;animation:play-breathe 2.4s ease-in-out infinite}@keyframes play-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.landing-join{margin-top:.15rem;min-width:12rem;padding:.85rem 2rem;font-size:1.05rem;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;border-radius:999px;background:#e8f2ea1f;color:#c5d6c9;outline:1px solid rgba(232,242,234,.14)}.landing-join:hover{background:#e8f2ea2e;color:#e8f2ea;filter:none}.landing-sub{margin:.5rem 0 0;font-size:.9rem;max-width:28ch}.console-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#0a0e0c;color:var(--ink)}.console-shell.is-games{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;background:#0a0e0c;color:#e8f2ea}.console-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background:#050807;border-bottom:1px solid rgba(232,242,234,.08);flex-shrink:0}.console-bar.is-store{background:#050807eb;border-bottom:1px solid rgba(232,242,234,.06);padding:.75rem clamp(1rem,3vw,2rem)}.console-bar.is-store .console-logo{color:var(--accent);font-size:1.25rem}.console-logo{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--accent);letter-spacing:-.03em}.console-bar-right{display:flex;align-items:center;gap:.85rem}.console-bar-players{display:flex;align-items:center}.console-bar-av{width:1.85rem;height:1.85rem;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:#fff;margin-left:-.35rem;border:2px solid #000;box-sizing:border-box}.console-bar-av:first-child{margin-left:0}.console-bar-phones{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:#8eb6ff;white-space:nowrap}.console-bar-code{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;font-size:.95rem;padding:.35rem .75rem;border-radius:8px;background:#e8f2ea14}.console-bar-code.is-green{background:transparent;color:#3dff9a;padding:.2rem .35rem;font-size:1rem}.console-icon-btn{width:2.4rem;height:2.4rem;padding:0;border-radius:8px;background:#e8f2ea14;color:var(--ink);font-size:1rem}.console-bar.is-store .console-icon-btn{background:transparent;color:#fff}.console-split{flex:1;display:grid;grid-template-columns:1.05fr .95fr;min-height:0}.console-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:radial-gradient(ellipse 70% 60% at 50% 40%,#1a3d2c 0%,transparent 65%),linear-gradient(165deg,#143226,#0c1a14)}.console-tv{width:min(100%,420px);aspect-ratio:16 / 10;padding:.55rem;border-radius:12px;background:#1a221e;box-shadow:0 20px 50px #00000073}.console-tv-screen{width:100%;height:100%;border-radius:6px;background:linear-gradient(160deg,#0e1813,#152820);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem}.console-tv-brand{font-family:var(--font-display);font-weight:800;color:var(--accent);font-size:1.4rem;letter-spacing:-.03em}.console-tv-code{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,2.8rem);letter-spacing:.14em}.console-tv-hint{color:var(--muted);font-size:.9rem}.console-phones{display:flex;gap:1.25rem;flex-wrap:wrap;justify-content:center}.console-phone{width:200px;padding:.65rem .75rem .85rem;border-radius:14px;background:#121a16;border:2px solid rgba(232,242,234,.12);opacity:.55}.console-phone.live{opacity:1;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.console-phone-name{font-size:.85rem;margin-bottom:.5rem;text-align:center}.console-phone-pad{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:3.5rem}.ph-joy{width:2.6rem;height:2.6rem;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3dff9a,#1a8f55 70%)}.ph-btn{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:800;background:#e8f2ea1f}.console-slogan{margin:.5rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.console-connect{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(1.5rem,4vw,3rem);background:#111614;overflow:auto}.console-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.75rem,3.5vw,2.6rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 1rem}.console-lead{margin:0 0 1.25rem;color:var(--muted);font-size:1.05rem;max-width:36ch}.console-lead strong{color:var(--ink)}.console-code-block{font-family:var(--font-display);font-weight:800;font-size:clamp(2.4rem,6vw,3.4rem);letter-spacing:.16em;padding:.85rem 1.4rem;border-radius:14px;background:#0a0e0c;border:1px solid rgba(232,242,234,.12);margin-bottom:1.25rem}.console-or{margin:0 0 .75rem;color:var(--muted)}.console-qr{display:inline-block;padding:.75rem;border-radius:12px;background:#fff;margin-bottom:.75rem}.console-qr.skeleton{width:280px;height:280px;background:#e8f2ea14}.console-qr img{display:block}.console-link{font-size:.85rem;word-break:break-all;margin:0 0 1.25rem}.console-players{width:100%;margin-top:.5rem}.console-next{margin-top:1.5rem;font-size:.85rem}@media(max-width:900px){.console-split{grid-template-columns:1fr}.console-visual{display:none}}.phone-lobby{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;text-align:center;background:#121212;overflow:hidden}.phone-avatar{width:5.5rem;height:5.5rem;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:2.4rem;color:#fff}.phone-name{font-family:var(--font-display);font-weight:700;font-size:1.35rem;margin:0}.phone-lobby-hint{max-width:22ch;font-size:.9rem}.rejoin-card{width:100%;margin:0 0 1.25rem;padding:1rem 1.1rem;border-radius:14px;background:#3dff9a14;border:1px solid rgba(61,255,154,.22)}.rejoin-title{margin:0 0 .35rem;font-family:var(--font-display);font-weight:800;font-size:1.15rem}.rejoin-body{margin:0 0 .85rem;color:var(--muted);line-height:1.4}.rejoin-body strong{color:var(--ink)}.ac-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;padding:max(.55rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:#1a1a1a;color:#ececec;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}.ac-menu-logo{align-self:flex-start;width:2.15rem;height:2.15rem;border-radius:50%;background:#0f0f0f;color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1rem;margin-bottom:0;box-shadow:0 0 0 1px #ffffff0f}.ac-menu-top{align-self:stretch;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.ac-profile{display:flex;flex-direction:column;align-items:center;margin-top:.35rem}.ac-avatar{width:min(40vw,8.75rem);height:min(40vw,8.75rem);margin-top:.55rem;border-radius:50%;background:#c44a00;color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:clamp(2.6rem,13vw,3.9rem);letter-spacing:-.02em;box-shadow:inset 0 -8px #00000024}.ac-name{display:flex;align-items:center;gap:.45rem;margin:.75rem 0 0;font-size:1.2rem;font-weight:500;color:#f2f2f2;letter-spacing:.01em}.ac-name-edit{opacity:.75;font-size:1.05rem;transform:translateY(-1px)}.ac-tools{display:flex;align-items:center;justify-content:center;gap:.72rem;margin:1.1rem 0 auto;padding:.15rem 0 .85rem}.ac-tool{width:3.05rem;height:3.05rem;border-radius:50%;border:none;padding:0;background:#2c2c2c;color:#d4d4d4;display:grid;place-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .1s ease,transform .1s ease}.ac-tool:active{background:#3a3a3a;transform:scale(.94)}.ac-dpad{--dpad: min(82vw, 21rem);width:var(--dpad);height:var(--dpad);flex-shrink:0;margin-bottom:.25rem;background:transparent;-webkit-tap-highlight-color:transparent}.ac-dpad-svg{display:block;width:100%;height:100%;touch-action:manipulation;user-select:none;-webkit-user-select:none}.ac-dpad-seg,.ac-dpad-center{fill:#2e2e2e;cursor:pointer;outline:none;transition:fill .08s ease}.ac-dpad-seg:active,.ac-dpad-center:active,.ac-dpad-seg.is-pressed,.ac-dpad-center.is-pressed{fill:#3c3c3c}.ac-dpad.is-disabled .ac-dpad-seg,.ac-dpad.is-disabled .ac-dpad-center{opacity:.45;pointer-events:none;cursor:default}.ac-dpad-icon{fill:#fff;pointer-events:none}.games-stage{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -10%,#1a3d2c 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 100% 80%,#143226 0%,transparent 50%),#0a0e0c;color:#e8f2ea;touch-action:none;overscroll-behavior:none;padding:0 clamp(1rem,3vw,2rem) 1rem}.games-hero{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1.05fr);gap:clamp(1rem,3vw,2.5rem);align-items:start;min-height:clamp(160px,22vh,240px);padding:.35rem 0 .85rem}.games-hero-info{padding-top:.35rem;animation:games-hero-in .38s cubic-bezier(.22,1,.36,1)}.games-hero-preview{min-height:clamp(140px,20vh,210px);border-radius:18px;overflow:hidden;background:#121a16;box-shadow:0 12px 40px #00000059;animation:games-hero-in .42s cubic-bezier(.22,1,.36,1)}@keyframes games-hero-in{0%{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.games-hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.85rem,4.2vw,2.85rem);letter-spacing:-.03em;line-height:1.05;margin:0 0 .65rem;color:#e8f2ea}.games-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem;color:#c5d6c9;font-size:.95rem}.games-stars{letter-spacing:.08em;color:#e8f2ea;font-size:.85rem}.games-stars-empty{color:#e8f2ea38}.games-hero-players{display:inline-flex;align-items:center;gap:.35rem;color:#a8bfb0}.games-hero-soon{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .45rem;border-radius:6px;background:#ffb4542e;color:#ffb454}.games-hero-desc{margin:0;max-width:42ch;color:#8aa394;font-size:.95rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.games-hero-preview-art{position:relative;width:100%;height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:1.25rem;background:radial-gradient(ellipse 80% 70% at 70% 30%,color-mix(in srgb,var(--game-accent) 55%,transparent),transparent 60%),linear-gradient(145deg,color-mix(in srgb,var(--game-accent) 40%,#0c1210),#15241c 70%)}.games-hero-preview-mark{position:absolute;right:8%;top:12%;font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,10vw,7rem);line-height:1;color:#ffffff1f;pointer-events:none}.games-hero-preview-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.2rem,2.4vw,1.7rem);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)}.games-viewport{flex:1;min-height:0;position:relative;overflow:hidden;margin-left:-.25rem;padding-left:.25rem;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}.games-rows{position:absolute;left:0;right:0;top:0;will-change:transform;transition:transform .28s cubic-bezier(.22,1,.36,1);padding-bottom:4rem}.games-row-label{display:flex;align-items:center;gap:.4rem;margin:0 0 .65rem;padding-left:.15rem;font-family:var(--font-body);font-size:1.05rem;font-weight:500;color:#d7e6db;letter-spacing:.01em}.games-row-scroller{overflow:hidden;padding:10px 0 14px;margin:-10px 0 -14px}.games-row-track{display:flex;align-items:stretch;width:max-content;will-change:transform;transition:transform .26s cubic-bezier(.22,1,.36,1);padding-right:4rem}.game-tile{flex:0 0 auto;border-radius:18px;overflow:hidden;border:4px solid transparent;background:#121a16;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.game-tile.is-active{border-color:#fff;box-shadow:0 0 0 2px #ffffff59,0 16px 40px #00000073;z-index:1}.game-tile.is-picked:not(.is-active){border-color:#ffffff59}.game-tile-art{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.15rem 1.2rem;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--game-accent) 70%,#fff),transparent 45%),linear-gradient(160deg,color-mix(in srgb,var(--game-accent) 55%,#222),#0c1210 75%)}.game-tile-letter{position:absolute;top:10%;right:8%;font-family:var(--font-display);font-weight:800;font-size:6.5rem;line-height:1;color:#ffffff24;pointer-events:none}.game-tile-title{position:relative;font-family:var(--font-display);font-weight:800;font-size:1.45rem;letter-spacing:-.02em;line-height:1.15;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}.game-tile-badge{position:absolute;top:.85rem;left:.85rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .5rem;border-radius:8px;background:#00000073;color:#ffd59a}@media(max-width:860px){.games-hero{grid-template-columns:1fr;min-height:0}.games-hero-preview{min-height:140px;order:-1}}