@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";.tx-trigger{position:fixed;top:.9rem;right:.9rem;z-index:150;width:34px;height:34px;border-radius:50%;border:1px solid rgba(245,166,35,.6);background:#f5a62314;color:#f5a623;display:grid;place-items:center;box-shadow:0 0 22px #f5a62347;animation:pulseDot 2s ease-in-out infinite}.tx-mini-box{position:fixed;right:24px;bottom:24px;width:300px;max-height:220px;z-index:40;background:#0d0d15;border:1px solid rgba(255,255,255,.08);border-radius:6px;box-shadow:0 0 24px #0009;overflow:hidden}.tx-mini-header{width:100%;display:flex;align-items:center;gap:.45rem;justify-content:space-between;background:#111118;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#5a5a72;text-transform:uppercase;font-size:10px;letter-spacing:.12em;padding:.55rem .65rem}.tx-mini-dot.pending{color:#f5a623;animation:pulsePending 1.2s infinite}.tx-mini-dot.settled{color:#00d4ff}.tx-mini-dot.empty{color:#5a5a72}.tx-mini-title{flex:1;text-align:left}.tx-mini-open{color:#00d4ff}.tx-mini-list{list-style:none;margin:0;padding:.4rem;max-height:172px;overflow-y:auto}.tx-mini-list::-webkit-scrollbar{width:4px}.tx-mini-list::-webkit-scrollbar-track{background:#1a1a28}.tx-mini-list::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:99px}.tx-mini-row{border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#111118;padding:.45rem;margin-bottom:.35rem}.tx-mini-row.flash-success{box-shadow:0 0 0 1px #00d4ff inset;transition:box-shadow .2s}.tx-mini-row.flash-failed{box-shadow:0 0 0 1px #e5133a inset;transition:box-shadow .2s}.tx-mini-row-top{display:flex;align-items:center;gap:.35rem}.tx-mini-label{color:#f0f0f5;font-size:12px;font-weight:600;flex:1}.tx-mini-state{color:#5a5a72;font-size:10px;text-transform:lowercase}.tx-mini-status-dot.pending{color:#f5a623;animation:pulsePending 1.2s infinite}.tx-mini-status-dot.success{color:#00d4ff}.tx-mini-status-dot.failed{color:#e5133a}.tx-mini-status-dot.not_found,.tx-mini-status-dot.submitting,.tx-mini-status-dot.local{color:#5a5a72}.tx-mini-meta{color:#5a5a72;font-size:11px;font-family:var(--font-mono);margin-top:.2rem}.tx-mini-link{color:#00d4ff;font-size:11px;margin-top:.2rem;display:inline-block}.tx-mini-expand{border:none;background:transparent;color:#5a5a72;font-size:12px;padding:0;margin-top:.2rem}.tx-mini-error{margin-top:.25rem;white-space:pre-wrap;color:#e5133a;font-size:11px;font-family:var(--font-mono)}.tx-mini-empty{min-height:130px;display:grid;place-content:center;text-align:center;color:#5a5a72;gap:.2rem}.tx-mini-empty small{font-size:11px}@keyframes pulsePending{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulseDot{0%,to{box-shadow:0 0 14px #f5a6232e}50%{box-shadow:0 0 24px #f5a62380}}.onchain-drawer{position:fixed;top:0;right:0;z-index:140;width:min(320px,100vw);height:100vh;transform:translate(100%);transition:transform .28s ease-out;border-left:1px solid rgba(255,255,255,.08);background:#111118f5;backdrop-filter:blur(12px);display:flex;flex-direction:column}.onchain-drawer.is-open{transform:translate(0)}.onchain-tx-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.onchain-tx-panel__title{display:block;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:#f0f0f5}.onchain-tx-panel__hint{display:block;margin-top:.25rem;font-size:.6rem;color:#5a5a72;letter-spacing:.16em;text-transform:uppercase}.tx-close{border:1px solid rgba(255,255,255,.12);background:transparent;color:#f0f0f5;padding:.35rem}.onchain-tx-panel__list{list-style:none;margin:0;padding:.35rem .75rem 1rem;overflow-y:auto;flex:1;min-height:0}.onchain-tx-panel__empty{padding:.75rem .75rem .85rem;opacity:.55;font-style:italic}.onchain-tx-panel__row{padding:.75rem;border:1px solid rgba(255,255,255,.06);border-radius:4px;background:#111118;margin-bottom:.5rem}.onchain-tx-panel__row-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.onchain-tx-panel__label{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#f0f0f5;font-family:var(--font-mono);font-size:.7rem}.onchain-tx-panel__status{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.onchain-tx-panel__status--pending{color:#f5a623}.onchain-tx-panel__status--success{color:#00d4ff}.onchain-tx-panel__status--failed{color:#e5133a}.onchain-tx-panel__status--local{color:#9dd6ff}.onchain-tx-panel__detail{margin-top:.25rem;font-size:.62rem;line-height:1.35;color:#8f8fa8;font-family:var(--font-mono)}.expand-link{margin-left:.35rem;color:#00d4ff;background:transparent;border:none;padding:0}.onchain-tx-panel__row-meta{display:flex;justify-content:space-between;margin-top:.4rem;opacity:.85;font-size:.6rem;color:#5a5a72;text-transform:uppercase}.onchain-tx-panel__hash{display:inline-block;margin-top:.4rem;font-size:.6rem;color:#00d4ff;text-decoration:none;font-family:var(--font-mono)}.onchain-tx-panel__hash:hover{text-decoration:underline}@media(max-width:768px){.onchain-drawer{width:100vw;height:min(62vh,480px);top:auto;bottom:0;border-left:none;border-top:1px solid rgba(255,255,255,.08);transform:translateY(100%)}.onchain-drawer.is-open{transform:translateY(0)}}@media(max-width:640px){.tx-mini-box{width:calc(100vw - 16px);right:8px;bottom:8px;max-height:48px}.tx-mini-list{display:none}}.arena-root{position:relative;min-height:100vh;background:radial-gradient(circle at 10% -10%,rgba(0,212,255,.1),transparent 42%),radial-gradient(circle at 88% 15%,rgba(229,19,58,.14),transparent 40%),#0a0a0f;color:#f0f0f5;overflow-x:hidden}.arena-noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(#121b33 .4px,transparent .4px);background-size:3px 3px}.particles-container{position:fixed;inset:0;pointer-events:none}.particle{position:absolute;width:var(--size);height:var(--size);border-radius:999px;background:#ffffff73;bottom:-10px;left:var(--x);animation:particleFloat var(--duration) linear infinite;animation-delay:var(--delay)}@keyframes particleFloat{0%{transform:translateY(0);opacity:0}20%{opacity:.5}to{transform:translateY(-110vh);opacity:0}}.app-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(10px);background:#0a0a0fb8;padding:.75rem 1.25rem}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:min(1400px,100%);margin:0 auto;min-width:0}.app-header-actions{display:flex;align-items:center;gap:.5rem}.layout-leaderboard-btn{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:.45rem .75rem;background:transparent;border:1px solid rgba(0,212,255,.35);color:#00d4ff;border-radius:4px;cursor:pointer;white-space:nowrap}.layout-leaderboard-btn:hover{border-color:#00d4ffbf;background:#00d4ff14}.app-title{margin:0;font-family:var(--font-display);font-size:1.8rem;line-height:1;text-transform:uppercase;letter-spacing:.08em}.app-subtitle{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.layout-content{position:relative;z-index:2;width:min(1400px,100%);max-width:100%;box-sizing:border-box;margin:0 auto;padding:1rem 1rem 4rem;transition:opacity .2s ease}@media(max-width:560px){.app-header{padding:.55rem .75rem}.app-title{font-size:1.35rem;letter-spacing:.06em}.app-subtitle{font-size:.62rem;letter-spacing:.12em}.layout-content{padding-left:.65rem;padding-right:.65rem}.layout-leaderboard-btn{font-size:11px;padding:.38rem .55rem;letter-spacing:.08em}}.layout-content--busy{opacity:.65;pointer-events:none}.app-footer{color:var(--color-text-muted);text-align:center;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;padding-bottom:1rem}.arena-vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 200px #000000bf}.arena-flash{position:fixed;inset:0;pointer-events:none}.layout-bg-audio{position:fixed;left:-9999px;width:4px;height:4px;opacity:0;pointer-events:none}.layout-music-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .65rem;background:transparent;border:1px solid rgba(245,166,35,.35);color:#f5a623;border-radius:4px;cursor:pointer;white-space:nowrap}.layout-music-btn:hover{border-color:#f5a623bf;background:#f5a62314}.layout-music-btn__icon{font-size:14px;line-height:1}.layout-music-btn__text{font-size:11px}@media(max-width:560px){.layout-music-btn{font-size:10px;padding:.38rem .5rem;letter-spacing:.06em}.layout-music-btn__text{display:none}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem 1rem;color:var(--color-text-muted)}.page-loading--viewport{min-height:min(70vh,560px);width:100%}.page-loading--panel{min-height:320px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#0d0d15d9}.page-loading-inner{text-align:center;max-width:280px}.page-loading-shimmer{width:120px;height:6px;margin:0 auto 1.25rem;border-radius:4px;background:linear-gradient(90deg,#111118 25%,#1a1a28,#111118 75%);background-size:200% 100%;animation:pageLoadingShimmer 1.4s ease-in-out infinite}@keyframes pageLoadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loading-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:#a0a0b8;margin:0}.page-loading-sub{font-size:.82rem;color:#5a5a72;margin:.5rem 0 0;line-height:1.45}.arena-game-shell{position:relative;max-width:100%;overflow-x:hidden}.arena-topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;border:1px solid rgba(255,255,255,.06);background:#111118;padding:.75rem 1rem;margin-bottom:1rem}.arena-topbar-right{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.arena-nav-leaderboard{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:.45rem .65rem;background:transparent;border:1px solid rgba(255,255,255,.12);color:#c0c0d8;border-radius:4px;cursor:pointer;white-space:nowrap}.arena-nav-leaderboard:hover{border-color:#00d4ffa6;color:#00d4ff}.arena-topbar h2{margin:0;font-size:2rem;color:#f0f0f5;line-height:1}.arena-topbar p{margin:0;color:#5a5a72;font-size:.72rem;letter-spacing:.16em}.wallet-pill{display:inline-flex;gap:.45rem;align-items:center;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.15);background:#0d0d15;color:#5a5a72;font-family:var(--font-mono)}.wallet-pill-dot.on{color:#25d366}.wallet-pill .copy-chip{margin:0 .2rem}.wallet-pill-disconnect:hover{color:#e5133a}.wallet-pill.connected{color:#00d4ff;border-color:#00d4ff80}.wallet-pill button{border:none;padding:.2rem;background:transparent;color:inherit}.entry-gate{position:relative;min-height:72vh;border:1px solid rgba(255,255,255,.06);background:#111118f0;display:grid;place-content:center;text-align:center;gap:.75rem}.entry-gate--busy .entry-gate-inner{opacity:.35;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.entry-gate-busy-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background:#0a0a0ed1;backdrop-filter:blur(6px);border-radius:inherit}.entry-gate-spinner{color:#00d4ff;animation:syncSpin .9s linear infinite}.entry-gate-busy-text{margin:0;font-size:1rem;color:#f0f0f5;font-weight:600;letter-spacing:.04em}.entry-gate-busy-hint{margin:0;font-size:.75rem;color:#8a8a9a;max-width:280px}.username-dialog-backdrop{position:fixed;inset:0;z-index:205;background:#000000b3;display:grid;place-items:center;padding:1rem}.username-dialog{width:min(430px,100%);background:#111118;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:1.1rem;box-shadow:0 20px 50px #00000073}.username-dialog-title{margin:0;color:#f0f0f5;font-size:1.05rem;font-weight:600}.username-dialog-subtitle{margin:.4rem 0 .8rem;color:#8a8a9a;font-size:.8rem}.username-dialog-input{width:100%;box-sizing:border-box;margin-bottom:.65rem}.username-dialog-save{margin-top:0}.session-renew-backdrop{position:fixed;inset:0;z-index:206;background:#000000ad;display:grid;place-items:center;padding:1rem}.session-renew-dialog{width:min(460px,100%);background:#111118;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:1.1rem;box-shadow:0 20px 55px #00000080}.session-renew-title{margin:0;color:#00d4ff;font-family:var(--font-display);letter-spacing:.05em;font-size:1rem}.session-renew-body{margin:.5rem 0 .9rem;color:#c0c0d0;font-size:.85rem;line-height:1.45}.session-renew-primary{margin-top:0}.session-renew-dismiss{margin-top:.6rem;width:100%;border:none;background:transparent;color:#8a8a9a;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.session-renew-dismiss:hover{color:#a9a9ba}.entry-gate-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.entry-wordmark{font-size:8rem;line-height:.9;color:#f0f0f5;text-shadow:0 0 30px rgba(229,19,58,.4)}.lock-overlay{margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem;justify-content:center;color:#f5a623;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.gate-btn{width:min(420px,82vw);margin:0 auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.gate-btn-spinner{flex-shrink:0;animation:syncSpin .9s linear infinite}.arena-layout{display:grid;grid-template-columns:160px 1fr;gap:1rem}.left-rail{display:flex;flex-direction:column;gap:.65rem}.rail-card{background:#111118;border:1px solid rgba(255,255,255,.06);padding:.65rem;color:#f0f0f5}.rail-card span{display:block;color:#5a5a72;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.rail-card strong{font-size:.82rem}.rail-card.fast{box-shadow:0 0 18px #00d4ff2e}.rail-card p{margin:.4rem 0;color:#5a5a72;font-size:.72rem}.rail-card .btn-arena-secondary{width:100%;font-size:.68rem;padding:.5rem .45rem}.center-stage{min-width:0}.duel-shell{display:flex;flex-direction:column;gap:.75rem;max-width:100%;overflow-x:hidden}.duel-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.arena-stepper{display:flex;gap:.4rem;flex-wrap:wrap}.step-node{position:relative;display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.08);background:#111118;padding:.42rem .55rem;font-size:.7rem;color:#5a5a72}.step-node span{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.15);font-size:.65rem}.step-node label{letter-spacing:.08em}.step-node.done{color:#f0f0f5;border-color:#e5133ab3;background:#e5133a1f}.step-node.done span{background:#e5133a;border-color:#e5133a;color:#fff}.step-node.active{color:#f0f0f5;box-shadow:0 0 15px #e5133a59;animation:pulseActive 1.8s ease-in-out infinite}.step-node.locked{opacity:.65}.step-node.locked svg{color:#f5a623}@keyframes pulseActive{0%,to{box-shadow:0 0 10px #e5133a40}50%{box-shadow:0 0 20px #e5133a80}}.sync-row{display:flex;justify-content:space-between;align-items:center;color:#5a5a72;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.sync-row-left{display:inline-flex;align-items:center;gap:.35rem}.sync-row-spinner{animation:syncSpin .9s linear infinite;color:#00d4ff}.sync-row--busy .sync-row-left{color:#00d4ff}@keyframes syncSpin{to{transform:rotate(360deg)}}.fast-on{color:#00d4ff}.fast-off{color:#f5a623}.arena-card{background:#111118;border:1px solid rgba(255,255,255,.06);padding:.85rem}.arena-card h3{margin:0 0 .65rem;color:#f0f0f5;font-size:1.5rem}.arena-card label{display:block;margin-bottom:.35rem;color:#5a5a72;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.field-with-unit{position:relative;margin-bottom:.6rem}.field-with-unit input{padding-right:3rem}.field-with-unit span{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);color:#f5a623;font-size:.72rem}.btn-arena-primary{width:100%;background:#e5133a;border-color:#e5133a;color:#fff;text-transform:uppercase;letter-spacing:.12em;margin-top:.45rem}.btn-arena-primary--loading{display:flex;align-items:center;justify-content:center;min-height:44px;cursor:wait}.start-duel-btn-spinner{animation:syncSpin .85s linear infinite}.btn-arena-secondary{width:100%;background:transparent;border:1px solid rgba(0,212,255,.7);color:#00d4ff;text-transform:uppercase;letter-spacing:.12em;margin-top:.45rem}.btn-arena-amber{width:100%;background:#f5a623;border-color:#f5a623;color:#111118;text-transform:uppercase;letter-spacing:.12em}.turn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.turn-card{border:1px solid rgba(255,255,255,.1);background:#0d0d15;padding:.55rem;border-radius:6px;position:relative}.turn-card.empty{border-color:#ffffff1a}.turn-card.partial{border-color:#ffffff59}.turn-card.complete{box-shadow:0 0 16px #f5a62359;border-color:#f5a623bf}.turn-card strong{display:block;margin-bottom:.4rem;font-size:.74rem;letter-spacing:.1em}.row-label{display:block;font-size:.66rem;color:#f0f0f5;margin:.25rem 0;text-transform:uppercase;letter-spacing:.12em}.row-label.muted{color:#5a5a72}.row-label.pulse-amber{animation:amberPulse 1.2s infinite}@keyframes amberPulse{0%,to{text-shadow:none}50%{text-shadow:0 0 8px rgba(245,166,35,.45)}}.move-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin-bottom:.5rem}.move-choice{min-height:90px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0d0d15;color:#f0f0f5;padding:.32rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;position:relative;margin-top:0}.move-choice:hover:not(:disabled){border-color:#ffffff59;background:#16161f;cursor:pointer}.move-choice .icon{font-size:28px;line-height:1}.move-choice .name{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#f0f0f5;font-family:var(--font-mono);text-align:center}.move-choice .meta{font-size:10px;color:#5a5a72}.move-choice.attack.selected{border:2px solid #e5133a;box-shadow:0 0 14px #e5133a73;background:#e5133a1a}.move-choice.defense.selected{border:2px solid #00d4ff;box-shadow:0 0 14px #00d4ff66;background:#00d4ff14}.move-choice.hint-pulse{animation:hintPulse .6s ease-out}@keyframes hintPulse{0%{box-shadow:0 0 #f5a62300;border-color:#ffffff1a}50%{box-shadow:0 0 0 2px #f5a62380;border-color:#f5a623e6}to{box-shadow:0 0 #f5a62300}}.pick-flash{position:absolute;inset:0;border-radius:6px;pointer-events:none;animation:pickFlash .3s ease-out}.pick-flash.attack{background:#e5133a4d}.pick-flash.defense{background:#00d4ff40}@keyframes pickFlash{0%{opacity:.3}to{opacity:0}}.mini-lock{position:absolute;right:4px;top:4px;color:#5a5a72}.combo-strip{margin-top:.45rem;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-family:var(--font-display);font-size:1rem;letter-spacing:.1em}.combo-strip.double{color:#f5a623;border-color:#f5a62373;background:#f5a62314}.combo-strip.triple{color:#e5133a;border-color:#e5133aa6;background:#e5133a1f}.strategy-label{margin-top:.4rem;text-transform:uppercase;font-size:18px;letter-spacing:.15em;font-family:var(--font-display);text-align:center}.strategy-label.atk{color:#e5133a}.strategy-label.def{color:#00d4ff}.strategy-label.bal{color:#f0f0f5}.proof-card{margin-top:.5rem;border:1px solid rgba(0,212,255,.2);background:#0c1520;padding:.55rem;position:relative;overflow:hidden}.proof-card header{display:flex;align-items:center;justify-content:space-between;color:#00d4ff;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;margin-bottom:.35rem}.proof-card.success{box-shadow:0 0 20px #00d4ff40}.proof-card.failed{border-color:#e5133acc}.proof-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,212,255,.14) 50%,transparent 100%);transform:translateY(-120%);animation:scan 2.2s linear infinite;pointer-events:none}@keyframes scan{to{transform:translateY(120%)}}.mono{font-family:var(--font-mono);color:#a6dff2;font-size:.72rem;word-break:break-all}.dim{color:#5a5a72}.status-pill{margin-top:.5rem;border:1px solid rgba(255,255,255,.08);padding:.45rem .55rem;font-size:.74rem}.status-pill.warning{color:#f5a623;border-color:#f5a62380;background:#f5a62314}.status-pill.success{color:#00d4ff;border-color:#00d4ff99;background:#00d4ff14}.status-pill.error{color:#e5133a;border-color:#e5133ab3;background:#e5133a1a;display:flex;gap:.4rem;align-items:center}.challenge-history-item{margin-bottom:.55rem;width:100%;text-align:left;background:transparent;cursor:default}.challenge-history-item--link{cursor:pointer}.challenge-history-item--link:hover:not(:disabled){border-color:#00d4ffa6;background:#00d4ff14}.challenge-history-item:disabled{opacity:1}.challenge-history-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.challenge-history-row strong{font-size:.78rem}.challenge-history-meta{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.5rem .8rem;color:#8a8a9a;font-size:.7rem;font-family:var(--font-mono)}.challenge-history-outcome{margin-left:.25rem;padding:.1rem .35rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.challenge-history-outcome--win{color:#3ecf8e;border-color:#3ecf8e8c;background:#3ecf8e1f}.challenge-history-outcome--loss{color:#e5133a;border-color:#e5133a8c;background:#e5133a1f}.challenge-history-outcome--draw{color:#f5a623;border-color:#f5a6238c;background:#f5a6231f}.inline-error{color:#e5133a;margin:.25rem 0 0;font-size:.74rem}.critical-banner{position:sticky;top:.8rem;z-index:90;background:#3a0d16;border:1px solid rgba(229,19,58,.8);color:#f9d5dc;padding:.55rem .65rem;display:flex;align-items:center;gap:.5rem;justify-content:space-between;margin-bottom:.6rem}.critical-banner button{width:auto;margin:0;padding:.25rem .5rem;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.result-screen h2{margin:0 0 .6rem;font-size:3.8rem;text-align:center;color:#e5133a}.result-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06);color:#f0f0f5;font-size:.78rem}.copy-chip{display:inline-flex;align-items:center;gap:.5rem;background:#0d0d15;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.38rem .5rem;color:#f0f0f5;min-width:0}.copy-chip-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#5a5a72}.copy-chip-value{font-family:var(--font-mono);font-size:13px;color:#f0f0f5;position:relative}.copy-chip-icon{color:#5a5a72;display:inline-flex}.copy-chip.copied .copy-chip-icon{color:#00d4ff}.copy-chip.copied .copy-chip-value:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#00d4ff;animation:chipUnderline .4s ease}@keyframes chipUnderline{0%{opacity:0}to{opacity:1}}.turn-locked{position:absolute;top:6px;right:6px;color:#f5a623;font-size:11px;font-family:var(--font-mono)}.turn-card.proof-locked{opacity:.4}.turn-lock-overlay{position:absolute;inset:0;display:grid;place-content:center;gap:.25rem;color:#f0f0f5;text-align:center}.turn-lock-overlay small{color:#5a5a72;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.card-burst{position:absolute;inset:0;pointer-events:none}.card-burst i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#f5a623;transform:translate(-50%,-50%);animation:burst .4s ease-out forwards}.card-burst i:nth-child(1){--x: 18px;--y: 0px}.card-burst i:nth-child(2){--x: -18px;--y: 0px}.card-burst i:nth-child(3){--x: 0px;--y: 18px}.card-burst i:nth-child(4){--x: 0px;--y: -18px}.card-burst i:nth-child(5){--x: 14px;--y: 14px}.card-burst i:nth-child(6){--x: -14px;--y: -14px}@keyframes burst{to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));opacity:0}}@media(max-width:980px){.arena-layout{grid-template-columns:1fr}.left-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.duel-setup-grid,.turn-grid{grid-template-columns:1fr}.move-card-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.clash-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#00000080;border:2px solid #00d4ff;border-radius:10px;margin-bottom:20px;flex-wrap:wrap;gap:20px}.clash-header h1{margin:0;font-size:32px;color:#00d4ff}.wallet-info{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.wallet-address{background:#00d4ff1a;padding:8px 12px;border-radius:5px;font-family:monospace;font-size:12px}.wallet-balance{font-weight:700;color:gold}.wallet-connect{display:flex;flex-direction:column;gap:10px}.wallet-description,.wallet-hint{font-size:14px;color:#c8f7ff;max-width:420px;line-height:1.5}.wallet-hint{color:gold;margin-top:6px}.btn-primary,.btn-secondary,.btn-disconnect{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease}.btn-primary{background:#00d4ff;color:#000}.btn-primary:hover:not(:disabled){background:#00b8d4;transform:scale(1.05)}.btn-secondary{background:#ff6b6b;color:#fff}.btn-secondary:hover:not(:disabled){background:#ff5252;transform:scale(1.05)}.btn-disconnect{background:#666;color:#fff}.btn-disconnect:hover{background:#555}button:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#f44;padding:15px;border-radius:5px;margin-bottom:20px;color:#fff}.game-mode-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.mode-btn{flex:1;min-width:150px;padding:15px;background:#00d4ff1a;border:2px solid #00d4ff;color:#00d4ff;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.mode-btn.active{background:#00d4ff;color:#000}.mode-btn:hover{transform:scale(1.02)}.pvp-section{background:#0000004d;padding:20px;border-radius:10px;border:2px solid #ff6b6b}.invite-form{margin-bottom:30px}.invite-form h2{color:#ff6b6b;margin-top:0}.input-group{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.input{flex:1;min-width:200px;padding:10px;background:#0000004d;border:1px solid #00d4ff;border-radius:5px;color:#fff;font-size:14px}.input::-moz-placeholder{color:#888}.input::placeholder{color:#888}.input:focus{outline:none;border-color:gold}.matches-list{margin-top:20px}.matches-list h3{color:gold}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.match-btn{padding:12px;background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.match-btn:hover{background:#ff6b6b80;transform:scale(1.05)}.match-view{background:#0003;padding:20px;border-radius:10px;border:2px solid #ffd700}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.match-header h2{margin:0;color:gold}.match-status{background:#00d4ff33;padding:8px 12px;border-radius:5px;color:#00d4ff}.player-stats{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin-bottom:30px;align-items:center}.player{background:#0000004d;padding:15px;border-radius:10px;border:2px solid #00d4ff}.player-label{font-weight:700;margin-bottom:10px;color:#00d4ff}.hp-bar{height:25px;background:#00000080;border:1px solid #666;border-radius:5px;overflow:hidden;margin-bottom:8px}.hp-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff9500);transition:width .5s ease}.hp-text{text-align:center;font-size:12px;color:gold;font-weight:700}.vs{font-size:24px;font-weight:700;color:#ff6b6b;text-align:center}.action-buttons,.turn-controls{margin-top:20px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.turn-controls h3{color:gold;margin-bottom:15px}.moves-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.move-btn{padding:15px;background:#00d4ff1a;border:2px solid #00d4ff;color:#00d4ff;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:14px}.move-btn:hover:not(:disabled){background:#00d4ff4d;transform:scale(1.05)}.match-result{text-align:center;padding:20px;background:#0003;border-radius:10px}.match-result h3{color:gold;font-size:24px}.result,.draw{font-size:32px;font-weight:700;margin:15px 0}.win{color:#00d4ff;font-size:28px}.lose{color:#ff6b6b;font-size:28px}.draw{color:gold}.classic-section{background:#0000004d;padding:40px;border-radius:10px;text-align:center;border:2px solid #4caf50}.classic-section h2{color:#4caf50}.loading{text-align:center;padding:40px;font-size:18px;color:#00d4ff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-sync-bar{font-size:12px;color:#7fffd4;text-align:center;margin-bottom:12px;padding:8px 12px;border-radius:8px;background:#00d4ff1f;border:1px solid rgba(0,212,255,.35);letter-spacing:.02em}.battle-arena{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(255,140,0,.2) 0%,transparent 55%),linear-gradient(180deg,#1a1a2efa,#16213efc);box-shadow:0 0 48px #ffd7001a}.clash-zk-shell{margin-top:8px}.mode-blurb{font-size:14px;color:#c8f7ff;line-height:1.55;margin-bottom:20px;max-width:720px}.turn-controls h3{text-align:center;color:gold;margin-bottom:16px;font-size:1.25rem}.moves-grid .move-btn{font-size:15px;padding:14px 16px;border-radius:12px;background:linear-gradient(145deg,#2a2a4a,#1a1a2e);border:2px solid rgba(255,215,0,.85);color:#fff;min-height:56px;transition:transform .15s ease,box-shadow .15s ease}.moves-grid .move-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ffd70040}.moves-grid .move-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:768px){.clash-container{padding:10px}.clash-header{flex-direction:column;text-align:center}.clash-header h1{font-size:24px}.wallet-info{justify-content:center;width:100%}.player-stats{grid-template-columns:1fr}.vs{transform:rotate(90deg);margin:10px 0}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.input-group{flex-direction:column}.input{min-width:100%}.moves-grid{grid-template-columns:1fr}}.battle-cry-btn{width:100%;height:56px;margin-top:.55rem;font-family:var(--font-display);font-size:20px;letter-spacing:.2em;text-transform:uppercase;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:box-shadow .2s ease,background .2s ease,opacity .2s ease}.battle-cry-btn--locked{background:#1a1a28;border-color:#2a2a3a;color:#8a8a9a;opacity:.4;cursor:not-allowed}.battle-cry-btn--ready{background:#e5133a;border-color:#e5133a;color:#fff;box-shadow:0 0 24px #e5133a80}.battle-cry-btn--ready:hover:not(:disabled){box-shadow:0 0 36px #e5133aa6}.battle-cry-btn--loading{background:#0d0d15;border:1px solid #e5133a;color:#f5a623;cursor:default;pointer-events:none}.battle-cry-btn--committing{background:#0d0d15;border:1px solid #00d4ff;color:#00d4ff;cursor:default;pointer-events:none}.battle-cry-btn--proof-fail{background:#0d0d15;border:1px solid #e5133a;color:#e5133a}.commit-tx-error{margin-top:.45rem;font-size:12px;color:#e5133a}.battle-cry-loading-line{display:inline-flex;align-items:center;gap:.15em}.battle-cry-type-cursor{display:inline-block;width:.55em;height:1.1em;margin-left:.1em;background:#f5a623;animation:zkTermCursorBlink 1s step-end infinite;vertical-align:-.12em}.battle-cry-lock{opacity:.9}.zk-proof-terminal{position:relative;margin-top:.55rem;background:#050508;border-radius:4px;border:1px solid #00ff41;overflow:hidden;font-family:"JetBrains Mono",var(--font-mono),monospace;clear:both}.zk-proof-terminal--valid{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.zk-proof-terminal--error{border-color:#e5133a;box-shadow:0 0 16px #e5133a40}.zk-matrix-rain-canvas{pointer-events:none;z-index:0}.zk-proof-terminal-header{position:relative;z-index:1;display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem;border-bottom:1px solid rgba(0,255,65,.25);background:#00000073}.zk-term-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.zk-term-dot--red{background:#e5133a}.zk-term-dot--amber{background:#f5a623}.zk-term-dot--green{background:#00ff41}.zk-proof-terminal-titles{display:flex;flex-direction:column;gap:.1rem;margin-left:.35rem}.zk-proof-terminal-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#00ff41}.zk-proof-terminal-sub{font-size:10px;color:#005a1a}.zk-proof-terminal-body{position:relative;z-index:1;min-height:140px;padding:.55rem .65rem .65rem}.zk-term-text{font-size:12px;line-height:1.55;text-align:left}.zk-term-text--dim{color:#1a6b2a}.zk-term-text--valid{color:#00d4ff;font-size:11px}.zk-term-text--valid .zk-term-row-inline{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.25rem 0}.zk-term-text--valid .copy-chip{border-color:#00d4ff59}.zk-term-status-valid{margin-top:.35rem;font-weight:700;color:#00d4ff}.zk-term-text--err{color:#e5133a;font-size:11px}.zk-term-err-msg{margin:.35rem 0;color:#e5133a;word-break:break-word;white-space:pre-wrap}.zk-term-cursor-line{margin-top:.35rem;color:#1a6b2a}.zk-term-cursor{display:inline-block;width:8px;height:14px;background:#00ff41;animation:zkTermCursorBlink 1s step-end infinite;vertical-align:-2px}.zk-term-cursor--err{background:#e5133a}@keyframes zkTermCursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.zk-term-scroll{max-height:120px;overflow-y:auto;font-size:11px;line-height:1.45;margin-bottom:.5rem}.zk-term-line--done{color:#1a6b2a;margin-bottom:.15rem}.zk-term-line--bright{color:#00ff41}.zk-term-progress-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.zk-term-progress-track{flex:1;min-width:120px;height:10px;background:#001a00;border:1px solid rgba(0,255,65,.25);border-radius:2px;overflow:hidden}.zk-term-progress-fill{height:100%;background:#00ff41;transition:width .12s linear}.zk-term-progress-label{font-size:10px;color:#00ff41;letter-spacing:.06em;white-space:nowrap}.zk-proof-retry-btn{margin-top:.65rem;width:100%;padding:.45rem;background:#e5133a26;border:1px solid #e5133a;color:#f9d5dc;font-family:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:4px}.zk-proof-retry-btn:hover{background:#e5133a47}.cinematic-battle-root{width:100%;max-width:100%;box-sizing:border-box;background:#06060c;border:1px solid rgba(255,255,255,.06);padding:.75rem;display:flex;flex-direction:column;gap:.75rem;overflow-x:hidden}.cinematic-battle-canvas{position:relative;min-height:280px;max-width:100%;overflow-x:hidden}.cinematic-battle-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:.5rem;margin-bottom:.75rem}.cinematic-captain{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.12em;color:#f0f0f5}.cinematic-sub{font-size:.65rem;color:#5a5a72}.cinematic-vs{font-family:var(--font-display);font-size:1.5rem;color:#e5133a;padding-top:.2rem}.cinematic-arena-row{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:end;min-height:200px}.cinematic-pirate-wrap{display:flex;align-items:flex-end;justify-content:center;width:100px}.pirate-sprite{position:relative;width:80px;height:100px;border:2px solid rgba(255,255,255,.12);border-radius:6px;background:#0a0a12;overflow:visible}.pirate-sprite--mirror{transform:scaleX(-1)}.pirate-sprite--block-pulse{animation:pirateBlockFlash .25s ease-out}@keyframes pirateBlockFlash{0%{box-shadow:0 0 #fff0;border-color:#ffffff1f}50%{box-shadow:0 0 14px #ffffffd9;border-color:#ffffffe6}to{box-shadow:0 0 #fff0;border-color:#ffffff1f}}.pirate-hat{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:22px solid #1a1a28;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.pirate-body{position:absolute;inset:18px 10px 22px;background:#12121c;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.pirate-arm{position:absolute;right:4px;top:36px;width:8px;height:44px;border-radius:2px;transform-origin:top center;transform:rotate(-18deg)}.pirate-arm--sword:after{content:"";position:absolute;bottom:-16px;left:50%;width:3px;height:22px;background:linear-gradient(#dde,#789);transform:translate(-50%) rotate(8deg);border-radius:1px}.pirate-legs{position:absolute;bottom:0;left:18px;right:18px;display:flex;justify-content:space-between;gap:8px}.pirate-legs span{width:18px;height:20px;background:#14141f;border-radius:2px;border:1px solid rgba(255,255,255,.06)}.cinematic-center{position:relative;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem}.cinematic-round-banner{font-family:var(--font-display);font-size:36px;line-height:1.05;letter-spacing:.06em;color:#e5133a;text-align:center;width:100%;text-shadow:0 0 20px rgba(229,19,58,.35)}.cinematic-cards-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%;min-height:72px}.cinematic-cards-row--p2{margin-top:.25rem}.cinematic-move-card{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .55rem;border-radius:6px;border:1px solid rgba(229,19,58,.45);background:#e5133a14;font-size:.65rem;letter-spacing:.06em;color:#f0f0f5;min-width:88px}.cinematic-move-card.defense{border-color:#00d4ff80;background:#00d4ff14}.cinematic-arrow{font-size:1.5rem;color:#f5a623;font-weight:700}.cinematic-arrow--flip{transform:scaleX(-1)}.cinematic-float{position:absolute;left:50%;top:42%;transform:translate(-50%);font-family:var(--font-display);font-size:32px;pointer-events:none;z-index:5}.cinematic-float.crimson{color:#e5133a}.cinematic-float.cyan{color:#00d4ff;font-size:28px}.cinematic-hp-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem}.cinematic-hp-bar{height:12px;background:#ffffff0f;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.cinematic-hp-fill{height:100%;border-radius:3px}.cinematic-hp-fill.p1{background:linear-gradient(90deg,#7a1028,#e5133a);box-shadow:0 0 12px #e5133a59}.cinematic-hp-fill.p2{background:linear-gradient(90deg,#004d66,#00d4ff);box-shadow:0 0 12px #00d4ff4d}.cinematic-hp-num{font-family:var(--font-display);font-size:1.25rem;color:#f0f0f5;margin-top:.2rem}.cinematic-winner-overlay{position:relative;min-height:120px;display:grid;place-items:center;padding:.5rem}.cinematic-winner-title{font-family:var(--font-display);font-size:80px;line-height:1;letter-spacing:.06em;color:gold;text-shadow:0 0 28px rgba(255,215,0,.45)}.cinematic-winner-title.defeat{color:#e5133a;opacity:.85;text-shadow:none}.cinematic-winner-title.draw{color:#f0f0f5}.cinematic-winner-win{text-align:center;position:relative}.cinematic-crown{font-size:2.5rem;margin-bottom:.25rem}.cinematic-confetti{position:absolute;inset:0;pointer-events:none;overflow:visible}.cinematic-confetti span{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:2px;opacity:.9;animation:confettiScatter 1.5s ease-out forwards}.cinematic-confetti .cf-0{background:#e5133a;transform:rotate(12deg);animation-delay:0ms;--dx: -60px;--dy: -80px}.cinematic-confetti .cf-1{background:#00d4ff;transform:rotate(-8deg);animation-delay:40ms;--dx: 70px;--dy: -70px}.cinematic-confetti .cf-2{background:#f5a623;transform:rotate(20deg);animation-delay:80ms;--dx: -40px;--dy: 90px}.cinematic-confetti .cf-3{background:gold;transform:rotate(-15deg);animation-delay:.12s;--dx: 50px;--dy: 85px}.cinematic-confetti .cf-4{background:#7cfc00;transform:rotate(5deg);animation-delay:.16s;--dx: -75px;--dy: 40px}@keyframes confettiScatter{to{transform:translate(var(--dx, 40px),var(--dy, -60px)) rotate(180deg);opacity:0}}.cinematic-winner-loss,.cinematic-winner-draw{text-align:center}.cinematic-skull{font-size:2.5rem;margin-bottom:.25rem}.cinematic-summary-table-wrap{overflow-x:auto}.cinematic-summary-table{width:100%;border-collapse:collapse;font-family:"JetBrains Mono",var(--font-mono),monospace;font-size:12px;background:#0d0d15;border:1px solid rgba(255,255,255,.08)}.cinematic-summary-table th,.cinematic-summary-table td{padding:.45rem .5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.cinematic-summary-table th{color:#5a5a72;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.cinematic-end-actions{display:flex;flex-wrap:wrap;gap:.5rem}.cinematic-end-actions .btn-arena-primary,.cinematic-end-actions .cinematic-explorer-btn{flex:1;min-width:140px;margin-top:0;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media(max-width:720px){.cinematic-round-banner{font-size:22px}.cinematic-winner-title{font-size:48px}.cinematic-arena-row{grid-template-columns:1fr;justify-items:center}.cinematic-pirate-wrap{width:auto}}.playback-narration-bar{box-sizing:border-box;width:100%;max-width:100%;min-height:52px;padding:.5rem 16px;margin:0 auto;display:flex;align-items:center;justify-content:center;text-align:center;background:#0a0a0ff0;border-bottom:1px solid rgba(255,255,255,.08)}.playback-narr-text{margin:0;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.4;max-width:100%}.playback-narr-you{color:#e5133a;font-weight:600}.playback-narr-opp{color:#00d4ff;font-weight:600}.playback-narr-move-icon{font-style:normal}.playback-narr-move-name{color:#f0f0f5;font-weight:600}.playback-narr-dmg{color:#e5133a;font-weight:700}.playback-narr-blocked{color:#00d4ff;font-weight:600}.playback-narr-combo{color:#f5a623;font-weight:500}.cinematic-round-banner--title{font-family:var(--font-display);font-size:clamp(22px,4vw,36px);line-height:1.1;letter-spacing:.04em;color:#e5133a;text-align:center;width:100%;text-shadow:0 0 20px rgba(229,19,58,.35)}.cinematic-points-summary{background:#0a0a12;border:1px solid rgba(245,166,35,.2);border-radius:6px;padding:.65rem .85rem;margin-bottom:.5rem;font-family:Inter,system-ui,sans-serif;font-size:13px;color:#c0c0d0}.cinematic-points-duel{margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#8888a0}.duel-pts-win{color:#3ecf8e;font-weight:700;font-size:15px}.duel-pts-loss{color:#5a5a72;font-weight:600;font-size:15px}.duel-pts-draw{color:#f5a623;font-weight:600}.duel-pts-na{color:#5a5a72}.cinematic-points-total{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:#8888a0}.cinematic-points-total-val{font-family:var(--font-display);font-size:22px;color:#f5a623;letter-spacing:.04em}.cinematic-points-retry{border:none;background:transparent;color:#f5a623;cursor:pointer;padding:.1rem;line-height:1}.cinematic-points-summary--tracker{margin-top:.5rem}.cinematic-points-tracker-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem}.cinematic-points-col{display:flex;flex-direction:column;gap:.25rem;min-width:0}.cinematic-points-col-label{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8888a0}.cinematic-duel-val{font-family:var(--font-display);font-size:22px;letter-spacing:.04em;line-height:1.1}.cinematic-duel-val--win{color:#3ecf8e;text-shadow:0 0 12px rgba(62,207,142,.35)}.cinematic-duel-val--loss{color:#e5133a}.cinematic-duel-val--draw{color:#f5a623}.cinematic-points-col--total .cinematic-points-total-inline{font-family:var(--font-display);font-size:22px;color:#f5a623;letter-spacing:.04em}.cinematic-points-col--total{align-items:flex-end;text-align:right}.reveal-wait-card{margin-top:.75rem;padding:1.25rem 1rem;background:#0d0d15;border:1px solid rgba(245,166,35,.25);border-radius:8px;text-align:center}.reveal-wait-card--flash{animation:revealWaitFlash .35s ease-out}@keyframes revealWaitFlash{0%{border-color:#00d4ffe6;box-shadow:0 0 18px #00d4ff59}to{border-color:#f5a62340;box-shadow:none}}.reveal-wait-title{font-family:var(--font-display);font-size:20px;color:#00d4ff;letter-spacing:.12em;margin-bottom:.65rem}.reveal-wait-lead{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#8888a0;margin:0 0 .5rem}.reveal-wait-italic{font-family:Inter,system-ui,sans-serif;font-size:13px;font-style:italic;color:#c0c0d0;margin:0 0 .85rem}.reveal-wait-poll-row{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.reveal-wait-dots{display:inline-flex;gap:.25rem}.reveal-wait-dot{width:7px;height:7px;border-radius:50%;background:#f5a623;animation:revealDotPulse 1.2s ease-in-out infinite}.reveal-wait-dot:nth-child(2){animation-delay:.2s}.reveal-wait-dot:nth-child(3){animation-delay:.4s}@keyframes revealDotPulse{0%,to{opacity:.25}50%{opacity:1}}.reveal-wait-last{font-size:11px;color:#6a6a82}.clash-opp-reveal-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);z-index:120;padding:.55rem 1rem;background:#e5133af2;color:#fff;font-family:var(--font-display);font-size:15px;letter-spacing:.08em;border-radius:4px;box-shadow:0 8px 28px #00000073}.rail-card-points .rail-points-label{font-family:var(--font-display);font-size:13px;color:#8888a0;letter-spacing:.1em}.rail-points-row{display:flex;align-items:center;gap:.35rem;margin-top:.25rem}.rail-points-val{font-family:var(--font-display);font-size:1.35rem;color:#f5a623;font-weight:700}.rail-points-sub{display:block;margin-top:.35rem;font-size:11px;color:#5a5a72;line-height:1.35}.rail-points-retry{border:none;background:transparent;color:#f5a623;cursor:pointer;padding:.1rem;display:inline-flex;align-items:center}.rail-points-lb-btn{font-family:var(--font-display);font-size:11px;letter-spacing:.06em;padding:.2rem .4rem;margin-left:.15rem;background:transparent;border:1px solid rgba(0,212,255,.35);color:#00d4ff;border-radius:4px;cursor:pointer;line-height:1.2}.rail-points-lb-btn:hover{border-color:#00d4ffbf;background:#00d4ff0f}.attack-broadcast-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem .5rem;min-height:44px;width:100%;padding:0 .65rem;background:#0a0a0feb;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-display);font-size:20px;letter-spacing:.15em;text-transform:uppercase}.attack-broadcast-att{color:#e5133a;font-weight:700}.attack-broadcast-def{color:#00d4ff;font-weight:700}.attack-broadcast-move{color:#f0f0f5;font-weight:400}.attack-broadcast-ico{font-size:18px}.attack-broadcast-arrow{color:#f5a623;display:inline-flex;font-weight:700}.exchange-flash-bar{text-align:center;padding:.35rem;font-family:var(--font-display);font-size:16px;letter-spacing:.12em;color:#f5a623;width:100%}.cinematic-battle-canvas--vignette{animation:arenaVignetteHit .5s ease-out forwards}@keyframes arenaVignetteHit{0%{box-shadow:inset 0 0 #e5133a00}20%{box-shadow:inset 0 0 40px #e5133a66}to{box-shadow:inset 0 0 #e5133a00}}.cinematic-arena-row--with-plates{grid-template-columns:minmax(100px,1fr) minmax(200px,1.4fr) minmax(100px,1fr);align-items:flex-end}.cinematic-arena-row--playback-faceoff{grid-template-columns:minmax(0,1fr) minmax(100px,1.15fr) minmax(0,1fr);align-items:flex-end;gap:.35rem .5rem;min-height:150px}.cinematic-arena-row--playback-faceoff .cinematic-center{order:0;min-width:0;max-width:100%}.cinematic-pirate-wrap--faceoff{position:relative;width:auto;max-width:100%;min-height:76px;display:flex;align-items:flex-end;justify-content:center}.pirate-faceoff-scale{display:flex;align-items:flex-end;justify-content:center;transform:scale(.68);transform-origin:bottom center;width:68px;height:86px;pointer-events:none}.cinematic-arena-row--playback-faceoff .cinematic-nameplate{max-width:100%;width:100%}.cinematic-arena-row--playback-faceoff .cinematic-float-above{top:0;font-size:clamp(16px,4.5vw,22px);max-width:min(100px,28vw);text-align:center;line-height:1;white-space:normal;word-break:break-word}.cinematic-battle-canvas:has(.cinematic-arena-row--playback-faceoff){min-height:200px}.cinematic-side{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.cinematic-float-above{position:absolute;top:0;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:28px;font-weight:700;pointer-events:none;z-index:6;white-space:nowrap}.cinematic-float-above.crimson{color:#e5133a}.cinematic-float-above.cyan{color:#00d4ff;font-size:24px}.cinematic-nameplate{width:100%;max-width:160px;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.4rem .45rem;background:#08080ed9}.cinematic-nameplate-title{font-size:.78rem;letter-spacing:.1em;font-weight:700}.cinematic-nameplate-title.you{color:#e5133a}.cinematic-nameplate-title.opp{color:#00d4ff}.cinematic-nameplate-addr{font-size:10px;color:#5a5a72;margin:.15rem 0 .35rem}.cinematic-nameplate-hp{display:flex;align-items:center;gap:.25rem;font-size:10px;color:#5a5a72}.nameplate-hp-track{flex:1;height:8px;background:#ffffff0f;border-radius:3px;overflow:hidden}.nameplate-hp-fill{height:100%;border-radius:2px;transition:width .9s ease-out}.nameplate-hp-fill--hi{background:#00d4ff;box-shadow:0 0 8px #00d4ff40}.nameplate-hp-fill--mid{background:#f5a623;box-shadow:0 0 8px #f5a62340}.nameplate-hp-fill--low{background:#e5133a;box-shadow:0 0 8px #e5133a59;animation:nameplateLowPulse 1.4s ease-in-out infinite}@keyframes nameplateLowPulse{0%,to{opacity:1}50%{opacity:.72}}.cinematic-nameplate-hp-num{color:#f0f0f5;font-family:var(--font-display);font-size:.85rem;min-width:2ch}.cinematic-summary-you{background:#e5133a14!important}.wallet-pill{flex-wrap:wrap;gap:.35rem .5rem}.wallet-pill-identity{display:inline-flex;align-items:center;gap:.35rem}.wallet-pill-you{color:#e5133a;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.wallet-pill-identity .copy-chip-label:empty{display:none}.wallet-pill-balance{font-family:"JetBrains Mono",var(--font-mono),monospace;font-size:13px}.wallet-balance-loading{color:#5a5a72}.wallet-balance-value{color:#f0f0f5}.wallet-balance-low{color:#f5a623}.wallet-balance-warn-icon{margin-left:.2rem;vertical-align:-2px}.wallet-balance-fund{border:none;background:transparent;color:#e5133a;font-family:inherit;font-size:12px;cursor:pointer;text-decoration:underline;padding:0;display:inline-flex;align-items:center;gap:.35rem}.wallet-balance-fund:hover:not(:disabled){color:#ff4d6a}.wallet-balance-fund:disabled{opacity:.85;cursor:wait;text-decoration:none}.wallet-balance-fund-spinner{animation:syncSpin .9s linear infinite}.rail-you-label{display:block;color:#e5133a;font-size:10px;letter-spacing:.12em;font-weight:700;margin-bottom:.15rem}.rail-balance-loading{color:#5a5a72!important}.rail-fast-header{display:flex;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.25rem}.rail-fast-status{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.rail-fast-status-on{color:#25d366}.rail-fast-status-off{color:#5a5a72}.rail-fast-dot{color:#25d366;animation:railDotPulse 1.5s ease-in-out infinite}.rail-fast-dot-off{color:#5a5a72;animation:none}@keyframes railDotPulse{0%,to{opacity:1}50%{opacity:.45}}.rail-fast-sub{margin:.2rem 0 0;font-size:.68rem;color:#5a5a72}.rail-fast-expiry{margin:.35rem 0 0;font-size:11px;color:#5a5a72}.rail-fast-hint{margin:.35rem 0;font-size:.68rem;color:#5a5a72}.rail-btn-clear-session{margin-top:.35rem;width:100%;padding:.35rem .4rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid rgba(255,255,255,.12);color:#8a8a9a;border-radius:4px;cursor:pointer}.rail-btn-clear-session:hover{color:#e5133a;border-color:#e5133a73}.rail-btn-create-session{margin-top:.35rem;width:100%;padding:.4rem .45rem;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid rgba(0,212,255,.45);color:#00d4ff;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.rail-btn-spinner{flex-shrink:0;animation:syncSpin .9s linear infinite}.rail-btn-create-session:hover:not(:disabled){background:#00d4ff14}.rail-btn-create-session:disabled{opacity:.5;cursor:not-allowed}.rail-fast-sign-active{border-color:#25d36659!important}.rail-fast-sign--creating{border-color:#00d4ff73!important;box-shadow:0 0 14px #00d4ff1f}.clash-onboarding-backdrop{position:fixed;inset:0;z-index:200;background:#000000bf;display:grid;place-items:center;padding:1rem}.clash-onboarding-dialog{max-width:440px;width:100%;background:#111118;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem 1.35rem 1.25rem;box-shadow:0 20px 60px #00000080}.clash-onboarding-title{font-family:var(--font-display);font-size:24px;color:#e5133a;letter-spacing:.06em;text-align:center;margin:0 0 .75rem;line-height:1.15}.clash-onboarding-body{font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6;color:#c0c0d0;margin:0 0 .85rem;text-align:center}.clash-onboarding-bullet{font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.5;color:#00d4ffbf;margin:.35rem 0}.clash-onboarding-primary{width:100%;margin-top:1rem;min-height:52px;font-family:var(--font-display);font-size:18px;letter-spacing:.06em;text-transform:uppercase;background:#e5133a;border:1px solid #e5133a;color:#fff;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.clash-onboarding-btn-spinner{flex-shrink:0;animation:syncSpin .9s linear infinite}.clash-onboarding-primary:hover:not(:disabled){filter:brightness(1.06)}.clash-onboarding-primary:disabled{opacity:.55;cursor:not-allowed}.clash-onboarding-skip{display:block;width:100%;margin-top:.85rem;background:none;border:none;color:#7a7a8a;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.clash-onboarding-skip:hover{color:#a0a0b0}.clash-session-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);z-index:210;padding:.55rem 1rem;background:#001e28f2;border:1px solid rgba(0,212,255,.45);color:#00d4ff;font-family:var(--font-display);font-size:14px;letter-spacing:.08em;border-radius:6px;box-shadow:0 8px 28px #0006}.leaderboard-page{position:relative;z-index:3;min-height:calc(100vh - 8rem);background:#0a0a0f;padding:1rem 1.25rem 2rem;color:#f0f0f5}.leaderboard-page--initial{min-height:calc(100vh - 6rem)}.leaderboard-page--refreshing .leaderboard-table-wrap{opacity:.72;transition:opacity .2s ease}.leaderboard-refresh-spinner{display:inline-block;vertical-align:-2px;margin-left:.25rem;animation:syncSpin .9s linear infinite;color:#00d4ff}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.35rem}.leaderboard-back{font-family:var(--font-display);font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .65rem;background:transparent;border:1px solid rgba(255,255,255,.12);color:#a0a0b8;border-radius:4px;cursor:pointer}.leaderboard-back:hover{border-color:#e5133a73;color:#e5133a}.leaderboard-title{flex:1;margin:0;text-align:right;font-family:var(--font-display);font-size:32px;line-height:1.05;color:#e5133a;letter-spacing:.06em}.leaderboard-sub{text-align:center;font-family:Inter,system-ui,sans-serif;font-size:14px;color:#5a5a72;margin:0 0 1rem}.leaderboard-refresh-meta{display:inline-block;margin-left:.35rem}.leaderboard-refresh-icon{border:none;background:transparent;color:#00d4ff;cursor:pointer;font-size:16px;padding:0 .15rem;vertical-align:middle}.leaderboard-refresh-icon:hover{color:#5ae8ff}.leaderboard-you-banner{margin-bottom:1rem;padding:.85rem 1rem;background:#e5133a14;border:1px solid rgba(229,19,58,.25);border-radius:6px}.leaderboard-you-label{font-family:var(--font-display);font-size:12px;letter-spacing:.14em;color:#c0c0d0;margin-bottom:.35rem}.leaderboard-you-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.leaderboard-you-rank{font-family:var(--font-display);font-size:28px;color:#e5133a;font-weight:700}.leaderboard-you-addr{font-family:"JetBrains Mono",var(--font-mono),monospace;font-size:13px;color:#c8c8d8;flex:1;min-width:0}.leaderboard-you-pts{font-family:var(--font-display);font-size:22px;color:#f5a623}.leaderboard-error{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:1.25rem;margin-bottom:1rem;border:1px solid rgba(245,166,35,.45);border-radius:8px;color:#e5133a;font-family:Inter,system-ui,sans-serif;font-size:14px}.leaderboard-retry{font-family:var(--font-display);font-size:12px;letter-spacing:.08em;padding:.4rem .75rem;background:transparent;border:1px solid rgba(0,212,255,.45);color:#00d4ff;border-radius:4px;cursor:pointer}.leaderboard-retry:hover{background:#00d4ff14}.leaderboard-empty{text-align:center;padding:2.5rem 1rem;color:#5a5a72;font-family:Inter,system-ui,sans-serif;font-size:14px;font-style:italic}.leaderboard-empty-sub{margin:.5rem 0 0;font-style:italic}.leaderboard-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-radius:8px}.leaderboard-table{width:100%;border-collapse:collapse;font-family:Inter,system-ui,sans-serif;font-size:14px}.leaderboard-table thead th{text-align:left;padding:.65rem .85rem;background:#0d0d15;color:#8888a0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-table thead th:nth-child(3),.leaderboard-table thead th:nth-child(4){text-align:right}.leaderboard-row-even{background:#0d0d15}.leaderboard-row-odd{background:#111118}.leaderboard-row:hover{background:#ffffff08!important}.leaderboard-row-you{background:#e5133a0f!important;box-shadow:inset 2px 0 #e5133a}.leaderboard-table td{padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.leaderboard-rank{font-family:var(--font-display);font-size:18px;width:3rem}.lb-rank-gold{color:gold}.lb-rank-silver{color:silver}.lb-rank-bronze{color:#cd7f32}.lb-rank-rest{color:#f0f0f5d9}.leaderboard-captain{min-width:140px}.leaderboard-username{color:#00d4ff;font-family:var(--font-display);font-size:10px;letter-spacing:.1em;margin-bottom:.15rem}.leaderboard-addr-btn{font-family:"JetBrains Mono",var(--font-mono),monospace;font-size:13px;background:none;border:none;color:inherit;cursor:pointer;padding:0;text-align:left}.leaderboard-addr-btn:hover{color:#00d4ff}.leaderboard-you-tag{color:#e5133a;font-weight:600}.leaderboard-pts{font-family:var(--font-display);font-size:18px;text-align:right;color:#f0f0f5}.lb-pts-top{color:#f5a623;text-shadow:0 0 10px rgba(245,166,35,.45)}.leaderboard-badge{text-align:right;font-size:18px;width:3rem}.leaderboard-skel-row td{padding:.5rem .85rem}.leaderboard-skel-bar{height:14px;border-radius:6px;width:100%;background:linear-gradient(90deg,#111118 25%,#1a1a28,#111118 75%);background-size:200% 100%;animation:leaderboardShimmer 1.5s infinite linear}@keyframes leaderboardShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:720px){.cinematic-arena-row.cinematic-arena-row--with-plates:not(.cinematic-arena-row--playback-faceoff){grid-template-columns:1fr;justify-items:center;align-items:stretch;min-height:unset;gap:.85rem}.cinematic-arena-row--with-plates:not(.cinematic-arena-row--playback-faceoff) .cinematic-center{order:-1;width:100%;max-width:100%;min-width:0}.cinematic-arena-row--with-plates:not(.cinematic-arena-row--playback-faceoff) .cinematic-side{width:100%;max-width:min(320px,100%)}.cinematic-arena-row--playback-faceoff{grid-template-columns:minmax(0,1fr) minmax(72px,1fr) minmax(0,1fr);gap:.2rem .25rem;min-height:130px}.cinematic-arena-row--playback-faceoff .cinematic-round-banner--title{font-size:clamp(12px,3.2vw,18px);line-height:1.15}.cinematic-arena-row--playback-faceoff .cinematic-move-card{padding:.28rem .35rem;font-size:.58rem;min-width:0}.cinematic-arena-row--playback-faceoff .cinematic-nameplate-title{font-size:.65rem}.cinematic-arena-row--playback-faceoff .cinematic-nameplate-addr{font-size:9px}.pirate-faceoff-scale{transform:scale(.58);width:58px;height:74px}.cinematic-arena-row--playback-faceoff .cinematic-float-above{font-size:clamp(14px,3.8vw,18px);max-width:min(88px,26vw)}.cinematic-cards-row{gap:.35rem}.cinematic-move-card{min-width:0;flex:1 1 calc(50% - .35rem);max-width:100%}}@media(max-width:640px){.arena-topbar{flex-direction:column;align-items:stretch;gap:.65rem}.arena-topbar>div:first-child{min-width:0}.arena-topbar h2{font-size:clamp(1.25rem,6vw,2rem)}.arena-topbar-right{width:100%;margin-left:0;flex-direction:column;align-items:stretch;gap:.5rem}.arena-nav-leaderboard{width:100%;box-sizing:border-box;text-align:center}.wallet-pill{width:100%;max-width:100%;box-sizing:border-box;justify-content:center;flex-wrap:wrap;gap:.35rem .5rem;min-width:0}.wallet-pill-identity{min-width:0;flex:1 1 auto}.sync-row{flex-wrap:wrap;row-gap:.35rem;align-items:flex-start}.sync-row>span:last-child{width:100%;text-align:right}.zk-proof-terminal{margin-top:1rem}.strategy-label{font-size:clamp(13px,3.8vw,18px);letter-spacing:.08em;padding:0 .25rem}}@media(max-width:520px){.left-rail{grid-template-columns:1fr}.entry-wordmark{font-size:clamp(3.25rem,17vw,5.5rem)}.playback-narr-text{font-size:13px;line-height:1.35;padding:0 .15rem}}.howto-page{position:relative;z-index:3;min-height:calc(100vh - 8rem);padding:1rem 1.25rem 2.5rem;color:#f0f0f5;max-width:720px;margin:0 auto}.howto-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.howto-back{font-family:var(--font-display);font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:.45rem .65rem;background:transparent;border:1px solid rgba(255,255,255,.12);color:#a0a0b8;border-radius:4px;cursor:pointer}.howto-back:hover{border-color:#00d4ff73;color:#00d4ff}.howto-title{flex:1;margin:0;text-align:right;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);line-height:1.05;color:#00d4ff;letter-spacing:.06em}.howto-lead{font-size:15px;color:#9a9ab0;line-height:1.65;margin:0 0 1.5rem}.howto-section{margin-bottom:1.75rem;padding:1rem 1.1rem;background:#111118a6;border:1px solid rgba(255,255,255,.06);border-radius:8px}.howto-section--zk{border-color:#e5133a33;background:#e5133a0a}.howto-h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.08em;color:#e8e8f0}.howto-p{margin:0 0 .75rem;font-size:14px;color:#b8b8c8;line-height:1.6}.howto-p:last-child{margin-bottom:0}.howto-note{font-size:13px;color:#8a8a9e;border-left:3px solid rgba(245,166,35,.45);padding-left:.75rem;margin-top:.75rem}.howto-steps{margin:0;padding-left:1.2rem;color:#c8c8d8;font-size:14px;line-height:1.65}.howto-steps li{margin-bottom:.45rem}.howto-steps strong{color:#f5a623;font-weight:600}.howto-bullets{margin:0 0 .75rem;padding-left:1.2rem;color:#c8c8d8;font-size:14px;line-height:1.65}.howto-bullets li{margin-bottom:.4rem}.howto-bullets strong{color:#00d4ff}.howto-table-wrap{overflow-x:auto;margin:.75rem 0;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.howto-caption{caption-side:top;text-align:left;font-family:var(--font-display);font-size:12px;letter-spacing:.12em;color:#8888a0;padding:.5rem .65rem .35rem;background:#00000040}.howto-table{width:100%;border-collapse:collapse;font-size:13px}.howto-table th,.howto-table td{padding:.5rem .65rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.howto-table th{font-family:var(--font-display);font-size:11px;letter-spacing:.08em;color:#a0a0b8;background:#0003}.howto-table tbody tr:last-child td{border-bottom:none}.howto-table tbody tr:hover td{background:#00d4ff0a}@media(max-width:560px){.howto-page{padding-left:.65rem;padding-right:.65rem}.howto-title{text-align:left;width:100%}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-400:oklch(78.9% .154 211.53);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-800:oklch(44.3% .11 240.79);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-600:oklch(59.2% .249 .584);--color-rose-400:oklch(71.2% .194 13.428);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0\.5{height:calc(var(--spacing) * .5)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-full{height:100%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-full{width:100%}.flex-1{flex:1}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-amber-400{border-color:var(--color-amber-400)}.border-blue-200{border-color:var(--color-blue-200)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-400{border-color:var(--color-orange-400)}.border-pink-400{border-color:var(--color-pink-400)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-400{border-color:var(--color-red-400)}.border-sky-200{border-color:var(--color-sky-200)}.border-sky-400{border-color:var(--color-sky-400)}.border-violet-200{border-color:var(--color-violet-200)}.border-violet-400{border-color:var(--color-violet-400)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-400{background-color:var(--color-green-400)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-violet-50\/90{background-color:#f5f3ffe6}@supports (color:color-mix(in lab,red,red)){.bg-violet-50\/90{background-color:color-mix(in oklab,var(--color-violet-50) 90%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-50{--tw-gradient-from:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-600{--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-600{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-900{--tw-gradient-from:var(--color-gray-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-50{--tw-gradient-from:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-50{--tw-gradient-from:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-600{--tw-gradient-from:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-50{--tw-gradient-from:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-600{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-50{--tw-gradient-from:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-600{--tw-gradient-from:var(--color-sky-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-50{--tw-gradient-from:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-orange-500{--tw-gradient-via:var(--color-orange-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-amber-50{--tw-gradient-to:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-400{--tw-gradient-to:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-400{--tw-gradient-to:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-50{--tw-gradient-to:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-400{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-700{--tw-gradient-to:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-800{--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-400{--tw-gradient-to:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-400{--tw-gradient-to:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-400{--tw-gradient-to:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-50{--tw-gradient-to:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white{--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-400{--tw-gradient-to:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-700{color:var(--color-blue-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-purple-700{color:var(--color-purple-700)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-sky-800{color:var(--color-sky-800)}.text-transparent{color:#0000}.text-violet-900{color:var(--color-violet-900)}.text-violet-950{color:var(--color-violet-950)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-orange-300{--tw-ring-color:var(--color-orange-300)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}@media(hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}*{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Bebas Neue", "Rajdhani", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-bg:#0a0a0f;--color-surface:#111118;--color-border:#ffffff0f;--color-text:#f0f0f5;--color-text-muted:#5a5a72;--color-crimson:#e5133a;--color-cyan:#00d4ff;--color-amber:#f5a623}html{color:var(--color-text);font-family:var(--font-body);background:var(--color-bg)}body{font-family:var(--font-body);font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);min-height:100vh;color:var(--color-text);line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-weight:400}a{color:var(--color-cyan);text-decoration:none}a:hover{color:#86ecff}::-moz-selection{background:var(--color-accent);color:var(--color-ink)}::selection{background:var(--color-accent);color:var(--color-ink)}button{font-weight:700;font-family:var(--font-body);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:4px;padding:.72rem 1.2rem;font-size:.875rem;transition:transform .2s,box-shadow .2s,background-color .2s}button:hover{box-shadow:var(--shadow-tight);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--color-cyan);background:0 0;border-color:#00d4ff99}input,textarea,select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:#0d0d15;border-radius:4px;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-crimson);outline:none;box-shadow:0 0 0 3px #e5133a38}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}