:root{--bg: #10140f;--panel: #f7f4eb;--panel-2: #ece6d6;--ink: #172017;--muted: #6a6f67;--line: rgba(23, 32, 23, .14);--field: #1d6b4c;--field-2: #2c8759;--amber: #d89b2b;--coral: #d95742;--mint: #78c49a;--cream: #fffaf0;--charcoal: #182018;--shadow: 0 20px 60px rgba(0, 0, 0, .22);--radius: 8px;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg,rgba(216,155,43,.16),transparent 28%),linear-gradient(180deg,#1a231a,#10140f 42%,#0d110d);margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.loading-screen,.app-shell{width:min(1480px,calc(100vw - 32px));margin:0 auto}.loading-screen{align-items:center;color:var(--cream);display:flex;gap:12px;min-height:100vh;justify-content:center}.app-shell{padding:24px 0 32px}.topbar{align-items:center;color:var(--cream);display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}h1,h2,h3,h4,p{letter-spacing:0}.topbar h1,.panel-heading h2,.pack-panel h2{line-height:1;margin:0}.topbar h1{font-size:clamp(30px,4vw,54px)}.eyebrow{color:var(--amber);font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.muted{color:var(--muted);margin:6px 0 0}.wallet-strip{align-items:center;background:#fffaf01a;border:1px solid rgba(255,250,240,.16);border-radius:var(--radius);display:flex;gap:12px;padding:10px}.workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 430px}.arena-panel,.side-panel section{background:var(--panel);border:1px solid rgba(255,250,240,.16);border-radius:var(--radius);box-shadow:var(--shadow)}.arena-panel{padding:18px}.side-panel{display:grid;gap:18px}.panel-heading{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font-size:28px}.panel-heading h3{font-size:18px;margin:0}.panel-heading.compact{margin-bottom:12px}select,input{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:42px;padding:0 12px;width:100%}.scoreboard{background:var(--charcoal);border-radius:var(--radius);color:var(--cream);display:grid;grid-template-columns:1fr 160px 1fr;margin-bottom:16px;min-height:110px;overflow:hidden}.team-block,.match-clock{display:flex;flex-direction:column;justify-content:center;padding:18px}.align-right{align-items:flex-end;text-align:right}.team-block span,.match-clock span{color:var(--mint);font-size:13px;font-weight:900}.team-block strong{font-size:52px;line-height:.95}.team-block small,.match-clock small{color:#fffaf0a8;font-size:13px}.match-clock{align-items:center;background:#fffaf00f;text-align:center}.match-clock strong{font-size:32px}.pitch-band{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) 200px;margin-bottom:16px}.pitch{aspect-ratio:16 / 6;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 9%,transparent 9%,transparent 18%),linear-gradient(135deg,var(--field),var(--field-2));border:2px solid rgba(255,250,240,.85);border-radius:var(--radius);min-height:190px;overflow:hidden;position:relative}.center-line,.pitch-circle,.box,.player-dot,.ball-dot{position:absolute}.center-line{background:#fffaf0c7;height:100%;left:50%;top:0;width:2px}.pitch-circle{border:2px solid rgba(255,250,240,.78);border-radius:50%;height:96px;left:calc(50% - 48px);top:calc(50% - 48px);width:96px}.box{border:2px solid rgba(255,250,240,.72);height:52%;top:24%;width:13%}.box-left{border-left:0;left:0}.box-right{border-right:0;right:0}.player-dot{background:var(--cream);border:3px solid var(--coral);border-radius:50%;height:18px;width:18px}.dot-a{left:24%;top:32%}.dot-b{left:37%;top:62%}.dot-c{right:28%;top:42%}.dot-d{right:18%;top:66%}.ball-dot{background:#f4f0e5;border:2px solid #111;border-radius:50%;height:13px;left:62%;top:52%;width:13px}.match-metrics{display:grid;gap:10px}.metric{display:grid;gap:2px}.match-metrics .metric{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);min-height:58px;padding:12px}.metric svg{color:var(--amber);height:18px;width:18px}.metric span,.ticket-line span,.loadout-grid span,.ticket-summary span,.position-card span{color:var(--muted);display:block;font-size:12px;font-weight:800;text-transform:uppercase}.wallet-strip .metric span{color:#fffaf0a6}.wallet-strip .metric strong{color:var(--cream)}.metric strong{font-size:22px;line-height:1.1}.market-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.market-button{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:92px;padding:12px;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.market-button:hover,.market-button.is-selected{border-color:#d89b2bcc;transform:translateY(-1px)}.market-button.is-selected{background:#fff4d7}.market-button span{color:var(--muted);display:block;font-size:12px;font-weight:800;margin-bottom:8px;text-transform:uppercase}.market-button strong{display:block;font-size:17px;line-height:1.2;min-height:42px}.market-button small{color:var(--coral);font-size:13px;font-weight:800}.trade-ticket,.positions-panel{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:14px}.ticket-line{display:grid;gap:6px;margin-bottom:12px}.loadout-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.loadout-grid label{display:grid;gap:6px}.ticket-summary{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 120px auto}.primary-button,.ghost-button,.tab{align-items:center;border-radius:var(--radius);display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:42px;padding:0 14px}.primary-button{background:var(--coral);border:1px solid rgba(217,87,66,.75);color:#fff}.primary-button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.55}.ghost-button,.tab{background:#fffaf0c7;border:1px solid var(--line);color:var(--ink)}.wallet-strip .ghost-button{background:#fffaf014;color:var(--cream)}.position-list{display:grid;gap:8px}.position-card{align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 120px 90px;padding:10px}.position-card strong,.position-card p{margin:0}.position-card small{color:var(--muted);display:block;overflow-wrap:anywhere}.pack-panel{align-items:center;display:grid;gap:14px;grid-template-columns:82px minmax(0,1fr);padding:14px}.pack-panel button{grid-column:1 / -1}.pack-orb{align-items:center;background:radial-gradient(circle at 35% 25%,#fff6c9,#d89b2b 45%,#9e462f);border:2px solid rgba(255,250,240,.75);border-radius:50%;color:#fff;display:grid;font-size:22px;font-weight:950;height:78px;justify-items:center;place-content:center;width:78px}.pack-orb svg{height:20px;width:20px}.inventory-panel,.badges-panel,.settled-panel{padding:14px}.tabs{display:flex;gap:6px;overflow:auto}.tab{font-size:12px;min-height:34px;white-space:nowrap}.tab.is-active{background:var(--charcoal);color:var(--cream)}.card-grid{display:grid;gap:10px;max-height:460px;overflow:auto;padding-right:4px}.nft-card{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:grid;gap:8px;min-height:132px;overflow:hidden;padding:12px;position:relative}.nft-card.basic{background:linear-gradient(135deg,#f4f8ef,#dbe7d0)}.nft-card.rare{background:linear-gradient(135deg,#fff1c4,#d9a43a)}.nft-card.legendary{background:linear-gradient(135deg,#ffe2d3,#d95742 62%,#2b1a17);color:#fff}.nft-card.legendary .card-meta,.nft-card.legendary .card-condition{color:#ffffffc7}.card-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.card-type{border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:900;padding:4px 8px;text-transform:uppercase}.card-bonus{font-size:22px;font-weight:950}.nft-card h4{font-size:19px;line-height:1.1;margin:6px 0 0}.card-meta,.card-condition{color:var(--muted);font-size:12px;margin:0}.badge-list{display:grid;gap:8px}.badge-item{align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr);padding:10px}.badge-item.is-earned{border-color:#1d6b4c80;box-shadow:inset 4px 0 0 var(--field)}.badge-item svg{color:var(--field)}.badge-item strong{display:block;font-size:14px}.badge-item small{color:var(--muted);display:block;line-height:1.35}.pill{background:var(--charcoal);border-radius:999px;color:var(--cream);display:inline-flex;font-size:12px;font-weight:900;padding:5px 9px}.toast{background:var(--charcoal);border:1px solid rgba(255,250,240,.18);border-radius:var(--radius);bottom:18px;box-shadow:var(--shadow);color:var(--cream);left:50%;max-width:min(560px,calc(100vw - 32px));opacity:0;padding:12px 14px;pointer-events:none;position:fixed;transform:translate(-50%,18px);transition:opacity .2s ease,transform .2s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.settled-panel{grid-column:1 / -1}}@media(max-width:760px){.app-shell{padding-top:12px;width:min(100vw - 18px,1480px)}.topbar,.panel-heading{align-items:stretch;flex-direction:column}.wallet-strip,.scoreboard,.pitch-band,.loadout-grid,.market-grid,.ticket-summary,.side-panel{display:grid;grid-template-columns:1fr}.align-right{align-items:flex-start;text-align:left}.team-block strong{font-size:42px}.pitch{min-height:180px}.position-card{grid-template-columns:1fr}}