:root{--color-bg: #000000;--color-surface: #0a0a0f;--color-surface-glow: #12121c;--color-primary: #9DFF00;--color-primary-glow: rgba(157, 255, 0, .08);--color-secondary: #00e5ff;--color-secondary-glow: rgba(0, 229, 255, .15);--color-accent: #FF5C00;--color-accent-glow: rgba(255, 92, 0, .15);--color-liberty: #00A896;--color-liberty-glow: rgba(0, 168, 150, .15);--color-danger: #ff3344;--font-display: "Space Grotesk", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-neon-green: 0 0 20px rgba(157, 255, 0, .3);--shadow-neon-blue: 0 0 25px rgba(0, 229, 255, .4);--shadow-neon-orange: 0 0 25px rgba(255, 92, 0, .35);--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:#f3f4f6;font-family:var(--font-body);overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#222;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.bg-ambient-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:var(--color-bg);background-image:radial-gradient(circle at 10% 20%,rgba(0,229,255,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,92,0,.08) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(157,255,0,.04) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.008) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,60px 60px,60px 60px;pointer-events:none;opacity:.7}.bg-ambient-glow:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px,transparent 29.5%,rgba(255,255,255,.01) 30%,transparent 30.5%,transparent 59.5%,rgba(255,255,255,.01) 60%,transparent 60.5%,transparent 89.5%,rgba(255,255,255,.01) 90%,transparent 90.5%);background-size:100% 100%;pointer-events:none}.app-wrapper{max-width:1440px;margin:0 auto;padding:0 24px;min-height:100vh;display:flex;flex-direction:column;position:relative}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--font-display)}.logo-wrap{display:flex;align-items:center;gap:12px}.logo-icon{font-size:1.8rem;animation:spin-slow 10s linear infinite}.logo-text{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#ffffff 0%,var(--color-secondary) 50%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:#fff9;text-decoration:none;font-weight:500;transition:var(--transition-smooth)}.nav-links a:hover,.nav-links a.active{color:var(--color-primary);text-shadow:0 0 10px rgba(16,185,129,.4)}.badge-xlayer{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:99px;font-size:.85rem;font-weight:600}.badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 8px var(--color-primary)}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:64px 0;gap:48px}@media (max-width: 968px){.hero-section{flex-direction:column;text-align:center;padding:32px 0}}.hero-content{flex:1.2}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-primary-glow);border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:600;margin-bottom:20px;text-transform:uppercase}.hero-title{font-family:var(--font-display);font-size:3.5rem;font-weight:800;line-height:1.1;letter-spacing:-1px;margin-bottom:20px}.hero-title span{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 50%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:#ffffffb3;margin-bottom:32px;max-width:580px;font-weight:300}.hero-actions{display:flex;gap:16px}@media (max-width: 968px){.hero-actions{justify-content:center}}.btn-primary{padding:12px 24px;background:var(--color-primary);color:#000;font-weight:700;font-family:var(--font-display);border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--transition-smooth)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-neon-green);background:#a5ff00}.btn-secondary{padding:12px 24px;background:#ffffff08;color:#fff;font-weight:600;font-family:var(--font-display);border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--transition-smooth)}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26}.card-bezel{background:var(--color-surface);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;box-shadow:0 12px 40px #0006;position:relative;overflow:hidden}.card-bezel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-accent) 50%,var(--color-primary) 100%);opacity:.8}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;margin-bottom:64px}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}.panel-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px}.pitch-container{aspect-ratio:16/9;background:radial-gradient(circle,#004b23,#001f0e);border:2px solid var(--color-liberty);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 0 15px #00a89633}.pitch-lines{position:absolute;top:0;left:0;width:100%;height:100%;border:4px solid rgba(255,255,255,.08);pointer-events:none}.pitch-midline{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffffff14}.pitch-midcircle{position:absolute;top:50%;left:50%;width:18%;height:32%;border:2px solid rgba(255,255,255,.08);border-radius:50%;transform:translate(-50%,-50%)}.pitch-box-left{position:absolute;top:20%;left:0;width:16%;height:60%;border:2px solid rgba(255,255,255,.08);border-left:none}.pitch-box-right{position:absolute;top:20%;right:0;width:16%;height:60%;border:2px solid rgba(255,255,255,.08);border-right:none}.goal-post-left{position:absolute;top:40%;left:-10px;width:10px;height:20%;background:#fff3;border:2px solid #fff;border-radius:4px 0 0 4px}.goal-post-right{position:absolute;top:40%;right:-10px;width:10px;height:20%;background:#fff3;border:2px solid #fff;border-radius:0 4px 4px 0}.pitch-ball{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000080;font-size:11px;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .6s cubic-bezier(.25,1,.5,1);cursor:pointer}.pitch-player{position:absolute;width:24px;height:24px;background:var(--color-primary);border:2px solid #fff;border-radius:50%;font-size:10px;font-weight:700;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--color-primary);z-index:9;cursor:pointer}.pitch-player.opponent{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.pitch-score-overlay{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#000c;border:1px solid rgba(255,255,255,.1);padding:6px 16px;border-radius:8px;font-family:var(--font-mono);font-weight:700;font-size:.95rem;letter-spacing:1px;z-index:12;display:flex;gap:12px}.pitch-goal-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#10b98166;z-index:20;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease}.pitch-goal-flash.active{opacity:1;animation:flash-pulse .4s ease infinite alternate}.pitch-goal-text{font-family:var(--font-display);font-size:4rem;font-weight:900;color:#fff;text-shadow:0 0 20px #000,0 0 40px var(--color-primary);transform:scale(.5);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.pitch-goal-flash.active .pitch-goal-text{transform:scale(1)}.swap-widget{margin-top:16px;display:flex;flex-direction:column;gap:12px}.swap-input-row{display:flex;gap:12px}.swap-input-container{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px}.swap-label{font-size:.75rem;color:#fff6;margin-bottom:4px}.swap-input{background:transparent;border:none;color:#fff;font-size:1.25rem;font-weight:700;width:100%;outline:none;font-family:var(--font-mono)}.swap-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:600;border-radius:6px;padding:4px 8px;outline:none}.swap-btn{background:var(--color-primary);color:#000;font-family:var(--font-display);font-weight:700;padding:12px;border:none;border-radius:8px;cursor:pointer;transition:var(--transition-smooth)}.swap-btn:hover{background:#34d399;box-shadow:var(--shadow-neon-green)}.jackpot-display{text-align:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:24px}.jackpot-val{font-family:var(--font-mono);font-size:2.2rem;font-weight:800;color:var(--color-secondary);text-shadow:0 0 10px rgba(245,158,11,.3)}.predict-bar-container{display:flex;flex-direction:column;gap:16px}.team-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer;transition:var(--transition-smooth)}.team-row:hover,.team-row.selected{border-color:var(--color-primary);background:#10b9810d}.team-meta{display:flex;align-items:center;gap:12px}.team-flag{font-size:1.4rem}.team-name{font-weight:600}.team-odds{font-family:var(--font-mono);font-size:.9rem;color:#ffffff80}.odds-progress-wrap{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.odds-progress{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent),var(--color-primary));transition:width .5s ease}.console-logs{background:#020506;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;height:140px;overflow-y:auto;font-family:var(--font-mono);font-size:.8rem;color:#fff9;margin-top:12px;display:flex;flex-direction:column;gap:6px}.log-entry{border-left:2px solid var(--color-primary);padding-left:8px}.log-entry.goal{border-color:var(--color-secondary);color:var(--color-secondary)}.code-section{margin-bottom:64px}.tabs-header{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.tab-button{background:transparent;border:none;color:#ffffff80;font-family:var(--font-display);font-weight:600;padding:10px 16px;cursor:pointer;transition:var(--transition-smooth);border-bottom:2px solid transparent}.tab-button:hover,.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.code-viewer-container{background:#020405;border:1px solid rgba(255,255,255,.06);border-radius:8px;position:relative}.code-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#050a0c;border-radius:8px 8px 0 0}.code-lang{font-size:.75rem;color:#fff6;font-family:var(--font-mono)}.btn-copy{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff9;font-size:.75rem;padding:4px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-copy:hover{background:#ffffff14;color:#fff}.code-pre{margin:0;padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;color:#a7b5bd;max-height:480px}.app-footer{margin-top:auto;padding:32px 0;border-top:1px solid rgba(255,255,255,.05);text-align:center;font-size:.85rem;color:#fff6}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flash-pulse{0%{background:#10b9811a}to{background:#10b98159}}.text-glow-green{text-shadow:0 0 10px rgba(16,185,129,.5)}.bold-gold{color:var(--color-secondary)}.hidden{display:none!important}@keyframes live-pulse{0%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.3;transform:scale(.9)}}.live-dot{width:8px;height:8px;background-color:#f34;border-radius:50%;display:inline-block;box-shadow:0 0 8px #f34;animation:live-pulse 1.2s infinite ease-in-out}.hackathon-hero-container{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;padding:80px 0;align-items:center;position:relative;overflow:hidden}@media (max-width: 968px){.hackathon-hero-container{grid-template-columns:1fr;padding:40px 0;gap:32px}}.hackathon-left{display:flex;flex-direction:column;z-index:10}.hackathon-title-group{margin-bottom:24px}.hackathon-big-title{font-family:var(--font-display);font-size:5.2rem;font-weight:800;line-height:.95;letter-spacing:-2px;color:#fff;text-transform:none}@media (max-width: 640px){.hackathon-big-title{font-size:3.5rem}}.hackathon-sub-title{font-family:var(--font-display);font-size:2rem;font-weight:400;letter-spacing:-.5px;color:#fff;margin-top:16px;display:flex;align-items:center;gap:12px}.hackathon-desc{font-size:1.05rem;color:#fff9;max-width:540px;line-height:1.6;margin-bottom:32px}.hackathon-actions{display:flex;gap:16px;flex-wrap:wrap}.hackathon-right{position:relative;display:flex;align-items:center;justify-content:center;height:480px;width:100%}.ascii-ball-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ascii-code-graphic{position:absolute;right:-10%;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:.6rem;line-height:1.1;color:#ffffff2e;white-space:pre;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:right;z-index:1;letter-spacing:.5px;mask-image:radial-gradient(circle at 60% 50%,black 50%,transparent 95%);-webkit-mask-image:radial-gradient(circle at 60% 50%,black 50%,transparent 95%)}.ascii-glow-effect{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(0,229,255,.15) 0%,transparent 70%);border-radius:50%;z-index:2;pointer-events:none}.interactive-3d-overlay{position:relative;z-index:5;width:320px;height:320px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0003;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 40px #000c,inset 0 0 20px #ffffff05;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:var(--transition-smooth)}.interactive-3d-overlay:hover{border-color:#9dff0033;box-shadow:0 0 50px #9dff001a,0 0 40px #000c}.panel-sub-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px}@media (max-width: 600px){.app-wrapper{padding:0 16px}}.nav-actions{display:flex;align-items:center;gap:16px}.wallet-connected-wrapper{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.navbar{flex-direction:column;gap:16px;padding:16px 0;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.nav-links{gap:20px;margin:8px 0}.nav-actions{flex-direction:column;width:100%;gap:12px;align-items:center}.wallet-connected-wrapper{flex-direction:column;width:100%;gap:8px;align-items:center}.badge-xlayer,.wallet-connected-wrapper .btn-secondary,.wallet-connected-wrapper button,.nav-actions .btn-primary{width:100%;justify-content:center;max-width:280px}}@media (max-width: 768px){.hackathon-right{height:300px;margin-top:16px}.interactive-3d-overlay{width:240px;height:240px}.ascii-code-graphic{font-size:.5rem;right:0;left:0;margin:0 auto;text-align:center}}@media (max-width: 480px){.pitch-score-overlay{top:8px;padding:4px 10px;font-size:.8rem;gap:8px}.pitch-player{width:20px;height:20px;font-size:8px}.pitch-ball{width:16px;height:16px;font-size:9px}.pitch-goal-text{font-size:2.5rem}.swap-input-row{flex-direction:column;gap:12px}}.text-glow-green{color:var(--color-primary)!important;text-shadow:0 0 10px rgba(157,255,0,.4);box-shadow:0 0 15px #9dff0026!important;border-color:#9dff004d!important;background:#9dff000d!important}.whitepaper-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.whitepaper-modal-container{width:100%;max-width:900px;max-height:90vh;background:#0f0f14f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow-y:auto;box-shadow:0 20px 50px #000c,0 0 30px #00e5ff0d;position:relative}.whitepaper-header-banner{width:100%;height:250px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.08)}.whitepaper-content{padding:32px;color:#ffffffd9;line-height:1.6}.whitepaper-close-btn{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;transition:all .2s ease}.whitepaper-close-btn:hover{background:#ffffff26;transform:scale(1.05)}.whitepaper-section{margin-bottom:32px}.whitepaper-section h2{font-family:var(--font-heading);color:#fff;font-size:1.5rem;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}.whitepaper-section h3{font-family:var(--font-heading);color:var(--color-primary);font-size:1.15rem;margin-top:16px;margin-bottom:8px}.whitepaper-diagram-box{background:#0006;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:16px;margin:20px 0;font-family:var(--font-mono);font-size:.85rem}.whitepaper-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0}@media (max-width: 768px){.whitepaper-grid-2{grid-template-columns:1fr}.whitepaper-content{padding:20px}.whitepaper-header-banner{height:150px}}.shootout-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:15;pointer-events:none;border-radius:12px;animation:overlay-fade-in .25s ease-out}.shootout-text-main{font-size:3.5rem;font-weight:900;color:#fff;font-family:var(--font-heading);text-shadow:0 0 20px rgba(0,0,0,.8),0 0 30px var(--color-primary);animation:countdown-pulse .4s ease-out infinite alternate;text-align:center}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes countdown-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.2);opacity:1}}.pitch-shake{animation:haptic-shake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes haptic-shake{10%,90%{transform:translate3d(-2px,-1px,0)}20%,80%{transform:translate3d(4px,2px,0)}30%,50%,70%{transform:translate3d(-6px,-1px,0)}40%,60%{transform:translate3d(6px,1px,0)}}