.home-screen{max-width:960px;padding:var(--space-12) var(--space-4);margin:0 auto}.home-screen__layout{gap:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=900px){.home-screen__layout{gap:var(--space-12);grid-template-columns:3fr 2fr}}.home-screen__intro{text-align:center;flex-direction:column;align-items:center;display:flex}@media (width>=900px){.home-screen__intro{text-align:left;align-items:flex-start}}.home-screen__teaser{width:min(100%,260px);height:auto;margin-bottom:var(--space-6);filter:drop-shadow(0 8px 16px #1c141080);display:block}@media (width>=900px){.home-screen__teaser{width:min(100%,340px)}}.home-screen__pin{fill:var(--color-terracotta-600)}.home-screen__lede{max-width:46ch;font-size:var(--text-lg);margin-top:var(--space-2)}.home-screen__actions{flex-direction:column;display:flex}.home-screen__create-card{z-index:1;position:relative}.home-screen__join-card{z-index:0;margin-top:calc(-1 * var(--space-6));padding:var(--space-4);box-shadow:none;position:relative}.lobby-room{max-width:640px;padding:var(--space-12) var(--space-4);margin:0 auto}.lobby-room__status{text-align:center;padding:var(--space-12)}.lobby-room__invite-card{padding:var(--space-4);box-shadow:none;border-top:none;overflow:hidden}.lobby-room__invite-motif{height:6px;margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) var(--space-3);background-image:repeating-linear-gradient(135deg, var(--color-terracotta-400) 0 8px, transparent 8px 16px);opacity:.55}.lobby-room__roster-card{margin-top:calc(-1 * var(--space-6))}.lobby-room__id{font-family:var(--font-mono);background:var(--color-stone-800);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-gold-300);overflow-wrap:anywhere}.lobby-room__members{margin:0 0 var(--space-6);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.lobby-room__member{padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.lobby-room__host-tag{margin-left:var(--space-2);color:var(--color-gold-500)}.lobby-room__ready{color:var(--color-ok-500);font-weight:600}.lobby-room__not-ready{color:var(--color-text-muted)}@font-face{font-family:Alfa Slab One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/alfa-slab-one.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/work-sans-var.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2")}:root{--color-stone-950:#1c1410;--color-stone-900:#241a14;--color-stone-800:#382a20;--color-stone-700:#4a3626;--color-stone-600:#6b4f3a;--color-sand-200:#e8dcc8;--color-sand-100:#f0e7d8;--color-sand-50:#f7f1e6;--color-terracotta-700:#8f3f22;--color-terracotta-600:#b5502d;--color-terracotta-400:#d97a52;--color-gold-600:#a87e2f;--color-gold-500:#c99a3e;--color-gold-300:#e2c37c;--color-ok-500:#6b8e5a;--color-error-600:#e37850;--color-bg:var(--color-stone-950);--color-surface:var(--color-stone-900);--color-surface-raised:var(--color-stone-800);--color-border:var(--color-stone-700);--color-text:var(--color-sand-100);--color-text-muted:var(--color-sand-200);--color-accent:var(--color-terracotta-600);--color-accent-strong:var(--color-terracotta-400);--color-highlight:var(--color-gold-500);--font-display:"Alfa Slab One", "Rockwell", "Iowan Old Style", serif;--font-body:"Work Sans", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:clamp(1.125rem, 1.05rem + .3vw, 1.375rem);--text-xl:clamp(1.5rem, 1.3rem + .8vw, 2rem);--text-display:clamp(2.25rem, 1.7rem + 2.2vw, 4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:4px;--radius-md:10px;--radius-lg:20px;--shadow-warm:0 8px 24px -8px #1c141099;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.6s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}h1,.font-display{font-family:var(--font-display);letter-spacing:0;font-weight:400;line-height:1.05}h1{font-size:var(--text-display)}h2{font-family:var(--font-body);font-weight:600;font-size:var(--text-xl);letter-spacing:-.005em;line-height:1.2}h3{font-family:var(--font-body);font-weight:600;font-size:var(--text-lg);line-height:1.25}body,input,button,select,textarea{font-family:var(--font-body)}.text-muted{color:var(--color-text-muted)}.font-numeric{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.font-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-xs);font-weight:500}.card{background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface));border:1px solid var(--color-border);border-top:2px solid var(--color-highlight);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-warm)}label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4);margin-bottom:var(--space-1);display:block}input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-stone-950);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-out-expo)}input:focus-visible{border-color:var(--color-highlight)}input::placeholder{color:var(--color-text-muted);opacity:1}.button{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);width:100%;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);transition:transform var(--duration-fast) var(--ease-out-expo), background-color var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);border:1px solid #0000;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button:active:not(:disabled){transform:translateY(1px)scale(.98)}.button--primary{background:var(--color-terracotta-700);color:var(--color-sand-50);box-shadow:inset 0 1px #d97a5259}.button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #d97a5273,0 6px 16px -4px #8f3f2299}.button--primary:active:not(:disabled){box-shadow:inset 0 1px 4px #1c141066}.button--secondary{border-color:var(--color-gold-500);color:var(--color-gold-300);background:0 0}.button--secondary:hover:not(:disabled){background:#c99a3e1a}.button--active{background:var(--color-gold-500);color:var(--color-stone-950);border-color:var(--color-gold-500)}.button--ghost{width:auto;margin-top:var(--space-4);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);background:0 0;font-weight:500}.button--ghost:hover:not(:disabled){color:var(--color-error-600)}.form-error{margin-top:var(--space-2);color:var(--color-error-600);font-size:var(--text-sm)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(at 20% -10%,#c99a3e2e,#0000 55%),radial-gradient(at 100% 110%,#b5502d38,#0000 50%);background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;z-index:0;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}body:after{content:"";z-index:2;pointer-events:none;background-image:repeating-linear-gradient(135deg, var(--color-terracotta-400) 0 10px, transparent 10px 20px);opacity:.55;height:4px;position:fixed;top:0;left:0;right:0}a{color:var(--color-accent-strong)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-highlight);outline-offset:2px}.pattern-divider{background-image:repeating-linear-gradient(135deg, var(--color-terracotta-400) 0 10px, transparent 10px 20px);opacity:.55;border-radius:var(--radius-sm);height:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}