:root{--felt-dark: #021a07;--felt: #0b3d12;--gold: #f6c544;--gold-deep: #c98a12;--mint: #2ee07a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:var(--felt-dark);color:#fff;font-family:Rubik,system-ui,sans-serif;overflow:hidden}.lobby{position:relative;min-height:100%;display:grid;grid-template-rows:1fr auto;place-items:center;padding:24px 16px 12px;isolation:isolate}.lobby-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse at 50% 40%,rgba(46,224,122,.18),transparent 60%),linear-gradient(180deg,#00000026,#000000bf),url(/lobby/assets/backdrop.webp) center / cover no-repeat;animation:backdrop-breathe 14s ease-in-out infinite alternate}.lobby-suits{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.lobby-suits span{position:absolute;bottom:-60px;left:calc(6% + var(--i) * 12%);font-size:calc(26px + var(--i) * 3px);color:#ffffff12;animation:suit-float calc(13s + var(--i) * 1.7s) linear infinite;animation-delay:calc(var(--i) * -2.3s)}.lobby-launch{width:min(560px,100%);display:grid;justify-items:center;gap:14px;text-align:center;animation:rise-in .7s cubic-bezier(.2,.9,.2,1.2) both}.game-logo{width:min(440px,88vw);filter:drop-shadow(0 14px 30px rgba(0,0,0,.65));animation:logo-float 5s ease-in-out infinite}h1{margin:0;font-size:clamp(28px,5vw,44px);font-weight:900;letter-spacing:.5px;text-shadow:0 4px 18px rgba(0,0,0,.6)}h1 span{background:linear-gradient(180deg,#fff3b0,var(--gold) 45%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0;max-width:420px;color:#ffffffc7;font-weight:500;line-height:1.45}.feature-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.feature-row span{padding:7px 14px;border-radius:999px;background:#00000073;border:1px solid rgba(46,224,122,.45);font-size:13px;font-weight:700;color:#c9ffd9}.play-button{margin-top:6px;min-width:260px;display:grid;gap:2px;padding:14px 32px 12px;border:0;border-radius:20px;cursor:pointer;color:#062a0c;background:linear-gradient(180deg,#6dffa8,var(--mint) 55%,#10a24f);box-shadow:0 0 0 3px #ffffff2e inset,0 10px #0a6b33,0 18px 40px #2ee07a73;transition:transform .12s ease,box-shadow .12s ease;animation:cta-pulse 2.4s ease-in-out infinite}.play-button b{font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.play-button small{font-weight:700;font-size:13px;opacity:.8}.play-button:hover:not(:disabled){transform:translateY(-2px)}.play-button:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 0 3px #ffffff2e inset,0 4px #0a6b33,0 10px 24px #2ee07a59}.play-button:disabled{cursor:progress;filter:saturate(.6)}.lobby-error{margin:0;padding:10px 14px;border-radius:12px;background:#a0141499;font-weight:700}footer{width:min(560px,100%);display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}@keyframes rise-in{0%{opacity:0;transform:translateY(30px) scale(.96)}}@keyframes logo-float{50%{transform:translateY(-8px) rotate(-.6deg)}}@keyframes cta-pulse{50%{box-shadow:0 0 0 3px #ffffff2e inset,0 10px #0a6b33,0 18px 60px #2ee07abf}}@keyframes suit-float{to{transform:translateY(-115vh) rotate(360deg)}}@keyframes backdrop-breathe{to{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}