:root{--bg: #0d0810;--bg-elevated: #1a1018;--bg-card: #22141c;--wine: #860038;--wine-deep: #5c0026;--accent: #fdbb30;--accent-soft: #ffd56a;--text: #f7f1e8;--text-muted: #b5a39a;--border: rgba(253, 187, 48, .18);--danger: #e85d6c;--success: #6aaf86;--shadow: 0 4px 24px rgba(0, 0, 0, .4);--radius: 12px;--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--z-nav: 20;--z-overlay: 30}*{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh}body{margin:0;font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;text-wrap:pretty;background-color:#0a0610;background-image:radial-gradient(ellipse 90% 55% at 50% -10%,rgba(253,187,48,.18),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 20%,rgba(134,0,56,.35),transparent 50%),radial-gradient(ellipse 50% 35% at 0% 30%,rgba(134,0,56,.28),transparent 45%),linear-gradient(180deg,#120814,#0a0610 42%,#0a0610 70%,#141018),repeating-linear-gradient(90deg,#1a141c 0,#1a141c 28px,#121014 28px,#121014 56px);background-size:auto,auto,auto,auto,100% 28%;background-position:center top,center top,center top,center,center bottom;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat;background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;font-weight:600}a{color:var(--accent-soft);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.25rem;background:var(--accent);color:#2a0a14;font-weight:600;transition:opacity .15s ease}button:hover:not(:disabled){opacity:.92}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger);color:#fff}button.btn-block{width:100%}button.btn-sm{padding:.45rem .85rem;font-size:.8rem}input,select{width:100%;padding:.85rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);outline:none}input:focus,select:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:0}label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.field{margin-bottom:1rem}.app-shell{max-width:440px;margin:0 auto;padding:1rem 1rem 5.5rem;min-height:100dvh}.app-shell.landing{padding-bottom:2rem}.brand{text-align:left;padding:1.25rem 0 1rem}.brand h1{font-weight:700;font-size:2rem;margin:0;color:var(--accent-soft)}.brand p{margin:.35rem 0 0;color:var(--text-muted);font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;margin-bottom:1rem}.card h2,.card h3{margin:0 0 .75rem}.card h2{font-size:1.45rem;color:var(--text)}.card h3{font-size:1.15rem;color:var(--text)}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.card-title-row h3{margin:0;font-size:1.1rem}.tabs{display:flex;gap:.4rem;margin-bottom:1rem}.tabs button{flex:1;padding:.65rem;font-size:.85rem;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.tabs button.active{background:var(--accent);color:#2a0a14;border-color:var(--accent)}.nav{position:fixed;left:0;right:0;bottom:0;background:var(--bg-elevated);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:.55rem .4rem calc(.55rem + env(safe-area-inset-bottom));z-index:var(--z-nav)}.nav a{color:var(--text-muted);font-size:.8rem;text-align:center;padding:.5rem .6rem;border-radius:8px;min-width:52px;font-weight:500}.nav a.active{color:var(--accent-soft);background:#c9a9621f}.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#c9a9621f;color:var(--accent-soft);border:1px solid var(--border);font-variant-numeric:tabular-nums}.badge.you{background:#c9a9622e;color:var(--accent-soft)}.badge.clock,.badge.green{background:#6aaf8626;color:var(--success);border-color:#6aaf864d}.muted{color:var(--text-muted)}.error{background:#d96b7a1f;border:1px solid rgba(217,107,122,.35);color:#f0a8b2;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.success-banner{background:#6aaf861f;border:1px solid rgba(106,175,134,.35);color:#a8d4b8;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stack{display:flex;flex-direction:column;gap:.65rem}.mt-0{margin-top:0}.mt-1{margin-top:.75rem}.mt-2{margin-top:1rem}.mb-0{margin-bottom:0}.score-list{margin:0;padding-left:1.1rem;line-height:1.55;font-size:.9rem}.invite-code{font-family:var(--font-display);font-size:1.8rem;color:var(--accent-soft);font-variant-numeric:tabular-nums}.field-label-sm,.player-meta{font-size:.8rem;color:var(--text-muted)}.couple-chip{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:10px;background:var(--bg-elevated);border:1px solid transparent}.couple-chip.selectable{cursor:pointer}.couple-chip.selectable:hover{border-color:var(--border)}.couple-chip .name{font-weight:500}.couple-chip .sub{font-size:.8rem;color:var(--text-muted)}.leader-row{display:grid;grid-template-columns:2rem 1fr auto;gap:.75rem;align-items:start;padding:.9rem 0;border-bottom:1px solid var(--border)}.leader-row:last-child{border-bottom:none}.rank{font-family:var(--font-display);font-size:1.35rem;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}.points{font-weight:700;color:var(--accent-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.leader-name{font-weight:600}.leader-subs{font-size:.8rem;color:var(--text-muted)}select.select-narrow{width:110px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.check-grid label{display:flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text);margin:0}.check-grid input{width:auto}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.header-bar .league-name{font-family:var(--font-display);font-size:1.3rem;color:var(--text)}.on-clock{margin-top:1rem;margin-bottom:0}.turn-card{border-color:#c9a96259}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.host-link{text-align:center;margin:.5rem 0 0;font-size:.9rem}button.linkish,.linkish{background:none;border:none;box-shadow:none;padding:0;border-radius:0;color:var(--text-muted);font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}button.linkish:hover,.linkish:hover{color:var(--accent-soft);transform:none}.couple-chip{display:flex;align-items:center;gap:.75rem;text-align:left}.couple-meta{flex:1;min-width:0}.couple-photo{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 0 0 1px #fdbb301f}.couple-photo.sm{width:40px;height:40px;border-radius:10px}.couple-photos{display:flex;align-items:center;flex-shrink:0;position:relative}.couple-photos .couple-photo+.couple-photo{margin-left:-14px}.couple-photos.sm .couple-photo+.couple-photo{margin-left:-10px}.couple-photos .couple-photo:nth-child(2){z-index:1}.card-title-with-photo{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.card-title-with-photo h3{margin:0;font-size:1.1rem}.brand-hero{position:relative;padding-top:.35rem;overflow:visible}.brand-hero h1,.brand-hero p{text-align:center}.brand-hero h1{position:relative;text-shadow:0 0 18px rgba(253,187,48,.35),0 0 42px rgba(255,213,106,.18);animation:title-glint 5.5s ease-in-out infinite}.disco-stage{position:relative;width:96px;height:108px;margin:0 auto .15rem;perspective:520px;z-index:2}.disco-light-field{pointer-events:none;position:absolute;left:50%;top:58%;width:0;height:0;z-index:0}.disco-beam{position:absolute;left:0;top:0;width:140px;height:320px;transform-origin:50% 0;background:linear-gradient(180deg,rgba(255,245,220,.42) 0%,rgba(253,187,48,.22) 28%,rgba(134,0,56,.08) 62%,transparent 100%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);mix-blend-mode:screen;opacity:.55;filter:blur(.5px);animation:beam-sweep 7s ease-in-out infinite}.disco-beam.b1{transform:translate(-50%) rotate(-38deg);animation-delay:0s}.disco-beam.b2{transform:translate(-50%) rotate(-18deg);animation-delay:-1.1s;width:110px}.disco-beam.b3{transform:translate(-50%) rotate(6deg);animation-delay:-2.2s}.disco-beam.b4{transform:translate(-50%) rotate(28deg);animation-delay:-3.4s;width:120px}.disco-beam.b5{transform:translate(-50%) rotate(-52deg);animation-delay:-4.1s;width:90px;opacity:.4}.disco-beam.b6{transform:translate(-50%) rotate(48deg);animation-delay:-5.2s;width:95px;opacity:.4}.disco-wash{position:absolute;border-radius:50%;mix-blend-mode:soft-light;animation:wash-pulse 4.8s ease-in-out infinite}.disco-wash.w1{width:280px;height:220px;left:-140px;top:-20px;background:radial-gradient(ellipse at center,rgba(253,187,48,.38),transparent 68%)}.disco-wash.w2{width:220px;height:260px;left:-90px;top:40px;background:radial-gradient(ellipse at center,rgba(255,255,255,.16),transparent 70%);animation-delay:-2.1s}.disco-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff8e8;box-shadow:0 0 6px 2px #fdbb30d9,0 0 14px 4px #ffd56a73;animation:spark-twinkle 2.4s ease-in-out infinite}.disco-spark.s1{left:-70px;top:30px;animation-delay:0s}.disco-spark.s2{left:55px;top:55px;animation-delay:-.6s}.disco-spark.s3{left:-20px;top:110px;animation-delay:-1.1s;width:3px;height:3px}.disco-spark.s4{left:40px;top:140px;animation-delay:-1.7s}.disco-spark.s5{left:-95px;top:80px;animation-delay:-.3s;width:4px;height:4px}.disco-spark.s6{left:75px;top:95px;animation-delay:-2s;width:3px;height:3px}.disco-hang{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;filter:drop-shadow(0 0 14px rgba(253,187,48,.4))}.disco-wire{width:2px;height:16px;background:linear-gradient(180deg,#fdbb3026,#fdbb30 70%,#ffd56a);border-radius:1px;flex-shrink:0}.disco-ball-pivot{width:72px;height:72px;transform-style:preserve-3d;animation:disco-sway 5s ease-in-out infinite}.disco-ball-3d{width:72px;height:72px;position:relative;border-radius:50%}.disco-ball-core{width:100%;height:100%;border-radius:50%;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 30% 26%,#fff,#ece8e0 14%,#b8bcc8 34%,#6e6a78,#3a3440 82%,#1e1822);border:1.5px solid rgba(255,213,106,.7);box-shadow:inset 0 -12px 24px #00000080,inset 0 10px 18px #ffffff47,0 0 0 1px #86003847,0 0 22px #fdbb3059,0 10px 28px #00000073;animation:disco-sphere-tilt 8s linear infinite}.disco-cap{position:absolute;left:50%;width:14px;height:8px;margin-left:-7px;background:linear-gradient(180deg,#ffd56a,#c99220);border-radius:3px;z-index:3;box-shadow:0 0 6px #fdbb3080}.disco-cap.top{top:2px}.disco-cap.bottom{bottom:2px;background:linear-gradient(180deg,#a87818,#6a4a10)}.app-shell.landing .card{position:relative;overflow:hidden}.app-shell.landing .card:before{content:"";pointer-events:none;position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(ellipse at 50% 0%,rgba(253,187,48,.22),transparent 55%),radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.08),transparent 40%),radial-gradient(ellipse at 80% 20%,rgba(134,0,56,.12),transparent 45%);animation:card-shine 6s ease-in-out infinite;z-index:0}.app-shell.landing .card>*{position:relative;z-index:1}@keyframes disco-sphere-tilt{0%{transform:rotate(0) scaleX(1)}25%{transform:rotate(.4deg) scaleX(.985)}50%{transform:rotate(0) scaleX(1)}75%{transform:rotate(-.4deg) scaleX(.985)}to{transform:rotate(0) scaleX(1)}}@keyframes disco-sway{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(3px)}}@keyframes beam-sweep{0%,to{opacity:.35;filter:blur(.5px) brightness(.95)}40%{opacity:.7;filter:blur(.2px) brightness(1.15)}70%{opacity:.45;filter:blur(.8px) brightness(1.05)}}@keyframes wash-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes spark-twinkle{0%,to{opacity:.15;transform:scale(.6)}40%{opacity:1;transform:scale(1.25)}70%{opacity:.35;transform:scale(.8)}}@keyframes title-glint{0%,to{text-shadow:0 0 18px rgba(253,187,48,.28),0 0 36px rgba(255,213,106,.12)}45%{text-shadow:0 0 26px rgba(253,187,48,.55),0 0 54px rgba(255,245,220,.28)}}@keyframes card-shine{0%,to{opacity:.55;transform:translate(-6%) rotate(0)}50%{opacity:1;transform:translate(6%) rotate(2deg)}}@media (prefers-reduced-motion: reduce){.disco-ball-3d,.disco-ball-pivot,.disco-ball-core,.disco-beam,.disco-wash,.disco-spark,.brand-hero h1,.app-shell.landing .card:before{animation:none!important}.disco-beam,.disco-wash,.disco-spark{opacity:.25}}@media (max-width: 480px){.disco-beam{filter:none}.disco-stage{width:88px;height:100px}.disco-ball-pivot,.disco-ball-3d{width:64px;height:64px}}.app-shell:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.06),transparent 18%),radial-gradient(circle at 80% 10%,rgba(253,187,48,.08),transparent 20%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.04),transparent 35%)}.app-shell>*{position:relative;z-index:1}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22141ceb}