.lobby,.lock{--brand:#eb7f00;--brand-lift:#ff9a24;--brand-deep:#8a4b00;--brand-wash:#eb7f001f;--ink:#f3f4f7;--ink-dim:#8e95a3;--ink-faint:#676e7c;--bg:#0b0e11;--surface:#1a1f26;--surface-lift:#222831;--line:#2b323b;--line-warm:#eb7f004d;--panel:#ffffff09;--graphite:#0b0e11;--radius:14px;--radius-sm:10px;--gold:var(--brand)}.lobby{background:radial-gradient(1100px 620px at 82% -14%, #eb7f0021, transparent 60%), radial-gradient(760px 520px at 4% 4%, #eb7f000d, transparent 62%), var(--graphite);min-height:100dvh;color:var(--ink);position:relative}.lobby:before{content:"";pointer-events:none;z-index:0;opacity:.34;background-image:linear-gradient(90deg,#eb7f001c 1px,#0000 1px),linear-gradient(0deg,#eb7f000f 1px,#0000 1px),radial-gradient(circle,#eb7f0073 1.3px,#0000 1.5px);background-position:0 0,0 0,120px 120px;background-size:240px 100%,100% 240px,240px 240px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1100px 620px at 82% 0,#000 0%,#0000 70%);mask-image:radial-gradient(1100px 620px at 82% 0,#000 0%,#0000 70%)}.lobby>*{z-index:1;position:relative}.topbar{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#0b0e11d1;align-items:center;gap:1rem;padding:.7rem clamp(1rem,3vw,2.25rem);display:flex;position:sticky;top:0}.topbar__brand{flex-shrink:0;align-items:center;min-width:0;display:flex}.brand{align-items:center;gap:.65rem;min-width:0;display:flex}.brand__mark{flex-shrink:0;width:30px;height:auto;display:block}.brand__text{flex-direction:column;min-width:0;line-height:1.05;display:flex}.brand__name{letter-spacing:.15em;white-space:nowrap;font-size:.84rem;font-weight:700}.brand__product{letter-spacing:.32em;text-transform:uppercase;color:var(--brand);white-space:nowrap;font-size:.56rem}.topbar__right{justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;margin-left:auto;display:flex}.topbar__right .btn,.topbar__right button{white-space:nowrap}@media (max-width:64rem){.wordmark__sub{display:none}}@media (max-width:44rem){.topbar{padding:.75rem 1rem}.wordmark{letter-spacing:.14em;font-size:.95rem}.player-chip{display:none}}.hero{isolation:isolate;align-items:flex-end;min-height:min(48vh,25rem);display:flex;position:relative;overflow:hidden}.hero__art{z-index:-2;position:absolute;inset:0}.hero__art .artwork{object-fit:cover;object-position:50% 32%;width:100%;height:100%}.hero__scrim{z-index:-1;background:linear-gradient(90deg, var(--graphite) 4%, #0a0b0ed6 38%, #0a0b0e1a 78%), linear-gradient(0deg, var(--graphite) 2%, transparent 44%);position:absolute;inset:0}.hero__content{max-width:38rem;padding:clamp(1.5rem,3.5vw,2.75rem) clamp(1rem,3vw,2.25rem)}.hero__content h1{letter-spacing:-.03em;text-wrap:balance;margin:.3rem 0 0;font-size:clamp(2rem,4.6vw,3.25rem);line-height:1}.hero__tagline{color:#c3cad9;max-width:30rem;margin:.6rem 0 0;font-size:clamp(.92rem,1.2vw,1.02rem);line-height:1.5}.hero__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.15rem;display:flex}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem;font-weight:600}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.tag{border:1px solid var(--line);letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap;background:#ffffff08;border-radius:6px;align-items:center;padding:.24rem .6rem;font-size:.68rem;display:inline-flex}.tag--quiet{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-weight:600;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg, var(--brand-lift), var(--brand));color:#1a0c00;box-shadow:0 8px 22px -12px #eb7f00e6}.btn--primary:hover{background:linear-gradient(180deg, #ffab45, var(--brand-lift))}.btn--ghost{border-color:var(--line);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12}.btn--ghost:hover{background:#ffffff21}.btn--lg{padding:.8rem 1.75rem;font-size:1rem}.btn--sm{padding:.45rem .9rem;font-size:.82rem}.lobby__body{padding:clamp(1rem,2vw,1.5rem) clamp(1rem,3vw,2.25rem) 4rem}.notice{background:#eb7f0014;border:1px solid #eb7f0059;border-left-width:3px;border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.notice__close{border:1px solid var(--line);color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border-radius:.4rem;margin-left:auto;padding:.25rem .6rem;font-size:.8rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.toolbar__search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);flex:22rem;align-items:center;min-width:0;max-width:30rem;height:42px;padding:0 .9rem;transition:border-color .14s;display:flex;position:relative}.toolbar__search:focus-within{border-color:var(--line-warm)}.toolbar__search svg{fill:none;width:1.05rem;height:1.05rem;stroke:var(--ink-dim);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.toolbar__search input{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:inherit;border-radius:999px;padding:.65rem .9rem .65rem 2.5rem;font-size:.92rem}.toolbar__search input::placeholder{color:var(--ink-dim)}.toolbar__search input:focus-visible{outline:none}.toolbar__filters{flex-wrap:wrap;align-items:center;gap:.45rem;margin-left:auto;display:flex}.pill{border:1px solid var(--line);height:34px;color:var(--ink-dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 .95rem;font-size:.82rem;transition:border-color .14s,color .14s,background-color .14s}.pill:hover{border-color:var(--line-warm);color:var(--ink)}.pill--on{border-color:var(--brand);background:var(--brand-wash);color:var(--brand-lift)}.result-count{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .9rem;font-size:.7rem}.result-count__n{color:var(--ink);font-weight:600}.empty{color:var(--ink-dim);padding:3rem 0}.grid-games{grid-template-columns:repeat(auto-fill,minmax(clamp(10.5rem,17vw,15rem),1fr));gap:clamp(.85rem,1.4vw,1.25rem);display:grid}.card-game{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.card-game:hover,.card-game:focus-within{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 20px 40px -22px #000000eb,0 0 0 1px #eb7f0024}.card-game__art{aspect-ratio:3/2;cursor:pointer;background:#0b0d14;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.card-game__art:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.card-game__art .artwork{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .2s;display:block}.card-game:hover .card-game__art .artwork,.card-game:focus-within .card-game__art .artwork{filter:brightness(.62);transform:scale(1.05)}.card-game__provider{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;color:#e6ebf7;background:#080a0ec7;border-radius:6px;padding:.22rem .55rem;font-size:.64rem;position:absolute;top:.55rem;left:.55rem}.card-game__launch{opacity:0;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.card-game__launch-icon{border:1px solid var(--brand);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eb7f0029;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .18s;display:grid;transform:scale(.88)}.card-game__launch-icon svg{width:26px;height:26px;fill:var(--brand-lift)}.card-game:hover .card-game__launch,.card-game__art:focus-visible .card-game__launch{opacity:1}.card-game:hover .card-game__launch-icon,.card-game__art:focus-visible .card-game__launch-icon{transform:scale(1)}.card-game__meta{align-items:center;gap:.5rem;padding:.6rem .7rem .65rem;display:flex}.card-game__lines{flex-direction:column;gap:.35rem;min-width:0;display:flex}.card-game__meta h3{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.card-game__tags{flex-wrap:wrap;gap:.3rem;display:flex}.card-game__preview{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;transition:border-color .14s,background-color .14s;display:grid}.card-game__preview svg{fill:none;width:16px;height:16px;stroke:var(--ink-dim);stroke-width:1.6px}.card-game__preview:hover{border-color:var(--line-warm);background:var(--brand-wash)}.card-game__preview:hover svg{stroke:var(--brand-lift)}@media (hover:none){.card-game__launch{opacity:1}.card-game__launch-icon{background:#080a0e8c;transform:scale(1)}}.artwork--fallback{background:radial-gradient(120% 90% at 50% 18%, hsl(var(--hue) 70% 42% / .55), transparent 62%), linear-gradient(160deg, hsl(var(--hue) 45% 16%), #070810);width:100%;height:100%}.overlay{z-index:60;place-items:center;padding:clamp(.75rem,3vw,2rem);display:grid;position:fixed;inset:0}.overlay__scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#030408c7;border:0;padding:0;position:absolute;inset:0}.preview{border:1px solid var(--line);background:linear-gradient(#11141d,#0a0c13);border-radius:1.1rem;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:min(62rem,100%);max-height:88dvh;display:grid;position:relative;overflow:auto;box-shadow:0 40px 100px -30px #000000f2}.preview__stage{background:var(--graphite);min-height:20rem;position:relative;overflow:hidden}.preview__stage .artwork{object-fit:cover;width:100%;height:100%;display:block}.preview__stage-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.16em;text-transform:uppercase;background:#06070cb3;border:1px solid #fff3;border-radius:999px;padding:.25rem .7rem;font-size:.68rem;position:absolute;top:.9rem;left:.9rem}.preview__body{padding:clamp(1.4rem,3vw,2.4rem)}.preview__body h2{letter-spacing:-.025em;margin:.4rem 0 0;font-size:clamp(1.6rem,3.2vw,2.3rem);line-height:1.05}.preview__tagline{color:#cfd6e6;margin:1.1rem 0 0;line-height:1.55}.preview__status{border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);border-left:3px solid #eb7f0099;border-radius:.5rem;margin:1.1rem 0 0;padding:.75rem .9rem;font-size:.88rem;line-height:1.5}.preview__actions{gap:.6rem;margin-top:1.5rem;display:flex}@media (max-width:48rem){.preview{grid-template-columns:1fr}.preview__stage{min-height:13rem;max-height:32dvh}.toolbar__filters{margin-left:0}}.catalogue-error{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:.9rem;max-width:34rem;margin:clamp(3rem,12vh,8rem) auto;padding:2rem}.catalogue-error h1{margin:0 0 .75rem;font-size:1.5rem}.catalogue-error p{color:#cfd6e6;margin:0 0 .5rem;line-height:1.6}.catalogue-error .muted{color:var(--ink-dim);font-size:.88rem}.balance{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:999px;align-items:baseline;gap:.4rem;padding:.35rem .85rem;display:inline-flex}.balance__amount{font-variant-numeric:tabular-nums;font-weight:600}.balance__none{color:var(--ink-dim);font-size:.85rem;font-style:italic}.balance__stale{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:.65rem}.mode{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:.18rem;display:inline-flex}.mode__btn{color:var(--ink-dim);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .85rem;font-size:.78rem;font-weight:700;transition:background .15s,color .15s}.mode__btn--on{background:linear-gradient(180deg, var(--brand-lift), var(--brand));color:#1a0c00;box-shadow:0 4px 14px -8px #eb7f00e6}.mode__btn:disabled{opacity:.4;cursor:not-allowed}.gameframe{border:1px solid var(--line);background:#0a0c13;border-radius:1.1rem;flex-direction:column;width:min(72rem,100%);height:min(46rem,88dvh);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -30px #000000f2}.gameframe__bar{border-bottom:1px solid var(--line);background:#ffffff08;align-items:center;gap:.9rem;padding:.75rem 1rem;display:flex}.gameframe__title{align-items:baseline;gap:.6rem;min-width:0;font-weight:600;display:flex}.gameframe__provider{color:var(--ink-dim);font-size:.75rem;font-weight:400}.gameframe__mode{letter-spacing:.1em;border-radius:999px;margin-left:auto;padding:.2rem .6rem;font-size:.68rem;font-weight:700}.gameframe__mode--fun{color:var(--ink-dim);background:#ffffff1a}.gameframe__mode--real{color:var(--gold);background:#eb7f002e}.gameframe__stage{background:var(--graphite);flex:1;place-items:center;min-height:0;display:grid}.gameframe__iframe{border:0;width:100%;height:100%;display:block}.gameframe__pending{text-align:center;max-width:28rem;padding:2rem}.gameframe__pending h2{letter-spacing:-.02em;margin:.4rem 0 .75rem;font-size:1.6rem}.gameframe__pending p{color:var(--ink-dim);margin:0;line-height:1.6}@media (max-width:30rem){.balance{padding:.3rem .6rem;font-size:.85rem}.mode__btn{padding:.3rem .6rem}}.lobby--locked{filter:blur(3px)saturate(.95)brightness(.88);transform-origin:top;-webkit-user-select:none;user-select:none;transform:scale(1.02)}:is(html:has(.lobby--locked),body:has(.lobby--locked)){overflow-x:clip}.lock{z-index:100;place-items:center;padding:clamp(1rem,5vw,2.5rem);display:grid;position:fixed;inset:0;overflow-y:auto}.lock__veil{background:radial-gradient(760px 520px at 50% 44%,#eb7f0014,#0000 64%),linear-gradient(#06080a80,#06080aa3);position:absolute;inset:0}.lock__dialog{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:radial-gradient(320px 170px at 50% -8%,#eb7f001a,#0000 70%),linear-gradient(#1b2027,#10141a);width:min(21rem,100%);padding:1.5rem 1.5rem 1.6rem;position:relative;overflow:hidden;box-shadow:0 40px 90px -46px #000000f2,inset 0 1px #ffffff0d}.lock__trace{background:linear-gradient(90deg, transparent, var(--line-warm) 18%, var(--brand) 50%, var(--line-warm) 82%, transparent);height:1px;position:absolute;inset:0 0 auto}.lock__logo{width:96px;height:auto;margin:0 auto;display:block}.lock__title{letter-spacing:-.01em;margin:.85rem 0 0;font-size:1.12rem;font-weight:600}.lock__lede{color:var(--ink-dim);margin:.25rem 0 0;font-size:.8rem}.lock__form{text-align:left;flex-direction:column;gap:.7rem;margin-top:1.15rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field__label{letter-spacing:.1em;color:var(--ink-dim);font-size:.66rem}.field input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);font:inherit;background:#00000052;padding:.56rem .7rem;font-size:.88rem;transition:border-color .15s,background .15s}.field input::placeholder{color:var(--ink-faint)}.field input:focus-visible{border-color:var(--brand);background:#00000080;outline:none;box-shadow:0 0 0 3px #eb7f0024}.field input:disabled{opacity:.6}.lock__error{color:#ffb3b3;background:#ff6b6b17;border-left:2px solid #ff6b6b;border-radius:.3rem;margin:0;padding:.6rem .75rem;font-size:.86rem}.lock__submit{letter-spacing:.02em;justify-content:center;width:100%;margin-top:.6rem}@media (max-width:30rem){.lock{padding:1.25rem}.lock__dialog{width:100%;max-width:20rem;padding:1.25rem 1.15rem 1.35rem}.lock__logo{width:76px}.lock__title{margin-top:.7rem;font-size:1.05rem}.lock__lede{font-size:.78rem}.lock__form{margin-top:1rem}}.topbar__trace{opacity:.55;flex:auto;min-width:0;max-width:13rem;height:20px;margin:0 .25rem}.circuit{fill:none;stroke:var(--brand);stroke-width:1.4px;stroke-opacity:.42;overflow:visible}.circuit circle{fill:var(--brand);stroke:none;opacity:.75}.circuit--run{width:100%;height:100%}.circuit-divider{align-items:center;gap:.6rem;margin:0 0 1.1rem;display:flex}.circuit-divider__line{background:linear-gradient(90deg, transparent, var(--line) 30%, var(--line));flex:1 1 0;height:1px}.circuit-divider__line:last-child{background:linear-gradient(270deg, transparent, var(--line) 30%, var(--line))}.circuit-divider__node{fill:none;width:34px;height:14px;stroke:var(--brand);stroke-width:1.2px;stroke-opacity:.5;flex:none}.circuit-divider__node circle{fill:var(--brand);stroke:none;opacity:.8}.hero__corner{z-index:2;stroke-opacity:.3;pointer-events:none;width:96px;height:96px;position:absolute;top:1rem;right:1rem}.balance{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:baseline;gap:.4rem;height:34px;padding:0 .85rem;display:inline-flex}.balance__ccy{letter-spacing:.1em;color:var(--brand);font-size:.66rem}.balance__amount{font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:600}.balance__none{color:var(--ink-faint);font-size:.78rem}.balance__stale{color:var(--brand);opacity:.8}.mode{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;padding:3px;display:inline-flex}.mode__btn{height:26px;color:var(--ink-dim);font:inherit;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 .8rem;font-size:.72rem;font-weight:700;transition:background-color .14s,color .14s}.mode__btn:disabled{cursor:not-allowed;opacity:.45}.mode__btn--on{background:var(--brand);color:#1a0c00}.mode__btn--on:disabled{opacity:1}.mode__notice{text-align:right;color:var(--brand-lift);flex-basis:100%;font-size:.74rem}.player{position:relative}.player__btn{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:0 .6rem 0 .32rem;font-size:.82rem;transition:border-color .14s;display:inline-flex}.player__btn:hover,.player__btn[aria-expanded=true]{border-color:var(--line-warm)}.player__initial{background:var(--brand-wash);border:1px solid var(--line-warm);width:26px;height:26px;color:var(--brand-lift);border-radius:50%;flex:none;place-items:center;font-size:.74rem;font-weight:700;display:grid}.player__name{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.player__chevron{fill:none;width:12px;height:12px;stroke:var(--ink-dim);stroke-width:1.6px;stroke-linecap:round;flex:none}.player__menu{z-index:40;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-lift);text-align:left;min-width:12rem;padding:.5rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 24px 48px -24px #000000f2}.player__menu-name{border-bottom:1px solid var(--line);color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .5rem;padding:.15rem .45rem .5rem;font-size:.78rem;overflow:hidden}.player__menu button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.45rem;font-size:.85rem}.player__menu button:hover{color:var(--brand-lift);background:#ffffff0d}@media (max-width:62rem){.topbar__trace,.hero__corner{display:none}}@media (max-width:48rem){.toolbar__filters{margin-left:0}}@media (max-width:30rem){.topbar{gap:.5rem;padding:.55rem .85rem}.brand__mark{width:26px}.brand__name{letter-spacing:.12em;font-size:.74rem}.brand__product{font-size:.5rem}.topbar__right{gap:.35rem}.balance{gap:.3rem;height:30px;padding:0 .6rem}.balance__ccy{font-size:.58rem}.balance__amount{font-size:.82rem}.mode__btn{height:24px;padding:0 .55rem;font-size:.64rem}.player__btn{gap:0;height:30px;padding:1px}.player__name,.player__chevron{display:none}.player__initial{width:26px;height:26px}}.hero__content .chips{margin-top:.7rem}.topbar__trace.circuit{stroke-width:1.1px;stroke-opacity:.35}.topbar__trace.circuit circle{opacity:.55}@media (max-width:40rem){.hero{min-height:0;display:block}.hero__art{z-index:0;aspect-ratio:16/9;position:relative;inset:auto}.hero__art .artwork{object-position:62% 42%}.hero__scrim{display:none}.hero__art:after{content:"";background:linear-gradient(0deg, var(--graphite) 14%, #0b0e11c7 46%, transparent 100%);height:38%;position:absolute;inset:auto 0 0}.hero__content{z-index:2;max-width:none;margin-top:-1.5rem;padding:0 1rem .25rem;position:relative}.hero__content h1{font-size:1.9rem}.hero__tagline{font-size:.92rem}.hero__actions .btn{flex:1 1 0;justify-content:center}.card-game__tags .tag--quiet{display:none}.card-game__meta{padding:.55rem .6rem .6rem}.grid-games{gap:.7rem}}
