@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;width:100%;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--grad-page);color:var(--c-text);-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8fa0c852;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8fa0c880}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.glass{background:var(--c-bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--c-border-soft);border-radius:var(--r-md)}.btn{font-family:var(--font-sans);font-size:var(--fs-14);letter-spacing:.05em;border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--t-fast) var(--ease-spring), filter var(--t-fast);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:10px 20px;font-weight:800;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--grad-button);color:#2a1f10;box-shadow:var(--sh-2), inset 0 1px 0 #fff6}.btn-primary:not(:disabled):hover{background:var(--grad-button-hover);filter:brightness(1.08)}.btn-secondary{background:var(--grad-button-secondary);color:var(--c-text);border:1px solid var(--c-border)}.btn-secondary:not(:disabled):hover{background:#6e83b573}.btn-ghost{color:var(--c-text-mute);border:1px solid var(--c-border-soft);background:0 0}.text-mute{color:var(--c-text-mute)}.text-dim{color:var(--c-text-dim)}.text-red{color:var(--c-red-400)}.text-green{color:var(--c-green-400)}.text-blue{color:var(--c-blue-200)}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.lobby-root{background:var(--grad-page);overscroll-behavior:contain;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%;height:100dvh;min-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}@supports not (height:100dvh){.lobby-root{height:100vh}}.lobby-hud{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border-soft);z-index:20;background:linear-gradient(#0f1a2ef2 0%,#1a2440c7 100%);flex-shrink:0;height:56px;display:flex;position:relative}.lobby-hud:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-500) 50%, transparent 100%);opacity:.5;height:1px;position:absolute;bottom:-1px;left:0;right:0}.lobby-hud-brand{align-items:center;gap:var(--sp-2);display:flex}.lobby-hud-icon{background:linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);border:1px solid var(--c-gold-300);border-radius:var(--r-sm);width:32px;height:32px;color:var(--c-blue-900);justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #e8d3a84d}.lobby-hud-titles{flex-direction:column;display:flex}.lobby-hud-title{font-size:var(--fs-15);color:var(--c-text);letter-spacing:2px;background:var(--grad-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.1}.lobby-hud-sub{color:var(--c-text-mute);letter-spacing:1px;font-size:10px}.lobby-hud-spacer{flex:1}.lobby-hud-resources{align-items:center;gap:var(--sp-2);margin-right:var(--sp-3);display:flex}.lobby-resource{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);font-size:var(--fs-12);color:var(--c-text);cursor:pointer;background:#2e3d6b4d;align-items:center;gap:4px;padding:5px 10px;font-weight:600;transition:all .2s;display:flex}.lobby-resource:hover{border-color:var(--c-gold-500);background:#2e3d6b80}.lobby-resource-icon{justify-content:center;align-items:center;display:flex}.lobby-resource-num{font-family:var(--font-mono);color:var(--c-gold-200);font-weight:700}.lobby-resource-add{color:var(--c-green-400);margin-left:2px;font-size:12px;font-weight:800}.lobby-resource--vip{background:var(--grad-button);border-color:var(--c-gold-300);color:var(--c-blue-900);text-shadow:0 1px #ffffff4d;box-shadow:0 2px 8px #e3c38a4d}.lobby-resource--vip:hover{background:var(--grad-button-hover)}.lobby-hud-actions{align-items:center;gap:4px;display:flex}.lobby-hud-icon-btn{border:1px solid var(--c-border-soft);border-radius:var(--r-sm);cursor:pointer;width:32px;height:32px;color:var(--c-text-mute);background:#2e3d6b4d;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.lobby-hud-icon-btn:hover{color:var(--c-gold-200);border-color:var(--c-gold-600);background:#2e3d6b80}.lobby-hud-badge{border:1.5px solid var(--c-bg-deep);border-radius:var(--r-pill);min-width:16px;height:16px;color:var(--c-white);background:linear-gradient(#e55a4e 0%,#a93226 100%);justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.lobby-main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;min-height:0;padding:8px var(--sp-4);touch-action:pan-y;flex-direction:column;flex:1 1 0;gap:6px;display:flex;overflow:hidden auto}.lobby-main::-webkit-scrollbar{width:6px}.lobby-main::-webkit-scrollbar-track{background:0 0}.lobby-main::-webkit-scrollbar-thumb{background:#6e83b54d;border-radius:3px}.lobby-flow{flex-direction:column;gap:6px;width:100%;max-width:1600px;margin:0 auto;display:flex}.lobby-player-bar{align-items:center;gap:var(--sp-3);padding:4px var(--sp-3);background:var(--grad-card);border:1px solid var(--c-gold-500);border-radius:var(--r-md);box-shadow:var(--c-shadow);flex-shrink:0;height:48px;display:none}.lobby-player-bar-left{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.lobby-player-bar-avatar{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.lobby-player-bar-ring{border:2px solid var(--c-gold-400);border-radius:50%;animation:2.4s ease-in-out infinite lobby-ring;position:absolute;inset:-4px}.lobby-rank-gold .lobby-player-bar-ring{border-color:var(--c-gold-400);box-shadow:0 0 8px #e8d3a880}.lobby-rank-silver .lobby-player-bar-ring{border-color:var(--c-blue-200)}.lobby-rank-bronze .lobby-player-bar-ring{border-color:var(--c-red-500)}@keyframes lobby-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}.lobby-player-bar-info{flex-direction:column;gap:4px;min-width:220px;display:flex}.lobby-player-bar-name{font-size:var(--fs-14);color:var(--c-text);align-items:center;gap:6px;font-weight:700;display:flex}.lobby-player-bar-rank-tag{border-radius:var(--r-sm);align-items:center;gap:2px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.lobby-rank-tag--gold{color:var(--c-gold-200);border:1px solid var(--c-gold-500);background:#e8d3a826}.lobby-rank-tag--silver{color:var(--c-blue-100);border:1px solid var(--c-blue-300);background:#8fa0c826}.lobby-rank-tag--bronze{color:var(--c-red-400);border:1px solid var(--c-red-500);background:#e85a4e26}.lobby-player-bar-exp{align-items:center;gap:6px;display:flex}.lobby-player-bar-exp-bar{border-radius:var(--r-pill);background:#0f1a2e99;flex:1;max-width:160px;height:4px;overflow:hidden}.lobby-player-bar-exp-fill{background:var(--grad-gold);border-radius:var(--r-pill);height:100%}.lobby-player-bar-exp-text{color:var(--c-text-mute);font-size:10px;font-family:var(--font-mono)}.lobby-player-bar-stats{align-items:center;gap:var(--sp-3);border-left:1px solid var(--c-border-soft);border-right:1px solid var(--c-border-soft);padding:0 var(--sp-3);flex:1;justify-content:center;display:flex}.lobby-player-bar-stat{cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;transition:all .2s;display:flex}.lobby-player-bar-stat:hover{background:#2e3d6b66}.lobby-player-bar-stat-num{font-size:var(--fs-16);color:var(--c-gold-200);font-weight:800;font-family:var(--font-mono);line-height:1}.lobby-player-bar-stat-label{color:var(--c-text-mute);font-size:10px}.lobby-player-bar-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.lobby-bar-btn{border:1px solid var(--c-gold-600);border-radius:var(--r-sm);color:var(--c-gold-200);cursor:pointer;background:#e8d3a81a;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.lobby-bar-btn:hover{border-color:var(--c-gold-300);background:#e8d3a833}.lobby-banner{border-radius:var(--r-md);border:1px solid var(--c-gold-500);width:100%;height:86px;box-shadow:var(--c-shadow);flex-shrink:0;position:relative;overflow:hidden}.lobby-banner-slide{opacity:0;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);pointer-events:none;transition:opacity .6s;display:flex;position:absolute;inset:0}.lobby-banner-slide.is-active{opacity:1;pointer-events:auto}.lobby-banner-rays{pointer-events:none;background:conic-gradient(#0000 0deg,#e8d3a81a 30deg,#0000 60deg,#e8d3a81a 120deg,#0000 150deg,#e8d3a81a 210deg,#0000 240deg,#e8d3a81a 300deg,#0000 360deg);animation:20s linear infinite lobby-banner-rays;position:absolute;inset:-20px}@keyframes lobby-banner-rays{to{transform:rotate(360deg)}}.lobby-banner-tag{color:var(--c-red-400);border:1px solid var(--c-red-500);border-radius:var(--r-pill);z-index:2;background:#e85a4e2e;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.lobby-banner-icon{z-index:1;filter:drop-shadow(0 4px 12px #e8d3a866);background:radial-gradient(circle,#e8d3a826 0%,#0000 70%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.lobby-banner-text{z-index:1;flex-direction:column;flex:1;gap:4px;display:flex;position:relative}.lobby-banner-title{font-size:var(--fs-20);color:var(--c-text);text-shadow:0 2px 8px #0006;font-weight:800}.lobby-banner-sub{font-size:var(--fs-13);color:var(--c-gold-100)}.lobby-banner-cta{background:var(--grad-button);border:1px solid var(--c-gold-300);border-radius:var(--r-pill);font-size:var(--fs-12);color:var(--c-blue-900);cursor:pointer;text-shadow:0 1px #ffffff4d;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:5px 14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #e3c38a4d}.lobby-banner-cta:hover{background:var(--grad-button-hover)}.lobby-banner-dots{z-index:3;gap:5px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.lobby-banner-dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:all .2s}.lobby-banner-dot.is-active{background:var(--c-gold-300);border-radius:3px;width:20px}.lobby-section{flex-direction:column;gap:6px;min-height:0;display:flex}.lobby-section--form{flex:1}.lobby-section-head{justify-content:space-between;align-items:center;min-height:18px;padding:0 2px;display:flex}.lobby-section-title{font-size:var(--fs-14);color:var(--c-text);padding-left:var(--sp-2);align-items:center;gap:6px;font-weight:700;display:flex;position:relative}.lobby-section-title:before{content:"";background:var(--grad-gold);border-radius:var(--r-pill);width:3px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.lobby-section-sub{color:var(--c-text-mute);font-size:11px}.lobby-section-more{color:var(--c-text-mute);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:2px;padding:4px 8px;font-size:11px;transition:all .2s;display:flex}.lobby-section-more:hover{color:var(--c-gold-200);background:#2e3d6b4d}.lobby-modes{gap:var(--sp-2);grid-template-columns:repeat(6,1fr);display:grid}.lobby-mode{background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-sm);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:2px;min-height:60px;padding:3px;transition:all .2s;display:flex;position:relative}.lobby-mode:hover{border-color:var(--c-gold-500);background:linear-gradient(#e8d3a814 0%,#2e3d6b80 100%);transform:translateY(-1px)}.lobby-mode.is-active{border-color:var(--c-gold-300);box-shadow:0 0 0 1px var(--c-gold-300), 0 4px 12px #e3c38a33;background:linear-gradient(#e8d3a826 0%,#2e3d6b99 100%)}.lobby-mode-hot{color:var(--c-red-400);border-radius:var(--r-sm);background:linear-gradient(#e55a4e 0%,#a93226 100%);padding:1px 4px;font-size:8px;font-weight:800;position:absolute;top:4px;right:4px}.lobby-mode-icon{background:var(--grad-gold-soft);border:1px solid var(--c-gold-600);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lobby-mode-label{color:var(--c-text);font-size:12px;font-weight:700;line-height:1.1}.lobby-mode-sub{color:var(--c-text-mute);font-size:10px;line-height:1.1}.lobby-mode-check{background:var(--grad-button);border:1px solid var(--c-gold-300);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:4px}.lobby-rooms-grid{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.lobby-room-card{background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-sm);flex-direction:column;gap:2px;min-height:76px;padding:5px 7px;transition:all .2s;display:flex;position:relative}.lobby-room-card:hover{border-color:var(--c-gold-500);background:linear-gradient(#e8d3a80f 0%,#2e3d6b80 100%);transform:translateY(-1px)}.lobby-room-card.is-spectate{opacity:.7}.lobby-room-card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.lobby-room-card-code{font-family:var(--font-mono);font-size:var(--fs-13);color:var(--c-gold-200);letter-spacing:1px;font-weight:800}.lobby-room-card-status{border-radius:var(--r-sm);padding:1px 5px;font-size:9px;font-weight:700}.lobby-room-card-status.waiting{color:var(--c-green-400);background:#5bae7a26;border:1px solid #5bae7a66}.lobby-room-card-status.playing{color:var(--c-red-400);background:#e85a4e26;border:1px solid #e85a4e66}.lobby-room-card-mode{font-size:var(--fs-14);color:var(--c-text);font-weight:700}.lobby-room-card-host{color:var(--c-text-mute);align-items:center;gap:4px;font-size:11px;display:flex}.lobby-room-card-rank{border-radius:var(--r-sm);margin-left:2px;padding:1px 4px;font-size:9px;font-weight:700}.lobby-room-card-rank.gold{color:var(--c-gold-200);background:#e8d3a826}.lobby-room-card-rank.silver{color:var(--c-blue-100);background:#8fa0c826}.lobby-room-card-rank.bronze{color:var(--c-red-400);background:#e85a4e26}.lobby-room-card-foot{border-top:1px dashed var(--c-border-soft);justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.lobby-room-card-seats{align-items:center;gap:2px;display:flex}.lobby-room-card-seat{border:1px solid var(--c-border-soft);background:#2e3d6b80;border-radius:2px;width:7px;height:7px}.lobby-room-card-seat.is-filled{background:var(--c-gold-400);border-color:var(--c-gold-300)}.lobby-room-card-seats-text{color:var(--c-text-mute);font-size:10px;font-family:var(--font-mono);margin-left:4px}.lobby-room-card-stake{font-size:var(--fs-12);color:var(--c-gold-200);font-weight:700;font-family:var(--font-mono)}.lobby-room-card-action{background:var(--grad-button);border:1px solid var(--c-gold-300);width:22px;height:22px;color:var(--c-blue-900);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;font-size:0;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.lobby-room-card:hover .lobby-room-card-action{opacity:1}.lobby-activity{padding:var(--sp-3);border:1px solid var(--c-gold-400);border-radius:var(--r-md);text-align:center;cursor:pointer;background:linear-gradient(135deg,#4a3870 0%,#2e3d6b 50%,#6e5234 100%);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:130px;transition:all .2s;display:flex;position:relative;overflow:hidden}.lobby-activity:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e8d3a84d}.lobby-activity-rays{pointer-events:none;background:conic-gradient(#0000 0deg,#e8d3a81f 30deg,#0000 60deg,#e8d3a81f 120deg,#0000 150deg,#e8d3a81f 210deg,#0000 240deg,#e8d3a81f 300deg,#0000 360deg);animation:14s linear infinite lobby-banner-rays;position:absolute;inset:-10px}.lobby-activity-tag{color:var(--c-gold-200);border:1px solid var(--c-gold-400);border-radius:var(--r-sm);z-index:1;background:#e8d3a826;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:6px;left:6px}.lobby-activity-icon{z-index:1;background:radial-gradient(circle,#e8d3a833 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:2px;display:flex;position:relative}.lobby-activity-title{z-index:1;font-size:var(--fs-14);color:var(--c-text);text-shadow:0 1px 4px #0006;font-weight:800;position:relative}.lobby-activity-sub{z-index:1;color:var(--c-gold-100);font-size:11px;position:relative}.lobby-activity-countdown{z-index:1;font-family:var(--font-mono);color:var(--c-gold-200);align-items:center;gap:2px;margin-top:2px;font-size:11px;font-weight:800;display:flex;position:relative}.lobby-activity-countdown span{border:1px solid var(--c-gold-500);background:#0f1a2e99;border-radius:3px;padding:1px 4px}.lobby-activity-cta{z-index:1;background:var(--grad-button);border:1px solid var(--c-gold-300);border-radius:var(--r-pill);color:var(--c-blue-900);cursor:pointer;text-shadow:0 1px #ffffff4d;align-items:center;gap:2px;margin-top:2px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.lobby-row-3{flex-shrink:0;grid-template-columns:2fr 1fr 1fr;align-items:stretch;gap:8px;height:64px;min-height:0;display:grid}.lobby-action-card{background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.lobby-action-card:hover{border-color:var(--c-gold-500);background:linear-gradient(#e8d3a814 0%,#2e3d6b80 100%);transform:translateY(-1px)}.lobby-action-card:active{transform:translateY(0)}.lobby-action-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.lobby-action-card--primary{border:1px solid var(--c-gold-300);box-shadow:0 0 0 1px var(--c-gold-300), 0 4px 12px #e3c38a40;background:linear-gradient(135deg,#6e5234 0%,#4a3870 50%,#2e3d6b 100%);position:relative}.lobby-action-card--primary:before{content:"";pointer-events:none;background:conic-gradient(#0000 0deg,#e8d3a826 30deg,#0000 60deg 240deg,#e8d3a826 300deg,#0000 360deg);animation:20s linear infinite lobby-banner-rays;position:absolute;inset:0}.lobby-action-card--primary:hover{box-shadow:0 0 0 1px var(--c-gold-200), 0 6px 16px #e3c38a66;background:linear-gradient(135deg,#7e6244 0%,#5a4880 50%,#3e4d7b 100%);transform:translateY(-1px)}.lobby-action-card-icon{border:1px solid var(--c-gold-600);background:#0f1a2e66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lobby-action-card--primary .lobby-action-card-icon{background:var(--grad-gold-soft);width:48px;height:48px}.lobby-action-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lobby-action-card-title{color:var(--c-text);font-size:15px;font-weight:800;line-height:1.1}.lobby-action-card--primary .lobby-action-card-title{color:var(--c-gold-100);letter-spacing:1px;font-size:18px}.lobby-action-card-sub{color:var(--c-text-mute);font-size:11px;line-height:1.1}.lobby-action-card--primary .lobby-action-card-sub{color:#e8d3a8b3;font-size:11px}.lobby-modal-mask{-webkit-backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s lobby-fade-in;display:flex;position:fixed;inset:0}@keyframes lobby-fade-in{0%{opacity:0}to{opacity:1}}.lobby-modal{border:1px solid var(--c-gold-500);border-radius:var(--r-lg);background:linear-gradient(#1a2440fa 0%,#0f1a2efa 100%);width:100%;max-width:400px;padding:20px;animation:.25s lobby-modal-in;box-shadow:0 20px 60px #00000080,0 0 0 1px #e8d3a833}@keyframes lobby-modal-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.lobby-modal-title{color:var(--c-gold-200);border-bottom:1px solid var(--c-border-soft);text-align:center;letter-spacing:2px;margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:800}.lobby-form{background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-sm);flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 10px;display:flex}.lobby-form-field{flex-direction:column;gap:4px;display:flex}.lobby-form-label{color:var(--c-text-mute);font-size:11px;font-weight:500}.lobby-form-input{border:1px solid var(--c-border-soft);border-radius:var(--r-sm);color:var(--c-text);font-size:var(--fs-13);background:#0f1a2e99;outline:none;padding:7px 10px;font-family:inherit;transition:all .2s}.lobby-form-input:focus{border-color:var(--c-gold-400);background:#0f1a2ecc;box-shadow:0 0 0 2px #e8d3a826}.lobby-form-input::placeholder{color:var(--c-text-dim)}.lobby-form-actions{gap:6px;margin-top:2px;display:flex}.lobby-form-btn{border-radius:var(--r-sm);font-size:var(--fs-12);cursor:pointer;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:4px;padding:7px 10px;font-weight:700;transition:all .2s;display:flex}.lobby-form-btn--primary{background:var(--grad-button);border-color:var(--c-gold-300);color:var(--c-blue-900);text-shadow:0 1px #ffffff4d;box-shadow:0 2px 8px #e3c38a4d}.lobby-form-btn--primary:hover:not(:disabled){background:var(--grad-button-hover)}.lobby-form-btn--ghost{border-color:var(--c-border-soft);color:var(--c-gold-200);background:0 0}.lobby-form-btn--ghost:hover:not(:disabled){border-color:var(--c-gold-500);background:#2e3d6b4d}.lobby-form-err{color:var(--c-red-400);border-radius:var(--r-sm);background:#e85a4e1a;border:1px solid #e85a4e4d;padding:3px 8px;font-size:11px}.lobby-mini-list{background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);flex-direction:column;display:flex;overflow:hidden}.lobby-mini-item{border-bottom:1px solid var(--c-border-soft);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;transition:background .2s;display:flex;position:relative}.lobby-mini-item:last-child{border-bottom:none}.lobby-mini-item:hover{background:#2e3d6b33}.lobby-mini-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lobby-mini-icon--gold{border:1px solid var(--c-gold-600);background:#e8d3a826}.lobby-mini-icon--red{border:1px solid var(--c-red-500);background:#e85a4e26}.lobby-mini-icon--blue{border:1px solid var(--c-blue-300);background:#6e83b526}.lobby-mini-avatar{flex-shrink:0;position:relative}.lobby-mini-status{border:1.5px solid var(--c-blue-800);border-radius:50%;width:7px;height:7px;position:absolute;bottom:0;right:0}.lobby-mini-status--online{background:var(--c-green-500);box-shadow:0 0 3px var(--c-green-400)}.lobby-mini-status--inGame{background:var(--c-gold-400);box-shadow:0 0 3px var(--c-gold-300)}.lobby-mini-text{flex:1;min-width:0}.lobby-mini-title{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.lobby-mini-sub{color:var(--c-text-mute);align-items:center;gap:3px;margin-top:1px;font-size:10px;display:flex}.lobby-mini-state{color:var(--c-gold-300);margin-left:2px;font-weight:600}.lobby-mini-dot{background:var(--c-red-400);width:5px;height:5px;box-shadow:0 0 3px var(--c-red-500);border-radius:50%;flex-shrink:0}.lobby-mini-action{border:1px solid var(--c-gold-600);cursor:pointer;width:22px;height:22px;color:var(--c-gold-200);background:#e8d3a81a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lobby-mini-action:hover{background:var(--grad-gold-soft)}.lobby-mini-badge{color:var(--c-white);border-radius:var(--r-pill);text-align:center;background:linear-gradient(#e55a4e 0%,#a93226 100%);min-width:16px;padding:1px 5px;font-size:9px;font-weight:800}.lobby-tabbar{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--c-gold-600);z-index:20;height:56px;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#0f1a2eeb 0%,#07101efa 100%);flex-shrink:0;align-items:center;display:flex;position:relative}.lobby-tabbar:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);opacity:.5;height:1px;position:absolute;top:-1px;left:0;right:0}.lobby-tab{cursor:pointer;height:100%;color:var(--c-text-mute);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;transition:all .2s;display:flex;position:relative}.lobby-tab:hover{color:var(--c-gold-200);background:#2e3d6b4d}.lobby-tab.is-active{color:var(--c-gold-200)}.lobby-tab.is-active:before{content:"";background:var(--grad-gold);border-radius:0 0 var(--r-pill) var(--r-pill);width:32px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #e8d3a880}.lobby-tab.is-active .lobby-tab-icon{filter:drop-shadow(0 0 4px #e8d3a880)}.lobby-tab-icon{margin-top:8px}.lobby-tab-label{font-size:11px;font-weight:600}.lobby-tab-badge{border-radius:var(--r-pill);min-width:16px;height:16px;color:var(--c-white);background:linear-gradient(#e55a4e 0%,#a93226 100%);justify-content:center;align-items:center;padding:0 4px;font-size:9px;font-weight:800;display:flex;position:absolute;top:6px;right:calc(50% - 24px)}.lobby-side{background:var(--grad-card);border-left:1px solid var(--c-border);z-index:50;flex-direction:column;width:360px;transition:transform .3s ease-out;display:flex;position:fixed;top:56px;bottom:56px;right:0;transform:translate(100%)}.lobby-side.is-open{transform:translate(0);box-shadow:-8px 0 32px #00000080}.lobby-side-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;display:flex}.lobby-side-title{font-size:var(--fs-15);color:var(--c-text);font-weight:700}.lobby-side-close{border:1px solid var(--c-border-soft);border-radius:var(--r-sm);width:28px;height:28px;color:var(--c-text-mute);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;display:flex}.lobby-side-close:hover{color:var(--c-red-400);border-color:var(--c-red-500);background:#e85a4e26}.lobby-side-body{padding:var(--sp-2);flex:1;overflow-y:auto}.lobby-history-item{padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border-soft);border-radius:var(--r-sm);background:#2e3d6b33;justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lobby-history-result{font-size:var(--fs-15);font-weight:800;font-family:var(--font-mono)}.lobby-history-result.win{color:var(--c-green-400)}.lobby-history-result.lose{color:var(--c-red-400)}.lobby-history-meta{color:var(--c-text-mute);font-size:11px}@media (width<=1280px){.lobby-player-bar-info{min-width:180px}.lobby-player-bar-stats{gap:var(--sp-2)}.lobby-modes{grid-template-columns:repeat(3,1fr)}.lobby-rooms-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.lobby-root{height:100vh}.lobby-hud{gap:6px;height:36px;padding:4px 10px}.lobby-hud-brand{min-width:0}.lobby-hud-sub,.lobby-hud-titles{display:none}.lobby-hud-icon{width:24px;height:24px}.lobby-hud-icon-btn{width:28px;height:28px}.lobby-hud-resources{gap:2px;margin-right:4px}.lobby-resource{height:22px;padding:2px 5px;font-size:10px}.lobby-resource-icon{width:12px;height:12px}.lobby-resource-num{font-size:10px}.lobby-resource-add{display:none}.lobby-hud-badge{min-width:12px;height:12px;font-size:8px}.lobby-main{gap:0;padding:6px 8px;overflow:hidden}.lobby-flow{grid-template-rows:56px 56px 88px 92px;grid-template-columns:1fr;gap:4px;height:100%;min-height:0;display:grid}.lobby-row-3{grid-row:2;grid-template-columns:2fr 1fr 1fr;gap:4px;height:56px;max-height:56px}.lobby-row-3 .lobby-action-card{gap:6px;padding:6px 8px}.lobby-row-3 .lobby-action-card-icon{width:32px;height:32px}.lobby-row-3 .lobby-action-card--primary .lobby-action-card-icon{width:36px;height:36px}.lobby-row-3 .lobby-action-card-title{font-size:12px}.lobby-row-3 .lobby-action-card--primary .lobby-action-card-title{font-size:14px}.lobby-row-3 .lobby-action-card-sub{font-size:9px}.lobby-player-bar{display:none}.lobby-section{gap:4px;min-height:0}.lobby-section-head{display:none}.lobby-section--banner{grid-row:1}.lobby-banner{border-radius:var(--r-md);height:56px}.lobby-banner-slide{gap:8px;padding:0 10px}.lobby-banner-rays{inset:-10px}.lobby-banner-tag{padding:1px 5px;font-size:8px;top:4px;right:4px}.lobby-banner-icon{width:32px;height:32px}.lobby-banner-text{gap:2px}.lobby-banner-title{font-size:13px;line-height:1.1}.lobby-banner-sub{font-size:10px;line-height:1.1}.lobby-banner-cta{height:22px;padding:3px 8px;font-size:10px}.lobby-banner-dots{gap:4px;bottom:4px;left:12px}.lobby-banner-dot{width:4px;height:4px}.lobby-banner-dot.is-active{width:14px}.lobby-section--modes{grid-row:3}.lobby-modes{grid-template-columns:repeat(6,1fr);gap:4px;height:100%}.lobby-mode{border-radius:var(--r-sm);gap:1px;min-height:0;padding:4px 2px}.lobby-mode-icon{width:22px;height:22px}.lobby-mode-label{font-size:10px;line-height:1.1}.lobby-mode-sub{font-size:8px;line-height:1.1}.lobby-mode-hot{padding:0 3px;font-size:7px;top:2px;right:2px}.lobby-mode-check{width:14px;height:14px;bottom:2px;right:2px}.lobby-section--rooms{grid-row:4}.lobby-rooms-grid{grid-template-columns:repeat(3,1fr);gap:4px;height:100%}.lobby-room-card{border-radius:var(--r-sm);gap:2px;min-height:0;padding:4px 6px}.lobby-room-card-head{margin-bottom:1px}.lobby-room-card-code{font-size:11px}.lobby-room-card-status{padding:1px 4px;font-size:8px}.lobby-room-card-mode{font-size:10px;line-height:1.1}.lobby-room-card-host{font-size:9px;line-height:1.1}.lobby-room-card-host span:not([class*=rank]){text-overflow:ellipsis;white-space:nowrap;max-width:32px;overflow:hidden}.lobby-room-card-foot{margin-top:1px}.lobby-room-card-seats{gap:1px}.lobby-room-card-seat{width:5px;height:5px}.lobby-room-card-seats-text{font-size:8px}.lobby-room-card-stake{font-size:9px}.lobby-room-card-rank{display:none}.lobby-room-card-action{border-radius:var(--r-sm);padding:3px 0;font-size:10px}.lobby-activity{border-radius:var(--r-sm);min-height:0;padding:6px 4px}.lobby-activity-icon{display:none}.lobby-activity-title{font-size:11px;line-height:1.1}.lobby-activity-sub{font-size:9px;line-height:1.1}.lobby-activity-countdown{margin:2px 0;font-size:10px}.lobby-activity-cta{padding:3px 6px;font-size:10px}.lobby-activity-rays{inset:-10px}.lobby-row-3{grid-row:4;grid-template-columns:1.1fr 1fr 1fr;gap:6px;height:100%}.lobby-section--form{flex-direction:column;display:flex}.lobby-form{flex-direction:column;gap:3px;height:100%;min-height:0;padding:4px 6px;display:flex}.lobby-form-field{flex-direction:column;gap:1px;display:flex}.lobby-form-label{font-size:8px;line-height:1.1}.lobby-form-input{height:22px;padding:3px 6px;font-size:10px}.lobby-form-actions{gap:4px;margin-top:auto;display:flex}.lobby-form-btn{height:26px;padding:4px 8px;font-size:11px}.lobby-form-err{font-size:9px}.lobby-mini-list{gap:2px;overflow:hidden}.lobby-mini-item{gap:5px;padding:3px 5px}.lobby-mini-icon,.lobby-mini-avatar{width:22px;height:22px}.lobby-mini-avatar .avatar-circle{width:22px!important;height:22px!important;font-size:10px!important}.lobby-mini-title{font-size:10px;line-height:1.1}.lobby-mini-sub{font-size:8px;line-height:1.1}.lobby-mini-action{width:22px;height:22px}.lobby-mini-dot{width:5px;height:5px}.lobby-mini-status{width:6px;height:6px;bottom:0;right:0}.lobby-mini-state{padding:0 3px;font-size:8px}.lobby-tabbar{height:40px;padding-bottom:env(safe-area-inset-bottom)}.lobby-tab{padding:3px 0 4px}.lobby-tab-icon{width:18px;height:18px;margin-top:3px}.lobby-tab-label{margin-top:0;font-size:9px}.lobby-tab-badge{min-width:12px;height:12px;font-size:8px;top:0;right:16px}.lobby-mini-label{color:var(--c-text);align-items:center;gap:4px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.lobby-mini-label:before{content:"";background:var(--grad-gold);border-radius:1px;width:2px;height:8px}}@media (width<=600px) and (orientation:portrait){.lobby-root{height:100dvh}.lobby-hud{gap:8px;height:52px;padding:0 12px}.lobby-hud-brand{min-width:0}.lobby-hud-titles{display:none}.lobby-hud-icon{width:28px;height:28px}.lobby-hud-icon-btn{width:32px;height:32px}.lobby-resource{height:28px;padding:2px 8px;font-size:12px}.lobby-resource-icon{width:14px;height:14px}.lobby-resource-num{font-size:12px}.lobby-hud-badge{min-width:16px;height:16px;font-size:10px;top:-2px;right:0}.lobby-player-bar{gap:10px;min-height:60px;padding:8px 12px}.lobby-player-bar .avatar-circle{width:44px;height:44px;font-size:16px}.lobby-player-bar-name{font-size:14px}.lobby-player-bar-rank{font-size:11px}.lobby-player-bar-stats{gap:10px}.lobby-stat-label{font-size:10px}.lobby-stat-value{font-size:14px}.lobby-main{-webkit-overflow-scrolling:touch;padding:12px 14px 16px;display:block;overflow-y:auto}.lobby-flow{flex-direction:column;gap:16px;padding-bottom:8px;display:flex}.lobby-section-title{font-size:15px}.lobby-section-head{margin-bottom:8px}.lobby-section--banner{height:auto}.lobby-banner{border-radius:var(--r-lg);height:120px}.lobby-banner-title{font-size:18px;line-height:1.2}.lobby-banner-sub{margin-top:2px;font-size:12px}.lobby-banner-cta{height:32px;margin-top:8px;padding:6px 14px;font-size:12px}.lobby-section--modes{height:auto}.lobby-modes{grid-template-columns:repeat(3,1fr);gap:8px}.lobby-mode{aspect-ratio:1.2;border-radius:var(--r-md);gap:4px;padding:12px 4px 10px}.lobby-mode-icon{width:36px;height:36px}.lobby-mode-label{font-size:13px;line-height:1.2}.lobby-mode-sub{font-size:10px;line-height:1.1}.lobby-mode-hot{padding:1px 6px;font-size:9px;top:4px;right:4px}.lobby-mode-check{width:18px;height:18px;bottom:4px;right:4px}.lobby-section--rooms{height:auto}.lobby-rooms-grid{grid-template-columns:repeat(2,1fr);gap:8px}.lobby-room-card{aspect-ratio:1.6;gap:6px;padding:10px 10px 8px}.lobby-room-card-code{font-size:14px}.lobby-room-card-mode{font-size:11px}.lobby-room-card-host{font-size:10px}.lobby-room-card-seats{gap:2px}.lobby-room-card-seat{width:6px;height:6px}.lobby-room-card-seats-text{font-size:10px}.lobby-room-card-stake{font-size:11px}.lobby-room-card-status{padding:1px 8px;font-size:10px}.lobby-room-card-action{border-radius:var(--r-sm);margin-top:auto;padding:6px 0;font-size:12px}.lobby-rooms-grid .lobby-vip-card{aspect-ratio:auto;grid-column:span 2;min-height:100px}.lobby-section--form{flex:auto}.lobby-form{gap:8px;min-height:auto;padding:12px 14px}.lobby-form-field{gap:4px}.lobby-form-label{font-size:11px}.lobby-form-input{height:40px;padding:8px 10px;font-size:14px}.lobby-form-btn{height:40px;padding:8px 12px;font-size:14px}.lobby-form-err{font-size:11px}.lobby-activity{gap:6px;min-height:auto;padding:12px 14px}.lobby-activity-title{font-size:14px}.lobby-activity-sub{font-size:11px}.lobby-activity-countdown{margin:4px 0;font-size:12px}.lobby-activity-cta{padding:6px 12px;font-size:12px}.lobby-form.is-primary .lobby-form-btn{height:48px;font-size:16px}.lobby-tabbar{height:56px;padding-bottom:env(safe-area-inset-bottom)}.lobby-tab{padding:4px 0 6px}.lobby-tab-icon{width:22px;height:22px;margin-top:2px}.lobby-tab-label{margin-top:2px;font-size:10px}.lobby-tab-badge{min-width:16px;height:16px;font-size:10px;top:0;right:calc(50% - 28px)}.lobby-row-3{flex-direction:column;gap:10px;height:auto;display:flex}.lobby-action-card{border-radius:var(--r-md);gap:12px;min-height:64px;padding:14px 18px}.lobby-action-card-icon{width:40px;height:40px}.lobby-action-card--primary .lobby-action-card-icon{width:48px;height:48px}.lobby-action-card-title{font-size:16px;line-height:1.2}.lobby-action-card--primary .lobby-action-card-title{font-size:18px}.lobby-action-card-sub{margin-top:2px;font-size:12px;line-height:1.2}.lobby-action-card--primary .lobby-action-card-sub{font-size:12px}.lobby-mini-list{display:none}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.rules-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 30%,#0006,#000000c7);place-items:center;padding:12px;animation:.3s ease-out rules-backdrop-in;display:grid;position:fixed;inset:0}@keyframes rules-backdrop-in{0%{opacity:0}to{opacity:1}}.rules-modal{background:var(--grad-card);border:1.5px solid var(--c-border);border-radius:var(--r-xl);width:min(640px,96vw);max-height:90vh;box-shadow:var(--sh-3), inset 0 1px 0 #e8d3a82e;animation:rules-modal-in .4s var(--ease-spring) both;flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes rules-modal-in{0%{opacity:0;transform:perspective(800px)rotateX(-12deg)scale(.85)}to{opacity:1;transform:perspective(800px)rotateX(0)scale(1)}}.rules-head{border-bottom:1px solid var(--c-border-soft);background:linear-gradient(#6e83b52e 0%,#0000 100%);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.rules-title{color:var(--c-text-gold);letter-spacing:.1em;align-items:center;gap:8px;font-size:18px;font-weight:900;display:inline-flex}.rules-close{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);width:30px;height:30px;color:var(--c-text);cursor:pointer;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.rules-close:hover{color:var(--c-text-gold);border-color:var(--c-border)}.rules-body{color:var(--c-text-mute);flex:1;padding:20px 22px;font-size:14px;line-height:1.7;overflow-y:auto}.rules-body h3{color:var(--c-text-gold);letter-spacing:.08em;align-items:center;gap:6px;margin:14px 0 6px;font-size:14px;font-weight:900;display:inline-flex}.rules-body h3:first-child{margin-top:0}.rules-body p{margin:4px 0}.rules-body strong{color:var(--c-text)}.rules-body ul{margin:6px 0;padding-left:18px}.rules-body li{margin:3px 0}.rules-body code{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);color:var(--c-text-gold);font-family:var(--font-mono);border-radius:3px;padding:1px 6px;font-size:12px;display:inline-block}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.pay-root{z-index:200;padding:var(--sp-4);justify-content:center;align-items:center;animation:.3s ease-out pay-root-in;display:flex;position:fixed;inset:0}@keyframes pay-root-in{0%{opacity:0}to{opacity:1}}.pay-mask{-webkit-backdrop-filter:blur(8px);background:#07101ec7;position:absolute;inset:0}.pay-modal{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);width:min(560px,100%);max-height:92vh;box-shadow:var(--c-shadow-deep), 0 0 60px #e3c38a26;flex-direction:column;animation:.35s cubic-bezier(.16,1,.3,1) pay-modal-in;display:flex;position:relative;overflow:hidden}@keyframes pay-modal-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.pay-hud{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border-soft);background:linear-gradient(#0f1a2ee6 0%,#1a2440a6 100%);display:flex;position:relative}.pay-hud:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-500) 50%, transparent 100%);opacity:.6;height:1px;position:absolute;bottom:-1px;left:0;right:0}.pay-close{border:1px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;width:32px;height:32px;color:var(--c-text-gold);background:#2e3d6b4d;justify-content:center;align-items:center;transition:all .2s;display:flex}.pay-close:hover{border-color:var(--c-red-500);color:var(--c-red-400);background:#e85a4e2e;transform:rotate(90deg)}.pay-title{font-size:var(--fs-16);color:var(--c-text);letter-spacing:.5px;text-align:center;flex:1;font-weight:600}.pay-security{font-size:var(--fs-12);color:var(--c-green-400);border-radius:var(--r-pill);background:#5bae7a1a;border:1px solid #5bae7a4d;align-items:center;gap:4px;padding:4px 10px;display:flex}.pay-product{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--grad-gold-soft);border-bottom:1px solid var(--c-border-soft);display:flex;position:relative}.pay-product-icon{background:linear-gradient(135deg, var(--c-gold-500) 0%, var(--c-gold-700) 100%);border:2px solid var(--c-gold-300);border-radius:var(--r-md);width:56px;height:56px;box-shadow:var(--c-glow-gold), inset 0 1px 0 #fff3;color:var(--c-blue-900);justify-content:center;align-items:center;display:flex}.pay-product-info{flex:1;min-width:0}.pay-product-name{font-size:var(--fs-16);color:var(--c-text);margin-bottom:2px;font-weight:600}.pay-product-sub{font-size:var(--fs-12);color:var(--c-text-mute)}.pay-product-price{color:var(--c-gold-200);align-items:baseline;gap:2px;font-weight:700;display:flex}.pay-product-currency{font-size:var(--fs-14);opacity:.85}.pay-product-value{font-size:var(--fs-28);font-family:var(--font-mono);text-shadow:var(--c-glow-gold)}.pay-body{padding:var(--sp-5);flex:1;overflow-y:auto}.pay-body--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.pay-methods{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.pay-method{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;text-align:left;background:#141c3266;transition:all .2s;display:flex;position:relative}.pay-method:hover{border-color:var(--c-gold-600);background:#2e3d6b80}.pay-method.is-active{border-color:var(--c-gold-400);box-shadow:0 0 0 1px var(--c-gold-400), 0 4px 16px #e3c38a26;background:linear-gradient(90deg,#e8d3a81f 0%,#e8d3a80a 100%)}.pay-method-icon{border-radius:var(--r-sm);background:#0f1a2e99;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pay-method-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pay-method-name{font-size:var(--fs-14);color:var(--c-text);font-weight:600}.pay-method-sub{font-size:var(--fs-12);color:var(--c-text-mute)}.pay-method-badge{font-size:var(--fs-12);color:var(--c-red-400);border-radius:var(--r-pill);margin-left:var(--sp-2);background:#e85a4e26;border:1px solid #e85a4e66;padding:2px 8px;font-weight:600}.pay-method-radio{border:1.5px solid var(--c-border-soft);width:20px;height:20px;color:var(--c-blue-900);background:#0f1a2e80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.pay-method.is-active .pay-method-radio{background:var(--grad-gold);border-color:var(--c-gold-300)}.pay-agree{align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.pay-agree input{opacity:0;pointer-events:none;position:absolute}.pay-agree-box{border:1.5px solid var(--c-border);border-radius:var(--r-sm);width:16px;height:16px;color:var(--c-blue-900);background:#0f1a2e80;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;transition:all .2s;display:flex}.pay-agree input:checked+.pay-agree-box{background:var(--grad-gold);border-color:var(--c-gold-300)}.pay-agree-text{font-size:var(--fs-12);color:var(--c-text-mute);line-height:1.6}.pay-agree-text a{color:var(--c-gold-300);text-decoration:none}.pay-agree-text a:hover{color:var(--c-gold-200);text-decoration:underline}.pay-amount{padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border-soft);border-radius:var(--r-md);margin-bottom:var(--sp-4);font-size:var(--fs-14);color:var(--c-text-mute);background:#0f1a2e66;justify-content:space-between;align-items:center;display:flex}.pay-amount-value{font-size:var(--fs-20);color:var(--c-gold-200);font-weight:700;font-family:var(--font-mono);text-shadow:var(--c-glow-gold)}.pay-cta{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-4) var(--sp-5);background:var(--grad-button);border:1px solid var(--c-gold-300);border-radius:var(--r-md);font-size:var(--fs-16);color:var(--c-blue-900);cursor:pointer;letter-spacing:1px;text-shadow:0 1px #ffffff4d;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #e3c38a4d,inset 0 1px #ffffff40}.pay-cta:hover:not(:disabled){background:var(--grad-button-hover);transform:translateY(-1px);box-shadow:0 8px 24px #e3c38a80,inset 0 1px #ffffff59}.pay-cta:active:not(:disabled){transform:translateY(0)}.pay-cta.is-disabled{color:var(--c-text-dim);border-color:var(--c-border-soft);cursor:not-allowed;box-shadow:none;text-shadow:none;background:linear-gradient(#5a5f6e 0%,#3d4150 100%)}.pay-qr-wrap{padding:var(--sp-4) 0 var(--sp-5);flex-direction:column;align-items:center;display:flex;position:relative}.pay-qr{background:var(--c-white);border-radius:var(--r-md);width:180px;height:180px;margin-bottom:var(--sp-4);justify-content:center;align-items:center;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.pay-qr>svg{color:#0a0a0a}.pay-qr-scanline{background:linear-gradient(90deg, transparent 0%, var(--c-red-500) 50%, transparent 100%);height:2px;box-shadow:0 0 12px var(--c-red-400);pointer-events:none;z-index:2;animation:2.2s ease-in-out infinite pay-qr-scan;position:absolute;left:12px;right:12px}@keyframes pay-qr-scan{0%,to{top:12px}50%{top:calc(100% - 14px)}}.pay-qr-corner{border-color:var(--c-gold-400);pointer-events:none;z-index:3;border-style:solid;width:18px;height:18px;position:absolute}.pay-qr-corner--tl{border-width:2px 0 0 2px;border-radius:4px 0 0;top:4px;left:4px}.pay-qr-corner--tr{border-width:2px 2px 0 0;border-radius:0 4px 0 0;top:4px;right:4px}.pay-qr-corner--bl{border-width:0 0 2px 2px;border-radius:0 0 0 4px;bottom:4px;left:4px}.pay-qr-corner--br{border-width:0 2px 2px 0;border-radius:0 0 4px;bottom:4px;right:4px}.pay-qr-method{align-items:center;gap:var(--sp-2);font-size:var(--fs-14);color:var(--c-text);margin-bottom:var(--sp-2);font-weight:600;display:flex}.pay-qr-tip{font-size:var(--fs-13);color:var(--c-text-mute);margin-bottom:var(--sp-3);text-align:center}.pay-qr-tip b{color:var(--c-gold-200)}.pay-qr-countdown{align-items:center;gap:var(--sp-2);font-size:var(--fs-12);color:var(--c-text-dim);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#0f1a2e80;padding:4px 12px;display:flex}.pay-qr-time{font-family:var(--font-mono);color:var(--c-gold-300);letter-spacing:1px;font-weight:700}.pay-apple{padding:var(--sp-5) 0;align-items:center;gap:var(--sp-4);flex-direction:column;display:flex}.pay-apple-card{align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-8);border:1px solid var(--c-gold-600);border-radius:var(--r-lg);box-shadow:var(--c-glow-gold);color:var(--c-gold-200);background:linear-gradient(135deg,#0a0a0a 0%,#2c2c2c 100%);flex-direction:column;display:flex}.pay-apple-amount{font-size:var(--fs-32);font-weight:800;font-family:var(--font-mono);letter-spacing:2px}.pay-apple-merchant{font-size:var(--fs-14);opacity:.7}.pay-apple-hint{align-items:center;gap:var(--sp-2);font-size:var(--fs-14);color:var(--c-text-mute);padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#0f1a2e80;display:flex}.pay-apple-hint.is-active{color:var(--c-gold-200);border-color:var(--c-gold-400);animation:1.2s ease-in-out infinite pay-pulse}.pay-apple-hint.is-active svg{animation:1s linear infinite pay-spin}@keyframes pay-pulse{0%,to{box-shadow:0 0 #e3c38a66}50%{box-shadow:0 0 0 8px #e3c38a00}}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-balance{padding:var(--sp-3) 0 var(--sp-4);flex-direction:column;align-items:center;display:flex}.pay-balance-card{background:var(--grad-gold-soft);border:1px solid var(--c-gold-600);border-radius:var(--r-lg);width:100%;padding:var(--sp-5);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.pay-balance-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#e8d3a82e 0%,#0000 70%);position:absolute;inset:0}.pay-balance-row{width:100%;font-size:var(--fs-14);color:var(--c-text-mute);justify-content:space-between;align-items:center;display:flex;position:relative}.pay-balance-value{font-family:var(--font-mono);color:var(--c-text);font-weight:600;font-size:var(--fs-15)}.pay-balance-deduct{font-family:var(--font-mono);color:var(--c-red-400);font-weight:700;font-size:var(--fs-15)}.pay-balance-row--total{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px dashed var(--c-border-soft);color:var(--c-text);font-weight:600}.pay-balance-after{font-family:var(--font-mono);color:var(--c-gold-200);font-weight:800;font-size:var(--fs-18);text-shadow:var(--c-glow-gold)}.pay-order{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border-soft);border-radius:var(--r-md);margin-top:var(--sp-4);background:#0f1a2e66;flex-direction:column;display:flex}.pay-order-row{font-size:var(--fs-12);color:var(--c-text-mute);justify-content:space-between;align-items:center;display:flex}.pay-order-value{font-family:var(--font-mono);color:var(--c-text);font-size:var(--fs-13)}.pay-order-value--price{color:var(--c-gold-200);font-weight:700}.pay-actions{gap:var(--sp-3);margin-top:var(--sp-5);display:flex}.pay-btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14);border-radius:var(--r-md);cursor:pointer;letter-spacing:.5px;border:1px solid #0000;flex:1;font-weight:600;transition:all .2s;display:flex}.pay-btn--primary{background:var(--grad-button);border-color:var(--c-gold-300);color:var(--c-blue-900);text-shadow:0 1px #ffffff4d;box-shadow:0 4px 12px #e3c38a40}.pay-btn--primary:hover{background:var(--grad-button-hover);transform:translateY(-1px);box-shadow:0 6px 18px #e3c38a66}.pay-btn--secondary{border-color:var(--c-gold-600);color:var(--c-gold-200);background:#2e3d6b80}.pay-btn--secondary:hover{border-color:var(--c-gold-400);background:#2e3d6bb3}.pay-btn--ghost{border-color:var(--c-border-soft);color:var(--c-text-mute);background:0 0}.pay-btn--ghost:hover{color:var(--c-text);border-color:var(--c-gold-600);background:#2e3d6b4d}.pay-loading{align-items:center;gap:var(--sp-3);padding:var(--sp-6) 0;flex-direction:column;display:flex}.pay-loading-ring{width:96px;height:96px;margin-bottom:var(--sp-2);position:relative}.pay-loading-arc{transform-origin:50%;animation:1.4s linear infinite pay-loading-arc;transform:rotate(-90deg)}@keyframes pay-loading-arc{to{stroke-dashoffset:213px}}.pay-loading-icon{justify-content:center;align-items:center;animation:1.5s linear infinite pay-spin;display:flex;position:absolute;inset:0}.pay-loading-text{font-size:var(--fs-18);color:var(--c-text);margin-top:var(--sp-2);font-weight:600}.pay-loading-sub{font-size:var(--fs-13);color:var(--c-text-mute)}.pay-success{align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.pay-success-emoji{width:96px;height:96px;margin-bottom:var(--sp-2);justify-content:center;align-items:center;display:flex;position:relative}.pay-success-rays{background:conic-gradient(from 0deg, transparent 0deg, var(--c-gold-300) 20deg, transparent 40deg, var(--c-gold-300) 60deg, transparent 80deg, var(--c-gold-300) 100deg, transparent 120deg, var(--c-gold-300) 140deg, transparent 160deg, var(--c-gold-300) 180deg, transparent 200deg, var(--c-gold-300) 220deg, transparent 240deg, var(--c-gold-300) 260deg, transparent 280deg, var(--c-gold-300) 300deg, transparent 320deg, var(--c-gold-300) 340deg, transparent 360deg);filter:blur(8px);opacity:.4;pointer-events:none;border-radius:50%;animation:8s linear infinite pay-spin;position:absolute;inset:-20px}.pay-success-particles{pointer-events:none;position:absolute;inset:0}.pay-particle{width:16px;height:16px;margin:-8px 0 0 -8px;animation:1.6s ease-out infinite pay-particle-out;position:absolute;top:50%;left:50%}.pay-particle--0{--tx:0px;--ty:-60px;animation-delay:0s}.pay-particle--1{--tx:42px;--ty:-42px;animation-delay:.15s}.pay-particle--2{--tx:60px;--ty:0px;animation-delay:.3s}.pay-particle--3{--tx:42px;--ty:42px;animation-delay:.45s}.pay-particle--4{--tx:0px;--ty:60px;animation-delay:.6s}.pay-particle--5{--tx:-42px;--ty:42px;animation-delay:.75s}.pay-particle--6{--tx:-60px;--ty:0px;animation-delay:.9s}.pay-particle--7{--tx:-42px;--ty:-42px;animation-delay:1.05s}@keyframes pay-particle-out{0%{opacity:0;transform:translate(0)scale(.3)}20%{opacity:1}to{transform:translate(var(--tx), var(--ty)) scale(1.2);opacity:0}}.pay-success-amount{color:var(--c-gold-200);text-shadow:var(--c-glow-gold);align-items:baseline;gap:4px;display:flex}.pay-success-currency{font-size:var(--fs-28);font-weight:600}.pay-success-value{font-size:var(--fs-48);font-weight:800;font-family:var(--font-mono);letter-spacing:-1px;animation:.6s cubic-bezier(.16,1,.3,1) pay-amount-in}@keyframes pay-amount-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.pay-success-unit{font-size:var(--fs-20);color:var(--c-text-mute);font-weight:500}.pay-success-title{font-size:var(--fs-20);color:var(--c-green-400);margin-top:var(--sp-2);font-weight:700}.pay-success-sub{font-size:var(--fs-13);color:var(--c-text-mute);font-family:var(--font-mono)}.pay-success-list{gap:var(--sp-2);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-top:var(--sp-2);background:#0f1a2e66;border:1px solid #5bae7a40;flex-direction:column;display:flex}.pay-success-list-item{align-items:center;gap:var(--sp-2);font-size:var(--fs-13);color:var(--c-text-mute);display:flex}.pay-success-actions{gap:var(--sp-3);width:100%;margin-top:var(--sp-3);display:flex}.pay-success-actions .pay-btn{flex:1}.pay-failed{align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;display:flex}.pay-failed-icon{animation:.5s ease-in-out pay-shake}@keyframes pay-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pay-failed-title{font-size:var(--fs-20);color:var(--c-red-400);margin-top:var(--sp-2);font-weight:700}.pay-failed-sub{font-size:var(--fs-13);color:var(--c-text-mute);text-align:center;margin-bottom:var(--sp-2)}.pay-failed-reasons{gap:var(--sp-2);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-bottom:var(--sp-3);background:#a9322614;border:1px solid #e85a4e33;flex-direction:column;display:flex}.pay-failed-reason{align-items:center;gap:var(--sp-2);font-size:var(--fs-13);color:var(--c-text-mute);display:flex}.pay-failed-reason-dot{background:var(--c-red-400);border-radius:50%;width:4px;height:4px}.pay-failed-actions{gap:var(--sp-3);width:100%;display:flex}.pay-failed-actions .pay-btn{flex:1}.pay-failed-help{align-items:center;gap:var(--sp-2);font-size:var(--fs-12);color:var(--c-text-mute);margin-top:var(--sp-3);display:flex}.pay-failed-help a{color:var(--c-gold-300);text-decoration:none}.pay-failed-help a:hover{color:var(--c-gold-200);text-decoration:underline}.pay-trigger{padding:var(--sp-2) var(--sp-4);background:var(--grad-button);border:1px solid var(--c-gold-300);border-radius:var(--r-md);font-size:var(--fs-13);color:var(--c-blue-900);cursor:pointer;text-shadow:0 1px #ffffff4d;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #e3c38a33}.pay-trigger:hover{background:var(--grad-button-hover);transform:translateY(-1px);box-shadow:0 4px 12px #e3c38a66}.pay-trigger:active{transform:translateY(0)}@media (width<=640px){.pay-root{padding:var(--sp-2);align-items:flex-end}.pay-modal{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:96vh;animation:.3s cubic-bezier(.16,1,.3,1) pay-modal-in-mobile}@keyframes pay-modal-in-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pay-hud{padding:var(--sp-3) var(--sp-4)}.pay-security{display:none}.pay-product{padding:var(--sp-3) var(--sp-4)}.pay-product-value{font-size:var(--fs-24)}.pay-body{padding:var(--sp-3) var(--sp-4)}.pay-method{padding:var(--sp-2) var(--sp-3)}.pay-qr{width:150px;height:150px}.pay-apple-card{padding:var(--sp-4) var(--sp-6)}.pay-apple-amount{font-size:var(--fs-24)}.pay-success-value{font-size:var(--fs-32)}.pay-success-actions,.pay-failed-actions{flex-direction:column}.pay-success-actions .pay-btn,.pay-failed-actions .pay-btn{width:100%}}@supports (padding:max(0px)){.pay-root{padding-bottom:max(var(--sp-4), env(safe-area-inset-bottom))}}@media (height<=500px) and (orientation:landscape){.pay-body--center{min-height:240px}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.shop-root{background:var(--grad-page);width:100%;height:100%;color:var(--c-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.shop-hud{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0f1a2ef5 0%,#1a2440c7 100%);flex:none;min-height:48px;padding:8px 16px;display:flex}.shop-back{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:32px;height:32px;transition:all var(--t-fast);color:var(--c-text-gold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.shop-back:hover{background:#6e83b52e}.shop-title{color:var(--c-text-gold);letter-spacing:.1em;text-align:center;text-shadow:0 2px 4px #00000080;flex:1;margin:0;font-size:18px;font-weight:900}.shop-balance{background:var(--c-bg-glass);border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text);flex:none;align-items:center;gap:6px;padding:4px 8px 4px 12px;font-size:13px;font-weight:800;display:flex}.shop-balance-icon{color:var(--c-text-gold);display:inline-flex}.shop-balance-num{font-variant-numeric:tabular-nums;color:var(--c-text-gold)}.shop-balance-add{background:var(--grad-button);color:#2a1f10;cursor:pointer;width:22px;height:22px;box-shadow:var(--sh-1);border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;font-size:14px;font-weight:900;display:inline-flex}.shop-balance-add:hover{transform:scale(1.1)}.shop-cats{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border-soft);-webkit-overflow-scrolling:touch;background:linear-gradient(#1a244080 0%,#0000 100%);flex:none;gap:6px;display:flex;overflow-x:auto}.shop-cats::-webkit-scrollbar{display:none}.shop-cat{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);flex:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.shop-cat:hover{color:var(--c-text);border-color:var(--c-border)}.shop-cat.is-active{background:var(--grad-button);color:#2a1f10;border-color:var(--c-gold-500);box-shadow:var(--c-glow-gold)}.shop-cat-icon{display:inline-flex}.shop-cat-label{letter-spacing:.05em}.shop-body{-webkit-overflow-scrolling:touch;padding:var(--sp-4);padding-bottom:calc(var(--sp-7) + env(safe-area-inset-bottom));flex:auto;overflow-y:auto}.shop-section{gap:var(--sp-3);flex-direction:column;max-width:1080px;margin:0 auto;display:flex}.shop-section-banner{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-gold-500);border-radius:var(--r-lg);box-shadow:var(--sh-2);background:radial-gradient(80% 100% at 0%,#c5a5784d 0%,#0000 60%),linear-gradient(90deg,#6e5234 0%,#2e3d6b 100%);display:flex;position:relative;overflow:hidden}.shop-section-banner-icon{border:1.5px solid var(--c-gold-400);background:#0f1a2e66;border-radius:50%;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.shop-section-banner-text{flex:1}.shop-section-banner-title{color:var(--c-text);letter-spacing:.05em;text-shadow:0 1px 2px #00000080;font-size:16px;font-weight:900}.shop-section-banner-sub{color:var(--c-gold-200);margin-top:2px;font-size:12px}.shop-section-banner-cta{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--sh-1);letter-spacing:.05em;flex:none;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:900}.shop-section-banner-cta:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.shop-section-title{color:var(--c-text-gold);letter-spacing:.1em;text-transform:uppercase;margin-top:var(--sp-2);padding:0 4px;font-size:14px;font-weight:800}.shop-tag{background:var(--c-bg-glass);color:var(--c-text-mute);border-radius:var(--r-sm);border:1px solid var(--c-border-soft);letter-spacing:.08em;z-index:2;padding:2px 8px;font-size:10px;font-weight:900;position:absolute;top:8px;left:8px}.shop-tag.is-hot{background:var(--c-red-500);color:#fff;border-color:var(--c-red-600)}.shop-tag.is-gold{background:var(--grad-button);color:#2a1f10;border-color:var(--c-gold-700)}.shop-tag.is-blue{background:var(--c-blue-500);color:var(--c-text);border-color:var(--c-blue-400)}.shop-coin-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.shop-coin-card{padding:var(--sp-4) var(--sp-3);background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);text-align:center;transition:all var(--t-fast);box-shadow:var(--sh-2);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden}.shop-coin-card.is-hot{border-color:var(--c-gold-400);background:radial-gradient(ellipse at 50% 0%, #e8d3a82e 0%, transparent 70%), var(--grad-card);box-shadow:var(--c-glow-gold), var(--sh-2)}.shop-coin-card.is-bought{border-color:var(--c-green-500);background:radial-gradient(ellipse at 50% 0%, #5bae7a2e 0%, transparent 70%), var(--grad-card)}.shop-coin-icon{margin:6px 0;display:inline-flex}.shop-coin-amount{align-items:baseline;gap:4px;font-weight:900;display:flex}.shop-coin-num{color:var(--c-text);font-variant-numeric:tabular-nums;text-shadow:0 1px #0006;font-size:22px}.shop-coin-bonus{color:var(--c-green-400);border-radius:var(--r-sm);background:#5bae7a33;border:1px solid #7dcc974d;padding:1px 5px;font-size:12px;font-weight:900}.shop-coin-amount-label{color:var(--c-text-dim);margin-top:-2px;font-size:11px}.shop-coin-buy{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);cursor:pointer;width:100%;box-shadow:var(--sh-1);letter-spacing:.05em;transition:all var(--t-fast);justify-content:center;align-items:center;gap:4px;margin-top:8px;padding:8px;font-family:inherit;font-size:14px;font-weight:900;display:inline-flex}.shop-coin-buy:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.shop-coin-card.is-bought .shop-coin-buy{background:var(--c-green-500);color:#fff;border-color:var(--c-green-400)}.shop-vip-hero{padding:var(--sp-6) var(--sp-3);background:radial-gradient(ellipse 80% 60% at 50% 0%, #e8d3a840 0%, transparent 60%), var(--grad-card);border:1px solid var(--c-gold-500);border-radius:var(--r-xl);text-align:center;box-shadow:var(--c-glow-gold), var(--sh-2);flex-direction:column;align-items:center;gap:6px;display:flex}.shop-vip-hero h2{color:var(--c-text-gold);letter-spacing:.1em;text-shadow:0 2px 4px #00000080;margin:0;font-size:22px;font-weight:900}.shop-vip-hero p{color:var(--c-text-mute);letter-spacing:.05em;margin:0;font-size:13px}.shop-vip-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.shop-vip-card{padding:var(--sp-4) var(--sp-3);background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);text-align:center;box-shadow:var(--sh-2);flex-direction:column;gap:4px;display:flex;position:relative}.shop-vip-card.is-recommend{border-color:var(--c-gold-400);background:radial-gradient(ellipse at 50% 0%, #e8d3a826 0%, transparent 60%), var(--grad-card);box-shadow:var(--c-glow-gold), var(--sh-3);transform:scale(1.03)}.shop-vip-name{color:var(--c-text-gold);letter-spacing:.1em;margin-top:var(--sp-2);font-size:20px;font-weight:900}.shop-vip-sub{color:var(--c-text-dim);margin-bottom:var(--sp-2);font-size:12px}.shop-vip-perks{margin:0 0 var(--sp-3);text-align:left;padding:0;list-style:none}.shop-vip-perks li{color:var(--c-text-mute);border-bottom:1px dashed var(--c-border-soft);align-items:flex-start;gap:6px;padding:5px 0;font-size:12px;display:flex}.shop-vip-perks li:last-child{border-bottom:none}.shop-vip-perk-bullet{color:var(--c-gold-300);flex:none;font-size:8px;line-height:1.4}.shop-vip-buy{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);cursor:pointer;width:100%;box-shadow:var(--sh-1);letter-spacing:.05em;transition:all var(--t-fast);justify-content:center;align-items:center;gap:4px;margin-top:auto;padding:10px;font-family:inherit;font-size:14px;font-weight:900;display:inline-flex}.shop-vip-buy:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.shop-vip-buy-sub{opacity:.7;margin-left:4px;font-size:11px;font-weight:700}.shop-cardback-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.shop-cardback-item{align-items:center;gap:var(--sp-2);padding:var(--sp-3);background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);transition:all var(--t-fast);flex-direction:column;display:flex}.shop-cardback-item:hover{border-color:var(--c-border);box-shadow:var(--sh-2);transform:translateY(-2px)}.shop-cardback-item.is-bought{border-color:var(--c-green-500)}.shop-cardback-preview{border:2px solid var(--c-gold-500);width:72px;height:96px;box-shadow:var(--sh-1);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.shop-cardback-preview:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 40%),repeating-linear-gradient(45deg,#ffffff0a 0 2px,#0000 2px 6px);position:absolute;inset:0}.shop-cardback-name{color:var(--c-text);text-align:center;font-size:13px;font-weight:700}.shop-cardback-buy{background:var(--c-bg-glass);width:100%;color:var(--c-text);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast);justify-content:center;align-items:center;gap:4px;padding:6px;font-family:inherit;font-size:12px;font-weight:800;display:inline-flex}.shop-cardback-buy:hover{background:#6e83b533}.shop-cardback-buy.is-free{background:var(--c-bg-glass);color:var(--c-text-dim)}.shop-cardback-item.is-bought .shop-cardback-buy{background:var(--c-green-500);color:#fff;border-color:var(--c-green-400)}.shop-item-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.shop-item-card{padding:var(--sp-3);background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);text-align:center;transition:all var(--t-fast);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.shop-item-card:hover{border-color:var(--c-border);transform:translateY(-1px)}.shop-item-card.is-bought{border-color:var(--c-green-500)}.shop-item-icon{border:1.5px solid var(--c-border-soft);background:#0f1a2e80;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:4px 0 6px;display:inline-flex}.shop-item-name{color:var(--c-text);font-size:14px;font-weight:800}.shop-item-sub{color:var(--c-text-dim);margin-bottom:6px;font-size:11px}.shop-item-buy{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);cursor:pointer;letter-spacing:.05em;width:100%;transition:all var(--t-fast);justify-content:center;align-items:center;gap:4px;padding:6px;font-family:inherit;font-size:12px;font-weight:900;display:inline-flex}.shop-item-buy:hover{transform:translateY(-1px)}.shop-item-card.is-bought .shop-item-buy{background:var(--c-green-500);color:#fff;border-color:var(--c-green-400)}@media (width<=900px){.shop-coin-grid,.shop-cardback-grid{grid-template-columns:repeat(2,1fr)}.shop-vip-grid{grid-template-columns:1fr}.shop-vip-card.is-recommend{transform:none}}@media (width<=480px){.shop-coin-grid,.shop-cardback-grid,.shop-item-grid{grid-template-columns:1fr 1fr}.shop-section-banner{flex-wrap:wrap}.shop-section-banner-cta{width:100%}.shop-coin-num,.shop-vip-hero h2{font-size:18px}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.rank-root{background:var(--grad-page);width:100%;height:100%;color:var(--c-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.rank-hud{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0f1a2ef5 0%,#1a2440c7 100%);flex:none;min-height:48px;padding:8px 16px;display:flex}.rank-back{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:32px;height:32px;transition:all var(--t-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.rank-back:hover{background:#6e83b52e}.rank-title{color:var(--c-text-gold);letter-spacing:.1em;text-align:center;text-shadow:0 2px 4px #00000080;flex:1;margin:0;font-size:18px;font-weight:900}.rank-hud-spacer{flex:none;width:32px}.rank-tabs{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border-soft);-webkit-overflow-scrolling:touch;background:linear-gradient(#1a244080 0%,#0000 100%);flex:none;gap:4px;display:flex;overflow-x:auto}.rank-tabs::-webkit-scrollbar{display:none}.rank-tab{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);flex:none;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.rank-tab:hover{color:var(--c-text);border-color:var(--c-border)}.rank-tab.is-active{background:var(--grad-button);color:#2a1f10;border-color:var(--c-gold-500);box-shadow:var(--c-glow-gold)}.rank-tab-icon{display:inline-flex}.rank-podium{justify-content:center;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4) var(--sp-3);background:radial-gradient(80% 50% at 50% 0,#c5a57840 0%,#0000 60%),linear-gradient(#2e3d6b66 0%,#0000 100%);flex:none;display:flex;position:relative}.rank-podium:before{content:"";left:50%;top:var(--sp-3);background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);opacity:.5;width:80%;height:1px;position:absolute;transform:translate(-50%)}.rank-podium-cell{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:130px;display:flex;position:relative}.rank-podium-crown{filter:drop-shadow(0 0 8px #e8d3a899);animation:2.4s ease-in-out infinite crown-float;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@keyframes crown-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}}.rank-podium-avatar{color:#2a1f10;width:60px;height:60px;box-shadow:var(--sh-3);border:3px solid #2a1f10;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.rank-podium-cell-1 .rank-podium-avatar{width:76px;height:76px;box-shadow:var(--c-glow-gold), var(--sh-3);border:3.5px solid #fff;font-size:30px}.rank-podium-name{color:var(--c-text);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:13px;font-weight:800;overflow:hidden}.rank-podium-metric{color:var(--c-text-gold);font-variant-numeric:tabular-nums;text-shadow:0 1px #0006;font-size:16px;font-weight:900}.rank-podium-suffix{opacity:.7;margin-left:1px;font-size:10px}.rank-podium-bar{border-radius:var(--r-sm) var(--r-sm) 0 0;color:#fff;text-shadow:0 1px 2px #00000080;border:1px solid #ffffff26;border-bottom:none;justify-content:center;align-items:center;width:100%;margin-top:2px;font-size:24px;font-weight:900;display:flex;position:relative}.rank-podium-bar-1{background:linear-gradient(#e8d3a8 0%,#8b6a3f 100%);height:60px}.rank-podium-bar-2{background:linear-gradient(#d5deec 0%,#8fa0c8 100%);height:46px}.rank-podium-bar-3{background:linear-gradient(#c8956d 0%,#6e5234 100%);height:36px}.rank-podium-num{font-family:var(--font-mono)}.rank-list{-webkit-overflow-scrolling:touch;padding:var(--sp-3) var(--sp-4) calc(var(--sp-7) + env(safe-area-inset-bottom));flex:auto;width:100%;max-width:880px;margin:0 auto;overflow-y:auto}.rank-list-head{gap:var(--sp-2);color:var(--c-text-dim);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--c-border-soft);grid-template-columns:50px 1fr 80px 100px;padding:8px 4px;font-size:11px;font-weight:800;display:grid}.rank-list-head span:nth-child(2){padding-left:0}.rank-list-head span:nth-child(4){text-align:right}.rank-list-row{gap:var(--sp-2);border-bottom:1px solid var(--c-border-soft);transition:background var(--t-fast);grid-template-columns:50px 1fr 80px 100px;align-items:center;padding:10px 4px;font-size:13px;display:grid}.rank-list-row:hover{background:#6e83b514}.rank-list-row.is-me{border-left:2px solid var(--c-gold-400);background:linear-gradient(90deg,#e8d3a82e 0%,#0000 100%)}.rank-list-pos{font-family:var(--font-mono);color:var(--c-text-dim);text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:900}.rank-list-player{align-items:center;gap:8px;min-width:0;display:flex}.rank-list-avatar{width:30px;height:30px;color:var(--c-text-gold);border:1.5px solid var(--c-border);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.rank-list-name{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.rank-list-mine{background:var(--c-red-500);color:#fff;letter-spacing:.05em;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:9px;font-weight:900;display:inline-block}.rank-list-rank{border-radius:var(--r-sm);text-align:center;letter-spacing:.05em;border:1px solid var(--c-border-soft);color:var(--c-text-mute);background:#0f1a2e66;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.rank-list-rank.gold{background:var(--grad-gold-soft);color:var(--c-gold-200);border-color:var(--c-gold-500)}.rank-list-rank.silver{color:#d5deec;border-color:var(--c-blue-300);background:linear-gradient(#d5deec33 0%,#8fa0c81a 100%)}.rank-list-rank.bronze{color:#d9bd92;border-color:var(--c-gold-700);background:linear-gradient(#c8956d33 0%,#8b6a3f1a 100%)}.rank-list-metric{text-align:right;font-variant-numeric:tabular-nums;color:var(--c-text-gold);text-shadow:0 1px #0006;font-size:14px;font-weight:900}.rank-list-suffix{opacity:.7;margin-left:1px;font-size:10px}@media (width<=768px){.rank-podium{padding:var(--sp-4) var(--sp-2) var(--sp-2)}.rank-podium-cell{max-width:100px}.rank-podium-avatar{width:50px;height:50px;font-size:20px}.rank-podium-cell-1 .rank-podium-avatar{width:62px;height:62px;font-size:24px}.rank-podium-name{font-size:11px}.rank-podium-metric{font-size:13px}.rank-podium-bar-1{height:46px;font-size:20px}.rank-podium-bar-2{height:36px;font-size:18px}.rank-podium-bar-3{height:28px;font-size:16px}}@media (width<=480px){.rank-list-head,.rank-list-row{grid-template-columns:36px 1fr 60px 80px;gap:8px}.rank-list-rank{padding:2px 6px;font-size:10px}.rank-list-metric{font-size:12px}}@media (width<=480px) and (orientation:portrait){.rank-hud{min-height:44px;padding:6px 12px}.rank-title{font-size:16px}.rank-back{width:28px;height:28px}.rank-tabs{gap:3px;padding:8px 10px}.rank-tab{gap:4px;padding:6px 10px;font-size:12px}.rank-tab svg{width:14px;height:14px}.rank-podium{gap:4px;padding:12px 8px 4px}.rank-podium-cell{max-width:90px}.rank-podium-avatar{width:44px;height:44px;font-size:16px}.rank-podium-cell-1 .rank-podium-avatar{width:56px;height:56px;font-size:20px}.rank-podium-name{max-width:72px;font-size:11px}.rank-podium-metric{font-size:12px}.rank-podium-bar-1{height:40px;font-size:18px}.rank-podium-bar-2{height:32px;font-size:16px}.rank-podium-bar-3{height:24px;font-size:14px}.rank-podium-crown{width:36px;height:36px;top:-18px}.rank-podium-crown svg{width:20px;height:20px}.rank-list{padding:4px 10px}.rank-list-head,.rank-list-row{grid-template-columns:32px 1fr 56px 72px;gap:6px;min-height:44px;padding:6px 4px}.rank-list-avatar{width:32px;height:32px;font-size:12px}.rank-list-name{font-size:12px}.rank-list-rank{padding:2px 4px;font-size:12px}.rank-list-badge{padding:2px 6px;font-size:10px}.rank-list-metric{font-size:12px}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.rooms-root{background:var(--grad-page);width:100%;height:100%;color:var(--c-text);flex-direction:column;display:flex;position:relative;overflow:hidden}.rooms-hud{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0f1a2ef5 0%,#1a2440c7 100%);flex:none;min-height:48px;padding:8px 16px;display:flex}.rooms-back{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:32px;height:32px;transition:all var(--t-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.rooms-back:hover{background:#6e83b52e}.rooms-title{color:var(--c-text-gold);letter-spacing:.1em;text-align:center;text-shadow:0 2px 4px #00000080;flex:1;margin:0;font-size:18px;font-weight:900}.rooms-refresh{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:32px;height:32px;transition:all var(--t-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.rooms-refresh:hover{background:#6e83b52e}.is-spin{animation:.8s linear infinite rooms-spin}@keyframes rooms-spin{to{transform:rotate(360deg)}}.rooms-toolbar{gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) var(--sp-2);flex:none;display:flex}.rooms-search{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);transition:border-color var(--t-fast);background:#0f1a2e80;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.rooms-search:focus-within{border-color:var(--c-gold-400)}.rooms-search input{color:var(--c-text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px;font-weight:600}.rooms-search input::placeholder{color:var(--c-text-dim)}.rooms-create-btn{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);cursor:pointer;letter-spacing:.05em;box-shadow:var(--sh-1);transition:all var(--t-fast);flex:none;align-items:center;gap:4px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:900;display:inline-flex}.rooms-create-btn:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.rooms-filter-row{align-items:center;gap:var(--sp-2);padding:4px var(--sp-4) 0;flex:none;display:flex}.rooms-filter-label{color:var(--c-text-dim);letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:4px;width:44px;font-size:11px;font-weight:800;display:inline-flex}.rooms-filter-list{-webkit-overflow-scrolling:touch;flex:1;gap:6px;padding:4px 0;display:flex;overflow-x:auto}.rooms-filter-list::-webkit-scrollbar{display:none}.rooms-chip{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);flex:none;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:700}.rooms-chip:hover{color:var(--c-text);border-color:var(--c-border)}.rooms-chip.is-active{background:var(--c-blue-500);color:var(--c-text);border-color:var(--c-blue-300);box-shadow:var(--c-glow-blue)}.rooms-list{-webkit-overflow-scrolling:touch;padding:var(--sp-3) var(--sp-4) calc(var(--sp-7) + env(safe-area-inset-bottom));gap:var(--sp-2);flex-direction:column;flex:auto;width:100%;max-width:1080px;margin:0 auto;display:flex;overflow-y:auto}.rooms-empty{padding:var(--sp-9) var(--sp-4);color:var(--c-text-dim);flex-direction:column;align-items:center;gap:12px;display:flex}.rooms-empty-btn{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);cursor:pointer;letter-spacing:.05em;box-shadow:var(--sh-1);padding:8px 18px;font-family:inherit;font-size:13px;font-weight:900}.rooms-card{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);transition:all var(--t-fast);grid-template-columns:1fr 130px auto;display:grid;position:relative;overflow:hidden}.rooms-card:hover{border-color:var(--c-border);box-shadow:var(--sh-2);transform:translateY(-1px)}.rooms-card.is-playing{opacity:.85;filter:saturate(.7)}.rooms-card.is-full{opacity:.5;pointer-events:none}.rooms-card-left{flex-direction:column;gap:4px;min-width:0;display:flex}.rooms-card-code{font-size:18px;font-weight:900;font-family:var(--font-mono);color:var(--c-text-gold);letter-spacing:.12em;text-shadow:0 1px #0006}.rooms-card-mode{color:var(--c-text);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.rooms-card-host{color:var(--c-text-mute);align-items:center;gap:4px;font-size:11px;display:inline-flex}.rooms-card-rank{border-radius:var(--r-sm);letter-spacing:.05em;margin-left:2px;padding:1px 5px;font-size:10px;font-weight:800;display:inline-block}.rooms-card-rank.gold{background:var(--grad-gold-soft);color:var(--c-gold-200);border:1px solid var(--c-gold-500)}.rooms-card-rank.silver{color:#d5deec;border:1px solid var(--c-blue-300);background:linear-gradient(#d5deec33 0%,#8fa0c81a 100%)}.rooms-card-rank.bronze{color:#d9bd92;border:1px solid var(--c-gold-700);background:linear-gradient(#c8956d33 0%,#8b6a3f1a 100%)}.rooms-card-mid{flex-direction:column;align-items:center;gap:4px;display:flex}.rooms-card-seats{gap:4px;display:flex}.rooms-card-seat{border:1px solid var(--c-border-soft);background:#0f1a2e99;border-radius:50%;width:10px;height:10px}.rooms-card-seat.is-on{background:var(--grad-button);border-color:var(--c-gold-400);box-shadow:0 0 6px #e8d3a866}.rooms-card-count{font-variant-numeric:tabular-nums;color:var(--c-text);font-size:14px;font-weight:900}.rooms-card-stake{align-items:center;gap:3px;font-size:11px;font-weight:800;display:inline-flex}.text-gold{color:var(--c-text-gold)}.rooms-card-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.rooms-card-tag{background:var(--c-red-500);color:#fff;letter-spacing:.08em;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:900}.rooms-card-tag.is-fast{color:#2a1f10;background:linear-gradient(#e8d3a8 0%,#8b6a3f 100%)}.rooms-card-status{border-radius:var(--r-sm);letter-spacing:.05em;color:var(--c-green-400);background:#5bae7a33;border:1px solid #7dcc974d;padding:2px 6px;font-size:10px;font-weight:800}.rooms-card-status.playing{color:var(--c-red-400);background:#c8312b33;border-color:#e55a4e4d}.rooms-card-btn{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);cursor:pointer;letter-spacing:.08em;box-shadow:var(--sh-1);transition:all var(--t-fast);padding:6px 14px;font-family:inherit;font-size:13px;font-weight:900}.rooms-card-btn:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.rooms-card-btn.is-spectate{background:var(--c-bg-glass);color:var(--c-text);border-color:var(--c-border-soft)}@media (width<=768px){.rooms-card{grid-template-columns:1fr auto}.rooms-card-mid{display:none}}@media (width<=480px){.rooms-card{gap:8px;padding:10px}.rooms-card-code{font-size:15px}.rooms-filter-label{width:40px;font-size:10px}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.profile-root{gap:var(--sp-3);width:100%;min-height:100%;padding:var(--sp-4) var(--sp-4) calc(var(--sp-7) + env(safe-area-inset-bottom));background:var(--grad-page);color:var(--c-text);-webkit-overflow-scrolling:touch;flex-direction:column;max-width:880px;margin:0 auto;display:flex;position:relative;overflow-y:auto}.profile-hero{align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4) var(--sp-5);background:radial-gradient(ellipse 80% 60% at 50% 0%, #c5a5782e 0%, transparent 65%), var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-3), var(--sh-inset);flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-hero:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.profile-avatar-wrap{margin-bottom:var(--sp-2);position:relative}.profile-avatar-wrap .avatar-circle.xl:after{content:"";border:1.5px solid var(--c-gold-400);opacity:.4;pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.profile-name{font-size:var(--fs-20);color:var(--c-text);letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin:0;font-weight:900;display:inline-flex}.profile-name:hover{color:var(--c-text-gold)}.profile-edit-icon{color:var(--c-text-dim);transition:color var(--t-fast);font-size:13px;font-weight:400}.profile-name:hover .profile-edit-icon{color:var(--c-text-gold)}.profile-name-input{border:1.5px solid var(--c-gold-400);border-radius:var(--r-md);color:var(--c-text);font-size:var(--fs-15);background:#0f1a2e99;outline:none;width:130px;padding:6px 10px;font-weight:800}.profile-name-input:focus{border-color:var(--c-gold-200)}.profile-id{font-size:var(--fs-12);color:var(--c-text-dim);font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:var(--sp-2)}.profile-exp{width:100%;max-width:340px;margin-top:var(--sp-2);flex-direction:column;gap:6px;display:flex}.profile-exp-info{font-size:var(--fs-12);justify-content:space-between;font-weight:700;display:flex}.profile-exp-label{color:var(--c-text-gold);letter-spacing:.05em}.profile-exp-score{color:var(--c-text-mute);font-variant-numeric:tabular-nums}.profile-exp-bar{border-radius:var(--r-pill);border:1px solid var(--c-border-soft);background:#0f1a2e99;height:8px;position:relative;overflow:hidden}.profile-exp-fill{background:var(--grad-button);border-radius:var(--r-pill);height:100%;transition:width var(--t-slow) var(--ease-out);box-shadow:0 0 10px #e8d3a866}.profile-stats{gap:var(--sp-2);padding:var(--sp-3);background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr);display:grid}.profile-stat{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.profile-stat-num{font-size:var(--fs-20);font-variant-numeric:tabular-nums;color:var(--c-text);text-shadow:0 1px #0006;font-weight:900}.profile-stat-label{font-size:var(--fs-12);color:var(--c-text-dim);letter-spacing:.05em;font-weight:600}.profile-assets{padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);align-items:center;gap:var(--sp-3);background:linear-gradient(90deg,#6e83b533 0%,#2e3d6b66 100%);display:flex;position:relative;overflow:hidden}.profile-assets:after{content:"";pointer-events:none;background:radial-gradient(circle,#e8d3a833 0%,#0000 70%);width:100px;height:100px;position:absolute;top:-30px;right:-30px}.profile-asset{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.profile-asset-icon{border:1px solid var(--c-border-soft);width:32px;height:32px;color:var(--c-text-gold);background:#0f1a2e80;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.profile-asset-num{font-size:var(--fs-20);font-variant-numeric:tabular-nums;color:var(--c-text-gold);text-shadow:0 1px #0006;font-weight:900}.profile-asset-label{font-size:var(--fs-12);color:var(--c-text-dim);margin-left:-4px;font-weight:600}.profile-asset-recharge{background:var(--grad-button);color:#2a1f10;border:1px solid var(--c-gold-700);border-radius:var(--r-pill);font-size:var(--fs-12);letter-spacing:.05em;cursor:pointer;box-shadow:var(--sh-1);transition:all var(--t-fast);flex:none;padding:6px 16px;font-weight:900}.profile-asset-recharge:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.profile-asset-recharge:active{transform:translateY(0)}.profile-quick-grid{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.profile-quick-btn{padding:var(--sp-3) 6px;background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);color:var(--c-text);cursor:pointer;transition:all var(--t-fast);flex-direction:column;align-items:center;gap:6px;min-height:76px;font-family:inherit;display:flex;position:relative}.profile-quick-btn:hover{background:var(--grad-card);border-color:var(--c-border);transform:translateY(-1px)}.profile-quick-btn:active{transform:translateY(0)}.profile-quick-icon{border:1px solid var(--c-border-soft);background:#0f1a2e80;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.profile-quick-label{font-size:var(--fs-12);color:var(--c-text-mute);letter-spacing:.05em;font-weight:700}.profile-quick-badge{background:var(--c-red-500);color:#fff;border-radius:var(--r-pill);border:1.5px solid var(--c-bg-deep);padding:1px 5px;font-size:9px;font-weight:900;position:absolute;top:4px;right:4px}.profile-section{gap:var(--sp-2);padding:var(--sp-3);background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);flex-direction:column;display:flex}.profile-section-title{font-size:var(--fs-14);color:var(--c-text-gold);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 4px;font-weight:800;display:flex}.profile-empty{padding:var(--sp-7) var(--sp-4);color:var(--c-text-dim);font-size:var(--fs-13);flex-direction:column;align-items:center;gap:8px;display:flex}.profile-history{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-history li{align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--c-border-soft);grid-template-columns:56px 1fr auto auto;padding:10px 4px;display:grid}.profile-history li:last-child{border-bottom:none}.profile-history-result{font-size:var(--fs-15);font-variant-numeric:tabular-nums;border-radius:var(--r-sm);letter-spacing:.04em;justify-content:center;align-items:center;width:50px;height:26px;font-weight:900;display:inline-flex}.profile-history-result.win{color:var(--c-green-400);background:linear-gradient(#5bae7a40 0%,#5bae7a1f 100%);border:1px solid #7dcc974d}.profile-history-result.lose{color:var(--c-red-400);background:linear-gradient(#c8312b40 0%,#c8312b1f 100%);border:1px solid #e55a4e4d}.profile-history-mode{font-size:var(--fs-13);color:var(--c-text);font-weight:700}.profile-history-level{font-size:var(--fs-12);color:var(--c-text-gold);background:var(--grad-gold-soft);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:2px 6px;font-weight:800}.profile-history-time{font-size:var(--fs-12);color:var(--c-text-dim);white-space:nowrap}.profile-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;padding:var(--sp-4);animation:profile-fade-in .2s var(--ease-out);background:#07101ec7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes profile-fade-in{0%{opacity:0}to{opacity:1}}.profile-modal{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);width:100%;max-width:420px;max-height:80vh;box-shadow:var(--sh-3);animation:profile-modal-in .25s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}@keyframes profile-modal-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-modal-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--c-border-soft);background:linear-gradient(#2e3d6b80 0%,#0000 100%);justify-content:space-between;align-items:center;display:flex}.profile-modal-head h3{font-size:var(--fs-16);color:var(--c-text-gold);letter-spacing:.08em;margin:0;font-weight:900}.profile-modal-head button{color:var(--c-text-mute);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:inline-flex}.profile-modal-head button:hover{color:var(--c-text-gold);background:var(--c-bg-glass)}.profile-settings{padding:var(--sp-2) 0;margin:0;list-style:none;overflow-y:auto}.profile-settings li{padding:12px var(--sp-4);border-bottom:1px solid var(--c-border-soft);font-size:var(--fs-14);color:var(--c-text);justify-content:space-between;align-items:center;font-weight:600;display:flex}.profile-settings li:last-child{border-bottom:none}.profile-settings li>span:first-child{flex:1}.profile-settings li .is-danger{color:var(--c-red-400)}.profile-settings .select{color:var(--c-text-mute);font-size:var(--fs-13);align-items:center;gap:4px;display:inline-flex}.toggle{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);width:42px;height:24px;transition:background var(--t-fast);cursor:pointer;background:#0f1a2eb3;display:inline-block;position:relative}.toggle.on{background:var(--grad-button);border-color:var(--c-gold-500)}.toggle-knob{background:var(--c-text);width:18px;height:18px;transition:transform var(--t-fast) var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.toggle.on .toggle-knob{background:#fff;transform:translate(18px)}.profile-achievements{gap:var(--sp-2);padding:var(--sp-3);grid-template-columns:1fr 1fr;display:grid;overflow-y:auto}.profile-achievement{padding:var(--sp-3);background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.profile-achievement.is-done{border-color:var(--c-border);background:linear-gradient(180deg, #e8d3a814 0%, transparent 100%), var(--grad-card-soft)}.profile-achievement.is-locked{opacity:.5;filter:grayscale(.6)}.profile-achievement-icon{border:1.5px solid var(--c-border-soft);background:#0f1a2e99;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.profile-achievement.is-done .profile-achievement-icon{border-color:var(--c-gold-400);box-shadow:var(--c-glow-gold)}.profile-achievement-name{font-size:var(--fs-13);color:var(--c-text);font-weight:800}.profile-achievement-desc{color:var(--c-text-dim);font-size:11px;line-height:1.3}.profile-achievement .chip{margin-top:4px}@media (width>=1280px){.profile-root{max-width:1000px;padding:var(--sp-5) var(--sp-6)}}@media (width<=768px){.profile-root{padding:var(--sp-3) var(--sp-3) calc(var(--sp-7) + env(safe-area-inset-bottom))}.profile-hero{padding:var(--sp-5) var(--sp-3) var(--sp-4)}.profile-stat-num{font-size:var(--fs-18)}}@media (width<=900px) and (orientation:landscape){.profile-root{align-content:start;gap:var(--sp-3);padding:var(--sp-3);flex-flow:wrap}.profile-hero{flex:280px;max-width:320px}.profile-stats{flex:100%}.profile-assets,.profile-quick-grid{flex:280px}.profile-section{flex:100%}}@media (width<=480px){.profile-root{padding:var(--sp-2);gap:var(--sp-2)}.profile-hero{padding:var(--sp-4) var(--sp-3) var(--sp-3)}.profile-avatar-wrap .avatar-circle.xl{width:80px;height:80px;font-size:30px}.profile-name{font-size:var(--fs-18)}.profile-stat-num{font-size:var(--fs-16)}.profile-stat-label{font-size:10px}.profile-quick-btn{min-height:68px;padding:var(--sp-2) 4px}.profile-history li{grid-template-columns:48px 1fr auto;gap:6px}.profile-history-time{display:none}.profile-modal{max-height:90vh}.profile-achievements{grid-template-columns:1fr}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.records-root{background:var(--grad-page);width:100%;min-height:100vh;color:var(--c-text);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow-x:hidden}.records-hud{align-items:center;gap:var(--sp-3);background:var(--grad-hud);border-bottom:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(12px);z-index:50;flex:none;min-height:56px;padding:10px 20px;display:flex;position:sticky;top:0}.records-back{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.records-back:hover{border-color:var(--c-border);background:#6e83b52e}.records-title{font-size:var(--fs-20);color:var(--c-text-gold);letter-spacing:.08em;text-shadow:0 2px 4px #00000080;margin:0;font-weight:900}.records-hud-spacer{flex:1}.records-hud-tabs{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#0f1a2e80;gap:4px;padding:3px;display:flex}.records-hud-tab{color:var(--c-text-mute);font-size:var(--fs-13);border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast);letter-spacing:.05em;background:0 0;border:0;padding:5px 14px;font-weight:700}.records-hud-tab:hover{color:var(--c-text)}.records-hud-tab.is-active{background:var(--grad-button);color:var(--c-blue-900);box-shadow:0 2px 6px #e8d3a84d}.records-hud-icon{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);width:36px;height:36px;color:var(--c-text-mute);cursor:pointer;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.records-hud-icon:hover{color:var(--c-text-gold);border-color:var(--c-border)}.records-body{gap:var(--sp-4);padding:var(--sp-4) var(--sp-4) calc(var(--sp-7) + env(safe-area-inset-bottom));flex:1;grid-template-columns:1fr;width:100%;max-width:1200px;margin:0 auto;display:grid}.records-hero{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-3), var(--sh-inset);display:flex;position:relative;overflow:hidden}.records-hero-bg{pointer-events:none;background:radial-gradient(60% 80% at 0%,#e8d3a82e 0%,#0000 60%),radial-gradient(60% 80% at 100%,#6e83b51f 0%,#0000 60%);position:absolute;inset:0}.records-hero:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.records-hero-content{align-items:center;gap:var(--sp-5);z-index:1;width:100%;display:flex;position:relative}.records-hero-avatar-wrap{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex;position:relative}.records-hero-avatar-wrap .avatar-circle.xl{border:2px solid var(--c-gold-400);width:80px;height:80px;box-shadow:0 6px 18px #00000080, var(--c-glow-gold);font-size:32px;font-weight:900}.records-hero-rank{font-size:var(--fs-12);border-radius:var(--r-pill);letter-spacing:.05em;background:#0f1a2e99;border:1px solid;align-items:center;gap:4px;padding:3px 10px;font-weight:800;display:inline-flex}.records-hero-rank.gold{color:var(--c-gold-200)}.records-hero-rank.gold-deep{color:var(--c-gold-100)}.records-hero-rank.silver{color:var(--c-blue-100)}.records-hero-rank.bronze{color:#c8956d}.records-hero-lv{font-family:var(--font-mono);opacity:.85;border-left:1px solid;margin-left:4px;padding-left:6px;font-size:10px}.records-hero-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.records-hero-name{font-size:var(--fs-24);color:var(--c-text);letter-spacing:.05em;font-weight:900}.records-hero-sub{font-size:var(--fs-12);color:var(--c-text-mute);letter-spacing:.06em}.records-hero-bar{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#0f1a2e99;height:18px;margin-top:4px;position:relative;overflow:hidden}.records-hero-bar-fill{background:var(--grad-button);border-radius:var(--r-pill);height:100%;transition:width var(--t-slow) var(--ease-out);box-shadow:0 0 12px #e8d3a866}.records-hero-bar-text{color:var(--c-text);font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:absolute;inset:0}.records-hero-streaks{gap:var(--sp-3);flex:none;display:flex}.records-hero-streak{border:1px solid var(--c-border-soft);border-radius:var(--r-lg);background:#0f1a2e80;align-items:center;gap:8px;min-width:90px;padding:10px 16px;display:flex}.records-hero-streak.is-win{border-color:#7dcc974d}.records-hero-streak.is-lose{border-color:#e55a4e4d}.records-hero-streak-num{font-size:var(--fs-24);color:var(--c-text);font-weight:900;line-height:1;font-family:var(--font-mono)}.records-hero-streak.is-win .records-hero-streak-num{color:var(--c-green-400)}.records-hero-streak.is-lose .records-hero-streak-num{color:var(--c-red-400)}.records-hero-streak-label{color:var(--c-text-mute);letter-spacing:.05em;margin-top:2px;font-size:10px}.records-kpis{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid}.records-kpi{padding:var(--sp-4) var(--sp-4);background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);box-shadow:var(--sh-2), var(--sh-inset);transition:transform var(--t-fast), border-color var(--t-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.records-kpi:hover{border-color:var(--c-border);transform:translateY(-2px)}.records-kpi:before{content:"";background:linear-gradient(90deg,#0000,#e8d3a866,#0000);height:1px;position:absolute;top:0;left:0;right:0}.records-kpi-icon{border-radius:var(--r-md);width:40px;height:40px;color:var(--c-text);margin-bottom:var(--sp-3);background:var(--icon-bg,linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700)));justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 12px #0006}.records-kpi-icon.is-blue{background:linear-gradient(135deg,#6e83b5,#2e3d6b)}.records-kpi-icon.is-gold{background:linear-gradient(135deg,#c5a578,#6e5234)}.records-kpi-icon.is-gold-2{background:linear-gradient(135deg,#e8d3a8,#8b6a3f)}.records-kpi-icon.is-red{background:linear-gradient(135deg,#e55a4e,#a93226)}.records-kpi-num{font-size:var(--fs-32);color:var(--c-text);font-weight:900;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.records-kpi-label{font-size:var(--fs-12);color:var(--c-text-mute);letter-spacing:.06em;margin-top:6px}.records-kpi-trend{border-radius:var(--r-sm);align-items:center;gap:2px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:14px;right:14px}.records-kpi-trend.up{color:var(--c-green-400);background:#7dcc9726}.records-kpi-trend.down{color:var(--c-red-400);background:#e55a4e26}.records-card{padding:var(--sp-4) var(--sp-4);background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);box-shadow:var(--sh-2), var(--sh-inset);gap:var(--sp-3);flex-direction:column;display:flex;position:relative}.records-card-head{justify-content:space-between;align-items:center;display:flex}.records-card-title{font-size:var(--fs-14);color:var(--c-text-gold);letter-spacing:.05em;align-items:center;gap:6px;font-weight:800;display:inline-flex}.records-card-legend{color:var(--c-text-mute);align-items:center;gap:4px;font-size:10px;display:inline-flex}.records-card-legend-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.records-card-row{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.records-card-half{gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#0f1a2e66;flex-direction:column;display:flex}.records-trend{width:100%;height:160px}.records-trend-svg{width:100%;height:100%;display:block}.records-donut{align-items:center;gap:var(--sp-4);display:flex}.records-donut-svg{flex:none;width:110px;height:110px}.records-donut-legend{flex-direction:column;flex:1;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.records-donut-legend li{font-size:var(--fs-12);align-items:center;gap:6px;display:flex}.records-donut-dot{border-radius:50%;flex:none;width:10px;height:10px}.records-donut-mode{color:var(--c-text-mute);flex:1}.records-donut-val{color:var(--c-text);font-weight:800;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.records-bars{flex-direction:column;gap:10px;display:flex}.records-bar-row{grid-template-columns:60px 1fr 80px;align-items:center;gap:10px;display:grid}.records-bar-label{font-size:var(--fs-12);color:var(--c-text);letter-spacing:.04em;font-weight:700}.records-bar-track{border-radius:var(--r-sm);background:#0f1a2e99;height:18px;display:flex;position:relative;overflow:hidden}.records-bar-fill-win{background:linear-gradient(90deg, var(--c-green-500), var(--c-green-400));height:100%;transition:width var(--t-slow) var(--ease-out)}.records-bar-fill-lose{background:linear-gradient(90deg, var(--c-red-500), var(--c-red-400));height:100%;transition:width var(--t-slow) var(--ease-out);opacity:.5}.records-bar-text{color:var(--c-text);font-size:10px;font-weight:800;font-family:var(--font-mono);text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.records-bar-meta{justify-content:space-between;align-items:center;gap:4px;font-size:10px;display:flex}.records-bar-score{font-weight:800;font-family:var(--font-mono)}.records-bar-score.pos{color:var(--c-green-400)}.records-bar-score.neg{color:var(--c-red-400)}.records-bar-count{color:var(--c-text-mute)}.records-filters{gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);background:#0f1a2e66;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.records-filter-group{flex-wrap:wrap;gap:4px;display:flex}.records-filter-group-right{flex:none}.records-filter{color:var(--c-text-mute);font-size:var(--fs-12);border-radius:var(--r-pill);cursor:pointer;transition:all var(--t-fast);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:5px 10px;font-weight:700;display:inline-flex}.records-filter:hover{color:var(--c-text);background:#6e83b51f}.records-filter.is-active{color:var(--c-blue-900);background:var(--grad-button);border-color:var(--c-gold-400);box-shadow:0 2px 6px #e8d3a840}.records-filter-num{border-radius:var(--r-pill);min-width:18px;height:16px;font-size:9px;font-weight:800;font-family:var(--font-mono);background:#00000040;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.records-filter.is-active .records-filter-num{color:var(--c-blue-900);background:#0f1a2e4d}.records-filter-mode{border:1px solid var(--c-border-soft);font-weight:600}.records-list{gap:var(--sp-2);flex-direction:column;display:flex}.records-row{align-items:center;gap:var(--sp-3);text-align:left;width:100%;padding:var(--sp-3) var(--sp-4);background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);color:inherit;grid-template-columns:64px 1fr auto;font-family:inherit;display:grid}.records-row:hover{background:var(--grad-card);border-color:var(--c-border);transform:translate(2px)}.records-row.is-win{border-left:3px solid var(--c-gold-400)}.records-row.is-lose{border-left:3px solid #e55a4e99}.records-row-result{flex-direction:column;align-items:center;gap:4px;display:flex}.records-row-delta{font-size:var(--fs-20);font-weight:900;font-family:var(--font-mono);line-height:1}.records-row-delta.win{color:var(--c-gold-200)}.records-row-delta.lose{color:var(--c-red-400)}.records-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.records-row-line1{font-size:var(--fs-14);color:var(--c-text);align-items:center;gap:6px;font-weight:800;display:flex}.records-row-mode{color:var(--c-text)}.records-row-bank,.records-row-dig,.records-row-mvp{border-radius:var(--r-sm);color:var(--c-gold-200);letter-spacing:.04em;background:#e8d3a81f;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.records-row-line2{font-size:var(--fs-12);color:var(--c-text-mute);align-items:center;gap:6px;display:flex}.records-row-dot{opacity:.5}.records-row-line3{color:var(--c-text-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em}.records-row-rank{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.records-row-rank-tag{border-radius:var(--r-sm);font-size:10px;font-weight:800;font-family:var(--font-mono);border:1px solid;align-items:center;gap:3px;padding:3px 8px;display:inline-flex}.records-row-rank-tag.gold{color:var(--c-gold-200);background:#e8d3a81f}.records-row-rank-tag.gold-deep{color:var(--c-gold-100);background:#e8d3a82e}.records-row-rank-tag.silver{color:var(--c-blue-100);background:#8fa0c81f}.records-row-rank-tag.bronze{color:#c8956d;background:#c8956d1f}.records-row-dur{color:var(--c-text-dim);font-size:10px;font-family:var(--font-mono)}.records-empty{padding:var(--sp-9) var(--sp-4);color:var(--c-text-mute);font-size:var(--fs-14);flex-direction:column;align-items:center;gap:8px;display:flex}.records-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;padding:var(--sp-4);animation:rec-fade-in .2s var(--ease-out);background:#07101ec7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.records-modal{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--sh-3);padding:var(--sp-5);gap:var(--sp-4);animation:rec-pop-in .3s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow-y:auto}.records-modal:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.records-modal-close{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:absolute;top:16px;right:16px}.records-modal-close:hover{border-color:var(--c-border)}.records-modal-head{align-items:center;gap:var(--sp-3);display:flex}.records-modal-badge{border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:0 4px 16px #00000080}.records-modal-badge.win{background:var(--grad-button);color:var(--c-blue-900);box-shadow:0 4px 16px #e8d3a866, var(--c-glow-gold)}.records-modal-badge.lose{color:var(--c-red-400);background:linear-gradient(#e55a4e4d,#a932264d);border:1px solid #e55a4e4d}.records-modal-title{font-size:var(--fs-20);color:var(--c-text);letter-spacing:.05em;font-weight:900}.records-modal-sub{font-size:var(--fs-12);color:var(--c-text-mute);margin-top:2px}.records-modal-hero{gap:var(--sp-4);padding:var(--sp-4);border:1px solid var(--c-border-soft);border-radius:var(--r-lg);background:#0f1a2e80;grid-template-columns:1fr 1px 2fr;align-items:center;display:grid}.records-modal-score{text-align:center}.records-modal-score-num{font-size:var(--fs-48);font-weight:900;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.records-modal-score-label{font-size:var(--fs-12);color:var(--c-text-mute);letter-spacing:.05em;margin-top:6px}.records-modal-divider{background:var(--c-border-soft);align-self:center;width:1px;height:60%}.records-modal-stats{gap:var(--sp-2);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.records-modal-stat-num{font-size:var(--fs-18);color:var(--c-text);font-weight:900;font-family:var(--font-mono);line-height:1}.records-modal-stat-label{color:var(--c-text-mute);letter-spacing:.05em;margin-top:4px;font-size:10px}.records-modal-section{flex-direction:column;gap:8px;display:flex}.records-modal-section-title{font-size:var(--fs-12);color:var(--c-text-gold);letter-spacing:.08em;font-weight:800}.records-modal-opponents{flex-wrap:wrap;gap:10px;display:flex}.records-modal-opp{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#0f1a2e80;align-items:center;gap:6px;padding:6px 10px 6px 6px;display:flex}.records-modal-opp .avatar-circle.sm{border-width:1.5px;width:26px;height:26px;font-size:11px}.records-modal-opp-name{font-size:var(--fs-12);color:var(--c-text);font-weight:700}.records-modal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.records-modal-cell{border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#0f1a2e80;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.records-modal-cell-label{font-size:var(--fs-12);color:var(--c-text-mute);letter-spacing:.04em}.records-modal-cell-val{font-size:var(--fs-14);color:var(--c-text);font-weight:800;font-family:var(--font-mono);text-align:right}.records-modal-cell-val.win{color:var(--c-gold-200)}.records-modal-actions{gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.records-modal-actions .btn{flex:1}@keyframes rec-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rec-pop-in{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.records-kpis{grid-template-columns:repeat(2,1fr)}.records-card-row{grid-template-columns:1fr}.records-hero-content{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.records-hero{padding:var(--sp-4)}.records-hero-info,.records-hero-streaks{width:100%}.records-hero-streak{flex:1}}@media (width<=600px){.records-hud{flex-wrap:wrap;gap:8px;padding:8px 12px}.records-hud-tabs{order:3;justify-content:center;width:100%}.records-title{font-size:var(--fs-18)}.records-hud-icon{display:none}.records-body{padding:var(--sp-3) var(--sp-3) calc(var(--sp-7) + env(safe-area-inset-bottom));gap:var(--sp-3)}.records-hero-avatar-wrap .avatar-circle.xl{width:64px;height:64px;font-size:24px}.records-hero-name{font-size:var(--fs-18)}.records-hero-streaks{width:100%}.records-hero-streak{flex:1;min-width:0;padding:8px 10px}.records-hero-streak-num{font-size:var(--fs-20)}.records-kpi{padding:var(--sp-3)}.records-kpi-num{font-size:var(--fs-24)}.records-kpi-icon{width:32px;height:32px}.records-filters{flex-direction:column;align-items:stretch}.records-row{gap:var(--sp-2);padding:var(--sp-3);grid-template-columns:52px 1fr}.records-row-rank{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.records-modal{padding:var(--sp-4)}.records-modal-hero{gap:var(--sp-3);grid-template-columns:1fr}.records-modal-divider{display:none}.records-modal-stats{grid-template-columns:repeat(3,1fr)}.records-donut{flex-direction:column}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.match-root{background:var(--grad-page);width:100%;height:100vh;color:var(--c-text);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.match-hud{align-items:center;gap:var(--sp-3);background:var(--grad-hud);border-bottom:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(12px);z-index:50;flex:none;min-height:56px;padding:10px 20px;display:flex;position:relative}.match-hud-back{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.match-hud-back:hover{border-color:var(--c-border);background:#6e83b52e}.match-hud-title{font-size:var(--fs-16);color:var(--c-text-gold);letter-spacing:.08em;text-shadow:0 2px 4px #00000080;align-items:center;gap:6px;font-weight:900;display:inline-flex}.match-hud-spacer{flex:1}.match-hud-timer{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);font-size:var(--fs-12);color:var(--c-text);font-weight:800;font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.match-hud-icon{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);width:36px;height:36px;color:var(--c-text-mute);cursor:pointer;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.match-hud-icon:hover{color:var(--c-text-gold);border-color:var(--c-border)}.match-hud-icon.is-active{color:var(--c-text-gold);border-color:var(--c-gold-400);background:#e8d3a826}.match-mode-pill{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-pill);box-shadow:var(--sh-2), var(--sh-inset);z-index:5;align-self:center;align-items:center;gap:10px;margin-top:12px;padding:6px 18px 6px 6px;display:flex;position:relative}.match-mode-icon{background:var(--grad-button);width:32px;height:32px;color:var(--c-blue-900);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #e8d3a84d}.match-mode-text{flex-direction:column;gap:0;display:flex}.match-mode-label{font-size:var(--fs-14);color:var(--c-text);letter-spacing:.05em;font-weight:900;line-height:1.2}.match-mode-sub{color:var(--c-text-mute);letter-spacing:.04em;font-size:10px}.match-mode-deco{align-items:center;gap:4px;margin-left:6px;display:flex}.match-mode-line{background:var(--c-border);width:16px;height:1px}.match-stage{flex:1;justify-content:center;align-items:center;min-height:280px;padding:12px 16px;display:flex;position:relative}.match-rings{pointer-events:none;justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:absolute}.match-ring{border:2px solid var(--c-gold-300);opacity:0;border-radius:50%;animation:3s ease-out infinite match-ring;position:absolute}.match-ring.r1{width:100px;height:100px;animation-delay:0s}.match-ring.r2{width:100px;height:100px;animation-delay:.75s}.match-ring.r3{width:100px;height:100px;animation-delay:1.5s}.match-ring.r4{width:100px;height:100px;animation-delay:2.25s}@keyframes match-ring{0%{opacity:.8;border-color:var(--c-gold-300);transform:scale(.6)}70%{opacity:.3}to{opacity:0;border-color:var(--c-gold-500);transform:scale(3.2)}}.match-orbit{pointer-events:none;width:280px;height:280px;animation:20s linear infinite match-orbit-rotate;position:absolute}.match-orbit-item{width:0;height:0;position:absolute;top:50%;left:50%}.match-orbit-card{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(4px);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}@keyframes match-orbit-rotate{to{transform:rotate(360deg)}}.match-emblem{z-index:5;background:var(--grad-button);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:3s ease-in-out infinite match-emblem-bob;display:flex;position:relative;box-shadow:0 0 0 4px #e8d3a833,0 0 0 8px #e8d3a81a,0 0 24px #e8d3a880,inset 0 -4px 12px #6e52344d}.match-emblem-ring,.match-emblem-ring-2{border:1.5px solid var(--c-gold-300);opacity:.5;border-radius:50%;position:absolute;inset:0}.match-emblem-ring{animation:4s linear infinite match-emblem-ring;transform:scale(1.1)}.match-emblem-ring-2{border-style:dashed;border-color:var(--c-gold-500);animation:6s linear infinite reverse match-emblem-ring;transform:scale(1.18)}@keyframes match-emblem-ring{to{transform:scale(1.1)rotate(360deg)}}.match-emblem-inner{background:var(--grad-card);border:1px solid var(--c-gold-400);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative;box-shadow:inset 0 2px 8px #0000004d}.match-emblem.is-matched{background:linear-gradient(#7dcc97 0%,#5bae7a 100%);box-shadow:0 0 0 4px #7dcc974d,0 0 32px #7dcc9799}.match-emblem.is-matched .match-emblem-inner{border-color:var(--c-green-400)}.match-emblem.is-starting{background:var(--grad-button);animation:.6s ease-in-out infinite match-emblem-bob}.match-emblem-suit{flex-direction:column;align-items:center;gap:2px;display:flex}.match-emblem-decks{color:var(--c-text-gold);letter-spacing:.05em;font-size:10px;font-weight:800;font-family:var(--font-mono);margin-top:2px}.match-emblem-check{color:var(--c-blue-900)}.match-countdown{color:var(--c-text);font-size:56px;font-weight:900;font-family:var(--font-mono);animation:match-countdown-pop .6s var(--ease-spring);text-shadow:0 2px 4px #00000080;line-height:1}@keyframes match-countdown-pop{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes match-emblem-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.match-slots{flex:none;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:4px;padding:0 16px;display:grid}.match-slot{border:1px solid var(--c-border-soft);border-radius:var(--r-md);transition:all var(--t-fast);background:#0f1a2e66;flex-direction:column;align-items:center;gap:4px;min-height:120px;padding:10px 6px 8px;display:flex;position:relative}.match-slot.is-waiting{opacity:.7;border-style:dashed}.match-slot.is-found{background:var(--grad-card-soft);border-style:solid;border-color:var(--c-border);box-shadow:var(--sh-2), var(--sh-inset);animation:match-slot-pop .5s var(--ease-spring)}.match-slot.is-self{border-color:var(--c-gold-400);background:linear-gradient(#e8d3a81f 0%,#6e523414 100%)}@keyframes match-slot-pop{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.match-slot-avatar{width:44px;height:44px;font-size:var(--fs-18);color:var(--c-text);border:2px solid var(--c-border);background:#0f1a2e99;border-radius:50%;justify-content:center;align-items:center;font-weight:900;display:flex;position:relative;overflow:hidden}.match-slot.is-found .match-slot-avatar{border-color:var(--c-gold-400);box-shadow:0 2px 6px #e8d3a84d}.match-slot-me-tag{background:var(--grad-button);color:var(--c-blue-900);border-radius:var(--r-sm);border:1.5px solid var(--c-blue-800);padding:1px 4px;font-size:8px;font-weight:900;position:absolute;bottom:-2px;right:-2px}.match-slot-loader{justify-content:center;align-items:center;gap:3px;display:flex}.match-slot-loader span{background:var(--c-gold-300);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite match-loader}.match-slot-loader span:nth-child(2){animation-delay:.15s}.match-slot-loader span:nth-child(3){animation-delay:.3s}@keyframes match-loader{0%,60%,to{opacity:.4;transform:scale(.6)}30%{opacity:1;transform:scale(1.2)}}.match-slot-name{font-size:var(--fs-13);color:var(--c-text);letter-spacing:.04em;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;overflow:hidden}.match-slot-rank{border-radius:var(--r-sm);font-size:9px;font-weight:800;font-family:var(--font-mono);align-items:center;gap:2px;padding:1px 5px;display:inline-flex}.match-slot-rank.rank-gold{color:var(--c-gold-200);background:#e8d3a826}.match-slot-rank.rank-silver{color:var(--c-blue-100);background:#8fa0c826}.match-slot-rank.rank-bronze{color:#c8956d;background:#c8956d26}.match-slot-meta{color:var(--c-text-mute);flex-direction:column;align-items:center;gap:1px;width:100%;font-size:9px;display:flex}.match-slot-wr{color:var(--c-text-mute);font-weight:700}.match-slot-ping{opacity:.7;align-items:center;gap:2px;display:inline-flex}.match-slot-status{color:var(--c-text-mute);letter-spacing:.05em;font-size:10px}.match-slot-status.is-waiting{color:var(--c-gold-200)}.match-slot-status.is-found{color:var(--c-green-400)}.match-status{z-index:5;flex-direction:column;flex:none;gap:6px;padding:12px 20px 8px;display:flex}.match-status-text{font-size:var(--fs-14);color:var(--c-text);letter-spacing:.05em;align-items:center;gap:6px;font-weight:700;display:inline-flex}.match-status-text strong{color:var(--c-gold-200);font-weight:900;font-size:var(--fs-16);font-family:var(--font-mono);margin:0 2px}.match-status-dot{background:var(--c-gold-300);width:8px;height:8px;box-shadow:0 0 8px var(--c-gold-300);border-radius:50%;animation:1.2s ease-in-out infinite match-pulse-dot;display:inline-block}@keyframes match-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.match-progress{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#0f1a2e99;height:6px;position:relative;overflow:hidden}.match-progress-fill{background:var(--grad-button);border-radius:var(--r-pill);height:100%;transition:width .6s var(--ease-out);position:relative;overflow:hidden;box-shadow:0 0 8px #e8d3a880}.match-progress-fill.is-done{background:linear-gradient(90deg,#5bae7a 0%,#7dcc97 50%,#5bae7a 100%) 0 0/200% 100%;animation:1.5s linear infinite match-progress-shimmer}@keyframes match-progress-shimmer{to{background-position:200% 0}}.match-progress-glow{background:linear-gradient(90deg,#0000,#fff9,#0000);width:20px;animation:1.4s ease-in-out infinite match-glow-move;position:absolute;top:0;bottom:0;right:0}@keyframes match-glow-move{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(100%)}}.match-hint{color:var(--c-text-dim);letter-spacing:.05em;align-items:center;gap:4px;font-size:10px;display:inline-flex}.match-footer{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--grad-hud);border-top:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(10px);z-index:10;flex:none;gap:10px;display:flex}.match-btn-secondary,.match-btn-primary{font-size:var(--fs-15);border-radius:var(--r-md);cursor:pointer;letter-spacing:.05em;transition:all var(--t-fast);border:0;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-family:inherit;font-weight:800;display:inline-flex}.match-btn-secondary{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);color:var(--c-text-mute)}.match-btn-secondary:hover{color:var(--c-text);border-color:var(--c-border);background:#6e83b52e}.match-btn-primary{background:var(--grad-button);color:var(--c-blue-900);flex:1.5;box-shadow:0 4px 12px #e8d3a84d}.match-btn-primary:disabled{background:var(--grad-button-secondary);color:var(--c-text-mute);cursor:not-allowed;box-shadow:none}.match-btn-primary.is-ready{animation:1.2s ease-in-out infinite match-btn-ready}@keyframes match-btn-ready{0%,to{box-shadow:0 4px 12px #e8d3a866}50%{box-shadow:0 4px 24px #e8d3a8cc,0 0 32px #e8d3a866}}.match-settings-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;animation:match-fade-in .2s var(--ease-out);background:#07101ec7;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.match-settings{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:600px;max-height:70vh;box-shadow:var(--sh-3);padding:var(--sp-5);gap:var(--sp-4);animation:match-slide-up .3s var(--ease-spring);border-bottom:0;flex-direction:column;display:flex;position:relative;overflow-y:auto}.match-settings:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.match-settings-head{border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.match-settings-head h3{font-size:var(--fs-18);color:var(--c-text-gold);letter-spacing:.05em;margin:0;font-weight:900}.match-settings-head button{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.match-settings-section{flex-direction:column;gap:8px;display:flex}.match-settings-label{font-size:var(--fs-12);color:var(--c-text-gold);letter-spacing:.06em;font-weight:800}.match-settings-options{flex-wrap:wrap;gap:6px;display:flex}.match-rank-opt,.match-mode-opt{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);font-size:var(--fs-12);cursor:pointer;transition:all var(--t-fast);padding:6px 12px;font-family:inherit;font-weight:700}.match-rank-opt:hover,.match-mode-opt:hover{color:var(--c-text);background:#6e83b52e}.match-rank-opt.is-active,.match-mode-opt.is-active{background:var(--grad-button);border-color:var(--c-gold-400);color:var(--c-blue-900);font-weight:900}.match-rank-opt.rank-gold.is-active{background:var(--grad-button)}.match-rank-opt.rank-silver.is-active{background:linear-gradient(#d5deec 0%,#8fa0c8 100%)}.match-rank-opt.rank-bronze.is-active{color:#faf8f2;background:linear-gradient(#c8956d 0%,#6e5234 100%)}.match-rank-opt.rank-gold-deep.is-active{color:#faf8f2;background:linear-gradient(#6e83b5 0%,#2e3d6b 100%)}.match-settings-toggles{border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#0f1a2e66;flex-direction:column;gap:0;display:flex;overflow:hidden}.match-toggle-row{font-size:var(--fs-13);color:var(--c-text);border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.match-toggle-row:last-child{border-bottom:0}.match-toggle{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);cursor:pointer;width:36px;height:20px;transition:all var(--t-fast);background:#0f1a2e99;flex:none;position:relative}.match-toggle.is-on{background:var(--grad-button);border-color:var(--c-gold-400)}.match-toggle-knob{background:var(--c-text-mute);width:16px;height:16px;transition:all var(--t-fast);border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0000004d}.match-toggle.is-on .match-toggle-knob{background:var(--c-blue-900);left:auto;right:1px}@keyframes match-fade-in{0%{opacity:0}to{opacity:1}}@keyframes match-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.match-rain{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.match-rain-card{justify-content:center;align-items:center;animation:16s linear infinite match-rain-fall;display:flex;position:absolute}@keyframes match-rain-fall{0%{transform:translateY(-10vh)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.match-burst{pointer-events:none;z-index:200;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.match-burst-particle{width:var(--size);height:var(--size);background:var(--c-gold-300);box-shadow:0 0 8px var(--c-gold-300);animation:match-burst-fly var(--duration) ease-out var(--delay) forwards;border-radius:50%;position:absolute;top:0;left:0}@keyframes match-burst-fly{0%{transform:rotate(var(--angle)) translateX(0) scale(1);opacity:1}to{transform:rotate(var(--angle)) translateX(var(--dist)) scale(0);opacity:0}}.match-burst-ring{border:3px solid var(--c-gold-300);opacity:0;border-radius:50%;animation:1.5s ease-out infinite match-burst-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-burst-ring.r1{width:100px;height:100px;animation-delay:0s}.match-burst-ring.r2{border-color:var(--c-gold-400);width:100px;height:100px;animation-delay:.4s}.match-burst-ring.r3{border-color:var(--c-gold-500);width:100px;height:100px;animation-delay:.8s}@keyframes match-burst-ring{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}@media (width<=900px){.match-slots{grid-template-columns:repeat(3,1fr)}.match-stage{min-height:220px}.match-rings,.match-orbit{width:220px;height:220px}.match-orbit-item{transform:rotate(0)translateY(-95px)!important}.match-emblem{width:90px;height:90px}.match-emblem-inner{width:72px;height:72px}.match-slot{min-height:100px}.match-slot-avatar{width:36px;height:36px;font-size:14px}}@media (width<=600px){.match-hud{gap:6px;padding:8px 12px}.match-hud-timer{padding:3px 8px;font-size:11px}.match-mode-pill{margin-top:8px;padding:5px 14px 5px 5px}.match-mode-label{font-size:12px}.match-mode-sub{font-size:9px}.match-stage{min-height:200px}.match-rings,.match-orbit{width:180px;height:180px}.match-orbit-item{transform:rotate(0)translateY(-78px)!important}.match-orbit-card{width:24px;height:24px}.match-emblem{width:76px;height:76px}.match-emblem-inner{width:60px;height:60px}.match-countdown{font-size:38px}.match-slots{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px}.match-slot{min-height:90px;padding:8px 4px 6px}.match-slot-avatar{width:32px;height:32px;font-size:13px}.match-slot-name{font-size:11px}.match-status{padding:8px 12px 4px}.match-status-text{font-size:12px}.match-btn-secondary,.match-btn-primary{padding:10px 14px;font-size:13px}.match-burst{display:none}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.auth-root{background:var(--grad-page);width:100%;min-height:100vh;color:var(--c-text);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-bg-glow{filter:blur(120px);opacity:.35;border-radius:50%;width:600px;height:600px;position:absolute}.auth-bg-glow.g1{background:radial-gradient(circle,#e8d3a880 0%,#0000 70%);animation:20s ease-in-out infinite auth-glow-drift;top:-200px;left:-100px}.auth-bg-glow.g2{background:radial-gradient(circle,#6e83b599 0%,#0000 70%);animation:25s ease-in-out infinite reverse auth-glow-drift;bottom:-200px;right:-100px}@keyframes auth-glow-drift{0%,to{transform:translate(0)}50%{transform:translate(80px,40px)}}.auth-corner-suit{opacity:.08;animation:6s ease-in-out infinite auth-corner-float;position:absolute}.auth-corner-suit.top-left{top:-20px;left:-20px;transform:rotate(-25deg)}.auth-corner-suit.top-right{top:-20px;right:-20px;transform:rotate(25deg)scaleX(-1)}.auth-corner-suit.bottom-left{animation-delay:1.5s;bottom:-20px;left:-20px;transform:rotate(-155deg)}.auth-corner-suit.bottom-right{animation-delay:3s;bottom:-20px;right:-20px;transform:rotate(155deg)scaleX(-1)}@keyframes auth-corner-float{0%,to{transform:translate(0)rotate(0)}50%{transform:translateY(-10px)rotate(3deg)}}.auth-rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-rain-card{justify-content:center;align-items:center;animation:18s linear infinite auth-rain-fall;display:flex;position:absolute}@keyframes auth-rain-fall{0%{transform:translateY(-10vh)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.auth-close{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);width:40px;height:40px;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:20px;right:20px}.auth-close:hover{border-color:var(--c-border);background:#6e83b52e}.auth-shell{z-index:10;align-items:center;gap:var(--sp-7);width:100%;max-width:1280px;padding:var(--sp-6) var(--sp-6);flex:1;grid-template-columns:1fr 1fr;margin:0 auto;display:grid;position:relative}.auth-brand{align-items:center;gap:var(--sp-5);text-align:center;padding:var(--sp-6) var(--sp-4);flex-direction:column;display:flex;position:relative}.auth-brand-orbit{pointer-events:none;width:240px;height:240px;animation:24s linear infinite auth-orbit-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-brand-orbit-item{width:0;height:0;position:absolute;top:50%;left:50%}.auth-brand-orbit-card{background:var(--c-bg-glass);border:1px solid var(--c-gold-400);-webkit-backdrop-filter:blur(6px);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006,0 0 12px #e8d3a84d}@keyframes auth-orbit-rotate{to{transform:translate(-50%,-50%)rotate(360deg)}}.auth-brand-emblem{z-index:5;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.auth-brand-emblem-ring{border:2px solid var(--c-gold-300);opacity:.4;border-radius:50%;animation:3s ease-in-out infinite auth-emblem-pulse;position:absolute;inset:0}.auth-brand-emblem-ring.r1{animation-delay:0s}.auth-brand-emblem-ring.r2{border-style:dashed;border-color:var(--c-gold-500);animation-delay:1s}.auth-brand-emblem-ring.r3{border-color:var(--c-gold-400);animation-delay:2s;transform:scale(1.15)}@keyframes auth-emblem-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.auth-brand-emblem-inner{background:var(--grad-button);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;animation:3s ease-in-out infinite auth-emblem-bob;display:flex;position:relative;box-shadow:0 0 0 4px #e8d3a833,0 0 0 10px #e8d3a814,0 0 32px #e8d3a880,inset 0 -4px 12px #6e52344d}@keyframes auth-emblem-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-brand-text{flex-direction:column;align-items:center;gap:4px;display:flex}.auth-brand-title{color:var(--c-text);letter-spacing:.12em;text-shadow:0 2px 8px #00000080;background:linear-gradient(#f5e6c4 0%,#c5a578 60%,#8b6a3f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900}.auth-brand-sub{color:var(--c-text-dim);letter-spacing:.3em;font-size:11px;font-weight:700;font-family:var(--font-mono)}.auth-brand-tagline{color:var(--c-text-gold);letter-spacing:.15em;margin-top:4px;font-size:13px;font-weight:700}.auth-brand-feats{text-align:left;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.auth-brand-feats li{color:var(--c-text-mute);letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;display:inline-flex}.auth-form{justify-content:center;align-items:center;width:100%;display:flex}.auth-form-card{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);width:100%;max-width:440px;box-shadow:var(--sh-3), var(--sh-inset);flex-direction:column;gap:18px;padding:28px;display:flex;position:relative;overflow:hidden}.auth-form-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);height:3px;position:absolute;top:0;left:0;right:0}.auth-form-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#e8d3a833 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-100px;right:-100px}.auth-tabs{border-bottom:1px solid var(--c-border-soft);gap:24px;display:flex;position:relative}.auth-tab{color:var(--c-text-mute);cursor:pointer;letter-spacing:.1em;transition:color var(--t-fast);background:0 0;border:0;padding:8px 4px 12px;font-family:inherit;font-size:18px;font-weight:800;position:relative}.auth-tab:hover{color:var(--c-text)}.auth-tab.is-active{color:var(--c-text-gold)}.auth-tab-bar{background:var(--grad-button);height:2px;animation:auth-tab-bar .3s var(--ease-spring);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 8px #e8d3a866}@keyframes auth-tab-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-form-sub{color:var(--c-text-mute);letter-spacing:.06em;margin-top:-8px;font-size:12px}.auth-fields{flex-direction:column;gap:10px;display:flex}.auth-field{border:1.5px solid var(--c-border-soft);border-radius:var(--r-md);height:48px;transition:all var(--t-fast);background:#0f1a2e80;align-items:center;padding:0 14px;display:flex;position:relative}.auth-field:hover{border-color:var(--c-border)}.auth-field.is-focused{border-color:var(--c-gold-400);background:#0f1a2eb3;box-shadow:0 0 0 3px #e8d3a81f}.auth-field.is-valid{border-color:#7dcc9780}.auth-field-icon{color:var(--c-text-dim);transition:color var(--t-fast);flex:none;justify-content:center;align-items:center;margin-right:10px;display:inline-flex}.auth-field.is-focused .auth-field-icon{color:var(--c-gold-300)}.auth-field.is-valid .auth-field-icon{color:var(--c-green-400)}.auth-field-country{color:var(--c-text);letter-spacing:.04em;flex:none;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.auth-field-divider{background:var(--c-border-soft);width:1px;height:20px;margin:0 12px}.auth-input{color:var(--c-text);letter-spacing:.04em;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px;font-weight:600}.auth-input::placeholder{color:var(--c-text-dim);font-weight:500}.auth-field-check{flex:none;margin-left:6px}.auth-field-action{color:var(--c-gold-300);cursor:pointer;letter-spacing:.04em;transition:color var(--t-fast);border:0;border-left:1px solid var(--c-border-soft);background:0 0;flex:none;align-items:center;height:28px;margin-left:8px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.auth-field-action:hover:not(:disabled){color:var(--c-gold-200)}.auth-field-action:disabled{color:var(--c-text-dim);cursor:not-allowed}.auth-field-action.is-counting{color:var(--c-text-mute)}.auth-field-action.is-enabled{color:var(--c-gold-200)}.auth-field-icon-btn{color:var(--c-text-dim);cursor:pointer;transition:color var(--t-fast);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:4px;padding:4px;display:inline-flex}.auth-field-icon-btn:hover{color:var(--c-text-gold)}.auth-qr-area{flex-direction:column;align-items:center;gap:12px;padding:12px 0;display:flex}.auth-qr-frame{border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#0f1a2e80;padding:16px;position:relative}.auth-qr-code{grid-template-columns:repeat(8,1fr);gap:2px;width:160px;height:160px;display:grid;position:relative}.auth-qr-cell{background:var(--c-text-dim);opacity:.15;border-radius:1px}.auth-qr-cell.is-on{background:var(--c-blue-900);opacity:1}.auth-qr-center{background:var(--grad-card);border:1.5px solid var(--c-gold-400);border-radius:var(--r-md);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #e8d3a866}.auth-qr-tip{color:var(--c-text-mute);letter-spacing:.06em;font-size:12px}.auth-guest-hint{border-radius:var(--r-sm);color:var(--c-text-mute);letter-spacing:.04em;background:#e8d3a814;border:1px solid #e8d3a833;align-items:center;gap:6px;padding:8px 10px;font-size:11px;display:flex}.auth-agree{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:8px;display:flex}.auth-agree-box{border:1.5px solid var(--c-border-soft);width:16px;height:16px;transition:all var(--t-fast);background:0 0;border-radius:3px;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex;position:relative}.auth-agree-box input{opacity:0;width:0;height:0;position:absolute}.auth-agree-box.is-on{background:var(--grad-button);border-color:var(--c-gold-400)}.auth-agree-text{color:var(--c-text-mute);letter-spacing:.04em;font-size:11px;line-height:1.5}.auth-agree-link{color:var(--c-gold-300);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.auth-agree-link:hover{color:var(--c-gold-200)}.auth-submit{background:var(--grad-button-secondary);width:100%;height:48px;color:var(--c-text-dim);border-radius:var(--r-md);cursor:not-allowed;letter-spacing:.15em;transition:all var(--t-fast);border:0;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:16px;font-weight:900;display:inline-flex;position:relative;overflow:hidden}.auth-submit.is-enabled{background:var(--grad-button);color:var(--c-blue-900);cursor:pointer;box-shadow:0 4px 12px #e8d3a84d}.auth-submit.is-enabled:hover{background:var(--grad-button-hover);transform:translateY(-1px);box-shadow:0 6px 18px #e8d3a880}.auth-submit.is-enabled:active{transform:translateY(0)}.auth-submit.is-loading{cursor:wait}.auth-submit-arrow{transition:transform var(--t-fast);font-weight:900;display:inline-block}.auth-submit.is-enabled:hover .auth-submit-arrow{transform:translate(4px)}.auth-submit-spinner{border:2px solid #0003;border-top-color:var(--c-blue-900);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{text-align:center;margin:4px 0;position:relative}.auth-divider:before{content:"";background:var(--c-border-soft);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--grad-card);color:var(--c-text-dim);letter-spacing:.15em;padding:0 12px;font-size:11px;display:inline-block;position:relative}.auth-quick{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.auth-quick-btn{background:var(--c-bg-glass);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);border:1.5px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-family:inherit;display:flex}.auth-quick-btn:hover{border-color:var(--c-border-soft);background:#6e83b52e}.auth-quick-btn.is-active{border-color:var(--c-gold-400);background:#e8d3a81a}.auth-quick-icon{width:40px;height:40px;color:var(--c-text);transition:transform var(--t-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.auth-quick-btn:hover .auth-quick-icon{transform:scale(1.08)}.auth-quick-icon.wechat{color:#faf8f2;background:linear-gradient(135deg,#1aad19 0%,#0e7b0e 100%)}.auth-quick-icon.apple{color:#faf8f2;background:linear-gradient(135deg,#2a2a2a 0%,#0a0a0a 100%)}.auth-quick-icon.guest{color:var(--c-gold-200);background:linear-gradient(135deg,#6e83b5 0%,#2e3d6b 100%)}.auth-quick-label{color:var(--c-text-mute);letter-spacing:.05em;font-size:11px;font-weight:700}.auth-quick-btn.is-active .auth-quick-label{color:var(--c-text-gold)}.auth-foot{justify-content:center;align-items:center;gap:10px;margin-top:-2px;display:flex}.auth-foot-link{color:var(--c-text-mute);cursor:pointer;letter-spacing:.04em;transition:color var(--t-fast);background:0 0;border:0;padding:0;font-family:inherit;font-size:12px;font-weight:600}.auth-foot-link:hover{color:var(--c-gold-200)}.auth-foot-sep{color:var(--c-border);font-size:11px}.auth-toast{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-pill);box-shadow:var(--sh-3);color:var(--c-text);z-index:200;-webkit-backdrop-filter:blur(10px);animation:auth-toast-in .3s var(--ease-spring);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.auth-toast.is-ok{border-color:#7dcc9766}.auth-toast.is-err{border-color:#e55a4e66}.auth-toast.is-info{border-color:#6e83b566}@keyframes auth-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.auth-agree-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;animation:auth-fade-in .2s var(--ease-out);background:#07101ec7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-agree-modal{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--sh-3);animation:auth-pop-in .3s var(--ease-spring);flex-direction:column;gap:14px;padding:28px 28px 20px;display:flex;position:relative}.auth-agree-modal-close{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:absolute;top:14px;right:14px}.auth-agree-modal-icon{justify-content:center;padding:6px 0;display:flex}.auth-agree-modal h3{color:var(--c-text-gold);letter-spacing:.05em;text-align:center;margin:0;font-size:20px;font-weight:900}.auth-agree-modal-body{color:var(--c-text-mute);letter-spacing:.04em;flex:1;max-height:50vh;padding:12px 0;font-size:12px;line-height:1.7;overflow-y:auto}.auth-agree-modal-body h4{color:var(--c-text);letter-spacing:.05em;margin:12px 0 6px;font-size:13px;font-weight:800}.auth-agree-modal-body p{margin:0 0 6px}.auth-agree-modal-actions{border-top:1px solid var(--c-border-soft);gap:10px;padding-top:8px;display:flex}.auth-agree-modal-btn{border-radius:var(--r-md);cursor:pointer;letter-spacing:.05em;height:40px;transition:all var(--t-fast);border:0;flex:1;font-family:inherit;font-size:14px;font-weight:800}.auth-agree-modal-btn.secondary{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);color:var(--c-text-mute)}.auth-agree-modal-btn.secondary:hover{color:var(--c-text);background:#6e83b52e}.auth-agree-modal-btn.primary{background:var(--grad-button);color:var(--c-blue-900)}.auth-agree-modal-btn.primary:hover{background:var(--grad-button-hover)}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-pop-in{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.auth-shell{gap:var(--sp-4);grid-template-columns:1fr;padding:60px 20px 20px}.auth-brand{padding:0}.auth-brand-title{font-size:28px}.auth-brand-orbit{width:180px;height:180px}.auth-brand-orbit-item{transform:rotate(0)translateY(-72px)!important}.auth-brand-orbit-card{width:36px;height:36px}.auth-brand-emblem{width:100px;height:100px}.auth-brand-emblem-inner{width:80px;height:80px}.auth-brand-feats{display:none}.auth-form-card{max-width:100%;padding:22px}.auth-tab{font-size:16px}}@media (width<=600px){.auth-corner-suit{display:none}.auth-brand-title{font-size:24px}.auth-brand-orbit{width:150px;height:150px}.auth-brand-orbit-item{transform:rotate(0)translateY(-60px)!important}.auth-brand-orbit-card{width:32px;height:32px}.auth-brand-emblem{width:84px;height:84px}.auth-brand-emblem-inner{width:68px;height:68px}.auth-form-card{padding:18px}.auth-tab{padding:6px 4px 10px;font-size:15px}.auth-field{height:44px;padding:0 12px}.auth-submit{height:44px;font-size:15px}.auth-quick-btn{padding:8px 4px}.auth-quick-icon{width:36px;height:36px}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.notif-root{background:var(--grad-page);width:100%;min-height:100vh;color:var(--c-text);isolation:isolate;flex-direction:column;display:flex;position:relative}.notif-hud{align-items:center;gap:var(--sp-3);background:var(--grad-hud);border-bottom:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(12px);z-index:50;flex:none;min-height:56px;padding:10px 20px;display:flex;position:sticky;top:0}.notif-back{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.notif-back:hover{border-color:var(--c-border);background:#6e83b52e}.notif-title{font-size:var(--fs-18);color:var(--c-text-gold);letter-spacing:.08em;text-shadow:0 2px 4px #00000080;align-items:center;gap:6px;margin:0;font-weight:900;display:inline-flex}.notif-hud-badge{background:var(--c-red-500);color:#faf8f2;border-radius:var(--r-pill);min-width:18px;height:18px;font-size:10px;font-weight:900;font-family:var(--font-mono);animation:notif-badge-pop .4s var(--ease-spring);justify-content:center;align-items:center;margin-left:4px;padding:0 5px;display:inline-flex;box-shadow:0 0 8px #e55a4e80}@keyframes notif-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.notif-hud-spacer{flex:1}.notif-hud-action{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);font-size:var(--fs-12);cursor:pointer;letter-spacing:.05em;transition:all var(--t-fast);align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-weight:700;display:inline-flex}.notif-hud-action:hover:not(:disabled){color:var(--c-gold-200);border-color:var(--c-border)}.notif-hud-action:disabled{opacity:.4;cursor:not-allowed}.notif-hud-icon{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);width:36px;height:36px;color:var(--c-text-mute);cursor:pointer;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.notif-hud-icon:hover{color:var(--c-text-gold);border-color:var(--c-border)}.notif-body{width:100%;max-width:800px;padding:0 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.notif-tabs-wrap{z-index:30;background:var(--grad-page);border-bottom:1px solid var(--c-border-soft);margin-bottom:4px;padding:12px 0;position:sticky;top:56px}.notif-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.notif-tabs::-webkit-scrollbar{display:none}.notif-tab{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);font-size:var(--fs-12);cursor:pointer;letter-spacing:.05em;white-space:nowrap;transition:all var(--t-fast);flex:none;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-weight:700;display:inline-flex}.notif-tab:hover{color:var(--c-text);background:#6e83b52e}.notif-tab.is-active{background:var(--grad-button);border-color:var(--c-gold-400);color:var(--c-blue-900);box-shadow:0 2px 6px #e8d3a84d}.notif-tab-num{border-radius:var(--r-pill);min-width:18px;height:16px;font-size:9px;font-weight:900;font-family:var(--font-mono);background:#0000004d;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.notif-tab.is-active .notif-tab-num{background:#0f1a2e4d}.notif-groups{flex-direction:column;gap:16px;display:flex}.notif-group{flex-direction:column;gap:8px;display:flex}.notif-group-head{align-items:center;gap:10px;padding:0 4px;display:flex}.notif-group-label{font-size:var(--fs-12);color:var(--c-text-gold);letter-spacing:.08em;flex:none;font-weight:800}.notif-group-line{background:linear-gradient(90deg, var(--c-border-soft), transparent);flex:1;height:1px}.notif-group-count{color:var(--c-text-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;flex:none}.notif-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.notif-item{background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);gap:12px;padding:14px 14px 14px 12px;display:flex;position:relative;overflow:hidden}.notif-item:before{content:"";background:var(--type-color,var(--c-gold-300));opacity:.4;width:3px;position:absolute;top:0;bottom:0;left:0}.notif-item:hover{background:var(--grad-card);border-color:var(--c-border);transform:translate(2px)}.notif-item.is-unread{background:linear-gradient(#e8d3a80f 0%,#2e3d6b66 100%);border-color:#e8d3a840}.notif-item.is-unread:before{opacity:1}.notif-item.is-pinned{background:linear-gradient(#e8d3a81a 0%,#2e3d6b66 100%);border-color:#e8d3a866}.notif-item.is-just-marked{animation:notif-marked .6s var(--ease-out)}@keyframes notif-marked{0%{background:#7dcc974d}to{background:var(--grad-card-soft)}}.notif-item-icon{width:44px;height:44px;color:var(--c-blue-900);background:var(--icon-bg,linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700)));border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 6px #0006}.notif-item-dot{background:var(--c-red-500);border:2px solid var(--c-blue-800);width:10px;height:10px;box-shadow:0 0 6px var(--c-red-400);border-radius:50%;animation:1.6s ease-in-out infinite notif-pulse;position:absolute;top:-2px;right:-2px}@keyframes notif-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.notif-item-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notif-item-line1{font-size:var(--fs-13);color:var(--c-text);align-items:center;gap:6px;font-weight:800;display:flex}.notif-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.notif-item-pin{flex:none;align-items:center;display:inline-flex}.notif-item-time{color:var(--c-text-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;flex:none;font-weight:600}.notif-item-content{font-size:var(--fs-12);color:var(--c-text-mute);letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.notif-item-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.notif-item-reward{border-radius:var(--r-pill);color:var(--c-text-mute);background:#e8d3a81f;border:1px solid #e8d3a840;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.notif-item-reward strong{color:var(--c-gold-200);font-family:var(--font-mono);font-weight:900}.notif-item-action{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);cursor:pointer;letter-spacing:.05em;transition:all var(--t-fast);align-items:center;gap:3px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.notif-item-action:hover{color:var(--c-text);background:#6e83b52e}.notif-item-action.is-primary{background:var(--grad-button);color:var(--c-blue-900);border-color:var(--c-gold-400);font-weight:800}.notif-item-action.is-primary:hover{background:var(--grad-button-hover)}.notif-item-menu-btn{width:24px;height:24px;color:var(--c-text-dim);cursor:pointer;opacity:0;transition:all var(--t-fast);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:inline-flex;position:absolute;top:8px;right:8px}.notif-item:hover .notif-item-menu-btn{opacity:1}.notif-item-menu-btn:hover{background:var(--c-bg-glass);color:var(--c-text-gold)}.notif-item-menu-backdrop{z-index:100;position:fixed;inset:0}.notif-item-menu{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-md);min-width:120px;box-shadow:var(--sh-3);z-index:101;animation:notif-menu-pop .2s var(--ease-spring);flex-direction:column;padding:4px;display:flex;position:absolute;top:30px;right:8px}@keyframes notif-menu-pop{0%{opacity:0;transform:scale(.9)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.notif-item-menu button{color:var(--c-text);font-size:var(--fs-12);cursor:pointer;border-radius:var(--r-sm);text-align:left;transition:background var(--t-fast);letter-spacing:.04em;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;font-family:inherit;font-weight:700;display:flex}.notif-item-menu button:hover{background:var(--c-bg-glass)}.notif-item-menu button.is-danger{color:var(--c-red-400)}.notif-item-menu button.is-danger:hover{background:#e55a4e26}.notif-empty{color:var(--c-text-mute);flex-direction:column;align-items:center;gap:8px;padding:80px 20px;display:flex}.notif-empty-title{font-size:var(--fs-16);color:var(--c-text);margin-top:8px;font-weight:800}.notif-empty-sub{font-size:var(--fs-12);color:var(--c-text-dim)}.notif-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;animation:notif-fade-in .2s var(--ease-out);background:#07101ec7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.notif-modal{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--sh-3);animation:notif-pop-in .3s var(--ease-spring);flex-direction:column;gap:14px;padding:24px;display:flex;position:relative;overflow-y:auto}.notif-modal:before{content:"";background:var(--type-color,var(--c-gold-400));border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.notif-modal-close{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:absolute;top:14px;right:14px}.notif-modal-close:hover{border-color:var(--c-border)}.notif-modal-head{align-items:center;gap:12px;padding-top:8px;display:flex}.notif-modal-icon{width:56px;height:56px;color:var(--c-blue-900);background:var(--icon-bg,linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700)));border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 4px 16px #00000080}.notif-modal-meta{flex-direction:column;gap:2px;display:flex}.notif-modal-type{font-size:var(--fs-12);color:var(--type-color,var(--c-gold-200));letter-spacing:.08em;font-weight:800}.notif-modal-time{color:var(--c-text-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em}.notif-modal-title{font-size:var(--fs-20);color:var(--c-text);letter-spacing:.05em;margin:0;font-weight:900;line-height:1.3}.notif-modal-content{font-size:var(--fs-13);color:var(--c-text-mute);letter-spacing:.04em;padding:4px 0;line-height:1.7}.notif-modal-reward{border-radius:var(--r-md);background:#e8d3a814;border:1px solid #e8d3a833;flex-direction:column;gap:6px;padding:12px;display:flex}.notif-modal-reward-label{font-size:var(--fs-12);color:var(--c-text-gold);letter-spacing:.06em;font-weight:800}.notif-modal-reward-card{border-radius:var(--r-sm);background:#0f1a2e80;align-items:center;gap:12px;padding:10px;display:flex}.notif-modal-reward-name{font-size:var(--fs-12);color:var(--c-text-mute);letter-spacing:.05em}.notif-modal-reward-value{font-size:var(--fs-20);color:var(--c-gold-200);font-weight:900;font-family:var(--font-mono)}.notif-modal-actions{border-top:1px solid var(--c-border-soft);gap:8px;padding-top:8px;display:flex}.notif-modal-btn{border-radius:var(--r-md);font-size:var(--fs-13);cursor:pointer;letter-spacing:.05em;transition:all var(--t-fast);border:0;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 14px;font-family:inherit;font-weight:800;display:inline-flex}.notif-modal-btn.secondary{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);color:var(--c-text-mute)}.notif-modal-btn.secondary:hover{color:var(--c-text);background:#6e83b52e}.notif-modal-btn.danger{color:var(--c-red-400);background:#e55a4e26}.notif-modal-btn.danger:hover{background:#e55a4e40}.notif-modal-btn.primary{background:var(--grad-button);color:var(--c-blue-900);flex:1.4}.notif-modal-btn.primary:hover{background:var(--grad-button-hover)}@keyframes notif-fade-in{0%{opacity:0}to{opacity:1}}@keyframes notif-pop-in{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.notif-settings-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;animation:notif-fade-in .2s var(--ease-out);background:#07101ec7;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.notif-settings{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:600px;max-height:85vh;box-shadow:var(--sh-3);animation:notif-slide-up .3s var(--ease-spring);border-bottom:0;flex-direction:column;gap:16px;padding:20px 20px 0;display:flex;position:relative;overflow-y:auto}.notif-settings:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--c-gold-400) 50%, transparent 100%);border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.notif-settings-head{border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.notif-settings-head h3{font-size:var(--fs-18);color:var(--c-text-gold);letter-spacing:.05em;align-items:center;gap:6px;margin:0;font-weight:900;display:inline-flex}.notif-settings-head button{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.notif-settings-section{flex-direction:column;gap:8px;display:flex}.notif-settings-label{font-size:var(--fs-12);color:var(--c-text-gold);letter-spacing:.08em;font-weight:800}.notif-settings-list{border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#0f1a2e66;margin:0;padding:0;list-style:none;overflow:hidden}.notif-settings-list li{border-bottom:1px solid var(--c-border-soft);align-items:center;gap:10px;padding:12px 14px;display:flex}.notif-settings-list li:last-child{border-bottom:0}.notif-settings-cat-icon{width:32px;height:32px;color:var(--c-blue-900);background:var(--icon-bg,linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700)));border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.notif-settings-cat-text{flex:1;min-width:0}.notif-settings-cat-name{font-size:var(--fs-13);color:var(--c-text);letter-spacing:.04em;font-weight:700}.notif-settings-cat-sub{color:var(--c-text-mute);letter-spacing:.04em;margin-top:2px;font-size:10px}.notif-settings-quiet{border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#0f1a2e66;align-items:center;gap:12px;padding:12px 14px;display:flex}.notif-settings-quiet-text{flex:1}.notif-settings-quiet-title{font-size:var(--fs-13);color:var(--c-text);font-weight:700}.notif-settings-quiet-sub{color:var(--c-text-mute);font-size:10px;font-family:var(--font-mono);margin-top:2px}.notif-toggle{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);cursor:pointer;width:36px;height:20px;transition:all var(--t-fast);background:#0f1a2e99;flex:none;position:relative}.notif-toggle.is-on{background:var(--grad-button);border-color:var(--c-gold-400)}.notif-toggle-knob{background:var(--c-text-mute);width:16px;height:16px;transition:all var(--t-fast);border-radius:50%;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0000004d}.notif-toggle.is-on .notif-toggle-knob{background:var(--c-blue-900);left:auto;right:1px}.notif-settings-foot{border-top:1px solid var(--c-border-soft);padding:12px 0 16px}.notif-settings-btn{background:var(--grad-button);width:100%;height:44px;color:var(--c-blue-900);border-radius:var(--r-md);font-size:var(--fs-15);cursor:pointer;letter-spacing:.1em;border:0;font-family:inherit;font-weight:800}.notif-settings-btn:hover{background:var(--grad-button-hover)}@keyframes notif-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-backdrop{z-index:90;position:fixed;inset:0}.notif-dropdown{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-lg);width:360px;max-height:520px;box-shadow:var(--sh-3);z-index:91;animation:notif-drop .25s var(--ease-spring);flex-direction:column;display:flex;position:absolute;top:64px;right:16px;overflow:hidden}@keyframes notif-drop{0%{opacity:0;transform:translateY(-10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-dropdown:before{content:"";background:linear-gradient(90deg, transparent, var(--c-gold-400), transparent);height:2px;position:absolute;top:0;left:0;right:0}.notif-dropdown-head{border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-dropdown-head h3{font-size:var(--fs-14);color:var(--c-text-gold);letter-spacing:.05em;align-items:center;gap:6px;margin:0;font-weight:900;display:inline-flex}.notif-dropdown-badge{background:var(--c-red-500);color:#faf8f2;border-radius:var(--r-pill);min-width:18px;height:18px;font-size:10px;font-weight:900;font-family:var(--font-mono);justify-content:center;align-items:center;margin-left:4px;padding:0 5px;display:inline-flex}.notif-dropdown-mark{color:var(--c-text-mute);font-size:var(--fs-12);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-family:inherit;font-weight:700;display:inline-flex}.notif-dropdown-mark:hover:not(:disabled){color:var(--c-gold-200)}.notif-dropdown-mark:disabled{opacity:.4;cursor:not-allowed}.notif-dropdown-list{flex:1;margin:0;padding:4px;list-style:none;overflow-y:auto}.notif-dropdown-item{border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast);gap:10px;padding:10px;display:flex;position:relative}.notif-dropdown-item:hover{background:var(--c-bg-glass)}.notif-dropdown-item.is-unread{background:#e8d3a80f}.notif-dropdown-item.is-unread:hover{background:#e8d3a81f}.notif-dropdown-icon{width:32px;height:32px;color:var(--c-blue-900);background:var(--icon-bg,linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700)));border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.notif-dropdown-main{flex:1;min-width:0}.notif-dropdown-line1{font-size:var(--fs-12);color:var(--c-text);align-items:center;gap:6px;font-weight:800;display:flex}.notif-dropdown-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.notif-dropdown-dot{background:var(--c-red-500);width:8px;height:8px;box-shadow:0 0 4px var(--c-red-400);border-radius:50%;flex:none}.notif-dropdown-content{color:var(--c-text-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-dropdown-time{color:var(--c-text-dim);font-size:9px;font-family:var(--font-mono);letter-spacing:.04em;margin-top:4px}.notif-dropdown-empty{text-align:center;font-size:var(--fs-12);color:var(--c-text-mute);padding:40px 20px}.notif-dropdown-foot{border-top:1px solid var(--c-border-soft);text-align:center;padding:10px 16px}.notif-dropdown-foot button{color:var(--c-gold-200);font-size:var(--fs-12);cursor:pointer;letter-spacing:.05em;background:0 0;border:0;align-items:center;gap:4px;font-family:inherit;font-weight:700;display:inline-flex}.notif-dropdown-foot button:hover{color:var(--c-gold-100)}@media (width<=900px){.notif-hud{padding:8px 12px}.notif-hud-action span{display:none}.notif-body{padding:0 10px calc(10px + env(safe-area-inset-bottom))}.notif-item{padding:12px 10px}.notif-item-icon{width:38px;height:38px}.notif-dropdown{width:calc(100vw - 24px);right:12px}}@media (width<=600px){.notif-modal{padding:18px}.notif-modal-icon{width:48px;height:48px}.notif-modal-title{font-size:var(--fs-18)}.notif-settings{padding:16px 16px 0}.notif-item-foot{flex-direction:column;align-items:stretch}.notif-item-action{justify-content:center}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.fb-root{background:var(--grad-page);width:100%;min-height:100vh;color:var(--c-text);isolation:isolate;flex-direction:column;display:flex;position:relative}.fb-hud{align-items:center;gap:var(--sp-3);background:var(--grad-hud);border-bottom:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(12px);z-index:50;flex:none;min-height:56px;padding:10px 20px;display:flex;position:sticky;top:0}.fb-back{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);cursor:pointer;width:36px;height:36px;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.fb-back:hover{border-color:var(--c-border);background:#6e83b52e}.fb-title{font-size:var(--fs-18);color:var(--c-text-gold);letter-spacing:.08em;text-shadow:0 2px 4px #00000080;align-items:center;gap:6px;margin:0;font-weight:900;display:inline-flex}.fb-hud-spacer{flex:1}.fb-hud-icon{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);width:36px;height:36px;color:var(--c-text-mute);cursor:pointer;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.fb-hud-icon:hover{color:var(--c-text-gold);border-color:var(--c-border)}.fb-status-bar{border-bottom:1px solid var(--c-border-soft);color:var(--c-text-mute);letter-spacing:.05em;background:#0f1a2e80;justify-content:space-between;align-items:center;padding:6px 20px;font-size:10px;display:flex}.fb-status-online{align-items:center;gap:5px;display:inline-flex}.fb-status-dot{background:var(--c-green-400);width:6px;height:6px;box-shadow:0 0 6px var(--c-green-400);border-radius:50%;animation:1.4s ease-in-out infinite fb-pulse}@keyframes fb-pulse{0%,to{opacity:1}50%{opacity:.4}}.fb-status-meta{color:var(--c-gold-200);align-items:center;gap:4px;font-weight:700;display:inline-flex}.fb-tabs{background:var(--grad-hud);border-bottom:1px solid var(--c-border-soft);z-index:40;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:56px}.fb-tab{color:var(--c-text-mute);cursor:pointer;letter-spacing:.05em;transition:all var(--t-fast);background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.fb-tab:hover{color:var(--c-text)}.fb-tab.is-active{color:var(--c-text-gold);border-bottom-color:var(--c-gold-400);background:#e8d3a80d}.fb-body{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:0;display:flex}.fb-chat{flex-direction:column;flex:1;min-height:calc(100vh - 138px);display:flex}.fb-chat-header{border-bottom:1px solid var(--c-border-soft);background:#0f1a2e66;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.fb-chat-cs{align-items:center;gap:10px;display:flex}.fb-chat-cs-avatar{width:40px;height:40px;color:var(--c-blue-900);border:1.5px solid var(--c-gold-400);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex;box-shadow:0 2px 6px #0006}.fb-chat-cs-name{font-size:var(--fs-14);color:var(--c-text);align-items:center;gap:6px;font-weight:800;display:inline-flex}.fb-chat-cs-tag{background:var(--grad-button);color:var(--c-blue-900);border-radius:var(--r-sm);letter-spacing:.05em;padding:1px 5px;font-size:9px;font-weight:900;display:inline-block}.fb-chat-cs-status{color:var(--c-text-mute);align-items:center;gap:4px;margin-top:2px;font-size:10px;display:inline-flex}.fb-chat-action{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);cursor:pointer;letter-spacing:.04em;transition:all var(--t-fast);align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.fb-chat-action:hover{color:var(--c-gold-200);border-color:var(--c-border)}.fb-chat-scroll{-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 80% 60% at 50% 50%, #2e3d6b33 0%, transparent 60%), var(--grad-page);flex-direction:column;flex:1;gap:8px;padding:12px 12px 0;display:flex;overflow-y:auto}.fb-chat-system{background:var(--c-bg-glass);border-radius:var(--r-pill);color:var(--c-text-dim);letter-spacing:.05em;align-self:center;padding:4px 12px;font-size:10px}.fb-chat-bubble{max-width:80%;animation:fb-bubble-in .3s var(--ease-spring);gap:8px;display:flex}@keyframes fb-bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fb-chat-bubble-cs{align-self:flex-start}.fb-chat-bubble-me{flex-direction:row-reverse;align-self:flex-end}.fb-chat-avatar{width:32px;height:32px;color:var(--c-blue-900);background:var(--icon-bg,linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700)));border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex;box-shadow:0 2px 4px #0006}.fb-chat-bubble-inner{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex}.fb-chat-bubble-name{color:var(--c-text-mute);letter-spacing:.05em;font-size:10px;font-weight:700}.fb-chat-bubble-text{background:var(--grad-card);border:1px solid var(--c-border-soft);font-size:var(--fs-13);color:var(--c-text);white-space:pre-wrap;word-break:break-word;box-shadow:var(--sh-1);border-radius:12px 12px 12px 2px;padding:8px 12px;line-height:1.5}.fb-chat-bubble-me .fb-chat-bubble-text{color:var(--c-blue-900);border:1px solid var(--c-gold-400);background:linear-gradient(#e8d3a8 0%,#c5a578 100%);border-radius:12px 12px 2px;font-weight:600}.fb-chat-bubble-quick{flex-wrap:wrap;gap:6px;padding:4px 0;display:flex}.fb-quick-chip{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text);cursor:pointer;letter-spacing:.04em;transition:all var(--t-fast);padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600}.fb-quick-chip:hover{border-color:var(--c-gold-400);color:var(--c-gold-200);background:#6e83b533}.fb-quick-chip.is-cs{color:var(--c-text-mute)}.fb-quick-chip.is-cs:hover{color:var(--c-gold-200)}.fb-typing{background:var(--grad-card);border:1px solid var(--c-border-soft);border-radius:12px 12px 12px 2px;gap:4px;padding:12px 14px;display:flex}.fb-typing span{background:var(--c-gold-300);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite fb-typing}.fb-typing span:nth-child(2){animation-delay:.2s}.fb-typing span:nth-child(3){animation-delay:.4s}@keyframes fb-typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.fb-chat-quickbar{border-top:1px solid var(--c-border-soft);scrollbar-width:none;background:#0f1a2e66;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.fb-chat-quickbar::-webkit-scrollbar{display:none}.fb-chat-quickbar .fb-quick-chip{flex:none;padding:4px 10px;font-size:11px}.fb-chat-input{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--grad-hud);border-top:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(10px);align-items:center;gap:6px;display:flex}.fb-chat-input-btn{width:32px;height:32px;color:var(--c-text-mute);cursor:pointer;transition:color var(--t-fast);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fb-chat-input-btn:hover{color:var(--c-gold-200)}.fb-chat-input-field{border:1px solid var(--c-border-soft);border-radius:var(--r-pill);height:36px;color:var(--c-text);font-size:var(--fs-13);transition:border-color var(--t-fast);background:#0f1a2e99;outline:0;flex:1;padding:0 14px;font-family:inherit}.fb-chat-input-field:focus{border-color:var(--c-gold-400)}.fb-chat-input-field::placeholder{color:var(--c-text-dim)}.fb-chat-send{background:var(--c-bg-glass);cursor:not-allowed;width:36px;height:36px;transition:all var(--t-fast);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.fb-chat-send.is-active{background:var(--grad-button);cursor:pointer;box-shadow:0 2px 6px #e8d3a84d}.fb-chat-send.is-active:hover{background:var(--grad-button-hover)}.fb-emoji-panel{background:var(--grad-card);border-top:1px solid var(--c-border-soft);max-height:220px;animation:fb-slide-up .2s var(--ease-out);grid-template-columns:repeat(9,1fr);gap:4px;padding:12px;display:grid;overflow-y:auto}@keyframes fb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fb-emoji-item{cursor:pointer;border-radius:var(--r-sm);transition:background var(--t-fast);background:0 0;border:0;padding:4px;font-size:22px}.fb-emoji-item:hover{background:var(--c-bg-glass)}.fb-help{padding:12px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.fb-search{z-index:30;background:var(--grad-page);padding:4px 0;position:sticky;top:50px}.fb-search-input{border:1.5px solid var(--c-border-soft);border-radius:var(--r-pill);height:40px;transition:border-color var(--t-fast);background:#0f1a2e99;align-items:center;gap:6px;padding:0 12px;display:flex;position:relative}.fb-search-input:focus-within{border-color:var(--c-gold-400)}.fb-search-input input{color:var(--c-text);font-size:var(--fs-13);background:0 0;border:0;outline:0;flex:1;font-family:inherit}.fb-search-input input::placeholder{color:var(--c-text-dim)}.fb-search-clear{background:var(--c-bg-glass);color:var(--c-text-mute);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;display:inline-flex}.fb-cats{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.fb-cats::-webkit-scrollbar{display:none}.fb-cat{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);cursor:pointer;letter-spacing:.05em;transition:all var(--t-fast);flex:none;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:700}.fb-cat:hover{color:var(--c-text)}.fb-cat.is-active{background:var(--grad-button);color:var(--c-blue-900);border-color:var(--c-gold-400);font-weight:800}.fb-hot{background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);padding:12px}.fb-hot-head{font-size:var(--fs-12);color:var(--c-gold-200);letter-spacing:.06em;align-items:center;gap:5px;margin-bottom:8px;font-weight:800;display:inline-flex}.fb-hot-list{flex-direction:column;gap:2px;display:flex}.fb-hot-item{border:0;border-bottom:1px solid var(--c-border-soft);color:var(--c-text);font-size:var(--fs-12);cursor:pointer;text-align:left;transition:background var(--t-fast);background:0 0;align-items:center;gap:8px;padding:8px 6px;font-family:inherit;display:flex}.fb-hot-item:last-child{border-bottom:0}.fb-hot-item:hover{background:var(--c-bg-glass)}.fb-hot-q{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--c-text);flex:1;overflow:hidden}.fb-hot-views{color:var(--c-text-dim);font-size:10px;font-family:var(--font-mono);flex:none;align-items:center;gap:3px;display:inline-flex}.fb-faq-list{flex-direction:column;gap:6px;display:flex}.fb-faq-item{background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);transition:border-color var(--t-fast);overflow:hidden}.fb-faq-item.is-open{border-color:var(--c-gold-400);background:var(--grad-card)}.fb-faq-q{width:100%;color:var(--c-text);text-align:left;cursor:pointer;transition:background var(--t-fast);background:0 0;border:0;align-items:flex-start;gap:10px;padding:12px;font-family:inherit;display:flex}.fb-faq-q:hover{background:var(--c-bg-glass)}.fb-faq-q-icon{background:#e8d3a81f;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.fb-faq-q-text{flex:1;min-width:0}.fb-faq-q-title{font-size:var(--fs-13);color:var(--c-text);letter-spacing:.04em;font-weight:800;line-height:1.4}.fb-faq-q-meta{color:var(--c-text-dim);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:8px;margin-top:4px;display:flex}.fb-faq-q-cat{border-radius:var(--r-sm);color:var(--c-gold-200);background:#e8d3a81f;padding:1px 5px;font-weight:800}.fb-faq-arrow{color:var(--c-text-dim);transition:transform var(--t-fast);flex:none;margin-top:4px;font-size:14px}.fb-faq-arrow.is-open{color:var(--c-gold-300);transform:rotate(180deg)}.fb-faq-a{border-top:1px solid var(--c-border-soft);animation:fb-faq-expand .3s var(--ease-out);padding:0 12px 12px 50px}@keyframes fb-faq-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.fb-faq-a-text{font-size:var(--fs-13);color:var(--c-text-mute);letter-spacing:.04em;padding:12px 0;line-height:1.7}.fb-faq-a-text p{margin:0 0 6px}.fb-faq-a-foot{border-top:1px solid var(--c-border-soft);color:var(--c-text-dim);align-items:center;gap:8px;padding-top:8px;font-size:11px;display:flex}.fb-vote{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text-mute);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:3px;padding:3px 8px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.fb-vote:hover{color:var(--c-text)}.fb-vote.is-up{color:var(--c-green-400);background:#7dcc9726;border-color:#7dcc974d}.fb-vote.is-down{color:var(--c-red-400);background:#e55a4e26;border-color:#e55a4e4d}.fb-faq-empty{color:var(--c-text-mute);flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.fb-help-foot{background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);justify-content:space-between;align-items:center;margin-top:8px;padding:12px;display:flex}.fb-help-foot-text{font-size:var(--fs-13);color:var(--c-text);font-weight:700}.fb-help-foot-actions{gap:6px;display:flex}.fb-help-foot-btn{background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);color:var(--c-text);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.fb-help-foot-btn:hover{color:var(--c-gold-200);background:#6e83b52e}.fb-form{flex-direction:column;gap:16px;padding:16px;display:flex}.fb-warn-banner{border-radius:var(--r-md);background:#e55a4e1a;border:1px solid #e55a4e4d;align-items:center;gap:10px;padding:10px 14px;display:flex}.fb-warn-title{font-size:var(--fs-13);color:var(--c-text);font-weight:800}.fb-warn-sub{color:var(--c-text-mute);margin-top:2px;font-size:11px}.fb-form-section{flex-direction:column;gap:8px;display:flex}.fb-form-label{font-size:var(--fs-12);color:var(--c-text-gold);letter-spacing:.06em;font-weight:800}.fb-form-required{color:var(--c-red-400)}.fb-form-types{flex-direction:column;gap:6px;display:flex}.fb-type{background:var(--grad-card-soft);border:1.5px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--c-text);transition:all var(--t-fast);align-items:center;gap:10px;padding:12px 14px;font-family:inherit;display:flex;position:relative}.fb-type:hover{border-color:var(--c-border)}.fb-type.is-active{border-color:var(--type-color);background:var(--grad-card);box-shadow:0 0 0 3px color-mix(in srgb, var(--type-color) 18%, transparent)}.fb-type-icon{background:var(--type-color);width:36px;height:36px;color:var(--c-blue-900);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #0006}.fb-type-text{flex:1;min-width:0}.fb-type-label{font-size:var(--fs-13);color:var(--c-text);font-weight:800}.fb-type-desc{color:var(--c-text-mute);letter-spacing:.04em;margin-top:2px;font-size:10px}.fb-type-check{background:var(--type-color);width:22px;height:22px;color:var(--c-blue-900);box-shadow:0 2px 6px var(--type-color);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.fb-form-input,.fb-form-textarea{border:1.5px solid var(--c-border-soft);border-radius:var(--r-md);width:100%;color:var(--c-text);font-size:var(--fs-13);transition:border-color var(--t-fast);resize:none;background:#0f1a2e99;outline:0;padding:10px 12px;font-family:inherit;line-height:1.5}.fb-form-input:focus,.fb-form-textarea:focus{border-color:var(--c-gold-400)}.fb-form-input::placeholder,.fb-form-textarea::placeholder{color:var(--c-text-dim)}.fb-form-textarea{min-height:100px;font-family:inherit}.fb-form-counter{color:var(--c-text-dim);text-align:right;font-size:10px;font-family:var(--font-mono);letter-spacing:.04em}.fb-form-images{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.fb-form-image{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid var(--c-border-soft);position:relative;overflow:hidden}.fb-form-image img{object-fit:cover;width:100%;height:100%}.fb-form-image-remove{cursor:pointer;background:#0009;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex;position:absolute;top:4px;right:4px}.fb-form-image-add{aspect-ratio:1;border:1.5px dashed var(--c-border);border-radius:var(--r-sm);color:var(--c-text-mute);cursor:pointer;letter-spacing:.05em;transition:all var(--t-fast);background:#0f1a2e66;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.fb-form-image-add:hover{border-color:var(--c-gold-400);color:var(--c-gold-200);background:#e8d3a80d}.fb-form-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-12);color:var(--c-text);letter-spacing:.04em;align-items:center;gap:8px;display:flex}.fb-checkbox{border:1.5px solid var(--c-border-soft);width:18px;height:18px;transition:all var(--t-fast);background:0 0;border-radius:3px;flex:none;justify-content:center;align-items:center;display:inline-flex}.fb-checkbox.is-on{background:var(--grad-button);border-color:var(--c-gold-400)}.fb-form-segmented{border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#0f1a2e80;gap:3px;margin-bottom:6px;padding:3px;display:flex}.fb-seg{border-radius:var(--r-sm);color:var(--c-text-mute);font-size:var(--fs-12);cursor:pointer;letter-spacing:.04em;transition:all var(--t-fast);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-weight:700;display:inline-flex}.fb-seg.is-active{background:var(--grad-button);color:var(--c-blue-900);font-weight:900}.fb-report-reasons{flex-direction:column;gap:6px;display:flex}.fb-reason{background:var(--grad-card-soft);border:1.5px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--c-text);transition:all var(--t-fast);flex-direction:column;gap:2px;padding:10px 12px;font-family:inherit;display:flex}.fb-reason:hover{border-color:var(--c-border)}.fb-reason.is-active{border-color:var(--c-red-500);background:#e55a4e1a;box-shadow:0 0 0 3px #e55a4e1f}.fb-reason-name{font-size:var(--fs-13);color:var(--c-text);align-items:center;gap:4px;font-weight:800;display:inline-flex}.fb-reason.is-active .fb-reason-name{color:var(--c-red-400)}.fb-reason-desc{color:var(--c-text-mute);letter-spacing:.04em;font-size:11px}.fb-form-tip{border-radius:var(--r-sm);color:var(--c-text-mute);letter-spacing:.04em;background:#5badb014;border:1px solid #5badb033;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.fb-form-submit{background:var(--grad-button);width:100%;height:48px;color:var(--c-blue-900);font-size:var(--fs-15);border-radius:var(--r-md);cursor:pointer;letter-spacing:.1em;transition:all var(--t-fast);border:0;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:900;display:inline-flex;box-shadow:0 4px 12px #e8d3a84d}.fb-form-submit:hover{background:var(--grad-button-hover);transform:translateY(-1px);box-shadow:0 6px 18px #e8d3a880}.fb-form-submit:active{transform:translateY(0)}.fb-toast{background:var(--grad-card);border:1px solid var(--c-border);border-radius:var(--r-pill);box-shadow:var(--sh-3);color:var(--c-text);z-index:200;animation:fb-toast-in .3s var(--ease-spring);-webkit-backdrop-filter:blur(10px);padding:10px 18px;font-size:13px;font-weight:700;position:fixed;top:20px;left:50%;transform:translate(-50%)}@keyframes fb-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fb-history{border-top:1px solid var(--c-border-soft);flex-direction:column;gap:8px;padding-top:8px;display:flex}.fb-history-head{font-size:var(--fs-13);color:var(--c-text-gold);letter-spacing:.06em;align-items:center;gap:6px;font-weight:800;display:inline-flex}.fb-history-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.fb-history-item{background:var(--grad-card-soft);border:1px solid var(--c-border-soft);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:10px;padding:10px 12px;display:flex}.fb-history-item:hover{background:var(--grad-card)}.fb-history-icon{width:32px;height:32px;color:var(--c-blue-900);background:var(--icon-bg,linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700)));border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.fb-history-main{flex:1;min-width:0}.fb-history-title{font-size:var(--fs-13);color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.fb-history-meta{color:var(--c-text-dim);align-items:center;gap:6px;margin-top:2px;font-size:10px;display:flex}.fb-history-status{border-radius:var(--r-sm);letter-spacing:.04em;padding:1px 5px;font-weight:800}.fb-history-status.status-已回复{color:var(--c-green-400);background:#7dcc9726}.fb-history-status.status-已采纳{color:var(--c-gold-200);background:#e8d3a826}.fb-history-status.status-处理中{color:var(--c-cyan-500);background:#5badb026}@media (width<=900px){.fb-hud{padding:8px 12px}.fb-body{max-width:100%}.fb-chat-scroll{padding:8px 8px 0}.fb-chat-bubble{max-width:88%}.fb-tab{padding:8px 2px;font-size:10px}.fb-form{padding:12px}.fb-form-images{grid-template-columns:repeat(3,1fr)}.fb-help{padding:8px 12px 12px}}@media (width<=600px){.fb-hud-spacer{flex:0 0 8px}.fb-hud-icon{display:none}.fb-hud-icon:nth-of-type(2){display:inline-flex}.fb-status-bar{padding:5px 12px;font-size:9px}.fb-tab{gap:2px;font-size:10px}.fb-tab span{font-size:10px}.fb-chat-cs-avatar{width:36px;height:36px;font-size:14px}.fb-chat-cs-name{font-size:12px}.fb-chat-cs-tag{font-size:8px}.fb-chat-input{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;background:var(--c-bg-deep);width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}.orient-root{z-index:9999;pointer-events:none;position:fixed;inset:0}.orient-portrait{pointer-events:auto;background:radial-gradient(80% 60% at 50% 30%,#2e3d6b99 0%,#0000 70%),radial-gradient(60% 40% at 50% 80%,#e8d3a826 0%,#0000 60%),linear-gradient(#1a2440 0%,#0f1a2e 50%,#07101e 100%);flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out orient-fade-in;display:flex;position:fixed;inset:0}.orient-portrait:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#6e83b52e 0%,#0000 30%),radial-gradient(circle at 80% 70%,#e8d3a81f 0%,#0000 30%);position:absolute;inset:0}.orient-portrait:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 40px,#e8d3a805 40px 41px);position:absolute;inset:0}@keyframes orient-fade-in{0%{opacity:0}to{opacity:1}}.orient-brand{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:8%;left:50%;transform:translate(-50%)}.orient-brand-icon{background:linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);border:2px solid var(--c-gold-200);width:64px;height:64px;color:var(--c-blue-900);border-radius:50%;justify-content:center;align-items:center;animation:2.4s ease-in-out infinite orient-brand-pulse;display:flex;box-shadow:0 0 32px #e8d3a880}@keyframes orient-brand-pulse{0%,to{transform:scale(1);box-shadow:0 0 24px #e8d3a866}50%{transform:scale(1.05);box-shadow:0 0 48px #e8d3a8b3}}.orient-brand-name{font-size:var(--fs-18);color:var(--c-text);letter-spacing:4px;background:var(--grad-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.orient-center{z-index:2;flex-direction:column;align-items:center;gap:32px;padding:0 24px;display:flex;position:relative}.orient-rotate{width:180px;height:110px;position:relative}.orient-rotate-phone{border:3px solid var(--c-gold-400);background:#0f1a2eb3;border-radius:12px;justify-content:center;align-items:center;animation:2.4s ease-in-out infinite orient-rotate-tilt;display:flex;position:absolute;inset:0;box-shadow:0 8px 32px #0006,inset 0 0 16px #e8d3a81a}@keyframes orient-rotate-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.orient-rotate-arrow{color:var(--c-gold-200);text-shadow:0 0 12px #e8d3a899;font-size:32px;animation:1.6s ease-in-out infinite orient-arrow-slide;position:absolute;top:50%;right:-36px;transform:translateY(-50%)}@keyframes orient-arrow-slide{0%,to{opacity:.6;transform:translateY(-50%)translate(0)}50%{opacity:1;transform:translateY(-50%)translate(8px)}}.orient-rotate-glow{pointer-events:none;background:radial-gradient(60% 50%,#e8d3a833 0%,#0000 70%);animation:2.4s ease-in-out infinite orient-glow;position:absolute;inset:-20px}@keyframes orient-glow{0%,to{opacity:.4}50%{opacity:.8}}.orient-text{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.orient-text-title{font-size:var(--fs-20);color:var(--c-text);letter-spacing:2px;font-weight:700}.orient-text-sub{font-size:var(--fs-14);color:var(--c-text-mute);letter-spacing:1px;max-width:280px;line-height:1.6}.orient-footer{z-index:2;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.orient-hint{font-size:var(--fs-12);color:var(--c-text-mute);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#2e3d6b4d;align-items:center;gap:8px;padding:6px 14px;display:flex}.orient-btn{background:var(--grad-button);border:1px solid var(--c-gold-300);border-radius:var(--r-pill);font-size:var(--fs-13);color:var(--c-blue-900);cursor:pointer;letter-spacing:1px;text-shadow:0 1px #ffffff4d;padding:10px 24px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #e3c38a4d}.orient-btn:active{transform:scale(.96)}@media (orientation:landscape) and (height<=500px){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.ip-mask{z-index:9500;-webkit-backdrop-filter:blur(4px);background:#07101eb3;animation:.3s ease-out ip-fade-in;position:fixed;inset:0}@keyframes ip-fade-in{0%{opacity:0}to{opacity:1}}.ip-card{z-index:9600;left:50%;bottom:max(20px, env(safe-area-inset-bottom));border:1px solid var(--c-gold-500);border-radius:var(--r-lg);width:min(420px,100vw - 32px);padding:var(--sp-5);color:var(--c-text);background:linear-gradient(#1a2440 0%,#0f1a2e 100%);animation:.4s cubic-bezier(.16,1,.3,1) ip-card-in;position:fixed;transform:translate(-50%);box-shadow:0 -8px 32px #00000080,0 0 40px #e3c38a33}@keyframes ip-card-in{0%{opacity:0;transform:translate(-50%)translateY(100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.ip-close{border:1px solid var(--c-border-soft);cursor:pointer;width:28px;height:28px;color:var(--c-text-mute);background:#2e3d6b4d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.ip-close:hover{color:var(--c-red-400);background:#e85a4e26}.ip-header{margin-bottom:var(--sp-4);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.ip-icon{background:linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);border:2px solid var(--c-gold-200);width:56px;height:56px;margin-bottom:var(--sp-2);color:var(--c-blue-900);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 24px #e8d3a866}.ip-title{font-size:var(--fs-18);color:var(--c-text);letter-spacing:1px;font-weight:700}.ip-sub{font-size:var(--fs-12);color:var(--c-text-mute)}.ip-benefits{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.ip-benefit{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:#2e3d6b4d;display:flex}.ip-benefit-icon{background:var(--grad-gold-soft);border:1px solid var(--c-gold-600);border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ip-benefit-text{font-size:var(--fs-13);color:var(--c-text);font-weight:500}.ip-action{gap:var(--sp-2);display:flex}.ip-btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14);border-radius:var(--r-md);cursor:pointer;letter-spacing:.5px;border:1px solid #0000;flex:1;font-weight:600;transition:all .2s;display:flex}.ip-btn--primary{background:var(--grad-button);border-color:var(--c-gold-300);color:var(--c-blue-900);text-shadow:0 1px #ffffff4d;box-shadow:0 4px 12px #e3c38a4d}.ip-btn--primary:hover{background:var(--grad-button-hover);transform:translateY(-1px)}.ip-btn--ghost{border-color:var(--c-border-soft);color:var(--c-text-mute);background:0 0}.ip-btn--ghost:hover{color:var(--c-text);background:#2e3d6b4d}.ip-btn--full{width:100%;margin-top:var(--sp-3)}.ip-ios{flex-direction:column;display:flex}.ip-ios-steps{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.ip-ios-step{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-left:2px solid var(--c-gold-400);border-radius:0 var(--r-sm) var(--r-sm) 0;background:#0f1a2e66;display:flex}.ip-ios-step-num{background:var(--grad-gold);width:24px;height:24px;color:var(--c-blue-900);font-size:var(--fs-12);font-weight:800;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ip-ios-step-text{font-size:var(--fs-13);color:var(--c-text);flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.ip-ios-highlight{border:1px solid var(--c-gold-500);border-radius:var(--r-sm);color:var(--c-gold-200);background:#e8d3a826;align-items:center;gap:2px;padding:1px 6px;font-weight:600;display:inline-flex}.ip-ios-illustration{margin:var(--sp-3) 0;justify-content:center;display:flex;position:relative}.ip-ios-safari{background:#1c1c1e;border:2px solid #48484a;border-radius:12px;width:240px;height:160px;position:relative;overflow:hidden}.ip-ios-safari-bar{background:#1c1c1ef2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.ip-ios-safari-url{color:#999;background:#ffffff0d;border-radius:6px;padding:2px 8px;font-size:10px}.ip-ios-safari-share{background:#007affd9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;animation:1.6s ease-in-out infinite ip-pulse;display:flex}@keyframes ip-pulse{0%,to{box-shadow:0 0 #007aff99}50%{box-shadow:0 0 0 8px #007aff00}}.ip-ios-safari-content{background:linear-gradient(#2e3d6b 0%,#0f1a2e 100%);height:calc(100% - 36px)}.ip-ios-arrow{background:var(--grad-gold);border:2px solid var(--c-gold-300);width:36px;height:36px;color:var(--c-blue-900);border-radius:50%;justify-content:center;align-items:center;animation:1.4s ease-in-out infinite ip-bounce;display:flex;position:absolute;top:-16px;right:20px;box-shadow:0 4px 12px #0006}@keyframes ip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (orientation:landscape) and (height<=500px){.ip-card{width:min(360px,100vw - 32px);bottom:50%;transform:translate(-50%,50%)}@keyframes ip-card-in{0%{opacity:0;transform:translate(-50%,calc(50% + 100px))}to{opacity:1;transform:translate(-50%,50%)}}}:root{--c-blue-900:#0f1a2e;--c-blue-800:#1a2440;--c-blue-700:#243154;--c-blue-600:#2e3d6b;--c-blue-500:#3d4d80;--c-blue-400:#4f6198;--c-blue-300:#6e83b5;--c-blue-200:#8fa0c8;--c-blue-100:#b5c2dc;--c-blue-50:#d8dfec;--c-gold-700:#6e5234;--c-gold-600:#8b6a3f;--c-gold-500:#a38e84;--c-gold-400:#c5a578;--c-gold-300:#d9bd92;--c-gold-200:#e8d3a8;--c-gold-100:#f5e6c4;--c-red-600:#a93226;--c-red-500:#c8312b;--c-red-400:#e55a4e;--c-green-500:#5bae7a;--c-green-400:#7dcc97;--c-cyan-500:#5badb0;--c-white:#faf8f2;--c-bg-deep:#07101e;--c-bg-card:#141c32d9;--c-bg-glass:#ffffff0f;--c-border:#a38e8452;--c-border-soft:#8fa0c82e;--c-text:#faf8f2;--c-text-mute:#b5c2dc;--c-text-dim:#b5c2dc8c;--c-text-gold:#e8d3a8;--c-shadow:0 8px 32px #0000008c;--c-shadow-deep:0 18px 60px #000000bf;--c-glow-gold:0 0 24px #e3c38a59;--c-glow-blue:0 0 18px #6e83b573;--c-glow-red:0 0 18px #e85a4e73;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-28:28px;--fs-32:32px;--fs-40:40px;--fs-48:48px;--fs-64:64px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:72px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--grad-page:radial-gradient(ellipse 120% 90% at 50% 0%, #2e3d6b 0%, #1a2440 45%, #0f1a2e 100%);--grad-card:linear-gradient(180deg, #2e3d6bd9 0%, #1a2440eb 100%);--grad-card-soft:linear-gradient(180deg, #2e3d6b80 0%, #1a2440a6 100%);--grad-hud:linear-gradient(180deg, #0f1a2ef5 0%, #1a2440c7 100%);--grad-gold:linear-gradient(180deg, #e8d3a8 0%, #c5a578 50%, #8b6a3f 100%);--grad-gold-soft:linear-gradient(180deg, #e8d3a82e 0%, #8b6a3f0f 100%);--grad-button:linear-gradient(180deg, #e8d3a8 0%, #c5a578 60%, #8b6a3f 100%);--grad-button-hover:linear-gradient(180deg, #f5e6c4 0%, #d9bd92 60%, #a38e84 100%);--grad-button-secondary:linear-gradient(180deg, #6e83b54d 0%, #2e3d6b66 100%);--grad-table:radial-gradient(ellipse 80% 60% at 50% 50%, #2e3d6b 0%, #1a2440 60%, #0f1a2e 100%);--grad-table-soft:linear-gradient(180deg, #2e3d6b00 0%, #0f1a2eb3 100%);--sh-1:0 2px 6px #00000059;--sh-2:0 6px 18px #00000073;--sh-3:0 14px 40px #0009;--sh-inset:inset 0 1px 0 #ffffff0d;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s;--t-normal:.25s;--t-slow:.4s}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (width<=600px){:root{--fs-12:11px;--fs-13:12px;--fs-14:13px;--fs-15:14px;--fs-16:14px;--fs-18:16px;--fs-20:18px;--fs-24:20px;--fs-28:24px;--fs-32:26px;--fs-40:32px;--fs-48:36px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:20px}}:root{--icon-default:currentColor;--icon-gold:#e8d3a8;--icon-gold-soft:#d9bd92;--icon-gold-deep:#a38e84;--icon-blue:#b5c2dc;--icon-blue-soft:#8fa0c8;--icon-mute:#b5c2dc8c;--icon-soft:#e8d3a899;--icon-red:#e55a4e;--icon-red-soft:#c8312b;--icon-green:#7dcc97;--icon-warn:#c5a578;--icon-dark:#2a1f10;--icon-white:#faf8f2;--anim-fast:.12s;--anim-normal:.2s;--anim-enter:.32s;--anim-emphasis:.48s;--anim-slow:1.6s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1)}.splash-root{z-index:10000;background:var(--grad-page);pointer-events:auto;justify-content:center;align-items:center;animation:.4s ease-in .8s forwards splash-out;display:flex;position:fixed;inset:0}.splash-root.is-hiding{opacity:0}@keyframes splash-out{to{opacity:0;visibility:hidden;transform:scale(1.05)}}.splash-bg{background:radial-gradient(60% 40%,#e8d3a82e 0%,#0000 70%),radial-gradient(80% 50% at 50% 100%,#2e3d6b80 0%,#0000 60%);position:absolute;inset:0}.splash-rays{pointer-events:none;background:conic-gradient(#0000 0deg,#e8d3a814 30deg,#0000 60deg,#e8d3a814 120deg,#0000 150deg,#e8d3a814 210deg,#0000 240deg,#e8d3a814 300deg,#0000 360deg);animation:20s linear infinite splash-spin;position:absolute;inset:-40px}@keyframes splash-spin{to{transform:rotate(360deg)}}.splash-content{z-index:2;flex-direction:column;align-items:center;gap:12px;animation:.6s cubic-bezier(.16,1,.3,1) splash-content-in;display:flex;position:relative}@keyframes splash-content-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-icon{background:linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);border:3px solid var(--c-gold-200);width:96px;height:96px;color:var(--c-blue-900);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;animation:1.6s ease-in-out infinite splash-icon-pulse;display:flex;box-shadow:0 0 40px #e8d3a880}@keyframes splash-icon-pulse{0%,to{transform:scale(1);box-shadow:0 0 24px #e8d3a866}50%{transform:scale(1.04);box-shadow:0 0 48px #e8d3a8b3}}.splash-brand{color:var(--c-text);letter-spacing:8px;background:var(--grad-gold);-webkit-text-fill-color:transparent;text-shadow:0 0 24px #e8d3a84d;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.splash-sub{color:var(--c-text-mute);letter-spacing:3px;margin-bottom:8px;font-size:12px}.splash-bar{border-radius:var(--r-pill);background:#2e3d6b66;width:160px;height:3px;margin-top:4px;overflow:hidden}.splash-bar-fill{background:var(--grad-gold);border-radius:var(--r-pill);width:30%;height:100%;animation:1.2s ease-in-out infinite splash-bar;box-shadow:0 0 8px #e8d3a880}@keyframes splash-bar{0%{transform:translate(-100%)}to{transform:translate(330%)}}