@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{background:#f3f6f1;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a1a1a;--color-bg-accent:#0e2a2a;--color-primary:#ffb300;--color-secondary:#00e0c6;--color-accent:#ff3c38;--color-text:#f7f7f7;--color-muted:#7ad7c1;--color-card:#122;--color-border:#1e4444}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Unbounded,cursive,sans-serif;overflow-x:hidden}.app{min-height:100vh;position:relative}.app:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(120deg,#00e0c612 0 2px,#0000 2px 80px),repeating-linear-gradient(-60deg,#ffb30012 0 2px,#0000 2px 80px),radial-gradient(circle at 70% 30%,#ff3c3814 0 200px,#0000 200px 100%);width:100vw;height:100vh;animation:18s linear infinite bg-move;position:fixed;top:0;left:0}@keyframes bg-move{0%{background-position:0 0,0 0,0 0}to{background-position:120px 80px,-120px -80px,60px 40px}}.navbar{background:var(--color-bg-accent);border-bottom:2px solid var(--color-border);z-index:10;letter-spacing:.03em;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #00000014}.nav-logo{color:var(--color-primary);letter-spacing:.04em;text-shadow:0 2px 16px #ffb3001f;font-family:Unbounded,cursive,sans-serif;font-size:2.1rem;font-weight:900}.nav-tab{color:var(--color-muted);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:12px;padding:10px 28px;font-family:Unbounded,cursive,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s}.nav-tab:hover{color:var(--color-primary);border-color:var(--color-primary);background:#ffb30012}.nav-tab.active{color:var(--color-bg);background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 12px #ffb30021}.nav-wallet{background:var(--color-card);border:2px solid var(--color-border);color:var(--color-secondary);letter-spacing:.04em;border-radius:20px;padding:8px 18px;font-family:Unbounded,cursive,sans-serif;font-size:1rem;font-weight:700}.tab-content{z-index:1;max-width:1100px;margin:0 auto;padding:48px 20px 40px;animation:1.2s cubic-bezier(.77,0,.18,1) both fade-in;position:relative}@keyframes fade-in{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:none}}.hero{text-align:center;z-index:2;padding:80px 20px 48px;position:relative}.hero-badge{background:var(--color-secondary);color:var(--color-bg);letter-spacing:.08em;border-radius:24px;margin-bottom:28px;padding:8px 22px;font-size:1.1rem;font-weight:700;display:inline-block;box-shadow:0 2px 12px #00e0c621}.hero-title{color:var(--color-primary);text-shadow:0 2px 24px #ffb30021;margin-bottom:22px;font-size:3.2rem;font-weight:900;line-height:1.1}.hero-buttons{justify-content:center;gap:18px;margin-bottom:10px;display:flex}.btn-primary{background:var(--color-primary);color:var(--color-bg);cursor:pointer;border:none;border-radius:14px;padding:16px 38px;font-family:Unbounded,cursive,sans-serif;font-size:1.2rem;font-weight:800;transition:all .2s;box-shadow:0 2px 16px #ffb30021}.btn-primary:hover{background:var(--color-accent);color:#fff}.btn-outline{color:var(--color-secondary);border:2px solid var(--color-secondary);cursor:pointer;background:0 0;border-radius:14px;padding:16px 38px;font-family:Unbounded,cursive,sans-serif;font-size:1.2rem;font-weight:800;transition:all .2s}.btn-outline:hover{color:var(--color-bg);background:var(--color-secondary)}.feature{background:var(--color-card);border:2px solid var(--color-border);text-align:center;border-radius:20px;padding:32px 20px 28px;animation:1.2s cubic-bezier(.77,0,.18,1) both feature-pop;position:relative;overflow:hidden;box-shadow:0 2px 16px #00e0c612}@keyframes feature-pop{0%{opacity:0;transform:scale(.8)translateY(40px)}to{opacity:1;transform:none}}.feature-icon{background:var(--color-secondary);color:var(--color-bg);letter-spacing:.09em;border-radius:8px;margin-bottom:18px;padding:7px 18px;font-size:1.1rem;font-weight:900;display:inline-block;box-shadow:0 2px 12px #00e0c621}.stats{background:var(--color-border);border-radius:20px;gap:2px;margin-top:48px;display:flex;overflow:hidden}.stat-value{color:var(--color-secondary);text-shadow:0 2px 12px #00e0c621;margin-bottom:6px;font-size:2.3rem;font-weight:900}.nav-logo{color:#fff;font-size:1.2rem;font-weight:800}.nav-tabs{gap:4px;display:flex}.nav-tab{color:#555;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.nav-tab:hover{color:#888;background:#1a1a1a}.nav-tab.active{color:#fff;background:#1a1a1a}.nav-wallet{color:#666;background:#1a1a1a;border:1px solid #222;border-radius:20px;padding:6px 14px;font-size:12px}.tab-content{max-width:1100px;margin:0 auto;padding:40px 20px}.hero{text-align:center;padding:60px 20px 40px}.hero-badge{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.hero-title{color:#fff;margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.1}.hero-subtitle{color:#555;max-width:500px;margin:0 auto 32px;font-size:1.1rem;line-height:1.6}.hero-buttons{justify-content:center;gap:12px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary:hover{background:#4338ca}.btn-outline{color:#555;cursor:pointer;background:0 0;border:1px solid #222;border-radius:10px;padding:14px 32px;font-size:15px;font-weight:600;transition:all .2s}.btn-outline:hover{color:#888;border-color:#333}.features{grid-template-columns:repeat(4,1fr);gap:16px;margin:60px 0;display:grid}.feature{background:#111;border:1px solid #1a1a1a;border-radius:16px;padding:24px}.feature-icon{color:#818cf8;letter-spacing:1px;background:#6366f126;border:1px solid #6366f133;border-radius:6px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.feature-title{color:#fff;margin-bottom:8px;font-size:15px;font-weight:700}.feature-desc{color:#555;font-size:13px;line-height:1.6}.stats{background:#1a1a1a;border-radius:16px;gap:1px;display:flex;overflow:hidden}.stat{text-align:center;background:#111;flex:1;padding:32px}.stat-value{color:#fff;margin-bottom:4px;font-size:2rem;font-weight:800}.stat-label{color:#555;font-size:13px}.matches-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.matches-header h2{font-size:1.4rem;font-weight:700}.btn-refresh{color:#555;cursor:pointer;background:#1a1a1a;border:1px solid #222;border-radius:8px;padding:8px 20px;font-size:13px}.loading{color:#444;text-align:center;padding:40px}.matches-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.match-card{cursor:pointer;background:#111;border:1px solid #1a1a1a;border-radius:16px;padding:20px;transition:all .2s}.match-card:hover{background:#151515;border-color:#333}.card-league{color:#444;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:11px}.card-teams{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-team{text-align:center;flex:1}.card-logo{object-fit:contain;width:36px;height:36px;margin-bottom:6px}.card-name{color:#ccc;font-size:12px;font-weight:600}.card-vs{text-align:center}.card-score{color:#fff;font-size:1.2rem;font-weight:800}.card-vs-text{color:#333;font-size:13px;font-weight:700}.card-status{margin-top:4px;font-size:10px}.card-status.ft{color:#22c55e}.card-status.ns{color:#f59e0b}.card-action{text-align:center;color:#333;font-size:11px}.empty-state{text-align:center;padding:100px 20px}.empty-state.compact{padding:34px 20px}.empty-title{margin-bottom:8px;font-size:1.2rem;font-weight:700}.empty-desc{color:#555;margin-bottom:24px}.predict-league{color:#555;margin-bottom:32px;font-size:13px}.predict-teams{background:#111;border:1px solid #1a1a1a;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:32px;display:flex}.predict-team{text-align:center;flex:1}.predict-logo{object-fit:contain;width:72px;height:72px;margin-bottom:12px}.predict-team-name{margin-bottom:4px;font-size:1.1rem;font-weight:700}.predict-team-label{color:#555;font-size:12px}.predict-score{text-align:center;padding:0 20px;font-size:2rem;font-weight:800}.predict-status{margin-top:8px;font-size:12px}.predict-status.ft{color:#22c55e}.predict-status.ns{color:#f59e0b}.predict-contract{background:#111;border:1px solid #1a1a1a;border-radius:20px;padding:32px}.pool-title{color:#555;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:13px}.pool-bars{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.pool-bar{align-items:center;gap:12px;display:flex}.pool-label{color:#666;flex-shrink:0;width:140px;font-size:13px}.pool-track{background:#1a1a1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.pool-fill{border-radius:3px;height:100%;transition:width .5s}.pool-amount{color:#666;text-align:right;width:80px;font-size:13px}.result-banner{text-align:center;color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;padding:20px;font-size:1.1rem}.predict-hint{color:#555;margin-bottom:12px;font-size:13px}.predict-btns{gap:12px;display:flex}.pbtn{cursor:pointer;border:1px solid;border-radius:12px;flex:1;padding:16px;font-size:14px;font-weight:600;transition:all .2s}.pbtn:disabled{opacity:.4;cursor:not-allowed}.pbtn.home:hover:not(:disabled){background:#22c55e33}.pbtn.draw:hover:not(:disabled){background:#f59e0b33}.pbtn.away:hover:not(:disabled){background:#ef444433}.not-on-chain{text-align:center;background:#111;border:1px solid #1a1a1a;border-radius:20px;padding:32px}.not-on-chain p{color:#555;margin-bottom:24px}.first-hint{color:#555;margin-bottom:12px;font-size:13px}.msg{border-radius:10px;margin-top:16px;padding:12px 16px;font-size:13px}.msg.info{color:#818cf8;background:#6366f11a;border:1px solid #6366f133}.msg.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.msg.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.nav-right{align-items:center;gap:12px;display:flex}.btn-connect{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600}.nav-balance{color:#22c55e;cursor:pointer;background:#1a1a1a;border:1px solid #222;border-radius:20px;padding:6px 14px;font-size:12px}.btn-claim{color:#000;cursor:pointer;background:#22c55e;border:none;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:700}.stake-input-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.stake-input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:150px;padding:10px;font-size:14px}.stake-currency{color:#555;font-size:13px}.odds-row{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.odd-box{color:#888;background:#1a1a1a;border:1px solid #222;border-radius:8px;padding:10px 16px;font-size:13px}:root{--page:#f3f6f1;--surface:#fff;--surface-soft:#e9efe6;--surface-strong:#10382b;--ink:#14211b;--muted:#65736c;--line:#d7e0d6;--primary:#147d64;--primary-dark:#0c5f4b;--accent:#e1a72f;--danger:#c24138;--success:#248a4d;--shadow:0 18px 48px #22372b1c}body{background:linear-gradient(135deg, #147d6414, transparent 36%), linear-gradient(315deg, #e1a72f29, transparent 32%), var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{color:var(--ink);background:0 0}.app:before{display:none}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:0;background:#ffffffdb;border:0;border-bottom:1px solid #10382b1f;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:auto;min-height:76px;padding:14px clamp(18px,4vw,56px);animation:none;display:grid;position:sticky;top:0;box-shadow:0 10px 32px #14211b14}.nav-logo{color:var(--surface-strong);letter-spacing:0;text-shadow:none;text-transform:none;border:0;padding:0;font-family:inherit;font-size:1.1rem;font-weight:800}.nav-tabs,.nav-right{align-items:center;gap:8px;display:flex}.nav-tabs{justify-content:center}.nav-right{flex-wrap:wrap;justify-content:flex-end}.wallet-group{align-items:center;gap:8px;display:flex}.wallet-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wallet-option{border:1px solid var(--line);color:var(--surface-strong);cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.86rem;font-weight:800}.wallet-option:hover{color:var(--primary-dark);border-color:#147d6459}.wallet-option.muted{color:var(--muted)}.nav-tab,.btn-connect,.btn-claim,.btn-disconnect,.btn-refresh,.btn-primary,.btn-outline,.pbtn{letter-spacing:0;border-radius:8px;font-family:inherit;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.nav-tab{color:var(--muted);background:0 0;border:1px solid #0000;padding:10px 16px;font-size:.92rem}.nav-tab:hover,.nav-tab.active{background:var(--surface-soft);color:var(--surface-strong);border-color:var(--line)}.btn-connect,.btn-claim,.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary);box-shadow:0 10px 24px #147d6438}.btn-connect,.btn-claim,.btn-disconnect{padding:10px 14px;font-size:.86rem}.btn-disconnect{border:1px solid var(--line);color:var(--muted);cursor:pointer;box-shadow:none;background:#fff}.btn-disconnect:hover{color:var(--danger);border-color:#c2413847}.btn-claim{background:var(--surface-strong);border-color:var(--surface-strong)}.btn-primary{padding:14px 22px;font-size:.98rem}.btn-primary:hover,.btn-connect:hover,.btn-claim:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark);transform:translateY(-1px)}.btn-outline,.btn-refresh{color:var(--surface-strong);border:1px solid var(--line);box-shadow:none;background:#ffffffb3}.btn-outline{padding:14px 22px;font-size:.98rem}.btn-refresh{padding:10px 16px;font-size:.9rem}.btn-outline:hover,.btn-refresh:hover{background:var(--surface);color:var(--primary-dark);border-color:#147d6459}.nav-wallet,.nav-balance{background:var(--surface-soft);border:1px solid var(--line);color:var(--surface-strong);border-radius:8px;padding:9px 12px;font-size:.82rem;font-weight:700}.back-link{border:1px solid var(--line);color:var(--surface-strong);cursor:pointer;background:#ffffffb8;border-radius:8px;margin:0 0 14px;padding:10px 14px;font-family:inherit;font-size:.9rem;font-weight:800}.back-link:hover{background:#fff;border-color:#147d6459}.tab-content{width:min(1160px,100% - 32px);max-width:none;margin:0 auto;padding:44px 0 64px;animation:none}.hero{text-align:left;min-height:420px;box-shadow:var(--shadow);background-color:#0000;background-image:linear-gradient(110deg,#10382bf5,#147d64e0),url(https://images.unsplash.com/photo-1508098682722-e99c43a406b2?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;align-content:center;padding:clamp(48px,8vw,86px);animation:none;display:grid;overflow:hidden}.hero-badge{width:fit-content;box-shadow:none;color:#f7fbf8;letter-spacing:0;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;margin:0 0 22px;padding:8px 12px;font-family:inherit;font-size:.82rem;font-weight:700;animation:none}.hero-title,h1,h2{color:inherit;letter-spacing:0;text-shadow:none;text-transform:none;font-family:inherit}.hero-title{color:#fff;max-width:760px;margin:0 0 18px;font-size:clamp(2.6rem,7vw,5.8rem);font-weight:800;line-height:.96}.hero-subtitle{color:#ffffffd1;max-width:660px;text-shadow:none;text-transform:none;margin:0 0 30px;padding:0;font-family:inherit;font-size:clamp(1rem,2vw,1.22rem);font-weight:500;line-height:1.65;animation:none}.hero-buttons{justify-content:flex-start;gap:12px;margin:0;animation:none}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.feature,.match-card,.predict-teams,.predict-contract,.not-on-chain,.stat,.empty-state{border:1px solid var(--line);background:#ffffffe0;border-radius:8px;box-shadow:0 10px 28px #22372b12}.feature{text-align:left;padding:22px;animation:none}.feature-icon{background:var(--surface-soft);border:1px solid var(--line);box-shadow:none;color:var(--primary-dark);letter-spacing:0;border-radius:999px;margin-bottom:14px;padding:6px 10px;font-size:.76rem}.feature-title{color:var(--ink);font-size:1rem}.feature-desc,.stat-label,.empty-desc,.predict-hint,.first-hint,.not-on-chain p,.predict-league,.card-league,.card-action,.predict-team-label,.pool-title,.pool-label,.pool-amount,.stake-currency{color:var(--muted)}.hero .hero-subtitle{color:#ffffffe6}.stats{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;display:grid;overflow:hidden}.stat{box-shadow:none;border:0;border-radius:0;padding:28px 18px}.stat-value{color:var(--surface-strong);text-shadow:none;font-size:2rem}.matches-header{margin-bottom:18px}.matches-header h2{color:var(--ink);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.loading{color:var(--muted)}.api-notice{color:#6f4e08;background:#e1a72f29;border:1px solid #e1a72f57;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:.9rem;font-weight:700;line-height:1.5}.feed-note{color:var(--muted);margin:-4px 0 16px;font-size:.86rem;font-weight:600;line-height:1.55}.feed-legend{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.feed-legend span{border:1px solid var(--line);color:var(--muted);background:#ffffffbd;border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:700}.feed-legend strong{color:var(--surface-strong)}.match-tools{grid-template-columns:minmax(220px,1fr) repeat(4,auto);align-items:center;gap:10px;margin-bottom:16px;display:grid}.match-search,.match-select{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px}.matches-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.match-card{padding:18px}.match-card:hover{box-shadow:var(--shadow);background:#fff;border-color:#147d645c;transform:translateY(-2px)}.card-league{margin-bottom:18px;font-size:.74rem}.card-topline{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.card-topline .card-league{margin-bottom:0}.feed-badge{text-transform:uppercase;border-radius:999px;flex:none;padding:5px 8px;font-size:.68rem;font-weight:900}.feed-badge.real{color:var(--success);background:#248a4d1a}.feed-badge.demo{color:#8a620e;background:#e1a72f29}.card-teams{gap:12px}.card-logo{width:44px;height:44px}.card-name{color:var(--ink);font-size:.84rem}.card-vs-text,.card-score,.predict-score{color:var(--surface-strong)}.card-status.ns,.predict-status.ns{color:var(--accent)}.card-status.ft,.predict-status.ft{color:var(--success)}.predict-league{margin-bottom:16px;font-size:.92rem;font-weight:700}.predict-teams{padding:clamp(20px,4vw,34px)}.predict-logo{width:76px;height:76px}.predict-team-name{color:var(--ink)}.predict-contract,.not-on-chain{padding:clamp(20px,4vw,32px)}.pool-title{font-weight:800}.pool-track{background:var(--surface-soft);height:8px}.pool-fill.home{background:var(--success)}.pool-fill.draw{background:var(--accent)}.pool-fill.away{background:var(--danger)}.stake-input-row{flex-wrap:wrap}.stake-input{border:1px solid var(--line);width:160px;color:var(--ink);background:#fff}.odds-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.odd-box{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);line-height:1.5}.odd-box strong{color:var(--surface-strong)}.predict-btns{gap:10px}.pbtn{border-width:1px;min-height:54px}.pbtn.home{color:#176339;background:#248a4d1a;border-color:#248a4d3d}.pbtn.draw{color:#8a620e;background:#e1a72f24;border-color:#e1a72f47}.pbtn.away{color:#92312b;background:#c241381a;border-color:#c241383d}.pbtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #22372b17}.result-banner{color:var(--success);background:#248a4d1a;border-color:#248a4d33}.prediction-list{gap:12px;display:grid}.insight-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.insight-panel{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;padding:20px;box-shadow:0 10px 28px #22372b12}.panel-title{color:var(--ink);margin-bottom:14px;font-size:1rem;font-weight:900}.panel-empty{color:var(--muted);font-size:.92rem}.leader-row,.verify-row{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 0;display:flex}.leader-row:first-of-type,.verify-row:first-of-type{border-top:0}.leader-row strong,.verify-row strong{color:var(--surface-strong)}.leader-row span,.verify-row span{color:var(--muted);margin-top:4px;font-size:.82rem;font-weight:700;display:block}.prediction-card{border:1px solid var(--line);background:#ffffffe6;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:20px;display:grid;box-shadow:0 10px 28px #22372b12}.prediction-league{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800}.prediction-title{color:var(--ink);font-size:1.1rem;font-weight:800}.prediction-choice{color:var(--primary-dark);margin-top:6px;font-weight:800}.prediction-metrics,.confirm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.prediction-metrics div,.confirm-grid div{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;min-width:120px;padding:12px}.prediction-metrics span,.confirm-grid span{color:var(--muted);margin-bottom:5px;font-size:.74rem;font-weight:800;display:block}.prediction-metrics strong,.confirm-grid strong{color:var(--surface-strong);font-size:.92rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a14108f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-modal{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(520px,100%);padding:24px;box-shadow:0 24px 70px #0a141040}.modal-kicker{color:var(--primary-dark);text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:900}.confirm-modal h2{color:var(--ink);margin-bottom:12px;font-size:1.8rem;font-weight:800}.confirm-modal p{color:var(--muted);margin-bottom:16px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.msg{border-radius:8px;font-weight:700}.msg.info{color:var(--primary-dark);background:#147d641a;border-color:#147d6438}.msg.success{color:var(--success);background:#248a4d1a;border-color:#248a4d33}.msg.error{color:var(--danger);background:#c241381a;border-color:#c2413838}@media (width<=900px){.navbar{grid-template-columns:1fr;gap:12px}.nav-tabs,.nav-right{justify-content:flex-start;width:100%;overflow-x:auto}.features,.matches-grid,.odds-row{grid-template-columns:1fr 1fr}}@media (width<=640px){.tab-content{width:100%;padding:18px 12px 40px}.navbar{min-height:0;padding:12px;position:relative;box-shadow:0 8px 24px #14211b14}.nav-logo{font-size:1rem}.nav-tabs,.nav-right{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;overflow:visible}.nav-right{grid-template-columns:1fr}.wallet-group,.wallet-picker{grid-template-columns:1fr;gap:6px;width:100%;display:grid}.nav-tab,.btn-connect,.btn-claim,.btn-disconnect,.wallet-option,.nav-wallet,.nav-balance{text-align:center;white-space:nowrap;width:100%;min-width:0;padding:10px 8px;font-size:.78rem}.hero{border-radius:0;min-height:auto;margin-inline:-12px;padding:34px 18px}.hero-title{font-size:clamp(2.2rem,14vw,3.45rem);line-height:1}.hero-subtitle{font-size:.98rem;line-height:1.55}.hero-buttons,.predict-btns,.predict-teams,.pool-bar{flex-direction:column}.hero-buttons .btn-primary,.hero-buttons .btn-outline,.predict-btns .pbtn{width:100%}.features,.matches-grid,.stats,.odds-row,.prediction-card,.prediction-metrics,.confirm-grid,.match-tools,.insight-grid{grid-template-columns:1fr}.feature,.match-card,.predict-teams,.predict-contract,.not-on-chain,.empty-state{padding:18px}.matches-header{flex-direction:column;align-items:stretch;gap:10px}.matches-header h2{font-size:1.75rem}.feed-legend{grid-template-columns:1fr;display:grid}.btn-refresh{width:100%}.card-teams{grid-template-columns:1fr auto 1fr;gap:8px;display:grid}.card-logo{width:38px;height:38px}.card-name,.predict-team-name{overflow-wrap:anywhere}.predict-score{padding:16px 0;font-size:1.6rem}.predict-logo{width:64px;height:64px}.stake-input-row{grid-template-columns:1fr;align-items:stretch;display:grid}.stake-input{width:100%}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.pool-label,.pool-amount{text-align:left;width:100%}}@media (width<=380px){.nav-tab,.btn-connect,.btn-claim,.btn-disconnect,.wallet-option,.nav-wallet,.nav-balance{padding-inline:6px;font-size:.72rem}.hero-title{font-size:2rem}.card-teams{grid-template-columns:1fr}.card-vs{order:-1}}