@import"https://fonts.googleapis.com/css2?family=Archivo:wght@700;800;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--navy-950: #0a0f1f;--navy-900: #0d1424;--navy-800: #131c30;--navy-700: #1b2740;--crest-red: #c0182f;--crest-red-bright: #e23048;--bull-black: #05070d;--gold: #e8c15a;--gold-bright: #f7d417;--gold-deep: #a8842f;--sol-violet: #9945ff;--sol-teal: #14f195;--ink: #f4f6fb;--ink-dim: #9aa6bd;--ink-faint: #5f6c86;--shadow-card: 0 24px 60px rgba(0, 0, 0, .55);--radius: 16px;--font-display: "Archivo", "Arial Narrow", sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:radial-gradient(1200px 700px at 50% -10%,#1a2848 0%,transparent 60%),radial-gradient(900px 600px at 90% 10%,rgba(153,69,255,.12) 0%,transparent 55%),linear-gradient(180deg,var(--navy-950) 0%,#070b16 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}.app-shell{max-width:1400px;margin:0 auto;padding:20px clamp(14px,3vw,34px) 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 22px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:26px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:54px;height:54px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.brand-name{font-family:var(--font-display);font-weight:900;font-size:26px;letter-spacing:.5px;line-height:1}.brand-name .sub{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--sol-teal);margin-top:4px}.wallet-cluster{display:flex;align-items:center;gap:12px}.balance-pill{font-family:var(--font-mono);font-size:13px;background:#9945ff1f;border:1px solid rgba(153,69,255,.35);color:#d9c7ff;padding:9px 14px;border-radius:999px;white-space:nowrap}.balance-pill b{color:#fff}.btn{font-family:var(--font-ui);font-weight:600;font-size:14px;border:none;border-radius:10px;padding:11px 18px;cursor:pointer;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--sol-violet),#7a2ee0);color:#fff;box-shadow:0 8px 20px #9945ff59}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:var(--ink)}.btn-ghost:hover{background:#ffffff1a}.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));color:#241a02;box-shadow:0 8px 20px #e8c15a4d}.btn:disabled{opacity:.5;cursor:not-allowed}.wallet-addr{font-family:var(--font-mono);font-size:13px;background:#14f1951a;border:1px solid rgba(20,241,149,.3);color:var(--sol-teal);padding:9px 14px;border-radius:999px}.layout{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}@media (max-width: 1080px){.layout{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,#131c30e6,#0a0f1fe6);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);box-shadow:var(--shadow-card)}.panel-pad{padding:clamp(16px,2.4vw,26px)}.panel-title{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:16px;display:flex;align-items:center;gap:10px}.panel-title:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--crest-red-bright);box-shadow:0 0 12px var(--crest-red-bright)}.stage-head{text-align:center;margin-bottom:26px}.stage-head h1{font-family:var(--font-display);font-weight:900;font-size:clamp(30px,5vw,52px);letter-spacing:1px;line-height:1.02;background:linear-gradient(180deg,#fff 30%,#c7d2ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stage-head p{color:var(--ink-dim);margin-top:10px;font-size:15px}.accent-rule{width:90px;height:3px;margin:16px auto 0;background:linear-gradient(90deg,var(--sol-violet),var(--sol-teal));border-radius:2px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 820px){.pack-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.pack-grid{grid-template-columns:1fr}}.pack{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--bull-black);border:1px solid rgba(255,255,255,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;aspect-ratio:4 / 5}.pack img{width:100%;height:100%;object-fit:cover;display:block}.pack:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 26px 50px #0009,0 0 0 1px var(--gold);border-color:var(--gold)}.pack:focus-visible{outline:3px solid var(--sol-teal);outline-offset:3px}.pack .pack-label{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 14px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));font-family:var(--font-display);font-weight:800;letter-spacing:1px;font-size:18px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.pack .pick-tag{font-family:var(--font-ui);font-size:11px;letter-spacing:1px;color:var(--navy-950);background:var(--gold-bright);padding:3px 8px;border-radius:6px;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.pack:hover .pick-tag{opacity:1;transform:translateY(0)}.pitch-wrap{position:relative}.pitch{position:relative;display:grid;grid-template-columns:300px 1fr;gap:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(180deg,#0b1a2e,#0a1526 40%,#08111f);border:1px solid rgba(255,255,255,.08)}@media (max-width: 720px){.pitch{grid-template-columns:1fr;aspect-ratio:3 / 4}}.player-frame{position:relative;overflow:hidden;border-right:1px solid rgba(232,193,90,.25);background:var(--bull-black)}.player-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset -30px 0 50px -20px #08111fe6;pointer-events:none}.player-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.player-frame.runup img{animation:runupZoom .5s ease}@keyframes runupZoom{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.player-frame-tag{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));font-family:var(--font-display);font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:16px}.player-frame-tag .ovr{font-size:20px;color:var(--gold-bright);text-shadow:0 0 14px rgba(247,212,23,.4)}@media (max-width: 720px){.player-frame{max-height:260px;border-right:none;border-bottom:1px solid rgba(232,193,90,.25)}}.scene{position:relative;overflow:hidden}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 40% at 30% 6%,rgba(255,255,255,.1),transparent 60%),radial-gradient(60% 40% at 70% 6%,rgba(255,255,255,.1),transparent 60%),radial-gradient(80% 50% at 50% -6%,rgba(153,69,255,.1),transparent 55%);pointer-events:none}.turf{position:absolute;left:-10%;right:-10%;bottom:-2%;height:52%;background:repeating-linear-gradient(90deg,#12351d 0,#12351d 8%,#0f2e19 8%,#0f2e19 16%);transform:perspective(460px) rotateX(54deg);transform-origin:bottom;box-shadow:inset 0 20px 60px #00000080}.turf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 120%,rgba(20,241,149,.06),transparent 60%)}.goal{position:absolute;top:14%;left:50%;transform:translate(-50%);width:64%;height:34%;border:4px solid rgba(255,255,255,.85);border-bottom:none;border-radius:3px 3px 0 0;box-shadow:0 0 24px #ffffff40;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 5px,transparent 5px 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 5px,transparent 5px 10px)}.goal .zone{position:absolute;top:0;bottom:0;width:33.33%;transition:background .15s ease}.goal .zone.left{left:0}.goal .zone.center{left:33.33%}.goal .zone.right{left:66.66%}.goal .zone.armed{background:#14f19529}.keeper{position:absolute;top:18%;left:50%;width:54px;height:84px;transform:translate(-50%);transition:transform .38s cubic-bezier(.22,.61,.36,1);z-index:3}.keeper .body{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffd23f,#e0930f);border-radius:30% 30% 20% 20%;box-shadow:inset 0 -8px 14px #00000040}.keeper .head{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;background:#2a1c12}.keeper.dive-left{transform:translate(-50%) translate(-100px) rotate(-58deg)}.keeper.dive-right{transform:translate(-50%) translate(100px) rotate(58deg)}.keeper.dive-center{transform:translate(-50%) translateY(-6px) scale(1.05)}.ball{position:absolute;bottom:10%;left:50%;width:30px;height:30px;transform:translate(-50%);z-index:4}.ball svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.ball.kick-left{animation:shootLeft .55s cubic-bezier(.4,.05,.35,1) forwards}.ball.kick-center{animation:shootCenter .55s cubic-bezier(.4,.05,.35,1) forwards}.ball.kick-right{animation:shootRight .55s cubic-bezier(.4,.05,.35,1) forwards}.ball.saved{animation:savedBounce .6s ease-out forwards}@keyframes shootLeft{0%{bottom:10%;left:50%;width:30px;height:30px}to{bottom:46%;left:24%;width:15px;height:15px}}@keyframes shootCenter{0%{bottom:10%;left:50%;width:30px;height:30px}to{bottom:46%;left:50%;width:15px;height:15px}}@keyframes shootRight{0%{bottom:10%;left:50%;width:30px;height:30px}to{bottom:46%;left:76%;width:15px;height:15px}}@keyframes savedBounce{0%{bottom:10%;left:50%}60%{bottom:42%;left:64%}to{bottom:28%;left:82%;width:20px;height:20px}}.ball.spin svg{animation:spin .5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none}.result-flash .word{font-family:var(--font-display);font-weight:900;font-size:clamp(48px,12vw,130px);letter-spacing:4px;text-transform:uppercase;animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}.result-flash .goal{color:var(--sol-teal);text-shadow:0 0 40px rgba(20,241,149,.7)}.result-flash .saved{color:var(--crest-red-bright);text-shadow:0 0 40px rgba(226,48,72,.6)}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.controls{margin-top:20px}.aim-row{display:flex;gap:12px;justify-content:center;margin-bottom:14px}.aim-btn{flex:1;max-width:180px;font-family:var(--font-display);font-weight:800;letter-spacing:2px;font-size:15px;text-transform:uppercase;padding:16px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--ink);cursor:pointer;transition:all .14s ease}.aim-btn:hover:not(:disabled){background:#14f1951a;border-color:#14f19566}.aim-btn.selected{background:#14f1952e;border-color:var(--sol-teal);color:#eafff6}.aim-btn:disabled{opacity:.5;cursor:not-allowed}.aim-hint{text-align:center;color:var(--ink-faint);font-size:13px;margin-top:6px}.shoot-row{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:6px}.save-chance{font-family:var(--font-mono);font-size:13px;color:var(--gold);border:1px dashed rgba(232,193,90,.4);padding:8px 12px;border-radius:8px}.shoot-btn{font-family:var(--font-display);font-weight:900;letter-spacing:2px;font-size:20px;text-transform:uppercase;padding:16px 46px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(180deg,var(--crest-red-bright),var(--crest-red));color:#fff;box-shadow:0 10px 26px #c0182f73;transition:transform .08s ease,filter .15s ease}.shoot-btn:hover:not(:disabled){filter:brightness(1.08)}.shoot-btn:active:not(:disabled){transform:translateY(2px)}.shoot-btn:disabled{opacity:.5;cursor:not-allowed}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#04070ebd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(460px,100%);background:linear-gradient(180deg,#16213a,#0b1120);border:1px solid rgba(232,193,90,.35);border-radius:20px;box-shadow:0 30px 80px #0009,0 0 0 1px #9945ff26;padding:30px 28px 26px;text-align:center;animation:pop .4s cubic-bezier(.2,1.2,.4,1) both}.modal .trophy{font-size:46px}.modal h2{font-family:var(--font-display);font-weight:900;font-size:34px;letter-spacing:1px;margin:8px 0 4px;color:var(--sol-teal);text-shadow:0 0 30px rgba(20,241,149,.4)}.modal .reward-amt{font-family:var(--font-display);font-weight:900;font-size:30px;margin:14px 0 4px;color:var(--gold-bright)}.modal .reward-sub{color:var(--ink-dim);font-size:14px;margin-bottom:8px}.receipt{font-family:var(--font-mono);font-size:12px;text-align:left;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;margin:16px 0;color:var(--ink-dim);line-height:1.7}.receipt .row{display:flex;justify-content:space-between;gap:12px}.receipt .k{color:var(--ink-faint)}.receipt .v{color:var(--ink);word-break:break-all;text-align:right}.receipt .demo-note{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.12);color:var(--gold);font-size:11px}.receipt a{color:var(--sol-teal)}.modal-actions{display:flex;gap:12px;margin-top:6px}.modal-actions .btn{flex:1;padding:14px}.pot-explain{font-size:12px;color:var(--ink-faint);margin-top:14px;line-height:1.6}.rail{display:flex;flex-direction:column;gap:22px}.pool-val{font-family:var(--font-display);font-weight:900;font-size:30px;color:var(--gold-bright);letter-spacing:.5px}.pool-sub{font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);margin-top:4px}.pool-bar{height:8px;border-radius:6px;margin-top:14px;overflow:hidden;background:#ffffff14}.pool-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));transition:width .6s ease}.ticker-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;margin-bottom:12px}.dot{width:8px;height:8px;border-radius:50%}.dot.live{background:var(--sol-teal);box-shadow:0 0 10px var(--sol-teal);animation:pulse 1.6s infinite}.dot.idle{background:var(--ink-faint)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.ticker-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.ticker-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:12px;padding:10px 12px;background:#14f1950d;border:1px solid rgba(20,241,149,.14);border-radius:8px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ticker-row .to{color:var(--ink)}.ticker-row .amt{color:var(--sol-teal);white-space:nowrap}.ticker-row a{color:var(--ink-faint);text-decoration:none;font-size:11px}.ticker-row a:hover{color:var(--sol-teal)}.ticker-empty{text-align:center;padding:26px 14px;color:var(--ink-dim);font-size:13px;line-height:1.7}.ticker-empty .big{font-size:30px;margin-bottom:8px}.ticker-empty code{font-family:var(--font-mono);font-size:11px;color:var(--gold);background:#e8c15a14;padding:2px 6px;border-radius:4px}.history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.history-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:13px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.tag{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:1px;padding:3px 8px;border-radius:6px}.tag.goal{background:#14f19526;color:var(--sol-teal)}.tag.saved{background:#e2304826;color:var(--crest-red-bright)}.history-row .pts{font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.history-empty{color:var(--ink-faint);font-size:13px;text-align:center;padding:18px}.team-strip{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);margin-bottom:18px}.team-strip .swatch{width:40px;height:40px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.team-strip .meta{flex:1}.team-strip .meta .n{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:1px}.team-strip .meta .r{font-family:var(--font-mono);font-size:12px;color:var(--gold)}.team-strip button{font-size:13px}.foot{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);color:var(--ink-faint);font-size:12px;line-height:1.7;text-align:center}.foot code{font-family:var(--font-mono);color:var(--ink-dim)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}