:root{--parchment: #1a1508;--ink: #d6d3b4;--faded: rgba(214,211,180,.45);--gold: #c8a84b;--gold-bright:#FFB800;--neon-cyan: #00e5ff;--neon-green:#39ff80;--neon-red: #ff3d5a;--neon-purple:#c084fc;--border: rgba(200,168,75,.22);--card-bg: rgba(28,22,8,.92);--panel: rgba(22,18,6,.88)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow-x:hidden}body{background:var(--parchment);color:var(--ink);font-family:Crimson Text,Georgia,serif;font-size:16px;line-height:1.5}.map-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.noise-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;opacity:.6}.app-wrap{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#c8a84b4d;border-radius:2px}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#0c0a03f5;border-bottom:1px solid var(--border);backdrop-filter:blur(20px);flex-wrap:wrap;gap:10px;position:sticky;top:0;z-index:50}.header-brand{display:flex;align-items:center;gap:12px}.brand-crest{font-size:1.7rem;line-height:1;text-shadow:0 0 16px var(--gold);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{text-shadow:0 0 12px var(--gold)}50%{text-shadow:0 0 28px var(--gold-bright),0 0 50px rgba(200,168,75,.4)}}.brand-name{font-family:Cinzel,serif;font-size:1.45rem;font-weight:900;letter-spacing:6px;background:linear-gradient(135deg,#c8a84b,#f5e06e,#c8a84b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-sub{font-family:Share Tech Mono,monospace;font-size:.6rem;color:#c8a84b80;letter-spacing:3px;margin-top:1px}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.net-toggle{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.net-btn{padding:5px 12px;background:transparent;border:none;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:.65rem;color:#c8a84b66;letter-spacing:1px;transition:all .2s}.net-btn.active.testnet{background:#c8a84b1f;color:var(--gold)}.net-btn.active.mainnet{background:#39ff8014;color:var(--neon-green)}.balance-pills{display:flex;gap:8px}.pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:#c8a84b0d;font-family:Share Tech Mono,monospace;font-size:.72rem}.pill-icon{font-size:.85rem}.pill-algo{border-color:#39ff8040;color:var(--neon-green)}.pill-geo{border-color:#c8a84b4d;color:var(--gold)}.pill-addr{color:#d6d3b4b3}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 7px var(--neon-green);animation:dot 2s infinite}@keyframes dot{0%,to{opacity:1}50%{opacity:.4}}.btn-connect{padding:8px 20px;border:1px solid var(--gold);background:#c8a84b14;border-radius:6px;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;color:var(--gold);cursor:pointer;letter-spacing:2px;transition:all .25s}.btn-connect:hover{background:#c8a84b2e;box-shadow:0 0 16px #c8a84b4d}.btn-connect:disabled{opacity:.4;cursor:not-allowed}.btn-disconnect{padding:6px 14px;border:1px solid rgba(255,61,90,.3);background:transparent;border-radius:6px;font-family:Share Tech Mono,monospace;font-size:.65rem;color:#ff3d5a99;cursor:pointer;transition:all .2s}.btn-disconnect:hover{border-color:var(--neon-red);color:var(--neon-red)}.lobby{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 24px 64px;gap:40px}.lobby-hero{text-align:center}.hero-emblem{width:110px;height:110px;margin:0 auto 22px;position:relative;display:flex;align-items:center;justify-content:center}.emblem-ring{position:absolute;border-radius:50%;border:1px solid rgba(200,168,75,.3);animation:orbSpin linear infinite}.emblem-ring.r1{width:100%;height:100%;animation-duration:20s}.emblem-ring.r2{width:72%;height:72%;animation-duration:14s;animation-direction:reverse;border-style:dashed}.emblem-ring.r3{width:44%;height:44%;animation-duration:9s;border-color:#c8a84b80}@keyframes orbSpin{to{transform:rotate(360deg)}}.emblem-icon{font-size:2.8rem;z-index:1;filter:drop-shadow(0 0 18px rgba(200,168,75,.7))}.hero-title{font-family:Cinzel,serif;font-weight:900;font-size:clamp(2.8rem,7vw,5rem);letter-spacing:10px;background:linear-gradient(180deg,#f5e06e,#c8a84b 60%,#8b6914);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;line-height:1}.hero-tagline{font-family:Cinzel,serif;font-size:1rem;color:#c8a84ba6;letter-spacing:4px;margin:10px 0 8px}.hero-desc{font-size:1.1rem;color:var(--faded);max-width:440px;margin:0 auto;font-style:italic}.rules-strip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:18px 28px;max-width:700px;width:100%}.rule-item{text-align:center;padding:0 24px}.rule-icon{font-size:1.4rem;margin-bottom:4px}.rule-label{font-family:Share Tech Mono,monospace;font-size:.6rem;color:var(--faded);letter-spacing:2px}.rule-val{font-family:Cinzel,serif;font-size:1.05rem;font-weight:600;color:var(--gold);margin-top:2px}.rule-divider{width:1px;height:48px;background:var(--border);margin:0 4px}.preview-row{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.preview-card{width:160px;padding:16px 14px;border:1px solid rgba(200,168,75,.25);border-radius:12px;background:var(--card-bg);text-align:center;position:relative;box-shadow:0 0 20px #00000080,inset 0 1px #ffffff0a;transition:transform .25s,box-shadow .25s}.preview-card:hover{transform:translateY(-6px);box-shadow:0 0 28px var(--tg, rgba(200,168,75,.3)),0 8px 24px #00000080}.pc-badge{font-family:Share Tech Mono,monospace;font-size:.55rem;letter-spacing:2px;margin-bottom:8px}.pc-flag{font-size:2.6rem;line-height:1;margin-bottom:6px}.pc-name{font-family:Cinzel,serif;font-size:.78rem;font-weight:600;color:var(--ink);margin-bottom:10px}.pc-stats{display:flex;flex-direction:column;gap:3px}.pcs{display:flex;justify-content:space-between;font-family:Share Tech Mono,monospace;font-size:.62rem;color:var(--faded)}.pcs span:last-child{color:var(--tc, var(--gold))}.tier-counts{display:flex;gap:10px}.tier-chip{padding:4px 14px;border-radius:20px;border:1px solid rgba(var(--tc, 200,168,75),.3);font-family:Share Tech Mono,monospace;font-size:.68rem;color:var(--tc, var(--gold));background:#0003}.lobby-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.balance-preview{font-size:1rem;color:var(--faded)}.balance-preview strong{color:var(--gold)}.connect-hint{font-style:italic;color:var(--faded)}.btn-start{padding:15px 42px;background:linear-gradient(135deg,#8b6914,#c8a84b,#8b6914);background-size:200% 100%;background-position:100%;border:1px solid var(--gold);border-radius:8px;font-family:Cinzel,serif;font-size:.95rem;font-weight:700;color:#0d0a02;cursor:pointer;letter-spacing:3px;transition:all .35s;box-shadow:0 0 20px #c8a84b47;position:relative;overflow:hidden}.btn-start:hover{background-position:0%;box-shadow:0 0 36px #c8a84b99;transform:translateY(-2px)}.howto{max-width:640px;width:100%;padding:0 8px}.howto-title{font-family:Cinzel,serif;font-size:.8rem;font-weight:700;letter-spacing:5px;color:var(--gold);margin-bottom:14px;text-align:center}.howto-steps{display:flex;flex-direction:column;gap:10px}.howto-step{display:flex;gap:14px;align-items:flex-start;font-size:.95rem;color:var(--faded);line-height:1.55}.howto-num{min-width:28px;height:28px;border-radius:50%;border:1px solid rgba(200,168,75,.5);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:var(--gold);flex-shrink:0}.howto-step strong{color:var(--ink)}.loading-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:48px}.loading-orb{width:120px;height:120px;position:relative;display:flex;align-items:center;justify-content:center}.orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(200,168,75,.35);animation:orbSpin linear infinite}.orb-ring.r1{width:100%;height:100%;animation-duration:10s}.orb-ring.r2{width:68%;height:68%;animation-duration:7s;animation-direction:reverse;border-style:dashed}.orb-ring.r3{width:38%;height:38%;animation-duration:4s}.orb-icon{font-size:2.6rem;z-index:1}.loading-title{font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;color:var(--gold);letter-spacing:4px}.loading-sub{font-family:Share Tech Mono,monospace;font-size:.8rem;color:var(--faded);letter-spacing:2px}.tx-bar{display:flex;align-items:center;gap:10px;padding:9px 18px;margin:0 24px 12px;border:1px solid;border-radius:7px;font-family:Share Tech Mono,monospace;font-size:.72rem}@keyframes spin{to{transform:rotate(360deg)}}.tx-spin{width:13px;height:13px;border-radius:50%;flex-shrink:0;border:2px solid rgba(251,191,36,.3);border-top-color:#fbbf24;animation:spin .7s linear infinite}.tx-msg{flex:1}.tx-link{color:var(--gold);text-decoration:none;font-size:.68rem;opacity:.8;margin-left:auto;flex-shrink:0}.tx-link:hover{opacity:1;text-decoration:underline}.gameboard{flex:1;display:flex;flex-direction:column;padding:16px 20px 32px;gap:12px}.board-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.score-banner{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:10px 20px}.score-item{text-align:center;padding:0 16px}.score-num{font-family:Cinzel,serif;font-size:1.55rem;font-weight:900;display:block;line-height:1}.score-num.win{color:var(--neon-green);text-shadow:0 0 14px var(--neon-green)}.score-num.loss{color:var(--neon-red);text-shadow:0 0 14px var(--neon-red)}.score-lbl{font-family:Share Tech Mono,monospace;font-size:.58rem;color:var(--faded);letter-spacing:2px;display:block;margin-top:3px}.score-divider{width:1px;height:38px;background:var(--border)}.btn-exit{padding:8px 18px;background:transparent;border:1px solid rgba(255,61,90,.25);border-radius:6px;font-family:Share Tech Mono,monospace;font-size:.68rem;color:#ff3d5a8c;cursor:pointer;transition:all .2s}.btn-exit:hover{border-color:var(--neon-red);color:var(--neon-red)}.arena{display:grid;grid-template-columns:1fr 220px 1fr;gap:20px;align-items:start;flex:1}.arena-side{display:flex;flex-direction:column;align-items:center;gap:14px}.side-label{font-family:Share Tech Mono,monospace;font-size:.65rem;letter-spacing:3px}.ai-label{color:#c084fcb3}.player-label{color:#00e5ffb3}.ai-hand-count{display:flex;gap:4px;justify-content:center}.card-back{width:22px;height:34px;border-radius:4px;background:linear-gradient(135deg,#2a1f06,#1a1508);border:1px solid rgba(200,168,75,.25);box-shadow:0 2px 6px #00000080}.waiting-card{width:200px;height:280px;border-radius:12px;border:2px dashed rgba(192,132,252,.2);display:flex;align-items:center;justify-content:center}.wc-text{font-family:Crimson Text,serif;font-style:italic;color:#c084fc66;text-align:center;padding:20px;font-size:.9rem}.pick-hint{width:200px;height:280px;border-radius:12px;border:2px dashed rgba(0,229,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ph-arrow{font-size:2rem;color:#00e5ff66;animation:bounce 1.4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.ph-text{font-family:Crimson Text,serif;font-style:italic;color:#00e5ff66;text-align:center;font-size:.9rem}.arena-center{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:40px}.round-badge{font-family:Cinzel,serif;font-size:.72rem;font-weight:700;letter-spacing:4px;color:var(--gold);border:1px solid var(--border);border-radius:4px;padding:4px 14px;background:var(--panel)}.vs-badge{font-family:Cinzel,serif;font-size:2.2rem;font-weight:900;color:var(--gold);text-shadow:0 0 20px rgba(200,168,75,.6);transition:all .3s}.vs-win{color:var(--neon-green);text-shadow:0 0 24px var(--neon-green)}.vs-loss{color:var(--neon-red);text-shadow:0 0 24px var(--neon-red)}.vs-draw{color:var(--neon-cyan);text-shadow:0 0 24px var(--neon-cyan)}.chosen-attr{font-family:Cinzel,serif;font-size:.78rem;font-weight:700;letter-spacing:3px;color:var(--gold);background:#c8a84b0f;border:1px solid rgba(200,168,75,.2);padding:5px 16px;border-radius:4px}.wager-picker{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 16px}.wager-label{font-family:Share Tech Mono,monospace;font-size:.62rem;color:var(--faded);letter-spacing:2px}.wager-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(200,168,75,.3);background:transparent;font-size:1.1rem;color:var(--gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.wager-btn:hover:not(:disabled){background:#c8a84b1f;box-shadow:0 0 10px #c8a84b4d}.wager-btn:disabled{opacity:.3;cursor:not-allowed}.wager-display{text-align:center;min-width:52px}.wager-num{font-family:Cinzel,serif;font-size:1.6rem;font-weight:900;color:var(--gold);display:block;line-height:1}.wager-unit{font-family:Share Tech Mono,monospace;font-size:.58rem;color:var(--faded);letter-spacing:2px}.attr-selector{width:100%;text-align:center}.attr-prompt{font-family:Crimson Text,serif;font-style:italic;font-size:.95rem;color:var(--faded);margin-bottom:10px}.attr-btns{display:flex;flex-direction:column;gap:7px}.attr-btn{padding:10px 18px;background:#c8a84b0d;border:1px solid rgba(200,168,75,.22);border-radius:7px;cursor:pointer;transition:all .2s;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.attr-btn:hover:not(:disabled){background:#c8a84b1f;border-color:var(--gold);box-shadow:0 0 14px #c8a84b47;transform:translate(-3px)}.attr-btn:disabled{opacity:.3;cursor:not-allowed}.attr-btn-label{font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:2px}.attr-btn-desc{font-family:Crimson Text,serif;font-size:.82rem;color:var(--faded);font-style:italic}.round-result{padding:18px 20px;border-radius:10px;border:1px solid;text-align:center;width:100%}.rr-win{border-color:#39ff804d;background:#39ff800f}.rr-loss{border-color:#ff3d5a4d;background:#ff3d5a0f}.rr-draw{border-color:#00e5ff4d;background:#00e5ff0f}.rr-icon{font-size:2rem;margin-bottom:4px}.rr-title{font-family:Cinzel,serif;font-size:1.1rem;font-weight:900;letter-spacing:4px;margin-bottom:6px}.rr-win .rr-title{color:var(--neon-green)}.rr-loss .rr-title{color:var(--neon-red)}.rr-draw .rr-title{color:var(--neon-cyan)}.rr-geo{font-family:Share Tech Mono,monospace;font-size:.75rem;color:var(--faded);margin-bottom:14px}.btn-next{padding:10px 24px;background:linear-gradient(135deg,#c8a84b26,#c8a84b14);border:1px solid rgba(200,168,75,.4);border-radius:7px;font-family:Cinzel,serif;font-size:.78rem;font-weight:700;color:var(--gold);cursor:pointer;letter-spacing:2px;transition:all .22s}.btn-next:hover{background:#c8a84b38;box-shadow:0 0 14px #c8a84b4d}.player-hand-wrap{border-top:1px solid var(--border);padding-top:14px}.hand-label{font-family:Share Tech Mono,monospace;font-size:.62rem;color:var(--faded);letter-spacing:3px;margin-bottom:10px}.player-hand{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--card-bg);border:1px solid rgba(200,168,75,.22);border-radius:12px;padding:14px 14px 16px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 20px #0009,inset 0 1px #ffffff0a}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--tbg, rgba(200,168,75,.04));pointer-events:none}.card-md{width:200px;min-height:280px}.card-lg{width:220px;min-height:300px}.card-sm{width:160px}.card-selected{border-color:var(--neon-cyan);box-shadow:0 0 22px #00e5ff61,0 4px 24px #0009}.card-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card:not(.card-disabled)[role=button]{cursor:pointer}.card:not(.card-disabled)[role=button]:hover{transform:translateY(-6px);box-shadow:0 0 24px var(--tg, rgba(200,168,75,.4)),0 10px 28px #0009}.corner{position:absolute;width:12px;height:12px;border-color:#c8a84b59;border-style:solid}.corner.tl{top:7px;left:7px;border-width:1px 0 0 1px}.corner.tr{top:7px;right:7px;border-width:1px 1px 0 0}.corner.bl{bottom:7px;left:7px;border-width:0 0 1px 1px}.corner.br{bottom:7px;right:7px;border-width:0 1px 1px 0}.card-tier-badge{font-family:Share Tech Mono,monospace;font-size:.55rem;letter-spacing:2px;text-align:center;margin-bottom:8px}.card-flag{font-size:3rem;text-align:center;line-height:1;margin-bottom:8px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.card-name{font-family:Cinzel,serif;font-weight:600;font-size:.88rem;text-align:center;color:var(--ink);margin-bottom:14px;letter-spacing:1px}.card-stats{display:flex;flex-direction:column;gap:9px}.stat-row{display:flex;flex-direction:column;gap:4px}.stat-row.stat-win .stat-label,.stat-row.stat-win .stat-val{color:#4ade80}.stat-top{display:flex;justify-content:space-between;align-items:baseline}.stat-label{font-family:Share Tech Mono,monospace;font-size:.58rem;color:#d6d3b473;letter-spacing:2px}.stat-val{font-family:Cinzel,serif;font-size:.88rem;font-weight:600;color:var(--tc, var(--gold))}.stat-val small{font-family:Share Tech Mono,monospace;font-size:.56rem;opacity:.65}.stat-bar-track{height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden}.stat-bar-fill{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.16,1,.3,1)}.mini-card{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;border:1px solid rgba(200,168,75,.18);background:var(--card-bg);cursor:pointer;transition:all .2s;min-width:130px}.mini-card:hover:not(.mini-disabled){border-color:#00e5ff73;background:#00e5ff0d;transform:translateY(-3px);box-shadow:0 0 14px #00e5ff40}.mini-selected{border-color:var(--neon-cyan)!important;box-shadow:0 0 14px #00e5ff59}.mini-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.mini-flag{font-size:1.4rem;line-height:1}.mini-name{font-family:Crimson Text,serif;font-size:.88rem;color:var(--ink);flex:1}.mini-tier{font-family:Share Tech Mono,monospace;font-size:.65rem;font-weight:700}.gameover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:24px}.go-title{font-family:Cinzel,serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;letter-spacing:8px;background:linear-gradient(180deg,#f5e06e,#c8a84b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.go-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:380px;width:100%}.go-stat{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);text-align:center}.go-n{font-family:Cinzel,serif;font-size:2rem;font-weight:900;display:block;line-height:1}.go-n.win{color:var(--neon-green)}.go-n.loss{color:var(--neon-red)}.go-l{font-family:Share Tech Mono,monospace;font-size:.62rem;color:var(--faded);letter-spacing:2px;display:block;margin-top:5px}.go-fee-note{font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--faded)}.game-log{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:10px 14px;max-height:140px;overflow-y:auto}.log-title{font-family:Share Tech Mono,monospace;font-size:.58rem;color:#c8a84b66;letter-spacing:4px;margin-bottom:7px}.log-row{display:flex;gap:10px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.02);font-family:Share Tech Mono,monospace;font-size:.68rem}.log-t{color:#c8a84b4d;min-width:68px;flex-shrink:0}@media (max-width: 860px){.arena{grid-template-columns:1fr;grid-template-rows:auto auto auto}.ai-side{order:1}.arena-center{order:2;padding-top:0}.player-side{order:3}.card-lg{width:180px}}@media (max-width: 600px){.header{padding:10px 14px}.balance-pills{display:none}.arena{gap:12px}.rules-strip{flex-direction:column;gap:12px;padding:16px}.rule-divider{width:100%;height:1px;margin:0}}