:root{--bg:#eceff3;--card:#ffffff;--ink:#1f2633;--muted:#6b7482;--line:#dbe0e8;--blue:#2a6fdb;--blue-l:#e8f0ff;--blue-d:#1b4fa6;--red:#d9473a;--red-l:#fff0ee;--red-d:#a8322a;--green:#1f9d55;--dark:#0b0d12;--font:system-ui,-apple-system,"PingFang TC","PingFang SC","Hiragino Sans CNS","Microsoft JhengHei",sans-serif;--tab-h:60px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;font-size:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.tiny{font-size:12px}.muted{color:var(--muted)}h2{font-size:19px}h3{font-size:16px}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;height:calc(50px + var(--safe-t));padding:var(--safe-t) max(14px,calc((100vw - 600px)/2 + 14px)) 0;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:15px;letter-spacing:.03em}.mark{position:relative;width:30px;height:30px;flex:none;display:grid;place-items:center}.mark-halo{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#2a6fdb,#7fb0ff 96deg,#2a6fdb 210deg 360deg);animation:mark-turn 2.6s linear infinite}.mark-glyph{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:#fff;font-size:15px;font-weight:900;line-height:1;animation:mark-turn 2.6s linear infinite}@keyframes mark-turn{to{transform:rotate(360deg)}}.icon-btn{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.22);flex:none}.icon-btn.light{color:var(--ink);border-color:var(--line);background:#fff}.icon-btn.muted .wave{display:none}.icon-btn.muted .x{display:inline!important}.view{max-width:600px;margin:0 auto;padding:calc(50px + var(--safe-t) + 14px) 14px calc(var(--tab-h) + var(--safe-b) + 26px)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;height:calc(var(--tab-h) + var(--safe-b));padding:0 max(0px,calc((100vw - 600px)/2)) var(--safe-b);background:#fffffff0;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}.tabbar svg{width:22px;height:22px}.tabbar button.on{color:var(--blue)}.tabbar button:after{content:"";position:absolute;top:0;width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--blue);opacity:0;transform:scaleX(.3);transition:opacity .2s ease,transform .2s ease}.tabbar button.on:after{opacity:1;transform:none}.tabbar button.on svg{animation:tab-pop .34s cubic-bezier(.2,1.6,.4,1) both}@keyframes tab-pop{0%{transform:scale(.8) translateY(3px)}}body.battling .tabbar,body.battling .topbar{display:none}.hero{text-align:center;padding:2px 0 16px}.hero-art{position:relative;height:clamp(108px,29vw,140px);display:grid;place-items:center;margin-bottom:4px}.hero-glow{position:absolute;width:min(74vw,230px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2a6fdb33,#2a6fdb00 68%);animation:hero-breathe 4.4s ease-in-out infinite}.top3d{width:clamp(78px,21vw,96px);aspect-ratio:1;perspective:420px;transform-style:preserve-3d;animation:top-float 4.4s ease-in-out infinite}.top3d-disc{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,#fff,#e2eaf8 58%,#c2d3ee);border:2px solid #b7cbef;box-shadow:inset 0 -9px 18px #2a6fdb2e,0 10px 20px #1f263329;animation:top-turn 2.2s linear infinite}.top3d-disc b{font-size:clamp(36px,10vw,46px);font-weight:900;line-height:1;color:var(--blue-d);font-family:LXGW WenKai TC,serif}.top-shadow{position:absolute;bottom:8px;width:clamp(84px,23vw,106px);height:16px;border-radius:50%;background:radial-gradient(ellipse,#1f26334d,#1f263300 70%);animation:hero-shadow 4.4s ease-in-out infinite}@keyframes top-turn{0%{transform:rotateX(46deg) rotate(0)}to{transform:rotateX(46deg) rotate(360deg)}}@keyframes top-float{0%,to{transform:translateY(0) rotate(-3.5deg)}50%{transform:translateY(-7px) rotate(3.5deg)}}@keyframes hero-shadow{0%,to{transform:scaleX(1);opacity:.8}50%{transform:scaleX(.85);opacity:.5}}@keyframes hero-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}}.logo{font-size:clamp(30px,9vw,42px);font-weight:900;letter-spacing:.02em;line-height:1.15}.logo .b{color:var(--blue)}.logo .r{color:var(--red);font-family:LXGW WenKai TC,serif}.logo .k{font-family:"Noto Serif TC",serif}.lead{color:var(--muted);font-size:13.5px;margin-top:8px;line-height:1.6}.hero-live{display:inline-flex;align-items:center;gap:7px;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 11px;font-size:12.5px;font-weight:700;color:var(--muted)}.hero-live.on{color:var(--blue-d);border-color:#cfe0ff;background:var(--blue-l)}.hero-live .pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.hero-live.on .pulse{background:var(--blue)}.hero-live .pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1.5px solid currentColor;opacity:.5;animation:ping 2.1s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.6}70%,to{transform:scale(1.6);opacity:0}}.tips{position:relative;margin-top:12px;min-height:3.4em;overflow:hidden;font-size:12.5px;line-height:1.6}.tips span{position:absolute;inset:0;opacity:0;color:var(--muted);animation:tip-cycle 12s ease-in-out infinite}.tips span:first-child{opacity:1}.tips span:nth-child(2){animation-delay:4s}.tips span:nth-child(3){animation-delay:8s}@keyframes tip-cycle{0%{opacity:0;transform:translateY(60%)}4.5%,28.5%{opacity:1;transform:translateY(0)}33.4%,to{opacity:0;transform:translateY(-60%)}}.rise{animation:rise .46s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ico-title{display:flex;align-items:center;gap:9px;min-width:0}.section-ico{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--blue-l);color:var(--blue)}.section-ico svg{width:17px;height:17px}.card.empty{text-align:center;padding:26px 16px;line-height:1.8}.row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 2px 12px}.loading{text-align:center;color:var(--muted);padding:26px 0;font-size:14px}.link{color:var(--blue);font-weight:700;font-size:14px;padding:6px 2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:15px;transition:transform .08s ease,filter .12s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--blue);border-color:var(--blue-d);color:#fff}.btn.danger{color:var(--red);border-color:#f0c9c4}.btn.wide{width:100%}.btn.small{min-height:38px;padding:0 13px;font-size:13.5px;border-radius:10px}.btn:disabled{opacity:.5;pointer-events:none}.btn.google .gdot{background:#fff;color:#4285f4;font-weight:900;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:13px}.btn.wechat{background:#07c160;border-color:#06a852;color:#fff}.btn.wechat .gdot{background:#ffffff38;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:12px;font-weight:900}.btn.primary .gdot,.btn.google .gdot{background:#fff}.btn.google{background:#fff;border-color:#d6dae2}.big-btn{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:15px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 3px #d5dae2;margin-bottom:11px;transition:transform .09s ease}.big-btn:active{transform:translateY(2px);box-shadow:0 1px #d5dae2}.big-btn b{font-size:17px;font-weight:900}.big-btn small{font-size:12px;color:var(--muted)}.big-btn.primary{background:var(--blue);border-color:var(--blue-d);color:#fff;box-shadow:0 3px 0 var(--blue-d)}.big-btn.primary small{color:#ffffffd1}.big-btn:disabled{opacity:.45;pointer-events:none}.big-btn:has(.big-text){flex-direction:row;align-items:center;gap:13px;text-align:left;padding:15px 17px}.big-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.big-text b{font-size:17px;font-weight:900}.big-text small{font-size:12px;color:var(--muted)}.big-btn.primary .big-text small{color:#ffffffd1}.big-icon{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eef3fb;color:var(--blue)}.big-icon svg{width:23px;height:23px}.big-btn.primary .big-icon{background:#ffffff2e;color:#fff}.big-btn.primary:after{content:"";position:absolute;top:0;bottom:0;width:44%;left:-60%;background:linear-gradient(100deg,#fff0,#ffffff38,#fff0);animation:sheen 4.6s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%{left:-60%}42%,to{left:130%}}.actions{display:flex;flex-direction:column;gap:0}.actions .btn{margin-top:8px}.lobby-id .profile-top{margin-bottom:10px}.id-mid{flex:1;min-width:0}.id-mid h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-strip{display:flex;align-items:center;gap:9px;margin-top:11px}.form-label{font-size:11.5px;font-weight:800;color:var(--muted);flex:none;letter-spacing:.04em}.form-dots{display:flex;gap:5px;align-items:center}.form-dots .dot{width:11px;height:11px;border-radius:50%;display:block;animation:dot-in .3s cubic-bezier(.2,1.6,.4,1) both}.form-dots .dot.win{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b38}.form-dots .dot.lose{background:#64748b}.form-dots .dot.draw{background:#cbd5e1}.form-dots .dot:nth-child(1){animation-delay:.02s}.form-dots .dot:nth-child(2){animation-delay:.06s}.form-dots .dot:nth-child(3){animation-delay:.1s}.form-dots .dot:nth-child(4){animation-delay:.14s}.form-dots .dot:nth-child(5){animation-delay:.18s}.form-dots .dot:nth-child(6){animation-delay:.22s}.form-dots .dot:nth-child(7){animation-delay:.26s}.form-dots .dot:nth-child(8){animation-delay:.3s}@keyframes dot-in{0%{transform:scale(0)}}.signin h2{margin-bottom:6px}.signin p{line-height:1.65}.signin-btns{display:flex;flex-direction:column;gap:9px;margin:14px 0 10px}.btn.soon{background:#f3f5f9;border-color:var(--line);color:var(--muted);cursor:not-allowed}.btn.soon:active{transform:none}.btn.soon .gdot{background:#e3e8ef;color:#98a2b1}.soon-badge{margin-left:8px;background:var(--blue-l);color:var(--blue-d);border:1px solid #cfe0ff;border-radius:999px;font-size:11px;font-weight:900;padding:2px 8px;white-space:nowrap}.profile-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile-top h2{font-size:18px}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#e7ebf1;flex:none}.avatar.sm{width:36px;height:36px}.avatar.fallback{display:grid;place-items:center;font-weight:900;color:#fff;background:var(--blue);font-size:20px}.avatar.sm.fallback{font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{flex:1 1 92px;min-width:92px;background:#f4f7fb;border:1px solid var(--line);border-radius:12px;padding:9px 10px;display:flex;flex-direction:column;gap:2px}.chip b{font-size:17px;font-variant-numeric:tabular-nums}.chip span{font-size:11.5px;color:var(--muted)}.chip.up b{color:var(--red)}.chip.down b{color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.deck-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.deck-cell{display:flex;flex-direction:column;align-items:center;gap:5px;background:#f6f8fb;border-radius:12px;padding:9px 4px}.deck-label{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glyph-canvas{width:100%;height:auto;max-width:100%;object-fit:contain}.deck-cell .glyph-canvas{max-width:78px}.stat-dots{display:flex;align-items:flex-end;gap:4px;height:26px}.stat-dots i{width:6px;border-radius:3px;background:var(--blue);display:block}.deck-cell{appearance:none;border:1.5px solid transparent;font:inherit;color:inherit;width:100%;cursor:pointer;transition:border-color .15s,background .15s}.deck-cell.empty{border:1.5px dashed var(--line);background:#fbfcfe;color:var(--muted)}.deck-cell.empty:hover,.deck-cell.empty:focus-visible{border-color:var(--blue);background:#f3f8ff;color:var(--blue)}.deck-plus{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#eef2f8;font-size:24px;font-weight:600;line-height:1}.deck-cell.empty .deck-label{color:inherit}.mini-deck{display:flex;gap:5px;margin:5px 0}.mini-glyph{width:34px;height:34px;background:#f4f7fb;border-radius:8px;display:grid;place-items:center;overflow:hidden}.mini-glyph .glyph-canvas{max-width:30px;max-height:30px}.deck-empty{width:34px;height:34px;border-radius:8px;border:1px dashed var(--line);display:grid;place-items:center;font-size:10px;color:var(--muted)}.opp-list{display:flex;flex-direction:column;gap:10px}.opp{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.opp-mid{flex:1;min-width:0}.opp-name{font-weight:700;font-size:15px;display:flex;align-items:baseline;gap:4px}.seg2{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c9d0da;border-radius:999px;overflow:hidden;background:#f6f8fa}.seg2 button{padding:10px 6px;font-size:14px;font-weight:600;border-left:1px solid #c9d0da}.seg2 button:first-child{border-left:0}.seg2 button.on{background:var(--blue-l);color:var(--blue);font-weight:800}.rank-tabs{margin-bottom:12px}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px 12px}.rank-row.mine{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}.rank-no{width:26px;text-align:center;font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums}.rank-no.top1{color:#d9a300}.rank-no.top2{color:#8d99a8}.rank-no.top3{color:#c07a3a}.rank-mid{flex:1;min-width:0}.rank-name{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:6px}.you{background:var(--blue);color:#fff;font-size:10px;border-radius:999px;padding:1px 6px;font-weight:700}.rank-val{font-weight:900;font-size:16px;font-variant-numeric:tabular-nums}.rank-val.up{color:var(--red)}.rank-val.down{color:var(--green)}.recent{display:flex;flex-direction:column;gap:7px}.recent-row{display:flex;align-items:center;gap:9px;font-size:13.5px}.tag{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:900;color:#fff;flex:none}.tag.win{background:linear-gradient(135deg,#f59e0b,#d97706)}.tag.lose{background:#64748b}.tag.draw{background:#94a3b8}.recent-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-score{font-weight:800;font-variant-numeric:tabular-nums}.howto{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.8;margin-top:6px}.howto summary{cursor:pointer;font-weight:800}.howto ul{padding-left:18px;margin-top:8px;color:#3b4350}.sheet{position:fixed;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .24s cubic-bezier(.22,.9,.3,1);padding-top:var(--safe-t)}.sheet.in{transform:translateY(0)}.sheet-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:2}.sheet-head h2{flex:1;font-size:17px}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(24px + var(--safe-b))}.sheet-body>*{max-width:600px;margin-left:auto;margin-right:auto}.deck-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.deck-tab{display:flex;align-items:center;gap:7px;padding:9px;border-radius:13px;background:#fff;border:1px solid var(--line)}.deck-tab.on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue) inset}.deck-tab.filled{background:#fbfdff}.deck-tab-no{font-weight:900;font-size:12px;color:var(--muted)}.deck-tab.on .deck-tab-no{color:var(--blue)}.deck-tab .glyph-canvas{max-width:30px}.deck-tab-empty{font-size:11px;color:var(--muted);margin-left:auto}.kind-seg{margin-bottom:14px}.glyph-row{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:14px;align-items:start}.pad-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:14px;background:#fff;border:2px solid #bcd1f5;overflow:hidden;touch-action:none}.pad{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.pad-ph{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;font-size:clamp(34px,11vw,52px);color:#1f263314;pointer-events:none}.pad-stats{display:flex;flex-direction:column;gap:13px;padding-top:4px}.stats{display:flex;flex-direction:column;gap:13px;width:100%}.stat{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted)}.stat .track{height:9px;background:#dde3ea;border-radius:999px;overflow:hidden}.stat .fill{height:100%;border-radius:999px;background:var(--blue);transition:width .25s ease}.seg4{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c9d0da;border-radius:11px;overflow:hidden;background:#f6f8fa}.seg3{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c9d0da;border-radius:11px;overflow:hidden;background:#f6f8fa}.seg4 button,.seg3 button{padding:11px 4px;font-size:13.5px;font-weight:600;border-left:1px solid #c9d0da}.seg4 button:first-child,.seg3 button:first-child{border-left:0}.seg4 button.on,.seg3 button.on{background:var(--blue-l);color:var(--blue);font-weight:800}.brush-seg,.font-seg,.level-seg{margin:14px 0}.pad-tools{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.char-row{display:grid;grid-template-columns:1fr 82px;gap:8px;margin-bottom:12px}.char-row:has(>:only-child){grid-template-columns:1fr}.char-input{font:inherit;font-size:17px;padding:11px 13px;border:1px solid #c9d0da;border-radius:11px;min-width:0;background:#fff;color:var(--ink)}.font-preview{display:grid;place-items:center;background:#fff;border:2px solid #f2c3bd;border-radius:14px;aspect-ratio:1;overflow:hidden;padding:6px}.font-preview .glyph-canvas{max-width:100%;max-height:100%}.foe-row{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start;margin:14px 0}.foe-preview{background:#fff;border:2px solid #f2c3bd;border-radius:13px;aspect-ratio:1;display:grid;place-items:center;padding:5px}.foe-preview .glyph-canvas{max-width:100%}.foe-controls .char-row{margin-bottom:8px}.foe-controls .seg4{margin:0}.foe-label{font-size:11.5px;font-weight:800;color:var(--red);margin-bottom:6px}.toast{position:fixed;left:50%;bottom:calc(var(--tab-h) + var(--safe-b) + 16px);z-index:90;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:#141820f0;color:#fff;font-size:13.5px;padding:11px 18px;border-radius:999px;max-width:calc(100vw - 32px);text-align:center;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%)}.toast.warn{background:#b8322a}.battle-screen{position:fixed;inset:0;z-index:70;background:#c9ccd1}.arena{position:absolute;inset:0;overflow:hidden}.arena-stage{position:absolute;inset:0}.arena-stage canvas{display:block;touch-action:none;width:100%;height:100%}.arena-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#3b4350;font-size:14px;font-weight:600}.arena-loading span{width:26px;height:26px;border:3px solid rgba(31,38,51,.2);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.arena-hud{position:absolute;top:calc(var(--safe-t) + 10px);left:50%;transform:translate(-50%);width:min(620px,94vw);background:#fffffff2;border-radius:14px;padding:8px 13px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;box-shadow:0 4px 18px #0000001a;z-index:5}.hud-side{display:flex;align-items:center;gap:8px;min-width:0}.hud-side.p2{justify-content:flex-end}.hud-who{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:78px}.hud-side.p1 .hud-who{color:var(--blue)}.hud-side.p2 .hud-who{color:var(--red)}.hud-glyph{width:32px;height:32px;object-fit:contain;flex:none}.bar{flex:1;height:8px;border-radius:999px;background:#e3e7ec;overflow:hidden;position:relative;min-width:36px}.bar i{position:absolute;top:0;bottom:0;width:100%;border-radius:999px;display:block}.hud-side.p1 .bar i{left:0;background:var(--blue)}.hud-side.p2 .bar i{right:0;background:var(--red)}.hud-mid{display:flex;flex-direction:column;align-items:center;font-size:12.5px;color:var(--muted);font-weight:700;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}.hud-mid time{display:block;font-size:15px;color:var(--ink);font-weight:800;margin-top:1px}.hud-mid time[hidden]{display:none}.spin-btn{position:absolute;z-index:6;left:50%;bottom:max(72px,11dvh);transform:translate(-50%);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;padding:0;background:#d7dce1;border:1px solid #abb4be;color:#46515e;box-shadow:0 3px #a4aeb8;touch-action:manipulation}.spin-btn:active{transform:translate(-50%,1px);box-shadow:0 2px #a4aeb8}.spin-btn svg{position:absolute;inset:8px;width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.spin-btn.is-clockwise svg{transform:scaleX(-1)}.spin-btn span{font-weight:800;font-size:18px;line-height:1;pointer-events:none}.spin-btn.top{top:calc(var(--safe-t) + 112px);bottom:auto}.spin-btn[hidden]{display:none}.replay-skip{position:absolute;z-index:6;right:14px;top:calc(var(--safe-t) + 64px);background:#1f2633b8;color:#fff;border:0;border-radius:999px;font-size:12.5px;font-weight:700;padding:7px 14px;touch-action:manipulation}.replay-skip:active{transform:translateY(1px)}.replay-skip[hidden]{display:none}.round-intro{position:absolute;z-index:7;top:27%;left:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);color:#17202a;font-weight:900;font-size:clamp(34px,9vw,76px);line-height:1.1;letter-spacing:-.03em;white-space:nowrap;text-shadow:0 2px 0 #fff,0 0 16px rgba(255,255,255,.72)}.round-intro.is-visible{animation:round-intro 1.25s cubic-bezier(.16,.8,.25,1) both}@keyframes round-intro{0%{opacity:0;transform:translate(-50%,-45%) scale(.82)}14%,58%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-55%) scale(1.08)}}.tip{position:absolute;left:50%;bottom:calc(var(--safe-b) + 18px);transform:translate(-50%);background:#1f2633d6;color:#fff;font-size:13.5px;padding:9px 16px;border-radius:999px;z-index:6;max-width:calc(100vw - 130px);text-align:center;line-height:1.45;pointer-events:none;transition:opacity .4s}.tip[hidden]{display:none}.tip.fade{opacity:0}.tip b{color:#9cc2ff}@media (hover:none){.tip .kb{display:none}}.tip.top{bottom:auto;top:calc(var(--safe-t) + 64px);transform:translate(-50%) rotate(180deg)}.tip.top[hidden]{display:none}.tip.top b{color:#ffb3ab}.arena.duo .spin-btn.top{transform:translate(-50%) rotate(180deg)}.arena.duo .spin-btn.top:active{transform:translate(-50%,1px) rotate(180deg)}.hud-ready{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.02em;color:#1d7a3d;background:#dcf3e4;border-radius:6px;padding:3px 6px}.hud-ready[hidden]{display:none}.streak-tag{position:absolute;right:12px;top:calc(var(--safe-t) + 76px);z-index:5;background:#fff;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:800;color:var(--blue);box-shadow:0 2px 8px #0000001a}.streak-tag:empty{display:none}.callout{position:absolute;left:0;right:0;top:36%;text-align:center;font-size:clamp(32px,8vw,60px);font-weight:900;color:var(--ink);pointer-events:none;opacity:0;z-index:6;text-shadow:0 2px 0 #fff,0 0 18px rgba(255,255,255,.9)}.callout.show{animation:co 1s ease both}@keyframes co{0%{opacity:0;transform:scale(.6)}18%{opacity:1;transform:scale(1.06)}75%{opacity:1;transform:scale(1)}to{opacity:0}}.result{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8vh 16px calc(3.5vh + var(--safe-b));pointer-events:none}.result[hidden]{display:none}.win-line{display:flex;align-items:center;gap:10px;font-size:clamp(38px,10vw,72px);font-weight:900;color:var(--blue);animation:co2 .5s cubic-bezier(.2,1.5,.4,1) both;text-shadow:0 3px 0 #fff}.win-line.red{color:var(--red)}.win-line.draw{color:var(--ink)}.win-line img{height:1.15em;width:1.15em;object-fit:contain}@keyframes co2{0%{transform:scale(.4);opacity:0}}.result p{background:#ffffffeb;border-radius:999px;padding:6px 16px;font-size:14.5px;margin-top:8px;max-width:calc(100vw - 32px);text-align:center}.result p:empty{display:none}.result-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,400px);pointer-events:auto;margin-top:auto}.result-btns>.rbtn:nth-child(3):last-child{grid-column:1 / -1}.rbtn{min-width:0;width:100%;min-height:46px;padding:0 12px;border-radius:12px;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:transform .08s ease,box-shadow .08s ease}.rbtn:active{transform:translateY(1.5px)}.rbtn.primary{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--blue-d),0 4px 12px #2a6fdb3d}.rbtn.ghost{background:#fffffff5;color:var(--ink);border:1px solid #c9d0da;box-shadow:0 2px #d5dae2}.report{position:fixed;inset:0;z-index:65;background:var(--bg);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .24s cubic-bezier(.22,.9,.3,1);padding-top:var(--safe-t)}.report.in{transform:translateY(0)}.report-head{padding:12px 14px;background:#fff;border-bottom:1px solid var(--line)}.report-head h2{font-size:16px;margin-bottom:10px}.report-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.report-score .side{display:flex;align-items:center;gap:8px;min-width:0}.report-score .side.right{justify-content:flex-end}.report-score .name{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-score .score{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}.verdict{text-align:center;font-weight:900;font-size:20px;margin-top:12px;min-height:26px}.verdict.win{color:#d97706}.verdict.lose{color:#64748b}.verdict.draw{color:var(--muted)}.report-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 14px calc(24px + var(--safe-b))}.rounds{display:flex;flex-direction:column;gap:12px;max-width:600px;margin:0 auto}.round-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.round-card.won-a{border-color:#bcd1f5;background:#fbfdff}.round-card.won-b{border-color:#f2c3bd;background:#fffbfa}.round-no{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:9px}.round-fight{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.round-side{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.round-side .glyph-canvas{max-width:56px}.round-label{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-vs{font-weight:900;color:var(--muted);font-size:12px}.bar.left i,.bar.right i{transition:width .18s linear}.round-card .bar{height:10px;width:100%;background:#e6eaef}.round-ticker{margin-top:9px;font-size:12.5px;color:var(--muted);min-height:1.3em;font-weight:600}.round-ticker.flash{color:var(--ink)}.round-ticker.flash.crit{color:#d9782a}.round-ticker.done{color:var(--ink);font-weight:800}.round-card.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.report-foot{max-width:600px;margin:14px auto 0;display:flex;flex-direction:column;gap:12px}.skip{align-self:center;margin-top:6px}.lock{display:grid;place-items:center;height:100%;text-align:center;padding:32px;gap:10px}.lock h1{font-size:22px}.lock p{color:var(--muted)}@media (min-width:760px){.stat-grid{grid-template-columns:repeat(6,1fr)}.actions{flex-direction:row;gap:12px}.actions .btn{flex:1}.actions .big-btn{flex:1;margin-bottom:0}.signin-btns{flex-direction:row}.signin-btns .btn{flex:1}.view{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.tips span{animation:none!important}.tips span:first-child{opacity:1}}.challenge-card h3{margin-bottom:6px}.challenge-card p{line-height:1.6}.challenge-card .btn{margin:12px 0 8px}.btn.big{min-height:54px;font-size:16.5px;font-weight:900}.list-note{margin:0 2px 8px}.pick-foe{margin-bottom:14px}.pick-foe .deck-row{margin-top:10px}.pick-foe .deck-cell.assigned{border-color:var(--blue);background:#eef5ff;box-shadow:0 0 0 2px #2a6fdb29}.pick-mine .deck-cell.assigned{border-color:var(--green);background:#eefaf2;box-shadow:0 0 0 2px #1f9d5529}.assigned-note{margin-top:7px;color:var(--blue-d);font-weight:800}.warn-note{margin-top:7px;color:var(--red-d);font-weight:800}.lock-note{text-align:center;margin-top:10px}.pick-title{font-size:16px;margin:2px 0 4px}.pick-mine{margin:12px 0}.deck-row.inert .deck-cell{cursor:default}.deck-row.inert .deck-cell.empty{border-color:transparent;background:transparent}.deck-cell.on{border-color:var(--blue);background:#f0f7ff;box-shadow:0 0 0 3px #2b6feb24}.avatar.lg{width:76px;height:76px;font-size:28px}.profile-top .push{margin-left:auto}.hidden-file{display:none}.actions.row{flex-direction:row;flex-wrap:wrap;gap:8px}.actions.row .btn{margin-top:0}.slot-tools{display:flex;justify-content:flex-end;margin-top:10px}.link.danger{color:var(--red)}.duo-player-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}.duo-player-seg button{padding:10px 12px;font-weight:800;font-size:13.5px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;transition:all .18s ease}.duo-player-seg button.p1.on{border-color:var(--blue);background:var(--blue-l);color:var(--blue);box-shadow:0 0 12px #2a6fdb38}.duo-player-seg button.p2.on{border-color:var(--red);background:var(--red-l);color:var(--red);box-shadow:0 0 12px #d9473a38}@keyframes screen-shake{0%,to{transform:translate(0)}18%{transform:translate(-7px,5px) rotate(-.6deg)}36%{transform:translate(7px,-5px) rotate(.6deg)}54%{transform:translate(-5px,3px)}72%{transform:translate(5px,-2px)}90%{transform:translate(-2px,1px)}}.arena.shake{animation:screen-shake .36s cubic-bezier(.36,.07,.19,.97) both}.arena-hud{background:#121826e0!important;backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.14);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff26}.arena-hud .hud-who{font-size:13px;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.6)}.arena-hud .hud-side.p1 .hud-who{color:#58a6ff!important}.arena-hud .hud-side.p2 .hud-who{color:#ff7b72!important}.arena-hud .hud-mid span{color:#8b9bb4}.arena-hud .hud-mid time{color:#f0f6fc}.arena-hud .bar{height:14px;background:#060a12!important;border:1.5px solid rgba(255,255,255,.28)!important;box-shadow:inset 0 2px 5px #000000d9,0 0 8px #00000080!important;position:relative;overflow:hidden;border-radius:999px}.arena-hud .bar i:not(.ghost){position:absolute;top:0;bottom:0;border-radius:999px;display:block;z-index:2!important;transition:width .08s linear}.arena-hud .hud-side.p1 .bar i:not(.ghost){left:0;background:linear-gradient(90deg,#00f0ff,#2563eb)!important;box-shadow:0 0 12px #00f0ffbf,inset 0 1px #ffffff80!important}.arena-hud .hud-side.p2 .bar i:not(.ghost){right:0;background:linear-gradient(90deg,#f36,#ff5722)!important;box-shadow:0 0 12px #ff3366bf,inset 0 1px #ffffff80!important}.arena-hud .bar i.ghost,.arena-hud .hud-side.p1 .bar i.ghost,.arena-hud .hud-side.p2 .bar i.ghost{position:absolute;top:0;bottom:0;border-radius:999px;display:block;background:#f59e0b!important;box-shadow:0 0 10px #f59e0ba6!important;opacity:.75;z-index:1!important;transition:width .55s cubic-bezier(.2,.8,.2,1) .15s}.arena-hud .hud-side.p1 .bar i.ghost{left:0}.arena-hud .hud-side.p2 .bar i.ghost{right:0}.hud-hp-num{font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 3px rgba(0,0,0,.9);min-width:28px;flex:none}.hud-hp-num.p1{color:#38bdf8;text-align:left}.hud-hp-num.p2{color:#fb7185;text-align:right}@media (min-width: 768px){.arena-hud{width:min(740px,92vw)!important;padding:10px 18px!important;gap:16px!important;border-radius:16px!important;border:1.5px solid rgba(255,255,255,.25)!important}.arena-hud .bar{height:16px!important;border:2px solid rgba(255,255,255,.35)!important}.arena-hud .hud-who{font-size:14.5px!important;max-width:120px!important}.hud-hp-num{font-size:15px!important;min-width:34px!important}}.callout{font-size:clamp(36px,10vw,54px)!important;font-weight:900!important;letter-spacing:.04em;text-shadow:0 0 20px rgba(255,210,63,.8),0 4px 12px rgba(0,0,0,.8)!important;animation:callout-pop .8s cubic-bezier(.17,.89,.32,1.25) both!important}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%,75%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}to{opacity:0;transform:translate(-50%,-55%) scale(1.2)}}.btn.primary{background:linear-gradient(180deg,#3b82f6,#2563eb);box-shadow:0 4px #1d4ed8,0 8px 16px #2563eb47;border:1px solid rgba(255,255,255,.15);font-weight:800;letter-spacing:.02em}.btn.primary:active{transform:translateY(3px);box-shadow:0 1px #1d4ed8}.big-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:1.5px solid #1e40af!important;color:#fff!important;box-shadow:0 4px #1e3a8a,0 8px 24px #2563eb66!important}.big-btn.primary .big-text b{color:#fff!important}.big-btn.primary .big-text small{color:#ffffffe6!important}.big-btn.primary .big-icon{background:#ffffff3d!important;color:#fff!important;box-shadow:inset 0 1px 1px #ffffff4d}.big-btn.primary:active{transform:translateY(3px)!important;box-shadow:0 1px #1e3a8a!important}.app-footer-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px 8px;margin:12px 0 8px;box-sizing:border-box;box-shadow:0 2px 10px #00000008}.footer-inline-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}.footer-side-item{display:flex;align-items:center;gap:6px;min-width:0}.footer-side-right{justify-content:flex-end;flex-shrink:0}.footer-side-label{font-size:11.5px;font-weight:800;color:var(--ink);background:var(--line-l, rgba(0, 0, 0, .04));padding:2.5px 6.5px;border-radius:6px;white-space:nowrap;letter-spacing:.02em}.footer-side-val{font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-link{color:var(--blue);font-weight:700;text-decoration:none}.team-link:hover{text-decoration:underline;color:var(--blue-d)}.footer-org{color:var(--muted);font-size:11px}.btn-footer-feedback{font-family:inherit;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:800;color:#fff;background:var(--blue);border:1px solid var(--blue-d);border-radius:8px;box-shadow:0 2px 0 var(--blue-d);cursor:pointer;white-space:nowrap;transition:transform .08s ease,box-shadow .08s ease}.btn-footer-feedback:active{transform:translateY(1.5px);box-shadow:0 .5px 0 var(--blue-d)}.footer-social-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding-top:6px;border-top:1px solid var(--line)}.footer-social-link{display:inline-flex;align-items:center;gap:4.5px;font-size:11.5px;font-weight:700;color:var(--ink);text-decoration:none;padding:3px 8px;border-radius:6px;background:var(--line-l, rgba(0, 0, 0, .03));border:1px solid var(--line);transition:all .15s ease}.footer-social-link:hover{background:#f0f4fa;color:var(--blue);border-color:#bcd1f5;transform:translateY(-1px)}.footer-social-link.threads:hover{color:#000;border-color:#000}.footer-social-link.facebook:hover{color:#1877f2;border-color:#1877f2}.footer-social-icon{display:inline-flex;align-items:center;justify-content:center}.footer-copyright{margin-top:5px;text-align:center;font-size:10.5px;color:var(--muted)}.rematch-invite-banner{background:linear-gradient(135deg,#f59e0b38,#ef44442e);border:1.5px solid #f59e0b;border-radius:12px;padding:8px 14px;margin:8px 0 12px;font-size:13px;color:#fff;text-align:center;box-shadow:0 4px 16px #f59e0b59;animation:rematch-banner-pulse 1.6s ease-in-out infinite}@keyframes rematch-banner-pulse{0%,to{box-shadow:0 0 10px #f59e0b66;transform:scale(1)}50%{box-shadow:0 0 20px #f59e0bbf;transform:scale(1.02)}}.rbtn.pulse-gold{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;box-shadow:0 0 16px #f59e0b99!important;animation:rematch-banner-pulse 1.4s ease-in-out infinite}.feedback-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0b0d12a6;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box}.feedback-modal-backdrop.is-open{opacity:1;visibility:visible}.feedback-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px 20px;box-shadow:0 16px 40px #00000047;box-sizing:border-box;transform:translateY(12px) scale(.97);transition:transform .22s cubic-bezier(.16,1,.3,1)}.feedback-modal-backdrop.is-open .feedback-card{transform:translateY(0) scale(1)}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#ffffff1a;color:var(--muted);font-size:15px;font-weight:700;display:grid;place-items:center;cursor:pointer}.modal-close-btn:hover{color:var(--ink)}.modal-title{margin:0 0 16px;font-size:18px;font-weight:800;color:var(--ink)}.feedback-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:700;color:var(--ink)}.form-input,.form-textarea{font-family:inherit;font-size:14px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:#1f2633;outline:none;box-sizing:border-box}.form-input:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb24}.form-textarea{resize:vertical;min-height:85px;line-height:1.5}.form-status{font-size:13px;font-weight:700;padding:8px 12px;border-radius:8px;text-align:center}.form-status.pending{background:#f1f5f9;color:var(--muted)}.form-status.success{background:#ecfdf5;color:#10b981;border:1px solid #a7f3d0}.form-status.error{background:#fef2f2;color:var(--red);border:1px solid #fecaca}.topbar-actions{display:flex;align-items:center;gap:8px}.lang-btn{height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:#ffffff1f;color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.lang-btn:hover{background:#ffffff38;border-color:#fff6}.lang-btn:active{transform:scale(.95)}.trace-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 6px;padding:6px 10px;border-radius:12px;background:#2a6fdb14;border:1px solid rgba(42,111,219,.18)}.trace-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--muted);background:var(--card);border:1px solid var(--line);cursor:pointer;transition:all .15s ease}.trace-toggle-btn.on{color:#fff;background:var(--blue);border-color:var(--blue-d);box-shadow:0 0 10px #2563eb59}.trace-next-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;color:var(--blue-d);background:#fff;border:1px solid rgba(42,111,219,.3);cursor:pointer;transition:all .15s ease}.trace-next-btn:active{transform:scale(.96)}.trace-badge{font-size:11.5px;font-weight:700;color:var(--muted);margin-left:auto}.demo-btn.on{color:#fff;background:#e0863b;border-color:#c96f28;box-shadow:0 0 10px #e0863b66}.trace-speed-seg{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;background:var(--card);border:1px solid var(--line)}.trace-speed-label{font-size:11px;font-weight:700;color:var(--muted);margin-right:2px}.trace-speed-btn{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.trace-speed-btn.on{color:#fff;background:var(--blue);border-color:var(--blue-d)}.daily-card{background:linear-gradient(135deg,#2a6fdb1a,#d9473a14),var(--card);border:1.5px solid rgba(42,111,219,.28);border-radius:16px;padding:16px;margin-bottom:12px;position:relative;overflow:hidden}.daily-card:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(42,111,219,.25),transparent 70%);pointer-events:none;border-radius:50%}.daily-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.daily-tag{font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--blue-l);color:var(--blue);letter-spacing:.02em}.daily-tag.done{background:#ecfdf5;color:#10b981;border:1px solid #a7f3d0}.daily-content{display:flex;align-items:center;gap:14px;margin-bottom:12px}.daily-boss-box{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;flex:none;background:#fff;border:2px solid var(--line);box-shadow:0 4px 12px #00000014}.daily-info{flex:1;min-width:0}.daily-info h4{font-size:16px;font-weight:900;color:var(--ink);margin-bottom:2px}.daily-info p{font-size:12.5px;color:var(--muted);line-height:1.45}.daily-action{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-streak{font-size:12px;font-weight:800;color:var(--muted)}.daily-streak b{color:#f59e0b}.share-modal{position:fixed;inset:0;z-index:90;background:#0b0d12bf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.share-modal.is-open{opacity:1;visibility:visible}.share-card-container{background:var(--card);border-radius:16px;padding:20px;max-width:440px;width:100%;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;box-shadow:0 16px 44px #00000059;box-sizing:border-box;position:relative}.share-card-img{width:100%;max-width:360px;border-radius:12px;box-shadow:0 8px 24px #00000040;border:1px solid var(--line);margin:12px 0 16px}.share-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.share-btns .btn{width:100%;margin:0;font-size:13px;padding:9px 10px}.report-share-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:4px 0}.btn-whatsapp{background:#25d366!important;border-color:#128c7e!important;color:#fff!important;box-shadow:0 3px #075e54!important;font-weight:800!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn-whatsapp:active{transform:translateY(2px)!important;box-shadow:0 1px #075e54!important}.btn-wechat{background:#07c160!important;border-color:#06ae56!important;color:#fff!important;box-shadow:0 3px #059348!important;font-weight:800!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.btn-wechat:active{transform:translateY(2px)!important;box-shadow:0 1px #059348!important}.codex-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px;margin-top:12px}.codex-cell{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease}.codex-cell:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 4px 12px #2a6fdb26}.codex-cell span{font-size:11px;font-weight:800;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-words-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}.word-chips-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.word-chip{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:8px;background:#fff;border:1.5px solid var(--line);font-size:15px;font-weight:800;color:var(--ink);box-shadow:0 1px 3px #0000000a}.word-chip.more{background:var(--bg);color:var(--muted);font-size:12px}.custom-words-input{width:100%;border-radius:12px;border:1.5px solid var(--line);padding:12px;font-size:16px;line-height:1.5;color:var(--ink);background:#fff;resize:vertical;box-sizing:border-box;margin-top:8px;font-family:inherit}.custom-words-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2a6fdb26}.custom-words-bar{display:flex;justify-content:space-between;align-items:center;margin:8px 0 6px}.preset-btn-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.friend-room-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}.room-actions{display:flex;gap:10px;margin-top:12px}.room-actions .btn{flex:1}.room-code-banner{background:linear-gradient(135deg,#2a6fdb14,#f59e0b14);border:1.5px dashed var(--blue);border-radius:14px;padding:16px;text-align:center;margin-bottom:16px}.room-code-label{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.room-code-val{font-size:32px;font-weight:900;letter-spacing:.18em;color:var(--blue);margin:6px 0 10px;font-family:monospace}.room-vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:20px}.room-user-card{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.room-user-card.empty{border-style:dashed;background:#00000003}.room-user-tag{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--blue-l);color:var(--blue)}.room-user-name{font-size:14px;font-weight:800;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-vs-divider{font-size:18px;font-weight:900;color:#f59e0b;font-style:italic}.slot-picker-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 16px}.slot-picker-card{background:#fff;border:2px solid var(--line);border-radius:12px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.slot-picker-card:hover{border-color:var(--blue);transform:translateY(-2px)}.slot-picker-card.selected{border-color:var(--blue);background:var(--blue-l);box-shadow:0 0 0 2px var(--blue)}.slot-picker-card .slot-name{font-size:14px;font-weight:900;color:var(--ink)}.room-code-input{width:100%;font-size:26px;font-weight:900;letter-spacing:.25em;text-align:center;text-transform:uppercase;font-family:monospace;border-radius:12px;border:2px solid var(--line);padding:10px;margin:10px 0 16px;box-sizing:border-box}.room-code-input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2a6fdb26}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.status-dot.online{background:#10b981;box-shadow:0 0 6px #10b981b3}.status-dot.offline{background:#9ca3af}.friend-tab-bar{display:flex;background:#0000000a;border-radius:10px;padding:3px;margin-bottom:12px;gap:4px}.friend-tab-btn{flex:1;border:none;background:transparent;padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:800;color:var(--muted);cursor:pointer;transition:all .15s ease}.friend-tab-btn.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000014}.add-friend-bar{display:flex;gap:8px;margin-bottom:12px}.add-friend-input{flex:1;border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;outline:none;background:#fff}.add-friend-input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #2a6fdb1f}.friend-requests{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:8px 10px;border-radius:12px;background:#e0863b14;border:1px solid rgba(224,134,59,.22)}.friend-req-title{font-size:12px;font-weight:800;color:var(--muted);margin-top:2px}.friend-req-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 9px}.friend-req-name{font-size:13px;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-req-btns{display:flex;gap:6px;margin-left:auto}.friend-list{display:flex;flex-direction:column;gap:8px}.friend-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:border-color .15s ease}.friend-card:hover{border-color:#2a6fdb4d}.friend-avatar-wrap{position:relative;flex-shrink:0}.friend-avatar-wrap .online-badge{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:#9ca3af}.friend-avatar-wrap .online-badge.online{background:#10b981;box-shadow:0 0 4px #10b981}.friend-mid{flex:1;min-width:0}.friend-name-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.friend-name{font-size:13.5px;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-id{font-size:11px;font-weight:600;color:var(--muted)}.friend-stats{font-size:11px;color:var(--muted)}.friend-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.btn-invite-duel{background:linear-gradient(135deg,#2a6fdb,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 6px #2a6fdb4d;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.btn-invite-duel:hover{transform:scale(1.03);box-shadow:0 3px 10px #2a6fdb73}.btn-invite-duel:disabled{opacity:.5;transform:none;cursor:not-allowed}.invite-banner-backdrop{position:fixed;inset:0;background:#0009;z-index:9999;display:grid;place-items:center;padding:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease}.invite-banner-card{background:#fff;border-radius:20px;padding:22px 20px;max-width:340px;width:100%;box-shadow:0 12px 36px #00000040;text-align:center;box-sizing:border-box;border:2px solid var(--blue)}.invite-banner-ico{font-size:38px;margin-bottom:8px}.invite-banner-title{font-size:17px;font-weight:900;color:var(--ink);margin:0 0 6px}.invite-banner-msg{font-size:13px;color:var(--muted);margin:0 0 16px;line-height:1.4}.invite-banner-btns{display:flex;gap:10px}.invite-banner-btns .btn{flex:1}.room-pick-overlay{position:absolute;inset:0;z-index:40;background:#0f172abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding:16px;box-sizing:border-box;animation:fadeIn .25s ease}.room-pick-box{background:#fffffff5;border-radius:20px;width:100%;max-width:440px;padding:18px 16px;box-sizing:border-box;box-shadow:0 10px 40px #00000059;border:1.5px solid rgba(255,255,255,.8)}.pick-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pick-timer-badge{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;border-radius:12px;padding:6px 12px;display:flex;align-items:center;gap:4px;font-weight:900;font-size:16px;letter-spacing:-.02em;box-shadow:0 3px 10px #ef444459;flex-shrink:0}.pick-title-wrap{flex:1;min-width:0}.pick-title{font-size:15px;font-weight:900;color:var(--ink);margin:0 0 2px}.pick-sub{font-size:11px;color:var(--muted);margin:0}.pick-opponent-status{background:#2a6fdb14;border-radius:8px;padding:6px 10px;font-size:11.5px;font-weight:700;color:var(--blue);margin-bottom:12px;display:flex;align-items:center;gap:6px}.pick-opponent-status.ready{background:#10b9811a;color:#059669}.dot-pulse{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.pick-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.pick-slot-card{background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .15s ease;text-align:center}.pick-slot-card:hover{border-color:var(--blue);transform:translateY(-2px)}.pick-slot-card.selected{border-color:var(--blue);background:var(--blue-l);box-shadow:0 0 0 2px var(--blue)}.pick-slot-label{font-size:15px;font-weight:900;color:var(--ink)}.pick-slot-stats{display:flex;gap:4px;font-size:9.5px;font-weight:700;color:var(--muted)}.pick-actions{display:flex;gap:10px}.pick-actions .btn{flex:1}.room-aim-overlay{position:absolute;left:0;right:0;bottom:0;z-index:38;display:flex;justify-content:center;padding:14px 16px calc(16px + env(safe-area-inset-bottom));box-sizing:border-box;pointer-events:none;animation:fadeIn .25s ease}.room-aim-box{pointer-events:auto;background:#fffffff2;border-radius:18px;width:100%;max-width:420px;padding:14px;box-sizing:border-box;box-shadow:0 10px 34px #00000052;border:1.5px solid rgba(255,255,255,.8);display:flex;flex-direction:column;align-items:center;gap:10px}.aim-timer-badge{background:linear-gradient(135deg,#2a6fdb,#38bdf8);color:#fff;border-radius:12px;padding:6px 14px;display:flex;align-items:center;gap:5px;font-weight:900;font-size:17px;letter-spacing:-.02em;box-shadow:0 3px 12px #2a6fdb66}.aim-hint{font-size:12px;font-weight:700;color:var(--muted);margin:0;text-align:center;line-height:1.4}.aim-launch-btn{width:100%;font-size:17px;font-weight:900;padding:12px}.aim-launch-btn:disabled{opacity:.6;cursor:default}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.room-sync-overlay{position:absolute;inset:0;z-index:42;pointer-events:none;display:grid;place-items:center;background:#0f172a73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.room-sync-count{font-size:96px;font-weight:900;font-style:italic;color:#ffd23f;text-shadow:0 4px 24px rgba(0,0,0,.7),0 0 46px rgba(255,210,63,.85)}.sync-countdown-overlay{position:absolute;inset:0;z-index:35;pointer-events:none;display:grid;place-items:center}.sync-countdown-num{font-size:72px;font-weight:900;font-style:italic;color:#ffd23f;text-shadow:0 4px 20px rgba(0,0,0,.6),0 0 40px rgba(255,210,63,.8);animation:zoomOutBounce .45s ease forwards}@keyframes zoomOutBounce{0%{transform:scale(2.2);opacity:0}60%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}.ns-loader{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#0b0f19e0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.ns-loader.on{opacity:1;visibility:visible}.ns-loader-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 30px 20px;background:#161e2ed1;border:1.5px solid rgba(56,189,248,.3);border-radius:24px;box-shadow:0 16px 40px #00000080,0 0 25px #38bdf826;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.ns-top-svg-wrap{width:120px;height:135px;display:grid;place-items:center}.ns-top-svg{width:100%;height:100%;overflow:visible}.ns-svg-shadow{transform-origin:90px 182px;animation:nsShadowPulse 1.4s ease-in-out infinite}@keyframes nsShadowPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:.9}}.ns-svg-ground-ring{transform-origin:90px 182px;animation:nsGroundRing 1.4s linear infinite}@keyframes nsGroundRing{0%{transform:scale(.85);stroke-dashoffset:0;opacity:.3}50%{transform:scale(1.1);stroke-dashoffset:-20;opacity:.8}to{transform:scale(.85);stroke-dashoffset:-40;opacity:.3}}.ns-gyro-assembly{transform-origin:90px 174px;animation:nsGyroPrecession 1.4s ease-in-out infinite}@keyframes nsGyroPrecession{0%,to{transform:rotate(-5.5deg) translateY(0)}50%{transform:rotate(5.5deg) translateY(-2px)}}.ns-rotor-spin{transform-origin:90px 85px;animation:nsRotorSpin .58s linear infinite}@keyframes nsRotorSpin{to{transform:rotate(360deg)}}.ns-svg-orbit{transform-origin:90px 85px;animation:nsOrbitRing 2.4s linear infinite}@keyframes nsOrbitRing{to{stroke-dashoffset:56}}.ns-svg-orbit-inner{transform-origin:90px 85px;animation:nsOrbitRingRev 1.8s linear infinite}@keyframes nsOrbitRingRev{to{stroke-dashoffset:-36}}.ns-loader-text{margin-top:14px;font-size:13.5px;font-weight:900;letter-spacing:.16em;color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.6);text-transform:uppercase}@media (prefers-reduced-motion:reduce){.ns-gyro-assembly,.ns-rotor-spin,.ns-svg-orbit,.ns-svg-orbit-inner,.ns-svg-shadow,.ns-svg-ground-ring{animation:none}}@media (max-width: 760px){.glyph-row{display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;width:100%!important}.pad-wrap,.font-preview{width:82%!important;max-width:82%!important;margin:0 auto!important;aspect-ratio:1!important}.pad-stats{width:82%!important;max-width:82%!important;margin:0 auto!important;padding-top:0!important}.pad-stats .stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important}.pad-stats .stat{text-align:center}}.arena-flash{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .06s ease}.arena-flash.flash-crit{background:radial-gradient(circle at center,rgba(255,235,120,.5) 0%,rgba(255,120,40,.3) 65%,transparent 100%);opacity:1}.arena-flash.flash-ko{background:radial-gradient(circle at center,rgba(255,255,255,.7) 0%,rgba(255,50,70,.4) 75%,transparent 100%);opacity:1}@keyframes screen-shake-heavy{0%,to{transform:translate(0)}15%{transform:translate(-10px,8px) rotate(-1.2deg)}30%{transform:translate(10px,-8px) rotate(1.2deg)}45%{transform:translate(-8px,-4px)}60%{transform:translate(8px,4px)}75%{transform:translate(-4px,2px)}}.arena.heavy-shake{animation:screen-shake-heavy .42s cubic-bezier(.36,.07,.19,.97) both}.bar{position:relative;overflow:hidden}.bar .ghost{position:absolute;top:0;bottom:0;border-radius:999px;background:#ffc33c8c;transition:width .65s cubic-bezier(.2,.8,.2,1) .18s;pointer-events:none}.hud-side.p1 .bar .ghost{left:0}.hud-side.p2 .bar .ghost{right:0}.hud-side.low-hp .bar i:not(.ghost){animation:pulse-danger .6s infinite alternate}@keyframes pulse-danger{0%{filter:brightness(1)}to{filter:brightness(1.7) drop-shadow(0 0 6px #ff3366)}}.lottery-card{padding:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-align:center;margin-top:10px}.lottery-arena{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:12px 0 16px}.lottery-fighter{display:flex;flex-direction:column;align-items:center;gap:8px}.lottery-name{font-size:14px;font-weight:800;color:var(--ink);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lottery-glyph-box{width:90px;height:90px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff0a;border:2px solid var(--line);transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.lottery-glyph-box.p1{border-color:#2a6fdb;box-shadow:0 0 16px #2a6fdb47}.lottery-glyph-box.p2.rolling{border-color:#f59e0b;box-shadow:0 0 18px #f59e0b59;animation:lottery-shake .12s infinite alternate}.lottery-glyph-box.p2.landed{border-color:#d9473a;box-shadow:0 0 22px #d9473a73;transform:scale(1.06)}@keyframes lottery-shake{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.lottery-vs{display:flex;flex-direction:column;align-items:center;gap:4px}.lottery-vs-text{font-size:24px;font-weight:900;font-style:italic;letter-spacing:.05em;background:linear-gradient(180deg,#ffd23f,#ff7a2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,122,46,.6))}.lottery-sparks{font-size:16px;animation:pulse-vs .4s infinite alternate}@keyframes pulse-vs{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.3);opacity:1}}.lottery-status-banner{background:#2563eb14;border:1px solid rgba(37,99,235,.25);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;color:var(--ink);line-height:1.45;transition:all .3s ease}.lottery-status-banner.ready{background:#10b9811f;border-color:#10b98166}.tier-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;line-height:1.3}.tier-badge.tier-1{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35)}.tier-badge.tier-2{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.28)}.tier-badge.tier-3{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.28)}.tier-badge.tier-4{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.25)}.tier-badge.tier-5{background:#6b72801a;color:#6b7280;border:1px dashed rgba(107,114,128,.3)}.admin-card{border:1.5px solid #f59e0b!important;background:#f59e0b0a!important}.admin-nav-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.admin-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 16px}.admin-stat-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.admin-stat-box b{display:block;font-size:20px;font-weight:900;color:var(--ink);margin-top:4px}.admin-clean-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 3px #b91c1c!important}.admin-user-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line);gap:12px}.admin-user-item:last-child{border-bottom:none}.admin-user-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.admin-user-meta{min-width:0}.admin-user-meta h4{margin:0;font-size:14px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-match-table{width:100%;border-collapse:collapse;font-size:12.5px}.admin-match-table th,.admin-match-table td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--line)}.daily-picker-boss{background:linear-gradient(135deg,#ef44441f,#ef44440a);border:1.5px solid rgba(239,68,68,.35);border-radius:14px;padding:14px;margin-bottom:16px;position:relative}.daily-picker-boss .boss-badge{position:absolute;top:10px;right:12px;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.daily-picker-boss .boss-visual{display:flex;align-items:center;gap:14px}.daily-picker-boss .boss-details h4{margin:0 0 4px;font-size:16px;font-weight:900;color:var(--ink)}.picker-heading{margin:14px 0 10px;font-size:14px;font-weight:800;color:var(--ink)}.daily-picker-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.daily-picker-card{display:flex;align-items:center;gap:14px;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;transition:all .18s ease}.daily-picker-card:hover{border-color:var(--blue)}.daily-picker-card.selected{border-color:var(--blue);background:#2563eb0f;box-shadow:0 0 14px #2563eb38}.daily-picker-card .card-avatar{flex:none}.daily-picker-card .card-info{flex:1;min-width:0}.daily-picker-card .card-label{font-size:16px;font-weight:900;color:var(--ink);margin-bottom:6px}.world-feed-bar{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;border-radius:14px;padding:9px 12px;margin-bottom:12px;border:1px solid rgba(56,189,248,.28);box-shadow:0 4px 14px #0f172a24}.world-feed-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#94a3b8;margin-bottom:5px}.world-online-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:ping-dot 1.8s ease-in-out infinite}@keyframes ping-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}.world-online-txt{flex:1;color:#cbd5e1}.world-feed-next{font-size:11px;font-weight:700;color:#38bdf8;padding:1px 6px;border-radius:6px;background:#38bdf81f}.world-feed-item{display:flex;align-items:center;justify-content:space-between;gap:8px;animation:feed-slide-in .28s cubic-bezier(.2,.8,.3,1) both}@keyframes feed-slide-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.world-feed-msg{font-size:12.5px;line-height:1.4;color:#e2e8f0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-tag{display:inline-block;font-size:10px;font-weight:900;padding:1.5px 6px;border-radius:5px;margin-right:6px;vertical-align:middle}.feed-tag.ko{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.feed-tag.draw{background:#475569;color:#fff}.feed-winner{color:#fbbf24}.feed-loser{color:#93c5fd}.feed-challenge-btn{flex:none;font-size:11px;font-weight:800;color:#0f172a;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:4px 9px;border-radius:999px;box-shadow:0 2px 6px #f59e0b59;white-space:nowrap}.feed-challenge-btn:active{transform:translateY(1px)}.feed-time{flex:none;font-size:11px;color:#94a3b8}.name-tier-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tier-rank-pill{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:900;padding:2px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}.tier-rank-pill.rank-t1{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.tier-rank-pill.rank-t2{background:#dcfce7;color:#15803d;border:1px solid #86efac}.tier-rank-pill.rank-t3{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.tier-rank-pill.rank-t4{background:#f3e8ff;color:#7e22ce;border:1px solid #d8b4fe}.tier-rank-pill.rank-t5{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #f59e0b;box-shadow:0 1px 6px #f59e0b38}.tier-rank-pill.rank-t6{background:linear-gradient(135deg,#fee2e2,#fef3c7);color:#b91c1c;border:1px solid #ef4444;box-shadow:0 1px 8px #ef444447}.tier-progress-box{background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:8px 10px;margin-bottom:10px}.tier-progress-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px}.tier-score-txt{font-weight:800;color:var(--ink)}.tier-progress-track{height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden}.tier-progress-fill{height:100%;border-radius:999px;background:var(--blue);transition:width .35s ease}.tier-progress-fill.rank-t4{background:#9333ea}.tier-progress-fill.rank-t5{background:linear-gradient(90deg,#f59e0b,#d97706)}.tier-progress-fill.rank-t6{background:linear-gradient(90deg,#ef4444,#f59e0b)}.lobby-recent-wrap{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line)}.lobby-recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.match-type-badge{flex:none;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap}.match-type-badge.atk{background:#eff6ff;color:#1d4ed8}.match-type-badge.def{background:#fef3c7;color:#b45309}.match-type-badge.friend{background:#f3e8ff;color:#7e22ce}.recent-row{padding:5px 7px;border-radius:9px;background:#f8fafc;border:1px solid transparent}.recent-row.def-lost{background:#fffbeb;border-color:#fde68a}.recent-foe-name{font-weight:700}.btn-revenge{flex:none;font-size:11px;font-weight:800;padding:4px 9px;border-radius:8px;background:#fff;color:var(--blue);border:1px solid #bfdbfe;white-space:nowrap}.btn-revenge.urgent{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#b91c1c;box-shadow:0 2px 6px #ef444440}.btn-revenge:active{transform:translateY(1px)}.target-challenge-banner{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1.5px solid #f59e0b;color:#92400e;font-size:13px;font-weight:800;padding:9px 12px;border-radius:12px;margin-bottom:10px}.rank-right-col{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.btn-rank-challenge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:7px;background:var(--blue-l);color:var(--blue-d);border:1px solid #bfdbfe}.emote-bar{position:absolute;z-index:6;right:12px;bottom:max(74px,11dvh);display:flex;flex-direction:column;gap:7px;background:#ffffffe0;backdrop-filter:blur(8px);padding:6px;border-radius:999px;border:1px solid rgba(31,38,51,.14);box-shadow:0 4px 14px #0000001f}.emote-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:18px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000014;transition:transform .1s ease,background .12s ease;touch-action:manipulation}.emote-btn:hover{background:#f0f7ff;transform:scale(1.08)}.emote-btn:active{transform:scale(.92)}.hud-side{position:relative}.hud-emote-bubble{position:absolute;top:calc(100% + 10px);z-index:12;background:#1e293b;color:#fff;font-size:13px;font-weight:800;padding:6px 12px;border-radius:12px;white-space:nowrap;box-shadow:0 6px 18px #0000003d;pointer-events:none}.hud-emote-bubble.p1{left:4px;border:1.5px solid #60a5fa}.hud-emote-bubble.p2{right:4px;border:1.5px solid #f87171}.hud-emote-bubble[hidden]{display:none!important}.hud-emote-bubble.pop{animation:emote-pop .26s cubic-bezier(.2,1.5,.4,1) both}@keyframes emote-pop{0%{opacity:0;transform:translateY(-6px) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}