:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff8df;font-synthesis:none;text-rendering:optimizelegibility;background:#092617;font-family:Avenir Next,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 4%,#ffcb4c42,#0000 28rem),radial-gradient(circle at 86% 10%,#f34a3f42,#0000 24rem),linear-gradient(135deg,#0a3c25 0%,#082216 42%,#481b19 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1440px,100%);margin:0 auto;padding:24px;position:relative}.shell:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(0deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 72%);mask-image:linear-gradient(#000c,#0000 72%)}.topbar{z-index:1;grid-template-columns:minmax(260px,1fr) auto minmax(180px,auto);align-items:center;gap:20px;display:grid;position:relative}.brand{align-items:center;gap:14px;display:flex}.bean-ball{background:radial-gradient(circle at 35% 28%,#fff7ba 0 12%,#0000 13%),repeating-linear-gradient(28deg,#0000 0 9px,#603a0433 10px 13px),linear-gradient(135deg,#ffdf63,#d58b17);border:2px solid #ffffff73;border-radius:999px;width:56px;height:56px;box-shadow:0 14px 35px #ffaf1d47}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(26px,3vw,38px)}h2{letter-spacing:0;max-width:720px;font-size:clamp(42px,7vw,92px);line-height:.92}h3{letter-spacing:0;font-size:clamp(22px,2.5vw,34px)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#ffdc70;font-size:12px;font-weight:800}.hot{color:#ff7e57}.nav{background:#05191194;border:1px solid #ffeeb929;border-radius:999px;align-items:center;gap:10px;padding:8px;display:flex}.nav span{color:#feecc5;border-radius:999px;padding:10px 14px}.wallet,.google,.primary,.secondary,.invite{border:0;border-radius:999px;font-weight:900}.wallet{color:#3d2300;background:linear-gradient(135deg,#ffde58,#f39b26);justify-content:center;min-width:152px;padding:13px 18px;display:inline-flex;box-shadow:0 16px 36px #ffbf414d}.wallet span{margin-right:6px;font-size:20px}.google,.primary{color:#271500;background:linear-gradient(135deg,#fff2a2,#ffc43e 48%,#ff734f);padding:14px 20px;box-shadow:0 18px 36px #ff6b4447}.secondary,.invite{color:#fff8df;background:#ffffff1f;border:1px solid #ffeeb933;padding:14px 18px}button:disabled,input:disabled{opacity:.52;cursor:not-allowed}.hero{background:linear-gradient(90deg,#081d12f0,#081d127a),radial-gradient(circle at 80% 30%,#ffdd7057,#0000 28rem),linear-gradient(145deg,#0f5a34,#5a1f19);border:1px solid #ffeeb92e;border-radius:28px;min-height:420px;margin-top:26px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000042}.hero:after{content:"";filter:saturate(1.3);background:repeating-linear-gradient(90deg,#ffffff24 0 12px,#ffffff05 12px 24px),linear-gradient(135deg,#167845,#0f4b2e);border-radius:50% 50% 0 0;height:78%;position:absolute;inset:auto -10% -38% 35%;transform:rotate(-6deg)}.hero-copy{z-index:1;gap:18px;display:grid;position:relative}.hero-copy p:not(.eyebrow){color:#ffeec8;max-width:560px;font-size:18px;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.scoreboard{z-index:2;background:#071911c7;border:1px solid #ffeeb938;border-radius:22px;gap:8px;width:min(360px,100% - 40px);padding:20px;display:grid;position:absolute;bottom:clamp(20px,4vw,44px);right:clamp(20px,4vw,54px)}.scoreboard strong{font-size:26px}.live-dot{background:#ff5648;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 8px #ff564826}.grid{grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr) minmax(280px,.72fr);gap:18px;margin-top:24px;display:grid}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071a12c7;border:1px solid #ffeeb92e;border-radius:24px;padding:20px;box-shadow:0 20px 70px #0000002e}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.pill{color:#442600;white-space:nowrap;background:#fff0a3;border-radius:999px;padding:8px 12px;font-weight:900}.matches{gap:12px;display:grid}.match-card{text-align:left;color:inherit;background:linear-gradient(135deg,#ffffff17,#ffffff08);border:1px solid #ffeeb921;border-radius:18px;gap:8px;padding:16px;display:grid}.match-card.active{border-color:#ffd55be0;box-shadow:inset 0 0 0 1px #ffd55b57,0 16px 42px #ffb5361f}.match-card strong{font-size:20px}.stage,.status{color:#ffdc70;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:900}.status{color:#142313;background:#9df189;border-radius:999px;justify-self:start;padding:5px 9px}.status.final{background:#ffce54}.mini-bars{background:#ffffff14;border-radius:999px;height:8px;display:flex;overflow:hidden}.mini-bars i:first-child{background:#ffce54}.mini-bars i:nth-child(2){background:#f56c58}.mini-bars i:nth-child(3){background:#57c7ff}.pick-panel{gap:16px;display:grid}.match-hero{background:radial-gradient(circle at 90% 0,#ffd14d47,#0000 13rem),linear-gradient(135deg,#ffffff1f,#ffffff0a);border-radius:20px;gap:8px;padding:20px;display:grid}.final-score{color:#3f2500;background:#ffdf63;border-radius:999px;width:fit-content;padding:8px 12px;font-weight:900}.probability-stack{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.outcome{color:#fff8df;text-align:left;background:#ffffff14;border:1px solid #ffeeb929;border-radius:18px;gap:7px;padding:14px 12px;display:grid}.outcome span{font-size:20px;font-weight:900}.outcome b,.outcome em{color:#ffe7a0;font-size:12px;font-style:normal}.outcome.selected{color:#321900;background:linear-gradient(135deg,#fff0a3,#ffc43e)}.outcome.selected b,.outcome.selected em{color:#4a2800}.stake-box{grid-template-columns:1fr 110px;align-items:center;gap:12px;display:grid}.stake-box label{font-size:18px;font-weight:900}.stake-box p,.safety-line{color:#f8dbad;font-size:13px;line-height:1.4}.stake-box input{color:#301800;background:#fff4bf;border:0;border-radius:16px;width:100%;padding:14px 12px;font-weight:900}.full{width:100%}.admin-settle{border-top:1px solid #ffffff1f;gap:9px;padding-top:14px;display:grid}.admin-settle span{color:#ffdc70;font-weight:900}.admin-settle button{color:#fff8df;text-align:left;background:#ffffff14;border:1px solid #ffeeb929;border-radius:14px;padding:11px 12px}.side-stack{align-content:start;gap:18px;display:grid}.leaderboard ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{background:#ffffff14;border-radius:16px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.rank{color:#321900;background:#ffcf51;border-radius:999px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.leaderboard em{color:#ffdc70;font-style:normal;font-weight:900}.activity{max-height:380px;overflow:auto}.activity p{color:#ffe7c2;border-bottom:1px solid #ffffff1a;padding:12px 0;line-height:1.45}.activity strong{color:#fff8df}.toast{color:#321900;z-index:4;background:#fff0a3;border-radius:999px;width:fit-content;max-width:min(760px,100%);margin:20px auto 0;padding:14px 18px;font-weight:900;position:sticky;bottom:16px;box-shadow:0 16px 42px #00000038}.empty{color:#ffe7a0;grid-template-columns:1fr!important}@media (width<=1120px){.topbar,.grid{grid-template-columns:1fr}.nav{justify-self:start}}@media (width<=700px){.shell{padding:14px}.hero{min-height:500px}.scoreboard{width:auto;left:20px;right:20px}.probability-stack,.stake-box{grid-template-columns:1fr}}