.arena-wrap{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;-webkit-user-select:none;user-select:none}.arena-score{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.arena-score .side{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.arena-score .side.right{align-items:flex-end;text-align:right}.arena-score .pname{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.arena-score .pstate{font-size:11px;color:var(--muted)}.arena-score .pstate.live{color:var(--ok)}.arena-score .vs{font-weight:900;font-size:18px;background:linear-gradient(90deg,#ff7849,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 4px}.arena-wager{font-size:12px;color:var(--gold);font-weight:700;background:#ffce471f;padding:3px 12px;border-radius:999px}.stadium{position:relative;width:300px;height:230px;perspective:760px}.stadium-floor{position:absolute;left:50%;top:50%;width:280px;height:280px;margin-left:-140px;margin-top:-150px;border-radius:50%;transform:rotateX(60deg);background:radial-gradient(circle at 50% 50%,#2a3566,#1a2140 45%,#0e1430 75%,#0a0f24);box-shadow:inset 0 0 60px #000000b3,inset 0 0 0 2px #7c8cff2e,0 30px 60px #0000008c;overflow:hidden}.stadium-floor:before,.stadium-floor:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:2px solid rgba(124,140,255,.16)}.stadium-floor:before{width:64%;height:64%}.stadium-floor:after{width:30%;height:30%;border-color:#ffce4740;box-shadow:0 0 24px #ffce471f}.stadium-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 42%,rgba(124,140,255,.18),transparent 60%);pointer-events:none}.bey-orbit{position:absolute;top:86px;width:96px;height:96px;margin-left:-48px;transition:left .5s ease;z-index:2}.bey-orbit.a{left:86px}.bey-orbit.b{left:214px}.bey{position:relative;width:96px;height:96px;filter:drop-shadow(0 14px 10px rgba(0,0,0,.55))}.bey .disc{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,var(--bey-dark) 0deg,var(--bey-main) 40deg,var(--bey-light) 80deg,var(--bey-main) 140deg,var(--bey-dark) 200deg,var(--bey-main) 280deg,var(--bey-light) 320deg,var(--bey-dark) 360deg);border:4px solid rgba(255,255,255,.18);box-shadow:inset 0 0 16px #ffffff47,inset 0 0 30px #00000073}.bey .blades{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;background:repeating-conic-gradient(var(--bey-light) 0deg 18deg,transparent 18deg 36deg);opacity:.55}.bey .core{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c7ced9 40%,#717787);box-shadow:0 0 8px #00000080}.bey.spin .disc,.bey.spin .blades{animation:bey-spin .34s linear infinite}.bey.spin-slow .disc,.bey.spin-slow .blades{animation:bey-spin .9s linear infinite}.bey.idle .disc,.bey.idle .blades{animation:bey-spin 2.4s linear infinite}.bey-orbit.battling{animation:bey-wobble .5s ease-in-out infinite}.bey-orbit.a.battling{animation-delay:.05s}.bey.fallen{transform:rotate(58deg) translateY(10px) scale(.92);transition:transform .6s ease;filter:drop-shadow(0 6px 6px rgba(0,0,0,.55)) grayscale(.5) brightness(.7)}.bey.fallen .disc,.bey.fallen .blades{animation:none}.bey.winner .disc{box-shadow:inset 0 0 16px #fff6,0 0 26px var(--gold),0 0 50px #ffce4780}.bey-orbit.winner{animation:bey-victory 1.1s ease-in-out infinite}.bey-crown{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:24px;animation:crown-bob 1.1s ease-in-out infinite}.clash{position:absolute;left:50%;top:96px;width:70px;height:70px;margin-left:-35px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--gold) 30%,#ff7849 55%,transparent 70%);transform:translateY(38px) scale(0);z-index:3;pointer-events:none;animation:clash-pop .9s ease-out infinite}.bey.ghost{opacity:.35}.bey.ghost .disc{background:repeating-conic-gradient(rgba(154,163,192,.5) 0deg 14deg,transparent 14deg 28deg);border-style:dashed;box-shadow:none}.bey-qmark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:var(--muted)}.arena-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.launch-num{font-size:96px;font-weight:900;color:#fff;text-shadow:0 0 30px var(--accent),0 0 60px var(--accent-2);animation:launch-zoom 1s ease-out forwards}.launch-go{font-size:40px;font-weight:900;letter-spacing:2px;background:linear-gradient(90deg,var(--gold),#ff7849);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,206,71,.6);animation:launch-go 1.2s ease-out forwards}.arena-caption{font-size:15px;font-weight:700;color:var(--text);min-height:20px}.arena-caption.live{color:#ff8b6b;animation:caption-pulse 1s ease-in-out infinite}@keyframes bey-spin{to{transform:rotate(360deg)}}@keyframes bey-wobble{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-4px) translateY(-2px)}50%{transform:translate(3px) translateY(2px)}75%{transform:translate(-2px) translateY(1px)}}@keyframes bey-victory{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes crown-bob{0%,to{transform:translate(-50%) translateY(0) rotate(-6deg)}50%{transform:translate(-50%) translateY(-6px) rotate(6deg)}}@keyframes clash-pop{0%{transform:translateY(38px) scale(0);opacity:0}20%{transform:translateY(38px) scale(1.05);opacity:1}60%{transform:translateY(38px) scale(.5);opacity:.6}to{transform:translateY(38px) scale(0);opacity:0}}@keyframes launch-zoom{0%{transform:scale(2.4);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes launch-go{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.2);opacity:1}75%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes caption-pulse{0%,to{opacity:.7}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.bey.spin .disc,.bey.spin .blades,.bey.spin-slow .disc,.bey.spin-slow .blades,.bey.idle .disc,.bey.idle .blades,.bey-orbit.battling,.bey-orbit.winner,.clash,.launch-num,.launch-go{animation-duration:2s}}:root{--bg: #0c1020;--bg-2: #141a30;--card: #1a2238;--card-2: #222b46;--accent: #4f7cff;--accent-2: #7c3aed;--danger: #ff4d6d;--gold: #ffce47;--text: #eef1fb;--muted: #9aa3c0;--ok: #36d399;--border: #2a3354}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,#1b2b5a 0%,transparent 60%),linear-gradient(160deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed;min-height:100vh}.app{max-width:480px;margin:0 auto;min-height:100vh}.screen{padding:20px 18px 40px;min-height:100vh}.screen.center{display:flex;align-items:center;justify-content:center}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card-2) 100%);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 12px 40px #00000059}.card.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.auth-card{width:100%}.logo{font-size:38px;margin:0;text-align:center;letter-spacing:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);margin:4px 0 16px;text-align:center}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1;padding:10px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:15px}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.input{width:100%;padding:13px 14px;margin-bottom:12px;border-radius:10px;border:1px solid var(--border);background:#0f1426;color:var(--text);font-size:15px}.input:focus{outline:none;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;border:none;cursor:pointer;font-size:15px;font-weight:600;text-decoration:none;width:100%;transition:transform .05s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{padding:16px;font-size:17px}.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff}.btn.secondary{background:var(--card-2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:linear-gradient(90deg,#ff4d6d,#ff7849);color:#fff}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);width:auto}.error{color:var(--danger);font-size:14px;margin-bottom:10px}.error.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:10px 16px;border-radius:10px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.hello{font-size:20px;font-weight:700;margin-bottom:8px}.starbar{display:flex;gap:2px;align-items:center;flex-wrap:wrap}.star{font-size:16px}.star.on{color:var(--gold)}.star.off{color:#36406a}.star-count{font-weight:800;color:var(--gold);margin:0 6px 0 2px}.tier-badge{margin-left:8px;font-size:12px;padding:2px 8px;border-radius:999px;background:#7c3aed2e;color:#c4b5fd;font-weight:700}.stats-row{display:flex;gap:12px;margin-bottom:26px}.stat{flex:1;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center}.stat-num{font-size:26px;font-weight:800}.stat-label{color:var(--muted);font-size:13px;margin-top:4px}.actions{display:flex;flex-direction:column;gap:14px}.back{color:var(--muted);text-decoration:none;font-size:14px;display:inline-block;margin-bottom:14px}h2{margin:4px 0 16px}.label{display:block;color:var(--muted);margin-bottom:10px;font-size:14px}.wager-picker{display:flex;gap:10px;margin-bottom:18px}.wager{flex:1;padding:16px 0;border-radius:12px;border:1px solid var(--border);background:#0f1426;color:var(--text);cursor:pointer;font-size:16px;font-weight:700}.wager.active{background:var(--accent);border-color:var(--accent);color:#fff}.wager:disabled{opacity:.35;cursor:not-allowed}.qr{width:256px;height:256px;border-radius:14px;background:#fff;padding:8px}.token{font-size:11px;color:var(--muted);word-break:break-all;background:#0f1426;padding:8px 10px;border-radius:8px}.wager-badge{background:#ffce4726;color:var(--gold);padding:6px 14px;border-radius:999px;font-weight:700}.wager-badge.big{font-size:18px}.battle-card{min-height:320px;justify-content:center}.fight{font-size:26px}.presence{display:flex;align-items:center;gap:8px;color:var(--muted)}.vs{margin:0 10px;font-weight:800;color:var(--text)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.off{background:#36406a}.hint{color:var(--muted);font-size:13px}.confirm-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.countdown{font-size:44px;font-weight:800;color:var(--gold);text-align:center}.conn-status{text-align:right;color:var(--muted);font-size:12px;margin-bottom:6px}.arena-controls{margin-top:22px;display:flex;flex-direction:column;gap:12px;align-items:center}.arena-controls .btn{width:100%}.confirm-box{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.result-banner{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.result-title{margin:0;font-size:30px}.result-title.win{color:var(--gold);text-shadow:0 0 20px rgba(255,206,71,.4)}.result-title.lose{color:var(--muted)}.result-title.cancel{color:var(--danger)}.result{font-size:56px}.result.done{filter:drop-shadow(0 0 12px var(--ok))}.result.cancel{filter:drop-shadow(0 0 12px var(--danger))}.center-link{text-align:center;display:block;margin-top:16px}.hint.center{text-align:center}.board{margin-top:30px}.board-title{margin:0 0 12px;font-size:18px}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.board-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:10px}.rank{color:var(--muted);font-weight:800;width:38px}.board-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp{color:var(--gold);font-weight:700;font-size:13px}.spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{text-align:center}.page-title{font-size:22px;margin:4px 0 18px}.muted{color:var(--muted)}.tab-screen{min-height:100vh}.tab-content{padding-bottom:84px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:50;display:flex;justify-content:space-around;background:#10152aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.tabitem{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--muted);font-size:11px;padding:4px 0;border-radius:10px;transition:color .15s,transform .1s}.tabitem .tabicon{font-size:21px;filter:grayscale(.5);transition:filter .15s}.tabitem.active{color:var(--text)}.tabitem.active .tabicon{filter:grayscale(0);transform:translateY(-1px)}.tabitem.active .tablabel{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.home{padding-top:0}.hero{position:relative;overflow:hidden;margin:-20px -18px 20px;padding:40px 18px 28px;background:linear-gradient(160deg,#20307a,#131a36 70%);text-align:center;border-bottom:1px solid var(--border)}.hero-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:300px;height:200px;background:radial-gradient(circle,rgba(124,140,255,.35),transparent 65%);pointer-events:none}.hero-title{position:relative;margin:0;font-size:40px;letter-spacing:6px;background:linear-gradient(90deg,#9db8ff,#c4b5fd,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{position:relative;color:#b9c2e6;margin:6px 0 16px;font-size:13px}.hero-user{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.hero-name{font-weight:800;font-size:18px}.hero-login{position:relative;display:inline-block;width:auto;padding:12px 32px}.quick-actions{display:flex;gap:12px;margin-bottom:22px}.qa-card{flex:1;display:flex;flex-direction:column;gap:4px;padding:18px 14px;border-radius:16px;text-decoration:none;color:var(--text);border:1px solid var(--border);background:linear-gradient(180deg,var(--card),var(--card-2));transition:transform .1s}.qa-card:active{transform:scale(.98)}.qa-create{box-shadow:inset 0 0 0 1px #4f7cff66}.qa-join{box-shadow:inset 0 0 0 1px #7c3aed66}.qa-icon{font-size:30px}.qa-title{font-weight:800;font-size:16px}.qa-desc{color:var(--muted);font-size:12px}.panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-head h3,.panel-head-title{margin:0 0 10px;font-size:16px}.panel-head h3{margin:0}.panel-more{color:var(--accent);text-decoration:none;font-size:13px;font-weight:600}.social-teaser{padding:0}.teaser-link{display:flex;align-items:center;gap:12px;padding:16px;text-decoration:none;color:var(--text)}.teaser-title{font-weight:700}.myrank-card{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.myrank-tier{display:flex;align-items:center;gap:14px}.myrank-emoji{font-size:44px}.myrank-ranks{display:flex;gap:8px}.rank-pill{flex:1;background:#0f1426;border:1px solid var(--border);border-radius:12px;padding:10px;text-align:center;display:flex;flex-direction:column;gap:4px}.rank-pill-label{font-size:11px;color:var(--muted)}.rank-pill-val{font-weight:800;font-size:14px;color:var(--gold)}.rank-cta{margin-bottom:16px}.tier-ladder{display:flex;flex-direction:column;gap:6px}.tier-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0f1426;border:1px solid var(--border);border-radius:10px;font-size:14px}.tier-row.current{border-color:var(--gold);box-shadow:0 0 14px #ffce472e}.tier-emoji{font-size:20px}.tier-name{flex:1;font-weight:700}.tier-req{color:var(--gold);font-size:13px;font-weight:700}.tier-buy{color:var(--muted);font-size:11px;min-width:78px;text-align:right}.scope-tabs{display:flex;gap:8px;margin-bottom:12px}.scope{flex:1;padding:9px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600}.scope.active{background:var(--accent);color:#fff;border-color:var(--accent)}.scope:disabled{opacity:.4;cursor:not-allowed}.radar{position:relative;width:280px;height:280px;margin:8px auto 4px;border-radius:50%;background:radial-gradient(circle,#16204a,#0c1230 70%,#0a0f24);border:2px solid rgba(124,140,255,.2);overflow:hidden}.radar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(124,140,255,.18)}.radar-ring.r1{width:88%;height:88%}.radar-ring.r2{width:58%;height:58%}.radar-ring.r3{width:28%;height:28%}.radar-sweep{position:absolute;top:50%;left:50%;width:50%;height:50%;transform-origin:top left;background:conic-gradient(from 0deg,rgba(54,211,153,.35),transparent 40%);animation:radar-sweep 3s linear infinite}.radar-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px}.radar-blip{position:absolute;transform:translate(-50%,-50%);font-size:20px;animation:blip 1.4s ease-in-out infinite}@keyframes radar-sweep{to{transform:rotate(360deg)}}@keyframes blip{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.85)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.match-list,.friend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.match-row,.friend-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f1426;border:1px solid var(--border);border-radius:12px}.match-info,.friend-info{flex:1;min-width:0}.friend-info{display:flex;align-items:center;gap:12px}.match-players{font-weight:700}.vs-sm{color:var(--gold);font-weight:800;margin:0 4px}.friend-avatar{font-size:26px}.friend-name{font-weight:700}.winrate{color:var(--ok);font-size:13px;font-weight:700}.btn.mini{width:auto;padding:8px 14px;font-size:13px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-bottom:16px}.profile-avatar{width:78px;height:78px;border-radius:50%;font-size:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.profile-name{font-size:22px;font-weight:800}.profile-tier{color:var(--gold);font-weight:700}.admin-badge{background:#ff4d6d2e;color:#ff9aa9;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px}.loc-selects{display:flex;gap:10px;margin:12px 0}.loc-selects .input{flex:1}.locked-box{margin-top:12px;padding:14px;background:#0f1426;border-radius:12px;border:1px dashed var(--border)}.locked-current{font-size:18px;font-weight:800;margin-bottom:6px}.ok-msg{color:var(--ok);font-size:14px;margin-bottom:10px}.logout-btn{margin-top:4px}.login-gate{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:32px 16px}.login-gate-icon{font-size:40px}.login-gate .btn{width:auto;padding:12px 28px}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#0f1426;border:1px solid var(--border);border-radius:12px}.result-badge{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.result-badge.win{background:#36d3992e;color:var(--ok)}.result-badge.loss{background:#ff4d6d2e;color:#ff7d8e}.result-badge.void{background:#96a0be29;color:var(--muted)}.history-info{flex:1;min-width:0}.history-opp{font-weight:700;display:flex;align-items:center;gap:6px}.history-meta{font-size:12px}.ranked-pill{background:#7c8cff33;color:#9db8ff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px}.history-stars{font-weight:800;font-size:15px}.history-stars.win{color:var(--ok)}.history-stars.loss{color:#ff7d8e}.history-stars.void{color:var(--muted)}.ranked-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:600}.switch{width:52px;height:30px;border-radius:999px;border:none;cursor:pointer;background:#36406a;position:relative;transition:background .2s}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .2s}.switch.on .knob{left:25px}:root{--bg: #080b14;--bg-2: #0e1322;--card: #141a2c;--card-2: #1a2138;--border: #283150;--surface: #0e1322}.btn{gap:8px;letter-spacing:.5px}.btn svg{flex-shrink:0}.page-title{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;margin:4px 0 20px}.page-title svg{color:var(--accent)}.tabbar{background:#0a0d16f0;border-top:1px solid var(--border);padding:9px 6px calc(10px + env(safe-area-inset-bottom))}.tabitem{gap:4px;color:var(--muted)}.tabitem .tabicon{display:flex;filter:none;transition:transform .15s}.tabitem.active{color:var(--accent)}.tabitem.active .tabicon{transform:translateY(-2px)}.tabitem.active .tablabel{color:var(--accent);background:none;-webkit-text-fill-color:currentColor;font-weight:700}.tabitem.active:after{content:"";position:absolute;top:0;width:22px;height:3px;border-radius:0 0 4px 4px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.tabitem{position:relative}.home{padding-top:18px}.appbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.appbar-id{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0f1426;border:1px solid var(--border)}.appbar-name{font-weight:800;font-size:16px;margin-bottom:4px}.appbar-brand{font-size:22px;font-weight:900;letter-spacing:3px;background:linear-gradient(90deg,#9db8ff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.currency{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;background:#0f1426;border:1px solid var(--border);text-decoration:none}.currency-icon{color:var(--gold);display:flex}.currency-val{font-weight:800;color:var(--gold)}.btn.mini{width:auto;padding:9px 16px;font-size:13px}.mode-stack{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.mode-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:15px;padding:18px 18px 18px 22px;border-radius:18px;text-decoration:none;color:var(--text);border:1px solid var(--border);background:linear-gradient(135deg,var(--card),var(--card-2));transition:transform .1s ease,border-color .15s ease}.mode-card:active{transform:scale(.99)}.mode-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.mode-icon{width:54px;height:54px;border-radius:15px;flex-shrink:0;color:#fff;display:flex;align-items:center;justify-content:center}.mode-body{flex:1;min-width:0}.mode-title{font-size:19px;font-weight:800;letter-spacing:1px}.mode-en{font-size:10px;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;margin-top:1px}.mode-desc{font-size:12.5px;color:var(--muted);margin-top:5px}.chev{color:var(--muted);display:flex;flex-shrink:0}.mode-card.battle .mode-icon{background:linear-gradient(135deg,#4f7cff,#6d5cff)}.mode-card.battle:before{background:#4f7cff}.mode-card.battle:hover{border-color:#4f7cff80}.mode-card.rank .mode-icon{background:linear-gradient(135deg,#f7b733,#ff7849)}.mode-card.rank:before{background:#f7b733}.mode-card.rank:hover{border-color:#f7b73380}.mode-card.scan .mode-icon{background:linear-gradient(135deg,#36d399,#06b6d4)}.mode-card.scan:before{background:#36d399}.mode-card.scan:hover{border-color:#36d39980}.stats-row{gap:10px;margin-bottom:18px}.stat{border-radius:16px;padding:15px 10px;background:linear-gradient(180deg,var(--card),var(--card-2))}.stat-num{font-size:24px}.panel{background:linear-gradient(180deg,var(--card),var(--card-2));border-radius:18px;padding:16px 16px 14px}.panel-head{margin-bottom:12px}.panel-head-title{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:15px;font-weight:800}.panel-head .panel-head-title{margin:0}.panel-head-title svg{color:var(--accent)}.panel-more{display:inline-flex;align-items:center;gap:2px;color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.teaser-link{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:16px;text-decoration:none;color:var(--text)}.teaser-icon{width:44px;height:44px;border-radius:13px;flex-shrink:0;color:var(--accent);display:flex;align-items:center;justify-content:center;background:#0f1426;border:1px solid var(--border)}.teaser-body{flex:1;min-width:0}.teaser-title{font-weight:800;margin-bottom:2px}.tier-badge{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:700;padding:2px 9px 2px 4px;border-radius:999px;background:#ffffff0a;border:1px solid var(--border)}.tier-mark{display:inline-flex;align-items:center;justify-content:center}.tier-medal{display:block;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.board-list{gap:8px}.board-row{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#0f1426;border:1px solid var(--border);border-radius:13px}.rank{width:28px;height:28px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;background:#1a2138;color:var(--muted)}.rank-1{background:linear-gradient(135deg,#ffd76b,#f59e0b);color:#3a2a00}.rank-2{background:linear-gradient(135deg,#e2e8f0,#9aa7bd);color:#1e293b}.rank-3{background:linear-gradient(135deg,#e0a878,#b06a3a);color:#2a1500}.board-name{flex:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp{color:var(--gold);font-weight:800;font-size:13px}.myrank-card{gap:16px}.myrank-mark{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#0f1426;border:1px solid var(--border)}.myrank-name{font-size:22px;font-weight:800}.rank-pill{background:#0f1426}.rank-pill-val{color:var(--gold)}.rank-cta{display:flex;align-items:center;justify-content:center;gap:8px}.tier-row{gap:11px}.tier-row .tier-mark{flex-shrink:0}.radar-center{color:var(--ok)}.radar-center svg{filter:drop-shadow(0 0 6px var(--ok))}.radar-blip{position:absolute;transform:translate(-50%,-50%);width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:blip 1.5s ease-in-out infinite}@keyframes blip{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.match-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0;color:var(--accent);display:flex;align-items:center;justify-content:center;background:#1a2138;border:1px solid var(--border)}.friend-avatar{width:42px;height:42px;border-radius:13px;flex-shrink:0;font-size:0;display:flex;align-items:center;justify-content:center;background:#1a2138;border:1px solid var(--border)}.search-field{position:relative}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex}.search-input{padding-left:42px;margin-bottom:0}.profile-card{gap:9px;padding:24px}.profile-avatar{width:84px;height:84px;border-radius:24px;font-size:0;background:#0f1426;border:1px solid var(--border)}.profile-tier{color:var(--muted);font-weight:700}.locked-note{display:inline-flex;align-items:center;gap:5px}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px}.login-gate-icon{font-size:0;color:var(--muted);display:flex}.carousel{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:#0a0f1f;margin-bottom:14px;aspect-ratio:16 / 7;box-shadow:0 10px 28px #0006}.carousel-track{display:flex;height:100%;width:100%;transition:transform .55s cubic-bezier(.4,0,.2,1)}.carousel-slide{flex:0 0 100%;width:100%;height:100%;position:relative;text-decoration:none;color:#fff;display:block}.carousel-img{width:100%;height:100%;object-fit:cover;display:block}.carousel-caption{position:absolute;left:14px;right:14px;bottom:14px;font-weight:800;font-size:15px;text-shadow:0 2px 10px rgba(0,0,0,.9)}.carousel-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}.carousel-dot{width:16px;height:4px;border-radius:4px;border:none;cursor:pointer;background:#ffffff59;transition:background .15s,width .15s}.carousel-dot.active{background:#fff;width:24px}.input.file{padding:11px 12px;cursor:pointer}.preview-box{margin:10px 0 14px;padding:10px;border-radius:12px;background:#0f1426;border:1px solid var(--border)}.preview-img{width:100%;aspect-ratio:16 / 7;object-fit:cover;border-radius:8px;display:block}.preview-meta{margin-top:8px;font-size:12px}.banner-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.banner-row{display:flex;gap:10px;padding:10px;border-radius:12px;background:#0f1426;border:1px solid var(--border)}.banner-row.inactive{opacity:.45}.banner-thumb{width:80px;height:50px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#000}.banner-info{flex:1;min-width:0}.banner-title{font-weight:700}.banner-link{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small{font-size:11px}.banner-actions{display:flex;flex-direction:column;gap:6px}.btn.danger.mini,.btn.ghost.mini{width:auto;padding:6px 12px;font-size:12px}.admin-link{border-color:#ffce4766}.admin-link .teaser-icon{color:var(--gold)}.versus{--slant: 56px;position:relative;display:flex;margin-bottom:14px;aspect-ratio:5 / 2}.versus-side{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:14px 22px;text-decoration:none;color:#fff;background-image:url(/battle-hero.png);background-size:200% auto;background-repeat:no-repeat;transition:filter .15s,transform .1s}.versus-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.versus-side.left{align-items:flex-start;background-color:#0810308c;background-position:left center;clip-path:polygon(0 0,100% 0,calc(100% - var(--slant)) 100%,0 100%);filter:drop-shadow(0 0 1.5px #4f7cff) drop-shadow(0 0 1.5px #4f7cff) drop-shadow(0 12px 22px rgba(0,0,0,.5))}.versus-side.left:after{background:linear-gradient(180deg,#0810300d,#081030c7)}.versus-side.right{align-items:flex-end;text-align:right;background-color:#3010088c;background-position:right center;clip-path:polygon(var(--slant) 0,100% 0,100% 100%,0 100%);margin-left:calc(-1 * var(--slant) + 14px);filter:drop-shadow(0 0 1.5px #ff7849) drop-shadow(0 0 1.5px #ff7849) drop-shadow(0 12px 22px rgba(0,0,0,.5))}.versus-side.right:after{background:linear-gradient(180deg,#3010080d,#301008c7)}.versus-side:active{transform:scale(.99)}.versus-en,.versus-label{position:relative;z-index:1}.versus-en{position:relative;z-index:1;font-size:11px;letter-spacing:3px;opacity:.9;text-shadow:0 1px 6px rgba(0,0,0,.9)}.versus-label{position:relative;z-index:1;font-size:26px;font-weight:900;letter-spacing:3px;margin-top:2px;text-shadow:0 2px 14px rgba(0,0,0,.95)}.versus-side.left .versus-label{color:#d4e3ff}.versus-side.right .versus-label{color:#ffdcc7}.versus-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;pointer-events:none;z-index:2;display:flex;align-items:center;justify-content:center;font-weight:900;font-style:italic;font-size:16px;color:#fff;background:#080c16e6;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 24px #000000b3}.seg{display:flex;gap:4px;padding:5px;margin-bottom:14px;background:#0f1426;border:1px solid var(--border);border-radius:14px}.seg-item{flex:1;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;padding:12px 8px;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:10px;transition:background .15s,color .15s}.seg-item .seg-title{font-size:16px;font-weight:800;letter-spacing:1px}.seg-item .seg-sub{font-size:11px}.seg-item.active{color:#fff}.seg-item.active.star{background:linear-gradient(135deg,#4f7cff,#6d5cff)}.seg-item.active.rank{background:linear-gradient(135deg,#f7b733,#ff7849)}.seg-desc{font-size:13px;margin:0 0 16px}.crown-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.crown-mark svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.myrank-card{padding:18px 18px 16px}.myrank-top{display:flex;align-items:center;gap:14px}.myrank-mark{width:68px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#0f1426;border:1px solid var(--border);flex-shrink:0}.myrank-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.myrank-name-row{display:flex;align-items:center;gap:10px}.myrank-name{font-size:22px;font-weight:800;letter-spacing:1px}.myrank-stats{color:var(--muted);font-size:14px}.myrank-stats .rp{color:var(--gold);font-weight:800}.star-inline{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-weight:700}.myrank-loc{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#b9c2e6;margin-top:2px}.myrank-loc svg{color:var(--accent)}.board-list{gap:9px}.board-row{gap:12px;padding:12px 14px;background:linear-gradient(180deg,#0f1426,#11182d)}.board-row .rank,.board-row .rank-slot{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.board-row .rank{height:44px;border-radius:12px;font-size:15px;font-weight:800;background:#1a2138;color:var(--muted)}.rank-slot-medal{padding:0}.board-emblem{width:48px;height:48px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--border)}.board-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.board-name{font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-meta{display:flex;align-items:center;gap:8px}.board-meta .tier-badge{font-size:11px;padding:2px 8px 2px 3px}.board-stars{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--gold)}.board-row .rp{font-size:16px;font-weight:900;color:var(--gold);flex-shrink:0}.board-row:has(.rank-slot-medal .crown-mark){border-color:#ffce4740}.loc-prompt{background:linear-gradient(180deg,#1a2138,#141a2c);border:1px solid rgba(255,206,71,.35);padding:18px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.loc-prompt-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:var(--gold)}.loc-prompt .btn{width:fit-content;padding:10px 22px}.intro-panel{padding:0;overflow:hidden}.intro-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;background:transparent;border:none;cursor:pointer;color:var(--text);font:inherit;text-align:left}.intro-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}.intro-head svg{color:var(--accent)}.intro-arrow{display:flex;transition:transform .18s ease;transform:rotate(-90deg);color:var(--muted)}.intro-arrow.open{transform:rotate(0)}.intro-body{padding:4px 16px 18px;display:flex;flex-direction:column;gap:10px}.intro-h{margin:14px 0 4px;font-size:14px;font-weight:800;color:var(--accent)}.intro-h:first-child{margin-top:0}.intro-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:5px;font-size:13.5px;line-height:1.55;color:#cdd4eb}.intro-list li b{color:var(--gold);font-weight:800}.profile-name-row{display:flex;align-items:center;gap:10px}.profile-loc{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#b9c2e6;padding:4px 12px;border-radius:999px;background:#7c8cff14;border:1px solid rgba(124,140,255,.25)}.profile-loc svg{color:var(--accent)}.best-rank-card{display:flex;align-items:center;gap:16px;padding:18px;margin-bottom:16px;background:linear-gradient(135deg,#ffce471f,#4f7cff1a);border:1px solid rgba(255,206,71,.4);box-shadow:0 0 30px #ffce4714,inset 0 0 0 1px #ffffff08}.best-rank-line{font-size:18px;font-weight:900;letter-spacing:1px;color:var(--gold)}