:root{--bg:#efeae2;--card:#faf7f2;--ink:#201c18;--muted:#94897f;--accent:#c05a32;--border:#dcd4c8;--chip:#f1ebe1;--soft:#f6e7de}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at top,#faf7f2 0,var(--bg) 48rem);color:var(--ink);font-family:var(--font-instrument-sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0}.hero{display:grid;grid-gap:24px;gap:24px;grid-template-columns:1.1fr .9fr;align-items:start}.card{background:color-mix(in srgb,var(--card) 94%,white);border:1px solid var(--border);border-radius:28px;padding:24px;box-shadow:0 24px 80px rgba(32,28,24,.08)}.eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,104px);line-height:.88;letter-spacing:-.07em;margin:12px 0 18px}h2{font-size:28px;margin:0 0 16px;letter-spacing:-.03em}h3{margin:0 0 10px}p{color:var(--muted);line-height:1.55}.grid{display:grid;grid-gap:16px;gap:16px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.field{display:grid;grid-gap:8px;gap:8px}.field span,label{color:var(--muted);font-size:13px;font-weight:700}.input,select{width:100%;border:1px solid var(--border);border-radius:16px;background:white;color:var(--ink);padding:14px 16px}.button{border:0;border-radius:16px;padding:17px 20px;background:var(--accent);color:white;font-weight:800;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}.button.secondary{background:var(--chip)}.button.ghost,.button.secondary{color:var(--ink);border:1px solid var(--border)}.button.ghost{background:transparent}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:var(--chip);color:var(--ink);border-radius:999px;padding:9px 12px;font-size:14px}.chip.active{background:var(--accent);color:white;border-color:var(--accent)}.error{background:#fff0ec;border:1px solid #efc6b6;color:#8d2f18;border-radius:16px}.error,.success{padding:12px 14px}.success{background:#f1f7ef;border:1px solid #cadfc3;color:#345c2d;border-radius:16px}.players{display:grid;grid-gap:10px;gap:10px}.player{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid var(--border)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:white}.avatar,.score{font-weight:900}.score{font-size:24px}.buzzer{width:min(360px,100%);aspect-ratio:1;border-radius:50%;border:12px solid #db9a81;background:var(--accent);color:white;font-size:clamp(36px,8vw,72px);font-weight:950;box-shadow:0 20px 0 #8f3f24,0 30px 60px rgba(192,90,50,.35)}.eq{height:120px;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:16px}.eq i{display:block;width:14px;border-radius:999px;background:var(--accent);animation:eq .9s ease-in-out infinite alternate}.eq i:nth-child(2){animation-delay:.11s}.eq i:nth-child(3){animation-delay:.22s}.eq i:nth-child(4){animation-delay:.33s}.eq i:nth-child(5){animation-delay:.44s}@keyframes eq{0%{height:24px;opacity:.55}to{height:96px;opacity:1}}.toasts{position:fixed;right:16px;bottom:16px;display:grid;grid-gap:10px;gap:10px;z-index:10}.toast{max-width:360px;background:var(--ink);color:white;padding:14px 16px;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.22)}.blur-fx{filter:blur(5px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:820px){.hero,.two{grid-template-columns:1fr}.shell{width:min(100% - 20px,1120px);padding:18px 0}}