:root{--bg:#05070a;--bg2:#0a0d12;--bg3:#0f1420;--wire:rgba(96,165,250,.12);--cyan:#60A5FA;--gold:#FBBF24;--green:#4ADE80;--orange:#FB923C;--mag:#C840EB;--text:#DDE8FF;--dim:rgba(221,232,255,.56);--ghost:rgba(221,232,255,.3);--sans:"Barlow",system-ui,sans-serif;--cond:"Barlow Condensed",sans-serif;--mono:"JetBrains Mono",monospace;--lane:var(--cyan)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--lane)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--wire)}.brand{font-family:var(--cond);font-weight:900;font-size:22px;letter-spacing:.02em;text-transform:uppercase;color:var(--text);text-decoration:none}.brand b{color:var(--orange)}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim)}main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 18px}.card{width:100%;max-width:520px;background:var(--bg2);border:1px solid var(--wire);border-radius:16px;padding:34px 30px;box-shadow:0 30px 80px -40px #000c}.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--lane);margin-bottom:14px}h1{font-family:var(--cond);font-weight:900;font-style:italic;text-transform:uppercase;font-size:34px;line-height:1.02;margin:0 0 12px}.lead{color:var(--dim);font-size:15px;margin:0 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 18px;border-radius:10px;font-family:var(--sans);font-weight:700;font-size:15px;border:0;cursor:pointer;text-decoration:none;transition:filter .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--lane);color:#04121f}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--wire);margin-top:10px}.back-link{background:none;border:0;color:var(--dim);font-family:var(--sans);font-size:13px;cursor:pointer;padding:0;margin:0 0 14px;display:inline-flex;align-items:center;gap:3px}.back-link:hover:not(:disabled){color:var(--text)}.back-link:disabled{opacity:.4;cursor:default}.steps{display:flex;gap:6px;margin:0 0 22px}.steps i{flex:1;height:3px;border-radius:2px;background:var(--bg3)}.steps i.on{background:var(--lane)}.field{margin:0 0 16px}.field label{display:block;font-size:12px;color:var(--dim);margin-bottom:6px}.field input{width:100%;padding:12px 14px;background:var(--bg3);border:1px solid var(--wire);border-radius:9px;color:var(--text);font-size:15px;font-family:var(--sans)}.field input:focus{outline:0;border-color:var(--lane)}.wallet-chip{font-family:var(--mono);font-size:12px;color:var(--dim);background:var(--bg3);border:1px solid var(--wire);border-radius:8px;padding:9px 12px;margin:0 0 18px;word-break:break-all}.msg{font-size:13.5px;padding:11px 14px;border-radius:9px;margin:14px 0 0}.msg.err{background:#fb71851a;border:1px solid rgba(251,113,133,.4);color:#fda4af}.msg.ok{background:#4ade801a;border:1px solid rgba(74,222,128,.4);color:#86efac}.cf-turnstile{margin:0 0 16px}.success-mark{font-size:46px;line-height:1;margin:0 0 10px}footer{padding:18px 22px;border-top:1px solid var(--wire);color:var(--ghost);font-size:11.5px;text-align:center}.nonaffil{max-width:640px;margin:0 auto}.gate-opts{display:flex;flex-direction:column;gap:10px;margin-top:4px}.gate-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:var(--bg3);border:1px solid var(--wire);text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.gate-opt:hover{border-color:var(--opt);background:#ffffff08}.gate-dot{width:22px;height:22px;border-radius:50%;background:var(--opt);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#04121f;font-family:var(--mono);box-shadow:0 0 12px -2px var(--opt)}button.gate-opt{width:100%;text-align:left;font-family:var(--sans);cursor:pointer}button.gate-opt:disabled{opacity:.72;cursor:default}button.gate-opt:disabled .gate-dot{background:var(--green)}.gate-text{flex:1;display:flex;flex-direction:column;line-height:1.35}.gate-text b{font-size:15px;font-weight:700}.gate-text span{font-size:12.5px;color:var(--dim)}.gate-arrow{color:var(--opt);font-size:18px;font-weight:700}.card.mini{text-align:center}.mini-board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(340px,86vw);aspect-ratio:1;margin:10px auto 16px;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px -18px #000000b3}.mini-board .sq{position:relative;display:flex;align-items:center;justify-content:center}.mini-board .sq.light{background:#eeeed2}.mini-board .sq.dark{background:#769656}.mini-board .piece{width:88%;height:88%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}.mini-board .coord{position:absolute;font-family:var(--mono);font-size:9px;font-weight:700;line-height:1;opacity:.85}.mini-board .coord.rank{top:2px;left:2px}.mini-board .coord.file{bottom:1px;right:3px}.mini-board .sq.light .coord{color:#769656}.mini-board .sq.dark .coord{color:#eeeed2}.granted{font-size:13px;color:var(--dim);margin:0 0 14px}.granted b{color:var(--gold);font-weight:700}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}.choice{padding:12px;border-radius:9px;background:var(--bg3);border:1px solid var(--wire);color:var(--text);font-family:var(--mono);font-size:15px;cursor:pointer}.choice.on{border-color:var(--lane);background:#60a5fa1f}.one-shot{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ghost);margin:12px 0 0}.streak{font-family:var(--cond);font-weight:900;font-style:italic;font-size:19px;color:var(--gold);margin:0 0 10px;letter-spacing:.02em}.share-grid{display:grid;grid-template-columns:auto auto;gap:4px 12px;justify-content:center;align-items:center;margin:0 0 18px;font-size:13px;color:var(--dim)}.share-grid div:nth-child(2n){font-size:16px;letter-spacing:2px}.mini-board .sq.hi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--gold);pointer-events:none;animation:hipulse 1.6s ease-in-out infinite}@keyframes hipulse{0%,to{opacity:.55}50%{opacity:1}}.mini-board .sq.card-piece:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2.5px solid var(--cyan);border-radius:4px;pointer-events:none;box-shadow:0 0 10px -1px var(--cyan);z-index:2}.card-piece-note{font-size:11px;color:var(--cyan);margin:-8px 0 12px;opacity:.85}.mini-board .charge{position:absolute;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;transition:left .72s cubic-bezier(.5,-.15,.3,1.25),top .72s cubic-bezier(.5,-.15,.3,1.25)}.mini-board .charge .piece{width:88%;height:88%;filter:drop-shadow(0 2px 7px rgba(0,0,0,.65))}.mini-board .piece.src-gone{opacity:0}.mini-board .piece.knocked{animation:knockout .5s ease-in forwards}@keyframes knockout{to{transform:translate(45%,-130%) rotate(75deg);opacity:0}}.combat-toast{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:6;background:#05070aeb;border:1.5px solid var(--gold);color:var(--gold);font-family:var(--cond);font-weight:900;font-style:italic;text-transform:uppercase;font-size:17px;letter-spacing:.02em;padding:8px 15px;border-radius:8px;max-width:90%;text-align:center;line-height:1.15;box-shadow:0 10px 34px -8px #000000d9;animation:toastpop .22s ease-out}.combat-toast.mate{border-color:var(--green);color:var(--green)}@keyframes toastpop{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}