:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#dce9ff;--muted:#8ea6c8;--panel:#0b1826c7;--line:#5390bf33;--shadow:0 18px 50px #02071073;--accent:#2ad0ff;--accent-deep:#12a4d2;--danger:#ff6868;--success:#3ddb8f;font-family:Sora,Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 8%,#2bd1ff33,#0000 32%),radial-gradient(circle at 90% 12%,#ff8c472e,#0000 30%),linear-gradient(150deg,#03070f 0%,#081423 52%,#11142a 100%);margin:0}button{font:inherit}.shell{width:min(1200px,100vw - 24px);margin:0 auto;padding:18px 0 34px}.brand-strip{background:linear-gradient(120deg,#08182ceb,#0d1430e6);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.brand-strip-actions{justify-content:flex-end;align-items:center;display:flex}.glass-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.topbar{background:linear-gradient(120deg,#08182ceb,#0d1430e6);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;display:grid}.brandmark,.user-pill,.brandmark-badge,.avatar-badge,.profile-avatar,.stat-chip,.micro-stats span,.room-meta span{place-items:center;display:inline-grid}.brandmark,.user-pill{grid-auto-flow:column;align-items:center;gap:12px}.user-pill{grid-auto-flow:row;justify-items:end;gap:0;display:grid}.user-pill-main{background:linear-gradient(135deg,#0e2334b8,#0c1b2a94);border:1px solid #6eaee238;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:inline-flex;box-shadow:0 6px 18px #06121f57}.user-pill-meta{text-align:left;justify-items:start;gap:2px;display:grid}.user-pill-meta strong{line-height:1}.rank-badge{letter-spacing:.06em;color:#c9f8ff;background:linear-gradient(135deg,#27b3df3d,#3a6fcd4d);border:1px solid #84d4ff6b;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 8px;font-size:.72rem;display:inline-flex}.brandmark-badge,.avatar-badge,.profile-avatar{color:#ecfffa;background:linear-gradient(145deg,#31ddff 0%,#317bff 54%,#7a57ff 100%);border-radius:16px;min-width:52px;min-height:52px;padding:0 12px;font-weight:700}.brandmark-badge{position:relative;transform:perspective(300px)rotateY(-14deg)rotateX(8deg);box-shadow:0 10px 30px #317bff59}.brandmark-badge:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff38;position:absolute;inset:-1px}.brandmark-badge span{text-shadow:0 2px 10px #ffffff5c}.profile-avatar{border-radius:26px;min-width:88px;min-height:88px;font-size:1.6rem}.avatar-badge.rival{background:linear-gradient(135deg,#19456d 0%,#3ea7ff 100%)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#88f5e0;margin:0 0 8px;font-size:.76rem}h1{margin:0;font-size:clamp(2.4rem,6vw,4.7rem);line-height:.95}h2,strong,.nav-tab,.primary-button,.ghost-button{color:var(--ink)}.lede{max-width:50ch;margin:14px 0 0;font-size:1rem;line-height:1.65}.nav-tabs{flex-wrap:wrap;justify-content:flex-start;justify-self:start;gap:8px;display:flex}.nav-tab,.ghost-button,.primary-button,.room-row,.pad button{cursor:pointer;border:0;transition:transform .12s,opacity .12s,background-color .16s}.nav-tab,.ghost-button{background:#10253894;border:1px solid #80add333;border-radius:999px;padding:8px 12px}.active-tab{color:#b5ffef;background:linear-gradient(135deg,#19a9d759,#1268b266);border-color:#5cc7ff7a}.hero-banner,.content-grid,.dashboard-grid{gap:18px;margin-bottom:18px;display:grid}.hero-banner{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.hero-copy,.hero-side,.feature-card,.duel-card,.side-card,.rooms-card,.rule-card,.profile-card,.wallet-card,.shop-card{padding:22px}.hero-side{grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;display:grid}.hero-actions,.room-highlight,.section-head,.shop-footer,.profile-head,.versus-strip,.duel-head-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-head{align-items:flex-start}.profile-head-copy{flex:1;min-width:0}.profile-head-copy h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-actions{flex-wrap:wrap;margin-top:22px}.primary-button,.ghost-button{letter-spacing:.02em;border-radius:10px;min-height:40px;padding:0 13px;font-size:.92rem}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#eafff9;border:1px solid #78f1ff75;box-shadow:0 10px 24px #1490b842}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.ghost-button{color:#d4e8ff}.ghost-button:hover{background:#193550cc;border-color:#7dbcf557}.primary-button:disabled,.ghost-button:disabled,.option-pill:disabled{opacity:.55;cursor:default;transform:none}.stat-chip,.feature-card,.metric-grid article,.transaction-list article,.shop-card,.room-row,.room-highlight{background:#0f2234d1;border-radius:18px}.stat-chip,.metric-grid article,.transaction-list article{gap:6px;padding:14px;display:grid}.stat-chip span,.metric-grid span,.micro-stats span,.room-meta span,.transaction-list small,.user-pill small,.brandmark small{color:var(--muted)}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.feature-card,.rule-card,.shop-card{grid-column:span 4}.wide-card{grid-column:span 8}.content-grid,.duel-grid,.rooms-grid,.profile-grid,.wallet-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.arena-shell{width:min(1320px,100vw - 16px)}.arena-page{background:#05060a;border:1px solid #ffffff0f;border-radius:24px;gap:14px;padding:16px;display:grid}.arena-page.arena-win{background:radial-gradient(circle at 12% 8%,#1fd67e29,#0000 36%),#05060a}.arena-page.arena-lose{background:radial-gradient(circle at 12% 8%,#f03e3e30,#0000 36%),#05060a}.arena-page.arena-tie{background:radial-gradient(circle at 12% 8%,#54aaff29,#0000 36%),#05060a}.arena-page.solo-arena{background:radial-gradient(circle at 10% 8%,#ffb1472e,#0000 38%),radial-gradient(circle at 88% 12%,#61ceff24,#0000 36%),#07050a;border-color:#ffbe6633}.solo-shell .duel-card{background:linear-gradient(150deg,#18100adb,#0f1422e6);border:1px solid #ffb8623d}.solo-shell .side-card{background:linear-gradient(150deg,#120d08d6,#0e1522e6);border:1px solid #fab87433}.solo-mode-banner{background:linear-gradient(135deg,#5434166b,#0f263880);border:1px solid #fdc27c4d;border-radius:16px;gap:4px;margin-bottom:10px;padding:12px 14px;display:grid}.solo-mode-banner h2,.solo-mode-banner p,.solo-mode-banner small{margin:0}.solo-mode-banner h2{font-size:1.08rem}.solo-shell .reward-gate.eligible{background:#5c3e1473;border-color:#ffcf798c}.solo-shell .arena-scorebar article{background:#1a130be0;border-color:#ffc07647}.arena-minibar{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.arena-title{text-align:center;color:#dff0ff;letter-spacing:.06em}.arena-actions{gap:8px;margin-bottom:10px;display:flex}.arena-scorebar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.solo-scorebar{grid-template-columns:repeat(4,minmax(0,1fr))}.arena-scorebar article{text-align:center;background:#081018eb;border:1px solid #ffffff14;border-radius:12px;gap:2px;padding:10px 12px;display:grid}.arena-scorebar span{letter-spacing:.08em;color:#8ca3bd;font-size:.74rem}.arena-scorebar strong{color:#f0f6ff;font-size:1.08rem}.arena-timer{background:#0c1a28f5}.timer-critical{color:#ffd6d6;border-color:#ff5c5c73;animation:.8s ease-in-out infinite alternate pulse-alert}.arena-balance{background:#080e14e0;margin-bottom:10px;padding:10px 12px 12px}.balance-head{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.85rem;display:flex}.balance-head strong{color:var(--ink)}.balance-track{background:linear-gradient(90deg,#2aaf7170,#3568974d,#bc3d3d80);border:1px solid #5ca4d947;border-radius:999px;height:16px;position:relative}.balance-center{background:#e6f0ffe6;width:2px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%)}.balance-pointer{background:#f6fdff;border:2px solid #3ab9ff;border-radius:999px;width:10px;height:22px;transition:left .2s;position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 0 18px #64c4ff73}.reward-gate{border:1px solid #0000;border-radius:14px;gap:2px;margin-bottom:12px;padding:10px 12px;display:grid}.reward-gate small{color:var(--muted)}.reward-gate.eligible{background:#083f368a;border-color:#5efcc88a}.reward-gate.locked{background:#3e151570;border-color:#ff6a6a66}.arena-brief{background:#081018e6;border:1px solid #ffffff14;border-radius:16px;margin-bottom:12px;padding:14px}.profile-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.profile-editor label{color:var(--muted);gap:6px;font-size:.82rem;display:grid}.profile-editor input{width:100%;min-height:36px;color:var(--ink);background:#0a1624d6;border:1px solid #75abdb4d;border-radius:10px;padding:0 10px}.profile-editor>div,.form-field{gap:6px;display:grid}.avatar-picker{flex-wrap:wrap;gap:8px;display:flex}.option-pill{color:#d4e8ff;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#0b2031c2;border:1px solid #7baed840;border-radius:999px;min-height:34px;padding:0 12px;font-size:.82rem;transition:background-color .12s,border-color .12s,transform .12s}.option-pill.active{color:#ebffff;background:linear-gradient(135deg,#21c2ea52,#2a72cd5c);border-color:#72d4ff99}.profile-file-input{padding:6px}.profile-file-input::file-selector-button{color:#daf6ff;cursor:pointer;background:#14304bd9;border:1px solid #7cc6ff66;border-radius:999px;margin-right:8px;padding:6px 12px}.room-builder{gap:12px;display:grid}.room-builder-panel{background:linear-gradient(150deg,#091828e6,#0a1422e6);border:1px solid #5d9dcf42;border-radius:16px;padding:14px}.room-builder-head h2{margin:0;font-size:1.12rem}.room-builder .form-field span,.option-label{color:#a9c2df;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.room-builder input{width:100%;min-height:38px;color:var(--ink);background:#06121ee6;border:1px solid #72abdd47;border-radius:10px;padding:0 10px}.option-group{gap:8px;display:grid}.option-pills{flex-wrap:wrap;gap:8px;display:flex}.room-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.room-builder-actions{flex-wrap:wrap;gap:8px;display:flex}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-card{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#0c1e2ecc;border:1px solid #609ed042;border-radius:16px;gap:8px;padding:14px;display:grid}.template-card h3,.template-card p{margin:0}.template-card h3{font-size:1.04rem}.active-template{background:linear-gradient(140deg,#16405cd1,#102c48d6);border-color:#77e8ffb3;box-shadow:inset 0 0 0 1px #77e8ff42}.room-builder-note{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.profile-photo{object-fit:cover;border:2px solid #82c2f259}.arena-brief h2{margin:0;font-size:1.02rem;line-height:1.38}.mini-metrics{gap:8px;margin-top:10px;display:grid}.mini-metrics span{color:#9eb2ca;font-size:.9rem}.board-shell{gap:12px;display:grid}.board{background:linear-gradient(#11283f 0%,#0d1f32 100%);border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid}.tile{aspect-ratio:1;border-radius:18px;place-items:center;font-size:clamp(1rem,3.6vw,2rem);font-weight:700;display:grid}.tile-empty{background:#2f4f6c61}.tile-2{color:#07324a;background:#d8f4fb}.tile-4{color:#07324a;background:#b2e7f7}.tile-warm{color:#07273c;background:#77dbf3}.tile-hot{color:#e9f9ff;background:#34c0ea}.tile-flare{color:#ecf9ff;background:#1488cf}.tile-epic{color:#ecf9ff;background:#0e4f87}.status{margin:2px 4px 0;font-size:.95rem}.micro-stats{flex-wrap:wrap;gap:10px;display:flex}.micro-stats span,.room-meta span{background:#162e45e6;border-radius:999px;padding:8px 12px}.pad{gap:12px;margin:16px 0 18px;display:grid}.pad-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pad button{min-height:72px;color:var(--ink);background:#12283df2;border-radius:22px;font-size:1.8rem;box-shadow:inset 0 -6px #06131f61}.room-list,.transaction-list,.mini-list{gap:10px;display:grid}.mini-list{margin:0;padding-left:20px;line-height:1.55}.room-row{text-align:left;justify-content:space-between;gap:10px;width:100%;padding:12px;display:flex}.active-room{outline:2px solid #2ad0ff85}.room-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.section-head{margin-bottom:16px}.section-head h2,.profile-head h2,.shop-card h2,.rule-card h2,.feature-card h2,.wallet-card h2,.rooms-card h2,.duel-card h2{margin:0}.top-connect{min-height:38px}.top-connect-minimal{letter-spacing:.05em;background:#0d203185;border:1px solid #7eb4e138;border-radius:999px;min-height:30px;padding:0 10px;font-size:.8rem}.top-connect-minimal:hover{background:#122c429e;border-color:#91cdff6b}.top-connect-upper{letter-spacing:.05em;background:#0d20317a;border:1px solid #7eb4e147;border-radius:999px;min-height:32px;padding:0 11px;font-size:.8rem}.top-connect-upper:hover{background:#122c429e;border-color:#91cdff75}.token-ticker{background:linear-gradient(130deg,#0d79a338,#5e45aa38);border:1px solid #75b9ff42;border-radius:20px;gap:10px;margin-top:18px;padding:14px;display:grid}.ticker-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ticker-head h2{margin:0}.ticker-up{color:#6ff5cb}.ticker-down{color:var(--danger)}.ticker-metrics{flex-wrap:wrap;gap:12px;display:flex}.ticker-metrics span{background:#0a1a2b9e;border-radius:12px;padding:6px 10px}.sparkline{width:100%;height:60px}.sparkline path{fill:none;stroke:#7af9dd;stroke-width:2px}.leaderboard-preview,.leaderboard-panel{gap:12px;display:grid}.solo-record-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.solo-record-chips article{background:#0d2234e0;border:1px solid #569ed43d;border-radius:14px;gap:4px;padding:12px;display:grid}.solo-record-chips span,.solo-record-chips small{color:var(--muted)}.leaderboard-rows,.leaderboard-table{gap:10px;display:grid}.leader-row{background:#0e2133e6;border:1px solid #4896cd40;border-radius:16px;grid-template-columns:70px minmax(120px,1fr) minmax(120px,1fr) auto auto auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.leaderboard-preview .leader-row{grid-template-columns:70px minmax(120px,1fr) minmax(90px,1fr) auto}.is-self{border-color:#67ffda99;box-shadow:inset 0 0 0 1px #67ffda38}.wallet-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:10px;display:flex}.stake-controls{background:#0d2134b8;border:1px solid #64a2d63d;border-radius:12px;gap:8px;margin:0 0 14px;padding:10px;display:grid}.stake-controls label{gap:6px;display:grid}.stake-controls span,.stake-controls small{color:var(--muted);font-size:.82rem}.stake-controls input{width:100%;min-height:36px;color:var(--ink);background:#081421e6;border:1px solid #76aede4d;border-radius:10px;padding:0 10px}.wallet-connection{background:#102438bf;border:1px solid #559bd442;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;margin-bottom:14px;padding:12px 14px;display:grid}.wallet-connection small{color:var(--muted);grid-column:2}.wallet-connection.connected{border-color:#67ffda8c}.connection-dot{background:#7d8ea4;border-radius:50%;width:10px;height:10px}.wallet-connection.connected .connection-dot{background:#61f1c8;box-shadow:0 0 0 6px #61f1c829}.stake-tier-table{gap:8px;margin:0 0 10px;display:grid}.stake-tier-table article{background:#0f2538cc;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.current-multiplier{margin:0 0 16px}.match-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#030a12b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.app-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:26;background:#030a12c2;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.app-modal-card{background:linear-gradient(150deg,#0a1927f5,#0e1a2ef2);border:1px solid #5faae257;gap:12px;width:min(520px,100%);padding:20px;display:grid}.app-modal-head h2,.app-modal-head p{margin:0}.app-modal-message{color:#d6e7fb;margin:0;line-height:1.6}.app-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.app-modal-field{gap:6px;display:grid}.app-modal-field span{color:var(--muted);font-size:.82rem}.app-modal-field input{width:100%;min-height:38px;color:var(--ink);background:#081420f0;border:1px solid #77adda57;border-radius:10px;padding:0 10px}.app-modal-profile-preview{justify-items:center;gap:8px;display:grid}.app-modal-profile-preview small{color:var(--muted)}.match-modal-card{gap:10px;width:min(520px,100%);padding:20px;display:grid}.match-modal-card h2,.match-modal-card p{margin:0}.match-modal-actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.duel-grid-collapsed .board-shell,.duel-grid-collapsed .pad{display:none}.duel-grid-collapsed .duel-card,.duel-grid-collapsed .side-card{min-height:220px}@keyframes pulse-alert{0%{box-shadow:0 0 #ff5d5d00}to{box-shadow:0 0 20px #ff5d5d38}}.nav-tab:hover,.ghost-button:hover,.primary-button:hover,.room-row:hover,.pad button:hover{transform:translateY(-1px)}@media (width<=900px){.topbar,.hero-banner,.content-grid,.duel-grid,.rooms-grid,.profile-grid,.wallet-grid{grid-template-columns:1fr}.topbar{justify-items:start}.nav-tabs{justify-content:flex-start}.brand-strip{align-items:flex-start}.brand-strip-actions{justify-content:flex-start;width:100%}.user-pill{justify-items:start}.user-pill-meta{text-align:left}.feature-card,.rule-card,.shop-card,.wide-card{grid-column:span 12}.arena-minibar{grid-template-columns:1fr}.arena-title{text-align:left}.arena-scorebar,.solo-scorebar{grid-template-columns:1fr}.balance-head{flex-direction:column;align-items:flex-start}.profile-editor{grid-template-columns:1fr}.arena-actions{flex-direction:column}.room-field-grid,.solo-record-chips,.template-grid{grid-template-columns:1fr}}@media (width<=560px){.shell{width:min(100vw - 16px,100%);padding-top:14px}.topbar,.hero-copy,.hero-side,.feature-card,.duel-card,.side-card,.rooms-card,.rule-card,.profile-card,.wallet-card,.shop-card,.arena-page{padding:14px}.hero-actions,.room-highlight,.section-head,.shop-footer,.profile-head,.wallet-actions,.match-modal-actions,.app-modal-actions{flex-direction:column;align-items:stretch}.metric-grid,.hero-side,.leader-row,.leaderboard-preview .leader-row{grid-template-columns:1fr}.board{gap:8px;padding:10px}.pad button{min-height:64px}.room-row{flex-direction:column}.room-meta{justify-content:flex-start}}