:root{--pf-noir: #0c1410;--pf-felt: #1b5740;--pf-felt-lit: #246b4e;--pf-felt-deep: #133d2c;--pf-felt-edge: #0e2c20;--pf-gold: #e8b84b;--pf-gold-deep: #b6852a;--pf-gold-lite: #f8dd8c;--pf-gold-glow: rgba(232, 184, 75, .55);--pf-red: #d8392f;--pf-card: #fbf6ea;--pf-card-ink: #16110c;--pf-ink: #08120d;--pf-cream: #f4ecd8;--pf-cream-dim: rgba(244, 236, 216, .62);--pf-neon: #46e0c0;--pf-p1: #e8b84b;--pf-p2: #4dc4ff;--pf-p3: #6be0ac;--pf-p4: #ff7a4d;--pf-p5: #ff6fb0;--pf-p6: #9b8cff;--pf-p7: #ffd23f;--pf-p8: #46e0c0;--pf-shadow-md: 7px 7px 0 0 var(--pf-ink);--pf-shadow-lg: 11px 11px 0 0 var(--pf-ink);--pf-display: "Lilita One", system-ui, sans-serif;--pf-body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--pf-body);font-weight:700;background:var(--pf-noir);color:var(--pf-cream);-webkit-font-smoothing:antialiased}.pf-felt{background-color:var(--pf-felt);background-image:radial-gradient(120% 90% at 50% 38%,var(--pf-felt-lit) 0%,var(--pf-felt) 42%,var(--pf-felt-deep) 78%,var(--pf-felt-edge) 100%)}.pf-noir{background-color:var(--pf-noir);background-image:radial-gradient(140% 120% at 50% 22%,#246b4e33,#0c141000 55%),radial-gradient(60% 80% at 50% 120%,#e8b84b1a,#0c141000 60%)}.pf-scope{font-family:var(--pf-body);color:var(--pf-cream)}.pf-display{font-family:var(--pf-display);font-weight:400;line-height:.95}.pf-gold-text{color:var(--pf-gold);background:linear-gradient(176deg,var(--pf-gold-lite),var(--pf-gold) 55%,var(--pf-gold-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pf-sticker{border:4px solid var(--pf-ink);border-radius:26px;box-shadow:var(--pf-shadow-md)}.pf-press{transition:transform 90ms ease,box-shadow 90ms ease}.pf-press:active{transform:translate(5px,5px);box-shadow:2px 2px 0 0 var(--pf-ink)!important}@keyframes pf-pulse-gold{0%{box-shadow:0 0 0 0 var(--pf-gold-glow),var(--pf-shadow-md)}70%{box-shadow:0 0 0 22px #e8b84b00,var(--pf-shadow-md)}to{box-shadow:0 0 #e8b84b00,var(--pf-shadow-md)}}@keyframes pf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pf-winner-pop{0%{transform:scale(.6) rotate(-6deg);opacity:0}60%{transform:scale(1.12) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.pf-anim-bob{animation:pf-bob 2.6s ease-in-out infinite}.pf-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.pf-title{margin:0;font-family:var(--pf-display);font-weight:400;font-size:2.6rem;letter-spacing:.08em;color:var(--pf-gold);text-shadow:3px 3px 0 var(--pf-ink)}.pf-roomcode{font-family:var(--pf-display);font-size:4.5rem;letter-spacing:.3em;color:var(--pf-gold);text-shadow:4px 4px 0 var(--pf-ink)}.pf-hint,.pf-notice{color:var(--pf-cream-dim)}.pf-notice{font-family:var(--pf-display);font-size:1.3rem;color:var(--pf-cream)}.pf-roster{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pf-roster-player{background:var(--pf-felt-deep);border:3px solid var(--pf-ink);box-shadow:4px 4px 0 var(--pf-ink);padding:.4rem 1rem;border-radius:999px;font-weight:800}.pf-offline{opacity:.4}.pf-button{font-family:var(--pf-display);font-size:1.2rem;letter-spacing:.02em;padding:.8rem 1.8rem;border:3px solid var(--pf-ink);border-radius:16px;background:linear-gradient(150deg,var(--pf-gold-lite),var(--pf-gold) 45%,var(--pf-gold-deep));color:var(--pf-ink);box-shadow:var(--pf-shadow-md);cursor:pointer}.pf-button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}.pf-form{display:flex;flex-direction:column;gap:.8rem;width:min(20rem,90vw)}.pf-field{display:flex;flex-direction:column;gap:.3rem;text-align:left}.pf-field label{font-weight:800;color:var(--pf-cream-dim)}.pf-field input{padding:.6rem;font-size:1rem;border-radius:10px;border:3px solid var(--pf-ink);background:var(--pf-card);color:var(--pf-card-ink);font-weight:800}.pf-error{color:var(--pf-red);font-weight:800}