:root{--bg: #0b1020;--bg-grad-start: #142244;--bg-grad-end: #07091a;--bg-elev: #131a31;--bg-elev-2: #1c2546;--bg-elev-3: #243057;--border: #2a3a63;--border-strong: #3a4d80;--text: #f3f6ff;--text-dim: #9aa8cc;--text-soft: #c5cce6;--accent: #ffb42a;--accent-strong: #ffc94a;--accent-soft: rgba(255, 180, 42, .16);--accent-glow: rgba(255, 180, 42, .4);--secondary: #4dd6e6;--success: #4ade80;--danger: #ff7a7a;--warning: #fbbf24;--info: #60a5fa;--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-strong: 0 18px 50px rgba(0, 0, 0, .55);--shadow-accent: 0 6px 24px rgba(255, 180, 42, .18);--max-w: 1200px;--gap: 1rem}*{box-sizing:border-box}html,body,#app{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(ellipse 1200px 700px at 10% -10%,rgba(255,180,42,.1),transparent 60%),radial-gradient(ellipse 1000px 700px at 110% 10%,rgba(77,214,230,.08),transparent 55%),linear-gradient(180deg,var(--bg-grad-start) 0%,var(--bg-grad-end) 60%,var(--bg) 100%) fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(1.7rem,2.5vw + 1rem,2.5rem);font-weight:800}h2{font-size:clamp(1.2rem,1.2vw + .8rem,1.5rem);font-weight:700}h3{font-size:1.05rem;font-weight:600}p{margin:0 0 .8em}.kicker{display:inline-block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 .5rem;padding:.3em .8em;background:var(--accent-soft);border-radius:999px}.lead{color:var(--text-soft);font-size:1.05rem;line-height:1.6;max-width:60ch}.section-title{margin:2.2rem 0 1rem;font-size:1.3rem;position:relative;padding-left:.9rem}.section-title:before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--secondary))}button,.button{font:inherit;cursor:pointer;border:0;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#1c1300;padding:.65em 1.15em;font-weight:700;letter-spacing:.01em;transition:transform .06s ease,box-shadow .15s ease,background .15s ease,filter .15s ease;box-shadow:var(--shadow-accent)}button:hover,.button:hover{filter:brightness(1.05)}button:active,.button:active{transform:translateY(1px);box-shadow:none}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}button.ghost:hover{background:var(--bg-elev-2);border-color:var(--border-strong)}button.danger{background:var(--danger);color:#2b0606;box-shadow:0 6px 24px #ff7a7a40}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cta-primary{display:inline-block;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#1c1300!important;padding:.8em 1.4em;border-radius:999px;font-weight:700;border:0;cursor:pointer;box-shadow:var(--shadow-accent);transition:transform .08s ease,filter .15s ease}.cta-primary:hover{filter:brightness(1.06);text-decoration:none}.cta-primary:active{transform:translateY(1px)}input,select,textarea{font:inherit;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7em .9em;width:100%;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}label{color:var(--text-soft);font-size:.9rem}.app{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.6rem;background:#0b1020b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.app-header .brand{display:flex;align-items:center;gap:.7rem;font-weight:800;color:var(--text)}.app-header .brand:hover{text-decoration:none}.app-header .brand .logo{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;width:40px;height:40px;background:var(--accent);box-shadow:var(--shadow-accent);overflow:hidden}.app-header .brand .logo svg{display:block;width:100%;height:100%}.app-header .brand-text{display:flex;flex-direction:column;line-height:1.1}.app-header .brand-name{font-size:1.05rem;font-weight:800}.app-header .brand-tagline{font-size:.72rem;color:var(--text-dim);letter-spacing:.02em;font-weight:500;margin-top:.1rem}.app-header nav{display:flex;gap:1rem;align-items:center}.app-header nav a{color:var(--text-dim);font-weight:500;position:relative;padding:.3em 0}.app-header nav a:hover{color:var(--text);text-decoration:none}.app-header nav a.router-link-exact-active{color:var(--accent)}.app-header nav a.router-link-exact-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--accent);border-radius:2px}.balance-pill{background:linear-gradient(180deg,#ffb42a29,#ffb42a0f);border:1px solid rgba(255,180,42,.3);padding:.4em .9em;border-radius:999px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);white-space:nowrap}main{flex:1;padding:1.6rem;max-width:var(--max-w);width:100%;margin:0 auto}.app-footer{padding:1.2rem 1.6rem;text-align:center;color:var(--text-dim);font-size:.82rem;border-top:1px solid var(--border);background:#0b102080}.card{background:linear-gradient(180deg,var(--bg-elev) 0%,var(--bg-elev-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);position:relative}.card h2:first-child,.card h3:first-child{margin-top:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card-grid.stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stat{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;background:var(--bg-elev-2);border-radius:var(--radius);border:1px solid var(--border);transition:transform .15s ease,border-color .15s ease}.stat:hover{transform:translateY(-2px);border-color:var(--border-strong)}.stat .label{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stat .value{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.stat .value.primary{color:var(--accent)}.stat .value.good{color:var(--success)}.stat .value.bad{color:var(--danger)}.badge{display:inline-block;padding:.25em .75em;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.open{background:#60a5fa26;color:var(--info)}.badge.won{background:#4ade8026;color:var(--success)}.badge.lost{background:#ff7a7a26;color:var(--danger)}.badge.settled{background:#fbbf2426;color:var(--warning)}.bet-type-pill{display:inline-block;font-size:.72rem;background:var(--bg-elev-3);color:var(--text-soft);border-radius:6px;padding:.15em .5em;margin-right:.4em;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}.weather-card{background:linear-gradient(180deg,var(--bg-elev) 0%,var(--bg-elev-2) 100%);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .15s ease,border-color .15s ease}.weather-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.weather-card-head{display:flex;justify-content:space-between;align-items:center}.weather-card h3{font-size:1rem;margin:0;color:var(--text-soft);font-weight:700;text-transform:capitalize}.weather-card .metric{font-size:1.7rem;font-weight:800;letter-spacing:-.01em}.weather-card .meta{color:var(--text-dim);font-size:.85rem;margin:.2rem 0 .4rem}.weather-card .actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.4rem}.weather-card .actions button{padding:.5em .6em;font-size:.85rem;font-weight:600}.auth-shell{max-width:440px;margin:3rem auto;padding:0 1rem}.auth-card{text-align:left;padding:2rem}.auth-card h1{text-align:left;margin-top:.5rem}.auth-card .lead{margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-form .field{display:flex;flex-direction:column;gap:.35rem}.auth-form .field span{color:var(--text-soft);font-size:.85rem;font-weight:500}.auth-form button{margin-top:.5rem}.auth-card .hint{color:var(--text-dim);font-size:.9rem;text-align:center;margin-top:1.2rem;margin-bottom:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ec7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .18s ease-out}.modal{background:linear-gradient(180deg,var(--bg-elev) 0%,var(--bg-elev-2) 100%);border:1px solid var(--border-strong);border-radius:var(--radius);padding:1.6rem;width:100%;max-width:480px;box-shadow:var(--shadow-strong);animation:slideUp .22s ease-out}.modal h3{margin-top:0}.modal .form-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.modal .actions{display:flex;gap:.5rem;justify-content:flex-end}.modal .actions button{flex:1}.stake-row{display:flex;gap:.6rem;align-items:center}.stake-slider{flex:1;min-width:0;padding:0;background:transparent;border:0}.stake-slider::-webkit-slider-runnable-track{height:6px;background:var(--border);border-radius:3px}.stake-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-8px;border:2px solid var(--bg-elev);box-shadow:0 2px 6px #0000004d}.stake-slider::-moz-range-track{height:6px;background:var(--border);border-radius:3px}.stake-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-elev)}.stake-number{width:100px;flex:none;text-align:center}.stake-unit{color:var(--muted);font-size:.95rem}.tabs{display:flex;gap:.3rem;margin:1.5rem 0 1rem;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{background:transparent;color:var(--text-dim);border-bottom:2px solid transparent;border-radius:0;padding:.65em 1em;font-weight:600;white-space:nowrap;box-shadow:none}.tabs button:hover{color:var(--text);filter:none}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border)}.table th{color:var(--text-dim);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;background:#00000026}.table tbody tr:hover td{background:var(--bg-elev-2)}.table tbody tr:last-child td{border-bottom:0}.leaderboard-row{display:grid;grid-template-columns:60px 1fr repeat(3,minmax(0,1fr));align-items:center;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);gap:.5rem}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row.head{color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;background:#00000026}.leaderboard-row .medal{font-weight:800;color:var(--accent);font-size:1.05rem}.leaderboard-row.top1{background:linear-gradient(90deg,rgba(255,180,42,.12),transparent 50%);border-left:3px solid var(--accent)}.leaderboard-row.top2{background:linear-gradient(90deg,rgba(200,200,220,.08),transparent 50%);border-left:3px solid #c8c8dc}.leaderboard-row.top3{background:linear-gradient(90deg,rgba(205,127,50,.1),transparent 50%);border-left:3px solid #cd7f32}.leaderboard-row .col-balance{font-weight:700}.leaderboard-row .good{color:var(--success)}.leaderboard-row .bad{color:var(--danger)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2.4rem;align-items:center;margin-top:1.5rem;animation:fadeIn .35s ease-out}.hero h1{font-size:clamp(2rem,4vw + 1rem,3rem);background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--text-soft);font-size:1.05rem;line-height:1.6}.hero .cta{display:flex;gap:.8rem;margin-top:1.4rem;flex-wrap:wrap}.hero .feature-strip{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.6rem}.hero .feature-strip li{display:inline-flex;align-items:center;gap:.4rem;padding:.4em .9em;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;font-size:.85rem;color:var(--text-soft)}.hero .feature-strip span{font-size:1rem}.hero-weather{animation:slideUp .4s ease-out}.hero-weather-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.hero-weather-head h2{font-size:1.05rem;margin:0;color:var(--text-soft)}.flash{padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;border:1px solid transparent}.flash.error{background:#ff7a7a1a;color:var(--danger);border-color:#ff7a7a40}.flash.success{background:#4ade801a;color:var(--success);border-color:#4ade8040}.flash.info{background:#60a5fa1a;color:var(--info);border-color:#60a5fa40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.back-link{color:var(--text-dim);font-size:.9rem}.back-link:hover{color:var(--accent)}.payout{font-size:1.4rem;font-weight:800;color:var(--success)}@media (max-width: 900px){main{padding:1rem}.app-header{padding:.8rem 1rem}.app-header .brand{font-size:1rem}.app-header .brand .logo{width:34px;height:34px}.app-header .brand-tagline{display:none}.hero h1{font-size:clamp(1.6rem,4vw + .8rem,2.2rem)}}@media (max-width: 800px){.hero{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 640px){.app-header{flex-wrap:wrap;gap:.5rem;padding:.6rem .8rem}.app-header nav{gap:.6rem;font-size:.9rem;flex-wrap:wrap}.app-header nav a{padding:.2em 0}.balance-pill{font-size:.82rem;padding:.3em .7em}main{padding:.8rem}.hero{grid-template-columns:1fr;gap:1rem;margin-top:.5rem}.hero h1{font-size:1.7rem}.hero p{font-size:.95rem}.hero .cta{flex-direction:column}.hero .cta a,.hero .cta button,.hero .cta .cta-primary{width:100%;text-align:center}.hero .feature-strip{gap:.4rem}.hero .feature-strip li{font-size:.78rem;padding:.35em .75em}.auth-shell{margin:1.5rem auto}.auth-card{padding:1.4rem}.card{padding:1rem}.card-grid,.card-grid.stats{grid-template-columns:1fr 1fr}.stat{padding:.7rem .9rem}.stat .value{font-size:1.2rem}.weather-grid{grid-template-columns:1fr;gap:.8rem}.weather-card{padding:.9rem}.weather-card .metric{font-size:1.4rem}.weather-card .actions{gap:.35rem}.weather-card .actions button{font-size:.8rem;padding:.45em .5em}.modal-backdrop{align-items:flex-end;padding:0}.modal{margin:0;padding:1.3rem 1.3rem calc(1.3rem + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;max-width:none;max-height:90vh;overflow-y:auto}.modal .actions{flex-direction:column-reverse}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.6rem;padding:.5rem .7rem}.table td{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:.5rem .3rem;text-align:right}.table td:last-child{border-bottom:0}.table td:before{content:attr(data-label);color:var(--text-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;text-align:left;margin-right:.8rem;font-weight:600}.leaderboard-row{grid-template-columns:48px 1fr auto;padding:.7rem .9rem;font-size:.92rem}.leaderboard-row .col-wins{display:none}.leaderboard-row .col-balance{font-weight:700}.tabs button{padding:.55em .8em;font-size:.9rem}button{min-height:40px}}.bottom-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#0b1020eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav .bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .3rem;color:var(--text-dim);font-size:.72rem;font-weight:600;text-decoration:none;border-radius:var(--radius-sm);min-height:48px;justify-content:center}.bottom-nav .bn-item:hover{color:var(--text)}.bottom-nav .bn-item.router-link-exact-active{color:var(--accent)}.bottom-nav .bn-icon{font-size:1.35rem;line-height:1}body.has-bottom-nav main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}body.has-bottom-nav .app-footer{padding-bottom:calc(1.2rem + 64px + env(safe-area-inset-bottom))}.bet-groups{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.bet-group{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;background:var(--bg-elev-2)}.bet-group summary{cursor:pointer;font-weight:600;font-size:.92rem;color:var(--text-soft);padding:.3rem 0;list-style:none;display:flex;align-items:center;gap:.4rem}.bet-group summary::-webkit-details-marker{display:none}.bet-group summary:after{content:"▾";margin-left:auto;color:var(--text-dim);transition:transform .15s ease;font-size:.8rem}.bet-group[open] summary:after{transform:rotate(180deg)}.bet-group[open]{padding-bottom:.75rem}.bet-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.5rem}.bet-hint{font-size:.75rem;color:var(--text-dim);margin:.4rem 0 0;line-height:1.35}.stake-slider{padding:12px 0;margin:-12px 0;background:transparent;border:0;flex:1;min-width:0}.stake-slider:focus{outline:none}.stake-slider::-webkit-slider-runnable-track{height:8px;background:var(--border);border-radius:4px}.stake-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-10px;border:2px solid var(--bg-elev);box-shadow:0 2px 8px #00000059}.stake-slider::-moz-range-track{height:8px;background:var(--border);border-radius:4px}.stake-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev);cursor:pointer}@media (max-width: 768px){.bottom-nav{display:flex}.app-header nav{display:none}.app-header .balance-pill{display:none}.weather-grid{grid-template-columns:1fr}button,.cta-primary{min-height:44px}}