:root{color-scheme:dark;--bg: #363636;--surface: rgba(225, 226, 239, .08);--surface-strong: rgba(225, 226, 239, .12);--surface-muted: rgba(191, 172, 170, .12);--ink: #e1e2ef;--muted: #bfacaa;--accent: #2892d7;--accent-soft: rgba(40, 146, 215, .2);--success: #2a9d8f;--success-soft: rgba(42, 157, 143, .18);--danger: #ff7477;--danger-soft: rgba(255, 116, 119, .16);--line: rgba(225, 226, 239, .12);--line-strong: rgba(191, 172, 170, .24);--shadow: 0 28px 72px rgba(0, 0, 0, .34);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(40,146,215,.28),transparent 26%),radial-gradient(circle at 88% 16%,rgba(42,157,143,.22),transparent 24%),radial-gradient(circle at 50% 100%,rgba(191,172,170,.14),transparent 40%),#363636;color:var(--ink)}*{box-sizing:border-box}*::selection{background:#2892d759;color:var(--ink)}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{border:0;cursor:pointer}p{margin:0;line-height:1.55}.app-shell{position:relative;max-width:1160px;margin:0 auto;padding:1.5rem 1rem 3rem}.ambient{position:fixed;width:20rem;height:20rem;border-radius:999px;filter:blur(40px);opacity:.55;z-index:-1;pointer-events:none}.ambient-left{background:#2892d73d;top:-5rem;left:-5rem}.ambient-right{background:#2a9d8f33;top:10rem;right:-6rem}.hero{display:grid;gap:1.25rem;padding:.5rem 0 1.75rem}.hero-top{display:grid;gap:1rem;align-items:start}.hero-copy{display:grid;max-width:42rem}.hero h1,.panel h2{margin:0;font-family:Baskerville,Palatino Linotype,serif}.hero h1{font-size:clamp(2.7rem,9vw,4.86rem);line-height:.92;letter-spacing:-.04em}.hero-title{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.01em;font-family:Marker Felt,Chalkboard SE,Comic Sans MS,Trebuchet MS,cursive;font-weight:900;letter-spacing:-.065em;filter:drop-shadow(0 .22rem 0 rgba(0,0,0,.18)) drop-shadow(0 .55rem 1.1rem rgba(0,0,0,.2))}.hero-title-letter{display:inline-block;padding-inline:.02em;-webkit-text-stroke:.032em #fff8f5;text-shadow:-.018em 0 #fff8f5,.018em 0 #fff8f5,0 -.018em #fff8f5,0 .018em #fff8f5;transform-origin:center 82%}.hero-title-letter:nth-child(11n+1){color:var(--accent);transform:translate(.05em) rotate(-8deg) translateY(-.03em) scale(1.05)}.hero-title-letter:nth-child(11n+2){color:var(--success);transform:rotate(-1deg) translateY(.02em)}.hero-title-letter:nth-child(11n+3){color:var(--danger);transform:rotate(1deg) translateY(.04em)}.hero-title-letter:nth-child(11n+4){color:#ff9f1c;transform:rotate(5deg) translateY(-.01em)}.hero-title-letter:nth-child(11n+5){color:var(--accent);transform:rotate(-6deg) translateY(.06em)}.hero-title-letter:nth-child(11n+6){color:var(--success);transform:rotate(2deg) translateY(-.02em) scale(1.06)}.hero-title-letter:nth-child(11n+7){color:var(--danger);transform:rotate(-2deg) translateY(.01em)}.hero-title-letter:nth-child(11n+8){color:#ff9f1c;transform:rotate(3deg) translateY(.02em)}.hero-title-letter:nth-child(11n+9){color:var(--accent);transform:rotate(-4deg) translateY(.05em)}.hero-title-letter:nth-child(11n+10){color:var(--success);transform:rotate(2deg) translateY(.03em)}.hero-title-letter:nth-child(11n+11){color:var(--danger);transform:rotate(7deg) translateY(-.01em)}.hero-actions,.segmented,.meta-row{display:flex;gap:.75rem;flex-wrap:wrap}.hero-actions{align-items:center;justify-content:flex-end}.layout{display:grid;gap:1.1rem}.column,.stack{display:grid;gap:1rem}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#e1e2ef17,#e1e2ef0d);border:1px solid var(--line);border-radius:1.45rem;padding:1.1rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel:after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(225,226,239,.18),transparent 70%);pointer-events:none}.panel-header,.leader-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.panel h2{font-size:1.6rem;letter-spacing:-.03em}.field{display:grid;gap:.45rem}.field span{color:var(--muted);font-size:.92rem}.field input,.field select{width:100%;min-height:3rem;padding:.8rem .95rem;border-radius:1rem;border:1px solid rgba(225,226,239,.12);background:#12121442;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.field input:focus,.field select:focus{border-color:#2892d780;box-shadow:0 0 0 4px #2892d71f}.checkbox-field{grid-template-columns:auto 1fr;align-items:center}.checkbox-field input{width:1.2rem;height:1.2rem;accent-color:var(--success)}.button{min-height:2.9rem;padding:.75rem 1rem;border-radius:999px;border:1px solid rgba(225,226,239,.08);background:#e1e2ef14;color:var(--ink);font-weight:700;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);background:#e1e2ef1f;border-color:#e1e2ef24}.button:focus-visible{outline:none;box-shadow:0 0 0 4px #2892d724}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:#2892d7;border-color:#2892d773;color:#e1e2ef;box-shadow:0 16px 32px #2892d73d}.button-primary:hover:not(:disabled){background:#33a0ea;border-color:#2892d78c}.button-danger{background:#ff747724;border-color:#ff747752;color:#ffd0d1}.button-danger:hover:not(:disabled){background:#ff747733;border-color:#ff74776b}.tag{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.2rem .7rem;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tag-hot{background:#bfacaa1f;color:var(--muted)}.tag-cool{background:#2892d729;color:#89cbf4}.tag-muted{background:#e1e2ef14;color:#e1e2efb8}.tag-danger{background:#ff747724;color:#ffb3b5}.bankroll{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.65rem 1rem;border-radius:999px;background:#2a9d8f29;border:1px solid rgba(42,157,143,.25);color:#8dd7ce;font-size:1.05rem;font-weight:700;white-space:nowrap}.versus-grid{display:grid;gap:.75rem;align-items:center}.match-type{color:var(--accent);font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.current-match-panel{display:grid;gap:1rem}.match-board{display:grid;gap:.9rem;padding:1rem;border-radius:1.2rem;background:linear-gradient(180deg,#2892d71a,#e1e2ef0a),#00000014;border:1px solid rgba(40,146,215,.18)}.match-board-header,.match-board-values,.match-board-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.75rem}.match-board-header{align-items:start}.match-board-kicker,.match-board-type{font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.match-board-kicker{color:var(--muted)}.match-board-type{color:#8acdfa;text-align:right}.match-board-values{font-size:clamp(1.6rem,4vw,2.2rem)}.side-label{font-size:1.08rem;font-weight:700}.side-total{font-size:inherit}.match-board-value-right,.match-board-label-right{text-align:right}.versus-card{width:100%;display:grid;gap:.35rem;padding:1rem;text-align:left;border-radius:1.15rem;border:1px solid var(--line);background:#e1e2ef12;color:var(--ink);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.versus-card:hover{transform:translateY(-1px);border-color:#2892d752;background:#e1e2ef1a}.versus-card.selected{border-color:#2892d780;box-shadow:0 14px 30px #2892d729}.bet-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem}.bet-status-player{min-height:3.35rem;display:flex;align-items:center;justify-content:center;padding:.75rem .9rem;border-radius:1rem;border:1px solid transparent;font-weight:700;text-align:center}.bet-status-player-complete{background:var(--success-soft);border-color:#2a9d8f4d;color:#8dd7ce}.bet-status-player-pending{background:var(--danger-soft);border-color:#ff74773d;color:var(--danger)}.bet-status-player-in-match{background:#e1e2ef14;border-color:var(--line);color:var(--muted)}.versus-name{font-size:1.08rem;font-weight:700}.wager-controls{display:grid;gap:.65rem}.wager-row,.action-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.wager-row{justify-content:center}.wager-stepper{min-width:4.75rem;min-height:3.2rem;padding:.65rem 1.35rem;background:#2892d729;border-color:#2892d747;color:#9ad5fa;font-size:1.5rem;line-height:1;box-shadow:0 12px 24px #0000002e}.wager-stepper:disabled{background:#e1e2ef0f;color:#e1e2ef8c}.wager-amount{min-width:6.25rem;text-align:center;font-size:1.5rem}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.action-row .button{width:100%}.wager-option-selected{background:#2a9d8f;border-color:#2a9d8f73;color:#e1e2ef}.wager-option-selected:disabled{opacity:1}.wager-option-muted{background:#bfacaa1f;border-color:#bfacaa33;color:var(--muted)}.wager-option-muted:disabled{opacity:1}.versus-meta,.subtle,.callout{color:var(--muted)}.callout{padding:.95rem 1rem;border-radius:1rem;background:#bfacaa14;border:1px solid rgba(191,172,170,.16)}.versus-divider{text-align:center;font-weight:700;letter-spacing:.14em;color:var(--accent)}.flash{margin-bottom:1rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid transparent}.flash-success{background:#2a9d8f24;border-color:#2a9d8f3d;color:#9de3db}.flash-error{background:var(--danger-soft);border-color:#ff747747;color:#ffd0d1}.emoji-burst{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:40}.emoji-burst-particle{position:absolute;left:var(--emoji-left);bottom:-4rem;opacity:0;font-size:var(--emoji-size);line-height:1;animation:emoji-burst-rise var(--emoji-duration) cubic-bezier(.22,.8,.22,1) var(--emoji-delay) forwards;will-change:transform,opacity}.emoji-burst-glyph{display:block;filter:drop-shadow(0 .25rem .7rem rgba(0,0,0,.28));animation:emoji-burst-wave 1.15s ease-in-out var(--emoji-delay) infinite alternate;will-change:transform}@keyframes emoji-burst-rise{0%{opacity:0;transform:translate3d(var(--emoji-drift),0,0)}12%{opacity:var(--emoji-opacity)}to{opacity:0;transform:translate3d(calc(var(--emoji-drift) + (var(--emoji-sway) * .4)),-118vh,0)}}@keyframes emoji-burst-wave{0%{transform:translate(calc(var(--emoji-sway) * -1)) rotate(calc(var(--emoji-rotate) * -1))}50%{transform:translate(0) rotate(0)}to{transform:translate(var(--emoji-sway)) rotate(var(--emoji-rotate))}}.reset-panel{border-color:#ff74773d;background:linear-gradient(180deg,#ff74771a,#e1e2ef0d)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#090b0eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200}.modal-card{width:min(100%,30rem);display:grid;gap:1rem;padding:1.2rem;border-radius:1.4rem;border:1px solid rgba(255,116,119,.24);background:linear-gradient(180deg,#2d1012f5,#131417fa);box-shadow:0 30px 80px #00000073}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.leader-row,.queue-preview,.match-list-item{padding:.9rem 0;border-bottom:1px solid var(--line)}.shot-counter-header,.shot-counter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.shot-counter-header{padding-bottom:.4rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shot-counter-row{padding:.3rem 0}.shot-counter-row strong,.shot-counter-header span:last-child{text-align:right}.match-list-item{display:grid;gap:.22rem;padding:.8rem 0;line-height:1.3}.leader-row:last-child,.queue-preview:last-child,.match-list-item:last-child{border-bottom:0;padding-bottom:0}.leader-score{font-weight:700;white-space:nowrap}.match-line-primary{font-weight:700}.match-index{color:#8acdfa}.match-line-secondary{color:var(--muted)}.match-winner{color:#8dd7ce}.result-positive{color:#8dd7ce;font-weight:700}.result-negative{color:var(--danger);font-weight:700}@media(min-width:860px){.hero-top{grid-template-columns:minmax(0,1fr) auto}.layout{grid-template-columns:1.05fr .95fr;align-items:start}.versus-grid{grid-template-columns:1fr auto 1fr}}@media(max-width:640px){.app-shell{padding-inline:.85rem}.hero{padding-top:.2rem}.hero h1{font-size:clamp(2.43rem,15.3vw,3.6rem)}.match-board{padding:.9rem}.match-board-header,.match-board-values,.match-board-labels{gap:.5rem}.action-row{grid-template-columns:1fr}}