@media (orientation:portrait) and (width<=900px){:root{--u:clamp(.62px, 100vw / 600, .92px);--ut:clamp(.92px, 100vw / 420, 1px)}}:root{--c-blue-950:#0a1f4a;--c-blue-900:#0f2e70;--c-blue-800:#1e4a9c;--c-blue-700:#2563eb;--c-blue-600:#3b82f6;--c-blue-500:#60a5fa;--c-blue-400:#93c5fd;--c-blue-300:#b8d4ff;--c-blue-200:#d6e4ff;--c-blue-100:#e8f0ff;--c-blue-50:#f0f6ff;--c-gold-800:#7c5a10;--c-gold-700:#a16207;--c-gold-600:#ca8a04;--c-gold-500:#eab308;--c-gold-400:#facc15;--c-gold-300:#fde047;--c-gold-200:#fef08a;--c-gold-100:#fef9c3;--c-green-700:#15803d;--c-green-600:#16a34a;--c-green-500:#22c55e;--c-green-400:#4ade80;--c-green-300:#86efac;--c-green-200:#bbf7d0;--c-green-100:#dcfce7;--c-red-600:#dc2626;--c-red-500:#ef4444;--c-red-400:#f87171;--c-red-300:#fca5a5;--c-purple-600:#7c3aed;--c-purple-500:#8b5cf6;--c-purple-400:#a78bfa;--c-orange-600:#ea580c;--c-orange-500:#f97316;--c-orange-400:#fb923c;--c-white:#fff;--c-gray-50:#f9fafb;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-gray-300:#d1d5db;--c-gray-400:#9ca3af;--c-gray-500:#6b7280;--c-gray-600:#4b5563;--c-gray-700:#374151;--c-gray-800:#1f2937;--c-gray-900:#111827;--c-bg-deep:#6791d4;--c-bg-card:#ffffffb8;--c-bg-card-strong:#ffffffe0;--c-bg-glass:#ffffff8c;--c-bg-soft:#ffffff59;--c-border:#ffffffe6;--c-border-soft:#ffffffb3;--c-border-blue:#2563eb33;--c-border-gold:#eab30880;--c-text:#0f2e70;--c-text-secondary:#1e4a9c;--c-text-mute:#64748b;--c-text-dim:#64748b99;--c-text-gold:#a16207;--c-text-white:#fff;--c-glow-gold:0 0 28px #facc1573;--c-glow-gold-soft:0 0 14px #facc1540;--c-glow-blue:0 0 24px #3b82f64d;--c-glow-red:0 0 18px #ef444466;--c-shadow:0 10px 40px #1e54c91f;--c-shadow-sm:0 4px 20px #1e54c914;--c-shadow-deep:0 24px 80px #1e54c933;--c-shadow-fab:0 10px 32px #f5c84273;--c-shadow-inner:inset 0 1px 0 #ffffff80;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-10:10px;--fs-11:11px;--fs-12:calc(12 * var(--ut));--fs-13:calc(13 * var(--ut));--fs-14:calc(14 * var(--ut));--fs-15:calc(15 * var(--ut));--fs-16:calc(16 * var(--ut));--fs-18:calc(18 * var(--ut));--fs-20:calc(20 * var(--ut));--fs-22:calc(22 * var(--ut));--fs-24:calc(24 * var(--u));--fs-28:calc(28 * var(--u));--fs-32:calc(32 * var(--u));--fs-40:calc(40 * var(--u));--fs-48:calc(48 * var(--u));--fs-64:calc(64 * var(--u));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.1;--lh-normal:1.5;--lh-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:calc(4 * var(--u));--sp-2:calc(8 * var(--u));--sp-3:calc(12 * var(--u));--sp-4:calc(16 * var(--u));--sp-5:calc(20 * var(--u));--sp-6:calc(24 * var(--u));--sp-7:calc(32 * var(--u));--sp-8:calc(40 * var(--u));--sp-9:calc(56 * var(--u));--sp-10:calc(72 * var(--u));--r-xs:calc(4 * var(--u));--r-sm:calc(8 * var(--u));--r-md:calc(12 * var(--u));--r-lg:calc(16 * var(--u));--r-xl:calc(20 * var(--u));--r-2xl:calc(28 * var(--u));--r-3xl:calc(32 * var(--u));--r-pill:999px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--grad-page:radial-gradient(ellipse 80% 50% at 30% 0%, #b8d4ff99 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 30%, #d6e4ff80 0%, transparent 55%), linear-gradient(180deg, #c7dbff 0%, #b8d0f5 50%, #a5c2ec 100%);--grad-card:linear-gradient(180deg, #ffffffd9 0%, #ffffffa6 100%);--grad-card-soft:linear-gradient(180deg, #fff9 0%, #ffffff73 100%);--grad-hud:linear-gradient(180deg, #fff9 0%, #fff6 100%);--grad-button:linear-gradient(180deg, #fef08a 0%, #facc15 25%, #eab308 55%, #ca8a04 85%, #a16207 100%);--grad-button-hover:linear-gradient(180deg, #fef9c3 0%, #fde047 25%, #facc15 55%, #eab308 85%, #ca8a04 100%);--grad-button-active:linear-gradient(180deg, #a16207 0%, #ca8a04 35%, #eab308 65%, #facc15 100%);--grad-button-green:linear-gradient(180deg, #86efac 0%, #4ade80 25%, #22c55e 55%, #16a34a 85%, #15803d 100%);--grad-button-green-hover:linear-gradient(180deg, #bbf7d0 0%, #86efac 25%, #4ade80 55%, #22c55e 85%, #16a34a 100%);--grad-button-secondary:linear-gradient(180deg, #ffffffb3 0%, #ffffff80 100%);--grad-gold-text:linear-gradient(180deg, #fde047 0%, #ca8a04 100%);--grad-gold-horizontal:linear-gradient(90deg, transparent 0%, #facc15 50%, transparent 100%);--grad-table:radial-gradient(ellipse 70% 60% at 50% 45%, #22c55e99 0%, #10b981bf 50%, #059669e6 100%);--grad-input:linear-gradient(180deg, #ffffff80 0%, #ffffff59 100%);--sh-1:0 2px 8px #1e54c90f;--sh-2:0 4px 20px #1e54c914;--sh-3:0 10px 40px #1e54c91f;--sh-4:0 18px 56px #1e54c92e;--sh-5:0 36px 100px #1e54c940;--sh-card:var(--sh-3);--sh-card-sm:var(--sh-2);--sh-card-hover:var(--sh-4);--sh-fab:0 10px 32px #f5c84273;--sh-inset:inset 0 1px 0 #ffffff80;--sh-inset-dark:inset 0 1px 0 #ffffff40;--sh-gold-glow:0 0 0 3px #fff9, 0 0 50px #ffdc784d, 0 14px 48px #1e54c92e;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--t-fast:.12s;--t-normal:.22s;--t-slow:.4s;--anim-fast:.12s;--anim-normal:.22s;--anim-enter:.36s;--anim-emphasis:.52s;--anim-breathing:3s;--texture-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*{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);font-size:var(--fs-14);line-height:var(--lh-normal);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);position:relative}body:before{content:"";background-image:var(--texture-noise);opacity:.4;pointer-events:none;z-index:9999;mix-blend-mode:overlay;background-size:200px 200px;position:fixed;inset:0}#root{width:100%;height:100%;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3b82f640;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3b82f666}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.glass{background:var(--c-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-lg);position:relative}.glass:before{content:"";border-radius:var(--r-lg) var(--r-lg) 0 0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff9,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-strong{background:var(--c-bg-card-strong);-webkit-backdrop-filter:blur(28px);border:1px solid var(--c-border)}.glass-thin{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--c-border-soft)}.btn{font-family:var(--font-sans);font-size:var(--fs-14);font-weight:var(--fw-extrabold);letter-spacing:.04em;border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--anim-fast) var(--ease-spring), filter var(--anim-fast) var(--ease-standard), box-shadow var(--anim-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 22px;display:inline-flex;position:relative;overflow:hidden}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#fff6,#0000);height:50%;position:absolute;top:0;left:0;right:0}.btn-primary{background:var(--grad-button);color:#7c2d12;box-shadow:var(--sh-fab), var(--sh-inset)}.btn-primary:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 14px 40px #f5c84280, var(--sh-inset)}.btn-green{background:var(--grad-button-green);color:#064e3b;box-shadow:0 6px 20px #22c55e59, var(--sh-inset)}.btn-green:not(:disabled):hover{filter:brightness(1.06);box-shadow:0 10px 28px #22c55e73, var(--sh-inset)}.btn-secondary{background:var(--grad-button-secondary);color:var(--c-text);border:1px solid var(--c-border);-webkit-backdrop-filter:blur(10px)}.btn-secondary:not(:disabled):hover{background:linear-gradient(#ffffffd9 0%,#fff9 100%)}.btn-ghost{color:var(--c-text-mute);border:1px solid var(--c-border-soft);background:0 0}.btn-ghost:not(:disabled):hover{color:var(--c-text);border-color:var(--c-border);background:var(--c-bg-soft)}.text-gold{color:var(--c-gold-600)}.text-mute{color:var(--c-text-mute)}.text-dim{color:var(--c-text-dim)}.text-red{color:var(--c-red-500)}.text-green{color:var(--c-green-600)}.text-blue{color:var(--c-blue-600)}.font-display{font-family:var(--font-display);font-weight:var(--fw-bold)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #facc154d}50%{box-shadow:0 0 28px #facc1599}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (orientation:portrait) and (width<=900px){:root{--u:clamp(.62px, 100vw / 600, .92px);--ut:clamp(.92px, 100vw / 420, 1px)}}:root{--c-blue-950:#0a1f4a;--c-blue-900:#0f2e70;--c-blue-800:#1e4a9c;--c-blue-700:#2563eb;--c-blue-600:#3b82f6;--c-blue-500:#60a5fa;--c-blue-400:#93c5fd;--c-blue-300:#b8d4ff;--c-blue-200:#d6e4ff;--c-blue-100:#e8f0ff;--c-blue-50:#f0f6ff;--c-gold-800:#7c5a10;--c-gold-700:#a16207;--c-gold-600:#ca8a04;--c-gold-500:#eab308;--c-gold-400:#facc15;--c-gold-300:#fde047;--c-gold-200:#fef08a;--c-gold-100:#fef9c3;--c-green-700:#15803d;--c-green-600:#16a34a;--c-green-500:#22c55e;--c-green-400:#4ade80;--c-green-300:#86efac;--c-green-200:#bbf7d0;--c-green-100:#dcfce7;--c-red-600:#dc2626;--c-red-500:#ef4444;--c-red-400:#f87171;--c-red-300:#fca5a5;--c-purple-600:#7c3aed;--c-purple-500:#8b5cf6;--c-purple-400:#a78bfa;--c-orange-600:#ea580c;--c-orange-500:#f97316;--c-orange-400:#fb923c;--c-white:#fff;--c-gray-50:#f9fafb;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-gray-300:#d1d5db;--c-gray-400:#9ca3af;--c-gray-500:#6b7280;--c-gray-600:#4b5563;--c-gray-700:#374151;--c-gray-800:#1f2937;--c-gray-900:#111827;--c-bg-deep:#6791d4;--c-bg-card:#ffffffb8;--c-bg-card-strong:#ffffffe0;--c-bg-glass:#ffffff8c;--c-bg-soft:#ffffff59;--c-border:#ffffffe6;--c-border-soft:#ffffffb3;--c-border-blue:#2563eb33;--c-border-gold:#eab30880;--c-text:#0f2e70;--c-text-secondary:#1e4a9c;--c-text-mute:#64748b;--c-text-dim:#64748b99;--c-text-gold:#a16207;--c-text-white:#fff;--c-glow-gold:0 0 28px #facc1573;--c-glow-gold-soft:0 0 14px #facc1540;--c-glow-blue:0 0 24px #3b82f64d;--c-glow-red:0 0 18px #ef444466;--c-shadow:0 10px 40px #1e54c91f;--c-shadow-sm:0 4px 20px #1e54c914;--c-shadow-deep:0 24px 80px #1e54c933;--c-shadow-fab:0 10px 32px #f5c84273;--c-shadow-inner:inset 0 1px 0 #ffffff80;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-10:10px;--fs-11:11px;--fs-12:calc(12 * var(--ut));--fs-13:calc(13 * var(--ut));--fs-14:calc(14 * var(--ut));--fs-15:calc(15 * var(--ut));--fs-16:calc(16 * var(--ut));--fs-18:calc(18 * var(--ut));--fs-20:calc(20 * var(--ut));--fs-22:calc(22 * var(--ut));--fs-24:calc(24 * var(--u));--fs-28:calc(28 * var(--u));--fs-32:calc(32 * var(--u));--fs-40:calc(40 * var(--u));--fs-48:calc(48 * var(--u));--fs-64:calc(64 * var(--u));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.1;--lh-normal:1.5;--lh-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:calc(4 * var(--u));--sp-2:calc(8 * var(--u));--sp-3:calc(12 * var(--u));--sp-4:calc(16 * var(--u));--sp-5:calc(20 * var(--u));--sp-6:calc(24 * var(--u));--sp-7:calc(32 * var(--u));--sp-8:calc(40 * var(--u));--sp-9:calc(56 * var(--u));--sp-10:calc(72 * var(--u));--r-xs:calc(4 * var(--u));--r-sm:calc(8 * var(--u));--r-md:calc(12 * var(--u));--r-lg:calc(16 * var(--u));--r-xl:calc(20 * var(--u));--r-2xl:calc(28 * var(--u));--r-3xl:calc(32 * var(--u));--r-pill:999px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--grad-page:radial-gradient(ellipse 80% 50% at 30% 0%, #b8d4ff99 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 30%, #d6e4ff80 0%, transparent 55%), linear-gradient(180deg, #c7dbff 0%, #b8d0f5 50%, #a5c2ec 100%);--grad-card:linear-gradient(180deg, #ffffffd9 0%, #ffffffa6 100%);--grad-card-soft:linear-gradient(180deg, #fff9 0%, #ffffff73 100%);--grad-hud:linear-gradient(180deg, #fff9 0%, #fff6 100%);--grad-button:linear-gradient(180deg, #fef08a 0%, #facc15 25%, #eab308 55%, #ca8a04 85%, #a16207 100%);--grad-button-hover:linear-gradient(180deg, #fef9c3 0%, #fde047 25%, #facc15 55%, #eab308 85%, #ca8a04 100%);--grad-button-active:linear-gradient(180deg, #a16207 0%, #ca8a04 35%, #eab308 65%, #facc15 100%);--grad-button-green:linear-gradient(180deg, #86efac 0%, #4ade80 25%, #22c55e 55%, #16a34a 85%, #15803d 100%);--grad-button-green-hover:linear-gradient(180deg, #bbf7d0 0%, #86efac 25%, #4ade80 55%, #22c55e 85%, #16a34a 100%);--grad-button-secondary:linear-gradient(180deg, #ffffffb3 0%, #ffffff80 100%);--grad-gold-text:linear-gradient(180deg, #fde047 0%, #ca8a04 100%);--grad-gold-horizontal:linear-gradient(90deg, transparent 0%, #facc15 50%, transparent 100%);--grad-table:radial-gradient(ellipse 70% 60% at 50% 45%, #22c55e99 0%, #10b981bf 50%, #059669e6 100%);--grad-input:linear-gradient(180deg, #ffffff80 0%, #ffffff59 100%);--sh-1:0 2px 8px #1e54c90f;--sh-2:0 4px 20px #1e54c914;--sh-3:0 10px 40px #1e54c91f;--sh-4:0 18px 56px #1e54c92e;--sh-5:0 36px 100px #1e54c940;--sh-card:var(--sh-3);--sh-card-sm:var(--sh-2);--sh-card-hover:var(--sh-4);--sh-fab:0 10px 32px #f5c84273;--sh-inset:inset 0 1px 0 #ffffff80;--sh-inset-dark:inset 0 1px 0 #ffffff40;--sh-gold-glow:0 0 0 3px #fff9, 0 0 50px #ffdc784d, 0 14px 48px #1e54c92e;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--t-fast:.12s;--t-normal:.22s;--t-slow:.4s;--anim-fast:.12s;--anim-normal:.22s;--anim-enter:.36s;--anim-emphasis:.52s;--anim-breathing:3s;--texture-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.lobby-root{width:100%;height:100dvh;min-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(60% 40% at 50% 0,#ffffff2e 0%,#0000 70%),url(/assets/ui/bg-main.webp) 50%/cover no-repeat,linear-gradient(135deg,#5b7bd9 0%,#7a5cc9 50%,#8e6fdd 100%);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow:hidden}@supports not (height:100dvh){.lobby-root{height:100vh}}.lobby-root:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% 130%,#ffffff1f 0%,#0000 60%);height:35%;position:absolute;bottom:0;left:0;right:0}.lobby-hud{align-items:center;gap:calc(14 * var(--u));padding:calc(12 * var(--u)) calc(28 * var(--u));z-index:20;flex-shrink:0;display:flex;position:relative}.lobby-hud-user{align-items:center;gap:calc(10 * var(--u));display:flex}.lobby-hud-avatar{width:calc(52 * var(--u));height:calc(52 * var(--u));border:calc(3 * var(--u)) solid #fffffff2;box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #0003, inset 0 calc(2 * var(--u)) calc(4 * var(--u)) #ffffff4d;color:#6366f1;background:radial-gradient(circle at 30% 25%,#fff 0%,#e0e7ff 40%,#818cf8 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lobby-hud-user-info{gap:calc(3 * var(--u));flex-direction:column;display:flex}.lobby-hud-nick{font-size:calc(18 * var(--ut));color:#fff;text-shadow:0 calc(1 * var(--u)) calc(4 * var(--u)) #0000004d;font-weight:700;line-height:1.1}.lobby-hud-level{align-items:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(10 * var(--u));border-radius:calc(20 * var(--u));font-size:calc(11 * var(--ut));color:#fff;width:fit-content;box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #10b98166;background:linear-gradient(135deg,#10b981 0%,#059669 100%);font-weight:700;line-height:1.4;display:inline-flex}.lobby-hud-level:before{content:"★";font-size:calc(10 * var(--u))}.lobby-hud-resources{justify-content:center;align-items:center;gap:calc(12 * var(--u));flex:1;display:flex}.lobby-resource{align-items:center;gap:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(16 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u));-webkit-backdrop-filter:blur(10px);border-radius:calc(32 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #0000001f, inset 0 calc(2 * var(--u)) 0 #fffc, 0 0 0 calc(1 * var(--u)) #fff9;font-size:calc(16 * var(--ut));color:#1e3a8a;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .15s var(--ease-spring);background:#ffffffeb;border:none;font-weight:800;display:flex;position:relative}.lobby-resource:before{content:"";border-radius:calc(32 * var(--u)) calc(32 * var(--u)) 0 0;pointer-events:none;background:linear-gradient(#fff9,#0000);height:40%;position:absolute;top:0;left:15%;right:15%}.lobby-resource:active{transform:scale(.96)}.lobby-resource-icon{width:calc(30 * var(--u));height:calc(30 * var(--u));z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lobby-resource-icon--coin{color:#92400e;box-shadow:inset 0 calc(1 * var(--u)) calc(2 * var(--u)) #fff9;background:radial-gradient(circle at 30% 25%,#fef08a,#eab308)}.lobby-resource-icon--star{color:#1e40af;box-shadow:inset 0 calc(1 * var(--u)) calc(2 * var(--u)) #fff9;background:radial-gradient(circle at 30% 25%,#bfdbfe,#3b82f6)}.lobby-resource-add{width:calc(24 * var(--u));height:calc(24 * var(--u));color:#fff;font-size:calc(16 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #16a34a66, inset 0 calc(1 * var(--u)) 0 #ffffff4d;z-index:1;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.lobby-hud-actions{align-items:center;gap:calc(10 * var(--u));display:flex}.lobby-hud-icon-btn{width:calc(44 * var(--u));height:calc(44 * var(--u));color:#4338ca;cursor:pointer;box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #0000001f, inset 0 calc(2 * var(--u)) 0 #fffc;font-size:calc(18 * var(--u));background:#ffffffeb;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:relative}.lobby-hud-icon-btn:active{transform:scale(.9)}.lobby-hud-icon-btn--more{width:auto;padding:0 calc(14 * var(--u));border-radius:calc(26 * var(--u));gap:calc(5 * var(--u));font-size:calc(20 * var(--u))}.lobby-hud-badge{top:calc(-2 * var(--u));right:calc(-2 * var(--u));min-width:calc(18 * var(--u));height:calc(18 * var(--u));padding:0 calc(5 * var(--u));color:#fff;border-radius:calc(12 * var(--u));border:calc(2 * var(--u)) solid #fff;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #ef444466;background:#ef4444;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute}.lobby-main{z-index:10;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.lobby-main>*{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.lobby-content{padding:0 calc(64 * var(--u));justify-content:flex-end;align-items:stretch;gap:calc(16 * var(--u));flex-direction:row;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.lobby-side-entries{left:calc(64 * var(--u));gap:calc(18 * var(--u));width:calc(72 * var(--u));z-index:10;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute;top:0;bottom:0}.lobby-side-entry{align-items:center;gap:calc(6 * var(--u));cursor:pointer;transition:transform .15s var(--ease-spring);flex-direction:column;width:100%;display:flex}.lobby-side-entry:active{transform:scale(.92)}.lobby-side-entry-icon{width:calc(68 * var(--u));height:calc(68 * var(--u));justify-content:center;align-items:center;display:flex;position:relative}.icon-chip{background:radial-gradient(circle at 32% 28%, #ffffff8c 0%, transparent 40%), linear-gradient(160deg, var(--chip-from) 0%, var(--chip-via) 45%, var(--chip-to) 100%);box-shadow: 0 0 calc(14 * var(--u)) var(--chip-glow),  0 calc(5 * var(--u)) calc(12 * var(--u)) #00000040,  inset 0 calc(2 * var(--u)) 0 #ffffff73,  inset 0 calc(-3 * var(--u)) calc(6 * var(--u)) #0000001f,  0 0 0 calc(2 * var(--u)) #ffffff40;color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.icon-chip svg{z-index:1;filter:drop-shadow(0 calc(1 * var(--u)) calc(3 * var(--u)) #00000040);position:relative}.icon-chip:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#fff9 0%,#0000 100%);border-radius:50%;height:22%;position:absolute;top:12%;left:18%;right:18%}.icon-chip--gift{--chip-from:#fef3c7;--chip-via:#fbbf24;--chip-to:#d97706;--chip-glow:#fbbf2480}.icon-chip--redpacket{--chip-from:#fecaca;--chip-via:#ef4444;--chip-to:#991b1b;--chip-glow:#ef444473}.icon-chip--shop{--chip-from:#bbf7d0;--chip-via:#22c55e;--chip-to:#15803d;--chip-glow:#22c55e66}.icon-chip--vip{--chip-from:#fef08a;--chip-via:#f59e0b;--chip-to:#b45309;--chip-glow:#f59e0b80}.icon-chip--event{--chip-from:#fbcfe8;--chip-via:#ec4899;--chip-to:#9d174d;--chip-glow:#ec489966}.icon-chip--rank{--chip-from:#c4b5fd;--chip-via:#8b5cf6;--chip-to:#5b21b6;--chip-glow:#8b5cf673}.icon-chip--friends{--chip-from:#93c5fd;--chip-via:#3b82f6;--chip-to:#1d4ed8;--chip-glow:#3b82f666}.icon-chip--more{--chip-from:#cbd5e1;--chip-via:#64748b;--chip-to:#334155;--chip-glow:#64748b59}.lobby-side-entry-label{font-size:calc(13 * var(--ut));color:#fff;text-shadow:0 calc(1 * var(--u)) calc(4 * var(--u)) #00000080, 0 0 calc(8 * var(--u)) #fff3;white-space:nowrap;letter-spacing:calc(1 * var(--u));font-weight:700}.lobby-center-group{min-width:0;padding-right:calc(24 * var(--u));max-width:calc(440 * var(--u));flex:1;justify-content:center;align-items:center;display:flex}.lobby-hero{pointer-events:none;height:78%;max-height:calc(360 * var(--u));flex-shrink:1;justify-content:flex-start;align-items:center;min-width:0;display:flex}.lobby-hero-logo{object-fit:contain;width:auto;max-width:100%;height:100%;filter:drop-shadow(0 calc(6 * var(--u)) calc(16 * var(--u)) #00000059);animation:4s ease-in-out infinite floatY}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-6 * var(--u)))}}.lobby-classic-card{border-radius:calc(20 * var(--u));cursor:pointer;transition:transform .25s var(--ease-spring), box-shadow .25s;box-shadow:0 calc(12 * var(--u)) calc(36 * var(--u)) #00000040;position:relative;overflow:hidden}.lobby-classic-card--grid{grid-row:span 2}.lobby-classic-card:hover{transform:translateY(calc(-4 * var(--u)));box-shadow:0 calc(16 * var(--u)) calc(44 * var(--u)) #0000004d}.lobby-classic-card:active{transform:scale(.97)}.lobby-classic-card-img{object-fit:cover;object-position:center top;width:100%;height:100%}.lobby-classic-badge{top:calc(16 * var(--u));left:calc(16 * var(--u));padding:calc(4 * var(--u)) calc(14 * var(--u));color:#78350f;font-size:calc(12 * var(--ut));border-radius:calc(16 * var(--u));z-index:2;box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) #0003;letter-spacing:calc(2 * var(--u));background:linear-gradient(135deg,#fde68a,#f59e0b);font-weight:800;position:absolute}.lobby-classic-card-label{padding:calc(24 * var(--u)) calc(20 * var(--u)) calc(20 * var(--u));text-align:center;background:linear-gradient(#0000 0%,#00000080 100%);position:absolute;bottom:0;left:0;right:0}.lobby-classic-card-sub{font-size:calc(14 * var(--u));color:#ffffffe6;letter-spacing:calc(2 * var(--u));margin-bottom:calc(4 * var(--u));text-shadow:0 calc(1 * var(--u)) calc(4 * var(--u)) #0006;font-weight:600}.lobby-classic-card-title{font-size:calc(36 * var(--u));color:#fff;text-shadow:0 calc(2 * var(--u)) calc(8 * var(--u)) #0009, 0 0 calc(24 * var(--u)) #6366f180;letter-spacing:calc(12 * var(--u));font-weight:900}.lobby-mode-grid{grid-template-columns:auto calc(210 * var(--u)) calc(210 * var(--u));gap:calc(12 * var(--u));padding:calc(12 * var(--u)) 0;flex-shrink:0;grid-template-rows:1fr 1fr;align-self:stretch;display:grid}.lobby-mode-card{-webkit-backdrop-filter:blur(12px)saturate(160%);border-radius:calc(20 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));cursor:pointer;transition:transform .15s var(--ease-spring), box-shadow .2s;box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) #0000001a, inset 0 calc(2 * var(--u)) 0 #fffc, 0 0 0 calc(1 * var(--u)) #fff9;gap:calc(8 * var(--u));background:#ffffff80;flex-direction:column;display:flex;position:relative;overflow:hidden}.lobby-mode-card:before{content:"";border-radius:calc(24 * var(--u));pointer-events:none;z-index:0;position:absolute;inset:0}.lobby-mode-card:after{content:"";border-radius:calc(24 * var(--u)) calc(24 * var(--u)) 0 0;pointer-events:none;z-index:1;background:linear-gradient(#fff9,#0000);height:35%;position:absolute;top:0;left:10%;right:10%}.lobby-mode-card:nth-child(2):before{background:linear-gradient(160deg,#fff7d2f2 0%,#ffe496d9 45%,#fffae6e6 100%)}.lobby-mode-card:nth-child(3):before{background:linear-gradient(160deg,#f0f8fff2 0%,#dce6ffd9 45%,#f5f8ffe6 100%)}.lobby-mode-card:nth-child(4):before{background:linear-gradient(160deg,#e8fcf3f2 0%,#bef2dcd9 45%,#f0fdf8e6 100%)}.lobby-mode-card:nth-child(5):before{background:linear-gradient(160deg,#fff8dcf2 0%,#feebaad9 45%,#fffcebe6 100%)}.lobby-mode-card:active{transform:scale(.96)}.lobby-mode-tag{padding:calc(3 * var(--u)) calc(12 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(11 * var(--ut));color:#fff;letter-spacing:0;z-index:1;width:fit-content;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #0003;font-weight:800;display:inline-block;position:relative}.lobby-mode-tag--orange{background:linear-gradient(135deg,#fb923c,#ea580c)}.lobby-mode-tag--green{background:linear-gradient(135deg,#34d399,#059669)}.lobby-mode-tag--purple{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.lobby-mode-tag--blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.lobby-mode-title{font-size:calc(30 * var(--u));color:#1e293b;z-index:1;margin-top:auto;font-weight:800;line-height:1.1;position:relative}.lobby-mode-sub{font-size:calc(13 * var(--ut));color:#64748b;z-index:1;white-space:nowrap;text-overflow:ellipsis;font-weight:500;position:relative;overflow:hidden}.lobby-mode-people{font-size:calc(12 * var(--ut));color:#059669;align-items:center;gap:calc(6 * var(--u));margin-top:calc(6 * var(--u));z-index:1;white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:flex;position:relative;overflow:hidden}.lobby-mode-people:before{content:"";width:calc(8 * var(--u));height:calc(8 * var(--u));box-shadow:0 0 calc(4 * var(--u)) #10b98199;background:#10b981;border-radius:50%}.lobby-mode-top-icon{top:calc(16 * var(--u));right:calc(16 * var(--u));z-index:1;height:calc(52 * var(--u));align-items:flex-end;display:flex;position:absolute}.mode-cards-icon{width:calc(64 * var(--u));height:calc(52 * var(--u));position:relative}.mode-cards-icon.two-decks{width:calc(64 * var(--u));height:calc(52 * var(--u))}.mode-cards-icon.two-decks .mode-card-1{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%)}.mode-cards-icon.two-decks .mode-card-1:after{content:"♣";color:#059669}.mode-cards-icon.two-decks .mode-card-2{background:linear-gradient(135deg,#fff 0%,#fef3c7 100%)}.mode-cards-icon.two-decks .mode-card-2:after{content:"♦";color:#f59e0b}.mode-cards-icon .mode-card{width:calc(48 * var(--u));height:calc(56 * var(--u));border-radius:calc(8 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #00000026, inset 0 calc(1 * var(--u)) 0 #fffc;border:calc(2 * var(--u)) solid #fff;background:#fff;position:absolute}.mode-cards-icon .mode-card-1{z-index:1;background:linear-gradient(135deg,#fff 0%,#fff5f5 100%);top:0;left:0}.mode-cards-icon .mode-card-1:after{content:"♥";font-size:calc(26 * var(--u));color:#ef4444;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mode-cards-icon .mode-card-2{z-index:2;opacity:.9;background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);bottom:0;right:0;transform:rotate(8deg)}.mode-avatars{align-items:flex-end;display:flex}.mode-avatars .mode-avatar{width:calc(44 * var(--u));height:calc(44 * var(--u));border:calc(3 * var(--u)) solid #fff;margin-left:calc(-16 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #00000026, inset 0 calc(1 * var(--u)) 0 #ffffff4d;color:#fff;font-size:calc(16 * var(--u));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mode-avatars .mode-avatar:first-child{margin-left:0}.mode-avatars .mode-avatar--plus{background:linear-gradient(135deg,#5eead4,#14b8a6)!important}.mode-avatars .mode-avatar--yellow{background:linear-gradient(135deg,#fcd34d,#f59e0b)}.mode-avatars .mode-avatar--red{background:linear-gradient(135deg,#fca5a5,#ef4444)}.mode-avatars .mode-avatar--teal{background:linear-gradient(135deg,#5eead4,#14b8a6)}.mode-avatars .mode-avatar--blue{background:linear-gradient(135deg,#93c5fd,#3b82f6)}.mode-treasure{width:calc(72 * var(--u));height:calc(56 * var(--u));align-items:flex-end;display:flex;position:relative}.mode-treasure .treasure-coin{left:0;bottom:calc(4 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #0003, inset 0 calc(1 * var(--u)) 0 #fff6;z-index:1;background:radial-gradient(circle at 30% 25%,#fde68a,#d97706);border-radius:50%;position:absolute}.mode-treasure .treasure-gem{left:calc(20 * var(--u));width:calc(32 * var(--u));height:calc(38 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #0003, inset calc(3 * var(--u)) calc(2 * var(--u)) 0 #fff6;z-index:2;background:linear-gradient(135deg,#c4b5fd,#8b5cf6);border-radius:50%/60% 60% 40% 40%;position:absolute;top:0;transform:rotate(-10deg)}.mode-treasure .treasure-redpacket{width:calc(32 * var(--u));height:calc(38 * var(--u));border-radius:calc(6 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #0003, inset 0 calc(1 * var(--u)) 0 #ffffff4d;z-index:3;background:linear-gradient(135deg,#fca5a5,#dc2626);position:absolute;bottom:0;right:0}.mode-treasure .treasure-redpacket:before{content:"";width:calc(12 * var(--u));height:calc(12 * var(--u));background:#fcd34d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lobby-mode-card--deck{padding:calc(16 * var(--u)) calc(18 * var(--u));flex-direction:column;align-items:stretch;gap:0;display:flex}.lobby-mode-card--deck .lobby-mode-tag{top:calc(14 * var(--u));left:calc(14 * var(--u));z-index:2;position:absolute}.lobby-mode-card--deck .lobby-mode-top-icon{height:auto;margin:calc(12 * var(--u)) 0 calc(8 * var(--u));flex:1;justify-content:center;align-items:center;display:flex;position:static}.lobby-mode-card--deck .mode-cards-icon{width:calc(80 * var(--u));height:calc(68 * var(--u));transform:scale(1.25)}.lobby-mode-card--deck .mode-cards-icon .mode-card{width:calc(56 * var(--u));height:calc(66 * var(--u))}.lobby-mode-card--deck .mode-cards-icon .mode-card-1:after{font-size:calc(32 * var(--u))}.lobby-mode-card--deck .lobby-mode-title{font-size:calc(32 * var(--u));text-align:left;margin-top:0;font-weight:900;line-height:1.1}.lobby-mode-card--deck .lobby-mode-sub{display:none}.lobby-mode-card--deck .lobby-mode-people{margin-top:calc(4 * var(--u));font-size:calc(13 * var(--ut))}.lobby-mode-card--soon:after{content:"敬请期待";-webkit-backdrop-filter:blur(3px);font-size:calc(16 * var(--ut));color:#94a3b8;letter-spacing:calc(4 * var(--u));z-index:10;border-radius:calc(24 * var(--u));background:#ffffffbf;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.lobby-bottom{padding:calc(16 * var(--u)) calc(64 * var(--u)) calc(24 * var(--u));z-index:15;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.lobby-circle-nav{align-items:center;gap:calc(32 * var(--u));display:flex}.lobby-circle-btn{align-items:center;gap:calc(6 * var(--u));cursor:pointer;transition:transform .15s var(--ease-spring);flex-direction:column;display:flex}.lobby-circle-btn:active{transform:scale(.9)}.lobby-circle-icon{width:calc(64 * var(--u));height:calc(64 * var(--u));color:#fff;font-size:calc(24 * var(--u));border:none;justify-content:center;align-items:center;display:flex;position:relative}.lobby-circle-label{font-size:calc(14 * var(--ut));color:#fff;text-shadow:0 calc(1 * var(--u)) calc(4 * var(--u)) #00000080;opacity:.95;letter-spacing:calc(2 * var(--u));font-weight:600}.lobby-quick-btn{min-width:calc(340 * var(--u));height:calc(76 * var(--u));padding:0 calc(40 * var(--u)) 0 calc(28 * var(--u));justify-content:flex-end;align-items:center;gap:calc(14 * var(--u));border:calc(2 * var(--u)) solid #fbbf24cc;border-radius:calc(50 * var(--u));font-size:calc(34 * var(--u));color:#fef3c7;letter-spacing:calc(10 * var(--u));cursor:pointer;transition:all .2s var(--ease-spring);box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) #5b21b680, 0 0 calc(16 * var(--u)) #fbbf2426 inset, 0 calc(1 * var(--u)) 0 #fff3 inset;text-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #0000004d;background:linear-gradient(#ffffff2e 0%,#0000 30%),linear-gradient(135deg,#7c3aed 0%,#6d28d9 30%,#5b21b6 65%,#4c1d95 100%);font-family:inherit;font-weight:900;display:flex;position:relative;overflow:hidden}.lobby-quick-btn .quick-btn-prefix{font-size:calc(18 * var(--u));color:#fef3c7d9;letter-spacing:0;padding-left:calc(8 * var(--u));margin-right:auto;font-weight:700}.lobby-quick-btn:before{content:"";inset:calc(-2 * var(--u));border-radius:calc(50 * var(--u));filter:blur(calc(8 * var(--u)));z-index:-1;opacity:.8;background:linear-gradient(135deg,#fbbf2466,#f59e0b33);position:absolute}.lobby-quick-btn:after{content:"";top:calc(3 * var(--u));height:calc(6 * var(--u));pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);border-radius:50%;position:absolute;left:20%;right:20%}.lobby-quick-btn:hover{transform:translateY(calc(-2 * var(--u)));box-shadow:0 calc(10 * var(--u)) calc(28 * var(--u)) #5b21b68c, 0 0 calc(20 * var(--u)) #fbbf2440 inset, 0 calc(1 * var(--u)) 0 #ffffff40 inset}.lobby-quick-btn:active{transform:translateY(calc(1 * var(--u))) scale(.97);box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #5b21b680, 0 0 calc(12 * var(--u)) #fbbf241a inset}.lobby-view{min-height:0;animation:fadeInUp .3s var(--ease-out);flex-direction:column;flex:1;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(calc(10 * var(--u)))}to{opacity:1;transform:translateY(0)}}.lobby-modal-mask{-webkit-backdrop-filter:blur(6px);z-index:100;padding:calc(24 * var(--u));background:#0f172a80;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.lobby-modal{width:100%;max-width:calc(400 * var(--u));border-radius:calc(24 * var(--u));padding:calc(32 * var(--u)) calc(28 * var(--u)) calc(28 * var(--u));box-shadow:0 calc(24 * var(--u)) calc(64px * var(--u)) #0000004d, 0 0 0 calc(1 * var(--u)) #fff9;animation:scaleIn .3s var(--ease-spring);background:linear-gradient(#fff 0%,#f8fafc 100%);position:relative}.lobby-modal-close{top:calc(14 * var(--u));right:calc(14 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute}.lobby-modal-close:active{background:#e2e8f0}.lobby-modal-title{font-size:calc(20 * var(--ut));color:#1e3a8a;text-align:center;margin-bottom:calc(24 * var(--u));font-weight:800}.lobby-modal-title:after{content:"";width:calc(48 * var(--u));height:calc(4 * var(--u));margin:calc(10 * var(--u)) auto 0;border-radius:calc(2 * var(--u));background:linear-gradient(90deg,#0000,#fbbf24,#0000);display:block}.lobby-modal-field{margin-bottom:calc(18 * var(--u))}.lobby-modal-label{font-size:calc(14 * var(--ut));color:#475569;margin-bottom:calc(8 * var(--u));font-weight:600;display:block}.lobby-modal-input{width:100%;height:calc(50 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(18 * var(--ut));color:#1e293b;border:calc(2 * var(--u)) solid #e2e8f0;border-radius:calc(14 * var(--u));text-align:center;letter-spacing:.1em;box-shadow:inset 0 calc(2 * var(--u)) calc(4 * var(--u)) #0000000a;background:#fff;outline:none;font-weight:700;transition:all .15s}.lobby-modal-input:focus{box-shadow:0 0 0 calc(4 * var(--u)) #6366f126, inset 0 0 0 transparent;border-color:#6366f1}.lobby-modal-hint{font-size:calc(12 * var(--ut));color:#94a3b8;margin-top:calc(8 * var(--u))}.lobby-modal-actions{gap:calc(14 * var(--u));margin-top:calc(28 * var(--u));display:flex}.lobby-modal-btn{height:calc(52 * var(--u));font-size:calc(15 * var(--ut));border-radius:calc(14 * var(--u));cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;font-family:inherit;font-weight:800;transition:all .15s;display:flex}.lobby-modal-btn:active{transform:scale(.97)}.lobby-modal-btn--ghost{color:#64748b;box-shadow:inset 0 calc(2 * var(--u)) 0 #fffc;background:#f1f5f9}.lobby-modal-btn--primary{color:#78350f;box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #f59e0b66, inset 0 calc(2 * var(--u)) 0 #ffffff80;text-shadow:0 calc(1 * var(--u)) 0 #ffffff4d;background:linear-gradient(#fbbf24 0%,#f59e0b 50%,#d97706 100%)}.lobby-modal-err{padding:calc(12 * var(--u)) calc(16 * var(--u));font-size:calc(13 * var(--ut));color:#dc2626;border-radius:calc(12 * var(--u));margin-bottom:calc(14 * var(--u));border:calc(1 * var(--u)) solid #fecaca;background:#fef2f2}.lobby-ai-selector{gap:calc(10 * var(--u));display:flex}.lobby-ai-chip{height:calc(44 * var(--u));border:calc(2 * var(--u)) solid #e2e8f0;border-radius:calc(12 * var(--u));font-size:calc(14 * var(--ut));color:#64748b;cursor:pointer;background:#f8fafc;flex:1;justify-content:center;align-items:center;font-weight:700;transition:all .15s;display:flex}.lobby-ai-chip.is-active{color:#4338ca;box-shadow:0 0 0 calc(3 * var(--u)) #6366f126;background:#eef2ff;border-color:#6366f1}.lobby-side{width:min(calc(380 * var(--u)), 85vw);z-index:90;height:100%;transition:transform .3s var(--ease-out);box-shadow:calc(-8 * var(--u)) 0 calc(30px * var(--u)) #0003;background:#fff;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.lobby-side.is-open{transform:translate(0)}.lobby-side-head{padding:calc(18 * var(--u)) calc(22 * var(--u));background:linear-gradient(#f8fafc,#fff);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;display:flex}.lobby-side-title{font-size:calc(18 * var(--ut));color:#1e3a8a;font-weight:800}.lobby-side-close{width:calc(36 * var(--u));height:calc(36 * var(--u));font-size:calc(20 * var(--u));color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.lobby-side-body{padding:calc(14 * var(--u));flex:1;overflow-y:auto}.lobby-history-item{padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(14 * var(--u));margin-bottom:calc(10 * var(--u));border:calc(1 * var(--u)) solid #e2e8f0;background:#f8fafc;justify-content:space-between;align-items:center;display:flex}.lobby-history-result{font-size:calc(18 * var(--ut));font-weight:800}.lobby-history-result.win{color:#059669}.lobby-history-result.lose{color:#dc2626}.lobby-history-meta{font-size:calc(12 * var(--ut));color:#94a3b8;margin-top:calc(4 * var(--u))}.lobby-toast{top:calc(80 * var(--u));z-index:200;max-width:80vw;padding:calc(12 * var(--u)) calc(24 * var(--u));border-radius:calc(14 * var(--u));color:#fff;font-size:calc(14 * var(--ut));text-align:center;box-shadow:0 calc(6 * var(--u)) calc(20px * var(--u)) #dc262666, inset 0 calc(2 * var(--u)) 0 #fff3;cursor:pointer;animation:toastIn .3s var(--ease-spring);background:linear-gradient(135deg,#ef4444,#dc2626);font-weight:600;position:fixed;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(calc(-10 * var(--u)))}to{opacity:1;transform:translate(-50%)translateY(0)}}.lobby-subpage-overlay{z-index:50;background:var(--grad-page);flex-direction:column;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.lobby-subpage-content{flex:1;min-height:0;position:relative;overflow:hidden}.lobby-subpage-content>*{width:100%;height:100%;position:absolute;inset:0}.lobby-tabbar--sub{padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(10 * var(--u) + env(safe-area-inset-bottom));box-shadow:0 calc(-4 * var(--u)) calc(20 * var(--u)) #00000014;border-radius:calc(24 * var(--u)) calc(24 * var(--u)) 0 0;-webkit-backdrop-filter:blur(20px);z-index:20;background:linear-gradient(#fffffffa,#f8fafcfa);flex-shrink:0;justify-content:space-around;display:flex;position:relative}.lobby-tabbar-item{align-items:center;gap:calc(3 * var(--u));cursor:pointer;padding:calc(6 * var(--u)) calc(10 * var(--u));color:#94a3b8;font-weight:500;font-size:calc(12 * var(--ut));background:0 0;border:none;flex-direction:column;transition:color .15s;display:flex;position:relative}.lobby-tabbar-item.is-active{color:#4f46e5;font-weight:700}.lobby-tabbar-badge{top:0;right:calc(6 * var(--u));color:#fff;border-radius:calc(12 * var(--u));padding:0 calc(6 * var(--u));font-size:calc(11 * var(--u));border:calc(2 * var(--u)) solid #fff;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #ef44444d;background:#ef4444;font-weight:700;line-height:1.6;position:absolute}.lobby-mode-selector{gap:calc(8 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.lobby-mode-option{height:calc(38 * var(--u));border:calc(2 * var(--u)) solid #e2e8f0;border-radius:calc(10 * var(--u));color:#64748b;font-size:calc(12 * var(--ut));cursor:pointer;background:#f8fafc;font-weight:700;transition:all .15s}.lobby-mode-option.is-active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.lobby-bottom-actions{align-items:center;gap:calc(12 * var(--u));display:flex}.lobby-join-btn{width:calc(112 * var(--u));height:calc(60 * var(--u));border:calc(2 * var(--u)) solid #fbbf24b8;border-radius:calc(34 * var(--u));color:#fef3c7;font-size:calc(18 * var(--ut));cursor:pointer;transition:transform .15s var(--ease-spring);background:linear-gradient(#ffffff29,#0f172a0f),#1e3a8a;font-weight:800}.lobby-join-btn:active{transform:scale(.97)}@media (width<=900px){.lobby-quick-btn{min-width:calc(270 * var(--u))}.lobby-bottom-actions{gap:calc(8 * var(--u))}}.lobby-modal--wide{max-width:calc(560 * var(--u))}.lobby-activity-grid{gap:calc(14 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.lobby-activity-card{padding:calc(18 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));border:calc(2 * var(--u)) solid #fde68a;gap:calc(10 * var(--u));background:linear-gradient(#fffbeb,#fef3c7);flex-direction:column;display:flex}.lobby-activity-card--welfare{background:linear-gradient(#ecfdf5,#a7f3d0);border-color:#6ee7b7}.lobby-activity-card--tournament{opacity:.85;background:linear-gradient(#eff6ff,#bfdbfe);border-color:#93c5fd}.lobby-activity-title{font-size:calc(18 * var(--ut));color:#1e3a8a;font-weight:800}.lobby-activity-desc{font-size:calc(13 * var(--ut));color:#475569;min-height:calc(36 * var(--u))}.lobby-activity-card .lobby-modal-btn{width:100%;height:calc(42 * var(--u));font-size:calc(14 * var(--ut))}@media (width<=900px){.lobby-activity-grid{grid-template-columns:1fr}}.lobby-more-list{gap:calc(8 * var(--u));flex-direction:column;display:flex}.lobby-more-item{min-height:calc(44 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(10 * var(--u));color:#1f2a44;font-size:calc(15 * var(--u));cursor:pointer;background:#ffffffb8;border:1px solid #2e3d6b59;justify-content:space-between;align-items:center;font-weight:600;transition:transform .12s,background .12s;display:flex}.lobby-more-item:active{background:#e8d3a857;transform:scale(.985)}.lobby-more-arrow{color:#8894ae;font-size:calc(18 * var(--u))}@media (orientation:portrait) and (width<=900px){:root{--u:clamp(.62px, 100vw / 600, .92px);--ut:clamp(.92px, 100vw / 420, 1px)}}:root{--c-blue-950:#0a1f4a;--c-blue-900:#0f2e70;--c-blue-800:#1e4a9c;--c-blue-700:#2563eb;--c-blue-600:#3b82f6;--c-blue-500:#60a5fa;--c-blue-400:#93c5fd;--c-blue-300:#b8d4ff;--c-blue-200:#d6e4ff;--c-blue-100:#e8f0ff;--c-blue-50:#f0f6ff;--c-gold-800:#7c5a10;--c-gold-700:#a16207;--c-gold-600:#ca8a04;--c-gold-500:#eab308;--c-gold-400:#facc15;--c-gold-300:#fde047;--c-gold-200:#fef08a;--c-gold-100:#fef9c3;--c-green-700:#15803d;--c-green-600:#16a34a;--c-green-500:#22c55e;--c-green-400:#4ade80;--c-green-300:#86efac;--c-green-200:#bbf7d0;--c-green-100:#dcfce7;--c-red-600:#dc2626;--c-red-500:#ef4444;--c-red-400:#f87171;--c-red-300:#fca5a5;--c-purple-600:#7c3aed;--c-purple-500:#8b5cf6;--c-purple-400:#a78bfa;--c-orange-600:#ea580c;--c-orange-500:#f97316;--c-orange-400:#fb923c;--c-white:#fff;--c-gray-50:#f9fafb;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-gray-300:#d1d5db;--c-gray-400:#9ca3af;--c-gray-500:#6b7280;--c-gray-600:#4b5563;--c-gray-700:#374151;--c-gray-800:#1f2937;--c-gray-900:#111827;--c-bg-deep:#6791d4;--c-bg-card:#ffffffb8;--c-bg-card-strong:#ffffffe0;--c-bg-glass:#ffffff8c;--c-bg-soft:#ffffff59;--c-border:#ffffffe6;--c-border-soft:#ffffffb3;--c-border-blue:#2563eb33;--c-border-gold:#eab30880;--c-text:#0f2e70;--c-text-secondary:#1e4a9c;--c-text-mute:#64748b;--c-text-dim:#64748b99;--c-text-gold:#a16207;--c-text-white:#fff;--c-glow-gold:0 0 28px #facc1573;--c-glow-gold-soft:0 0 14px #facc1540;--c-glow-blue:0 0 24px #3b82f64d;--c-glow-red:0 0 18px #ef444466;--c-shadow:0 10px 40px #1e54c91f;--c-shadow-sm:0 4px 20px #1e54c914;--c-shadow-deep:0 24px 80px #1e54c933;--c-shadow-fab:0 10px 32px #f5c84273;--c-shadow-inner:inset 0 1px 0 #ffffff80;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-10:10px;--fs-11:11px;--fs-12:calc(12 * var(--ut));--fs-13:calc(13 * var(--ut));--fs-14:calc(14 * var(--ut));--fs-15:calc(15 * var(--ut));--fs-16:calc(16 * var(--ut));--fs-18:calc(18 * var(--ut));--fs-20:calc(20 * var(--ut));--fs-22:calc(22 * var(--ut));--fs-24:calc(24 * var(--u));--fs-28:calc(28 * var(--u));--fs-32:calc(32 * var(--u));--fs-40:calc(40 * var(--u));--fs-48:calc(48 * var(--u));--fs-64:calc(64 * var(--u));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.1;--lh-normal:1.5;--lh-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:calc(4 * var(--u));--sp-2:calc(8 * var(--u));--sp-3:calc(12 * var(--u));--sp-4:calc(16 * var(--u));--sp-5:calc(20 * var(--u));--sp-6:calc(24 * var(--u));--sp-7:calc(32 * var(--u));--sp-8:calc(40 * var(--u));--sp-9:calc(56 * var(--u));--sp-10:calc(72 * var(--u));--r-xs:calc(4 * var(--u));--r-sm:calc(8 * var(--u));--r-md:calc(12 * var(--u));--r-lg:calc(16 * var(--u));--r-xl:calc(20 * var(--u));--r-2xl:calc(28 * var(--u));--r-3xl:calc(32 * var(--u));--r-pill:999px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--grad-page:radial-gradient(ellipse 80% 50% at 30% 0%, #b8d4ff99 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 30%, #d6e4ff80 0%, transparent 55%), linear-gradient(180deg, #c7dbff 0%, #b8d0f5 50%, #a5c2ec 100%);--grad-card:linear-gradient(180deg, #ffffffd9 0%, #ffffffa6 100%);--grad-card-soft:linear-gradient(180deg, #fff9 0%, #ffffff73 100%);--grad-hud:linear-gradient(180deg, #fff9 0%, #fff6 100%);--grad-button:linear-gradient(180deg, #fef08a 0%, #facc15 25%, #eab308 55%, #ca8a04 85%, #a16207 100%);--grad-button-hover:linear-gradient(180deg, #fef9c3 0%, #fde047 25%, #facc15 55%, #eab308 85%, #ca8a04 100%);--grad-button-active:linear-gradient(180deg, #a16207 0%, #ca8a04 35%, #eab308 65%, #facc15 100%);--grad-button-green:linear-gradient(180deg, #86efac 0%, #4ade80 25%, #22c55e 55%, #16a34a 85%, #15803d 100%);--grad-button-green-hover:linear-gradient(180deg, #bbf7d0 0%, #86efac 25%, #4ade80 55%, #22c55e 85%, #16a34a 100%);--grad-button-secondary:linear-gradient(180deg, #ffffffb3 0%, #ffffff80 100%);--grad-gold-text:linear-gradient(180deg, #fde047 0%, #ca8a04 100%);--grad-gold-horizontal:linear-gradient(90deg, transparent 0%, #facc15 50%, transparent 100%);--grad-table:radial-gradient(ellipse 70% 60% at 50% 45%, #22c55e99 0%, #10b981bf 50%, #059669e6 100%);--grad-input:linear-gradient(180deg, #ffffff80 0%, #ffffff59 100%);--sh-1:0 2px 8px #1e54c90f;--sh-2:0 4px 20px #1e54c914;--sh-3:0 10px 40px #1e54c91f;--sh-4:0 18px 56px #1e54c92e;--sh-5:0 36px 100px #1e54c940;--sh-card:var(--sh-3);--sh-card-sm:var(--sh-2);--sh-card-hover:var(--sh-4);--sh-fab:0 10px 32px #f5c84273;--sh-inset:inset 0 1px 0 #ffffff80;--sh-inset-dark:inset 0 1px 0 #ffffff40;--sh-gold-glow:0 0 0 3px #fff9, 0 0 50px #ffdc784d, 0 14px 48px #1e54c92e;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--t-fast:.12s;--t-normal:.22s;--t-slow:.4s;--anim-fast:.12s;--anim-normal:.22s;--anim-enter:.36s;--anim-emphasis:.52s;--anim-breathing:3s;--texture-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.classic-hall{width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(60% 40% at 50% 0,#ffffff2e 0%,#0000 70%),url(/assets/ui/bg-main.webp) 50%/cover no-repeat,linear-gradient(135deg,#4a6bd4 0%,#6a58cc 50%,#8e6fdd 100%);flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow:hidden}.classic-hall-header{align-items:center;gap:calc(14 * var(--u));padding:calc(12 * var(--u)) calc(24 * var(--u));z-index:10;flex-shrink:0;display:flex;position:relative}.classic-hall-back{width:calc(40 * var(--u));height:calc(40 * var(--u));color:#4338ca;cursor:pointer;box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #00000026, inset 0 calc(2 * var(--u)) 0 #fffc;background:#ffffffeb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex}.classic-hall-back:active{transform:scale(.9)}.classic-hall-tabs{align-items:center;gap:calc(20 * var(--u));display:flex}.classic-hall-tab{font-size:calc(20 * var(--ut));color:#fff9;cursor:pointer;font-weight:700;transition:all .2s;position:relative}.classic-hall-tab.is-active{color:#fff;font-size:calc(26 * var(--ut));text-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #0000004d;font-weight:800}.classic-hall-tab.is-active:after{content:"";bottom:calc(-6 * var(--u));width:calc(28 * var(--u));height:calc(4 * var(--u));border-radius:calc(2 * var(--u));box-shadow:0 0 calc(8 * var(--u)) #fbbf2499;background:#fbbf24;position:absolute;left:50%;transform:translate(-50%)}.classic-hall-spacer{flex:1}.classic-hall-level-bar{align-items:center;gap:calc(8 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u));border-radius:calc(24 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #0000001f, inset 0 calc(2 * var(--u)) 0 #fffc;background:#ffffffeb;display:flex}.classic-hall-level-badge{align-items:center;gap:calc(4 * var(--u));padding:calc(2 * var(--u)) calc(8 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(10 * var(--ut));color:#fff;box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #10b98166;background:linear-gradient(135deg,#10b981,#059669);font-weight:700;display:inline-flex}.classic-hall-level-badge:before{content:"★"}.classic-hall-level-progress{font-size:calc(12 * var(--ut));color:#1e3a8a;font-variant-numeric:tabular-nums;font-weight:700}.classic-hall-coins{align-items:center;gap:calc(6 * var(--u));padding:calc(5 * var(--u)) calc(14 * var(--u)) calc(5 * var(--u)) calc(5 * var(--u));border-radius:calc(24 * var(--u));box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #0000001f, inset 0 calc(2 * var(--u)) 0 #fffc;font-size:calc(14 * var(--ut));color:#1e3a8a;font-variant-numeric:tabular-nums;background:#fff;font-weight:800;display:flex;position:relative}.classic-hall-coins:before{content:"";border-radius:calc(24 * var(--u)) calc(24 * var(--u)) 0 0;pointer-events:none;background:linear-gradient(#fff9,#0000);height:40%;position:absolute;top:0;left:20%;right:20%}.classic-hall-coin-icon{width:calc(26 * var(--u));height:calc(26 * var(--u));z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.classic-hall-coin-icon:first-of-type{color:#92400e;box-shadow:inset 0 calc(1 * var(--u)) calc(2 * var(--u)) #fff9;background:radial-gradient(circle at 30% 25%,#fef08a,#eab308)}.classic-hall-coin-add{width:calc(20 * var(--u));height:calc(20 * var(--u));color:#fff;font-size:calc(14 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #16a34a66;z-index:1;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.classic-hall-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.classic-hall-content{padding:calc(16 * var(--u)) calc(32 * var(--u));gap:calc(24 * var(--u));flex-direction:row;flex:1;display:flex;overflow:hidden}.classic-hall-left-col{width:calc(160 * var(--u));gap:calc(20 * var(--u));flex-direction:column;flex-shrink:0;display:flex}.classic-hall-mode-title{font-size:calc(32 * var(--u));color:#fff;text-shadow:0 calc(2 * var(--u)) calc(8 * var(--u)) #0000004d, 0 0 calc(20 * var(--u)) #6366f166;letter-spacing:calc(2 * var(--u));font-weight:900}.classic-hall-player-tabs{gap:calc(8 * var(--u));flex-direction:column;display:flex}.classic-hall-player-tab{align-items:center;gap:calc(12 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));cursor:pointer;border-radius:calc(12 * var(--u));border:calc(2 * var(--u)) solid transparent;transition:all .15s;display:flex}.classic-hall-player-tab:active{transform:scale(.97)}.classic-hall-player-icon{width:calc(36 * var(--u));height:calc(36 * var(--u));border-radius:calc(10 * var(--u));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;justify-content:center;align-items:center;transition:all .2s;display:flex}.classic-hall-player-tab.is-active .classic-hall-player-icon{box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #0003, inset 0 calc(2 * var(--u)) 0 #fffc;background:#fff}.classic-hall-player-label{font-size:calc(22 * var(--ut));color:#fff9;font-weight:700;position:relative}.classic-hall-player-tab.is-active .classic-hall-player-label{color:#fff;text-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #0000004d;font-weight:800}.classic-hall-player-tab.is-active .classic-hall-player-label:after{content:"";bottom:calc(-4 * var(--u));height:calc(2 * var(--u));border-radius:calc(2 * var(--u));box-shadow:0 0 calc(6 * var(--u)) #fbbf2480;background:#fbbf24;position:absolute;left:0;right:0}.classic-hall-right-col{flex-direction:column;flex:1;min-width:0;display:flex}.classic-hall-rooms-scroll{gap:calc(16 * var(--u));flex:1;grid-template-columns:repeat(4,1fr);display:grid;overflow:visible}.classic-room-card{border-radius:calc(18 * var(--u));cursor:pointer;transition:all .2s var(--ease-spring);box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) #0003, 0 0 0 calc(2 * var(--u)) #ffffff80, inset 0 calc(3 * var(--u)) 0 #ffffff80;aspect-ratio:3/4;max-height:calc(340 * var(--u));position:relative;overflow:hidden}.classic-room-card.is-selected{transform:translateY(calc(-4 * var(--u))) scale(1.02);box-shadow:0 calc(12 * var(--u)) calc(32 * var(--u)) #00000047, 0 0 0 calc(3 * var(--u)) #fbbf24, 0 0 calc(20 * var(--u)) #fbbf2480, inset 0 calc(3 * var(--u)) 0 #fff9}.classic-room-card:active{transform:scale(.97)}.classic-room-bg{background-position:top;background-size:cover;position:absolute;inset:0}.classic-room-bg:after{content:"";pointer-events:none;background:linear-gradient(#ffffff4d,#0000);height:40%;position:absolute;top:0;left:0;right:0}.classic-room-content{z-index:2;height:100%;padding:calc(18 * var(--u)) calc(14 * var(--u));flex-direction:column;align-items:center;display:flex;position:relative}.classic-room-title{font-size:calc(24 * var(--ut));text-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #ffffff80, 0 calc(1 * var(--u)) calc(2 * var(--u)) #00000026;font-weight:900}.classic-room-card--easy .classic-room-title{color:#047857}.classic-room-card--mid .classic-room-title{color:#3730a3}.classic-room-card--high .classic-room-title{color:#6d28d9}.classic-room-card--master .classic-room-title{color:#92400e}.classic-room-stake{margin-top:calc(6 * var(--u));font-size:calc(12 * var(--ut));color:#64748b;align-items:baseline;gap:calc(4 * var(--u));font-weight:600;display:flex}.classic-room-stake strong{font-size:calc(40 * var(--u));font-variant-numeric:tabular-nums;letter-spacing:calc(-1 * var(--u));font-weight:900;line-height:1}.classic-room-card--easy .classic-room-stake strong{color:#065f46}.classic-room-card--mid .classic-room-stake strong{color:#312e81}.classic-room-card--high .classic-room-stake strong{color:#5b21b6}.classic-room-card--master .classic-room-stake strong{color:#78350f}.classic-room-ip{font-size:calc(90 * var(--u));filter:drop-shadow(0 calc(6 * var(--u)) calc(14 * var(--u)) #00000040) drop-shadow(0 0 calc(10 * var(--u)) #ffffff4d);flex:1;justify-content:center;align-items:center;display:flex}.classic-room-footer{width:100%;font-size:calc(12 * var(--ut));color:#475569;justify-content:space-between;align-items:center;font-weight:600;display:flex}.classic-room-people{align-items:center;gap:calc(4 * var(--u));display:flex}.classic-room-people:before{content:"";width:calc(10 * var(--u));height:calc(10 * var(--u));box-shadow:0 0 calc(4 * var(--u)) #0003;background:#64748b;border-radius:50%}.classic-room-entry{align-items:center;gap:calc(4 * var(--u));color:#b45309;font-weight:700;display:flex}.classic-room-entry:before{content:"";width:calc(14 * var(--u));height:calc(14 * var(--u));box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #00000026;background:radial-gradient(circle at 30% 25%,#fef08a,#f59e0b);border-radius:50%}.classic-hall-actions{justify-content:center;gap:calc(24 * var(--u));padding:calc(12 * var(--u)) calc(32 * var(--u)) calc(20 * var(--u));z-index:10;flex-shrink:0;display:flex;position:relative}.classic-hall-btn{min-width:calc(220 * var(--u));height:calc(64 * var(--u));padding:0 calc(36 * var(--u));border-radius:calc(14 * var(--u));font-size:calc(26 * var(--u));letter-spacing:calc(6 * var(--u));cursor:pointer;transition:all .15s var(--ease-spring);border:calc(3 * var(--u)) solid #fff;justify-content:center;align-items:center;font-family:inherit;font-weight:900;display:flex;position:relative;overflow:hidden}.classic-hall-btn:active{transform:translateY(calc(2 * var(--u))) scale(.97)}.classic-hall-btn--private{color:#064e3b;box-shadow:0 calc(8 * var(--u)) calc(24px * var(--u)) #16a34a73, 0 0 0 calc(1 * var(--u)) #064e3b33, inset 0 calc(3 * var(--u)) 0 #ffffff80, inset 0 calc(-4 * var(--u)) calc(8 * var(--u)) #064e3b33;text-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #fff6;background:linear-gradient(#d1fae5 0%,#6ee7b7 20%,#22c55e 50%,#16a34a 75%,#15803d 100%)}.classic-hall-btn--quick{color:#78350f;box-shadow:0 calc(8 * var(--u)) calc(24px * var(--u)) #d9770680, 0 0 0 calc(1 * var(--u)) #78350f4d, inset 0 calc(3 * var(--u)) 0 #fff9, inset 0 calc(-4 * var(--u)) calc(8 * var(--u)) #78350f33;text-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #ffffff80, 0 calc(2 * var(--u)) calc(4 * var(--u)) #78350f33;background:linear-gradient(#fffbeb 0%,#fde68a 15%,#fbbf24 40%,#f59e0b 65%,#d97706 85%,#b45309 100%)}.classic-hall-btn--quick:before{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:20%;height:100%;animation:3.5s ease-in-out infinite shimmer;position:absolute;top:0;left:-30%;transform:skew(-20deg)}@keyframes shimmer{0%{left:-25%}to{left:115%}}@media (orientation:portrait) and (width<=900px){.classic-hall-content{padding:calc(12 * var(--u)) calc(16 * var(--u));gap:calc(12 * var(--u));-webkit-overflow-scrolling:touch;flex-direction:column;overflow-y:auto}.classic-hall-left-col{align-items:center;gap:calc(16 * var(--u));flex-direction:row;width:auto}.classic-hall-mode-title{font-size:calc(24 * var(--u))}.classic-hall-player-tabs{gap:calc(6 * var(--u));flex-direction:row;flex:1}.classic-hall-player-label{font-size:calc(16 * var(--ut))}.classic-hall-player-icon{width:calc(30 * var(--u));height:calc(30 * var(--u))}.classic-hall-player-tab{padding:calc(6 * var(--u)) calc(10 * var(--u));gap:calc(6 * var(--u))}.classic-hall-rooms-scroll{gap:calc(8 * var(--u));grid-template-columns:repeat(4,1fr)}.classic-room-card{max-height:calc(240 * var(--u))}.classic-hall-actions{padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));gap:calc(12 * var(--u))}.classic-hall-btn{min-width:0;height:calc(52 * var(--u));font-size:calc(20 * var(--u));flex:1}}.classic-hall-detail{margin:calc(8 * var(--u)) calc(14 * var(--u)) 0;padding:calc(12 * var(--u)) calc(14 * var(--u));border-radius:calc(12 * var(--u));background:#0a1426b8;border:1px solid #e8d3a847}.classic-hall-detail-title{margin-bottom:calc(8 * var(--u));font-size:calc(15 * var(--u));color:#e8d3a8;font-weight:800}.classic-hall-detail-list{gap:calc(4 * var(--u)) calc(16 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.classic-hall-detail-list li{justify-content:space-between;align-items:baseline;gap:calc(8 * var(--u));font-size:calc(13 * var(--u));color:#9eacc8;display:flex}.classic-hall-detail-list strong{color:#e4eaf6;text-align:right;font-weight:700}.classic-hall-detail-note{margin-top:calc(8 * var(--u));font-size:calc(12 * var(--u));color:#8c9bbb;line-height:1.6}@media (width<=520px){.classic-hall-detail-list{grid-template-columns:1fr}}.classic-hall-coin-add{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.classic-hall-tab{font:inherit;cursor:pointer;background:0 0;border:none}@media (orientation:portrait) and (width<=900px){:root{--u:clamp(.62px, 100vw / 600, .92px);--ut:clamp(.92px, 100vw / 420, 1px)}}:root{--c-blue-950:#0a1f4a;--c-blue-900:#0f2e70;--c-blue-800:#1e4a9c;--c-blue-700:#2563eb;--c-blue-600:#3b82f6;--c-blue-500:#60a5fa;--c-blue-400:#93c5fd;--c-blue-300:#b8d4ff;--c-blue-200:#d6e4ff;--c-blue-100:#e8f0ff;--c-blue-50:#f0f6ff;--c-gold-800:#7c5a10;--c-gold-700:#a16207;--c-gold-600:#ca8a04;--c-gold-500:#eab308;--c-gold-400:#facc15;--c-gold-300:#fde047;--c-gold-200:#fef08a;--c-gold-100:#fef9c3;--c-green-700:#15803d;--c-green-600:#16a34a;--c-green-500:#22c55e;--c-green-400:#4ade80;--c-green-300:#86efac;--c-green-200:#bbf7d0;--c-green-100:#dcfce7;--c-red-600:#dc2626;--c-red-500:#ef4444;--c-red-400:#f87171;--c-red-300:#fca5a5;--c-purple-600:#7c3aed;--c-purple-500:#8b5cf6;--c-purple-400:#a78bfa;--c-orange-600:#ea580c;--c-orange-500:#f97316;--c-orange-400:#fb923c;--c-white:#fff;--c-gray-50:#f9fafb;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-gray-300:#d1d5db;--c-gray-400:#9ca3af;--c-gray-500:#6b7280;--c-gray-600:#4b5563;--c-gray-700:#374151;--c-gray-800:#1f2937;--c-gray-900:#111827;--c-bg-deep:#6791d4;--c-bg-card:#ffffffb8;--c-bg-card-strong:#ffffffe0;--c-bg-glass:#ffffff8c;--c-bg-soft:#ffffff59;--c-border:#ffffffe6;--c-border-soft:#ffffffb3;--c-border-blue:#2563eb33;--c-border-gold:#eab30880;--c-text:#0f2e70;--c-text-secondary:#1e4a9c;--c-text-mute:#64748b;--c-text-dim:#64748b99;--c-text-gold:#a16207;--c-text-white:#fff;--c-glow-gold:0 0 28px #facc1573;--c-glow-gold-soft:0 0 14px #facc1540;--c-glow-blue:0 0 24px #3b82f64d;--c-glow-red:0 0 18px #ef444466;--c-shadow:0 10px 40px #1e54c91f;--c-shadow-sm:0 4px 20px #1e54c914;--c-shadow-deep:0 24px 80px #1e54c933;--c-shadow-fab:0 10px 32px #f5c84273;--c-shadow-inner:inset 0 1px 0 #ffffff80;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-10:10px;--fs-11:11px;--fs-12:calc(12 * var(--ut));--fs-13:calc(13 * var(--ut));--fs-14:calc(14 * var(--ut));--fs-15:calc(15 * var(--ut));--fs-16:calc(16 * var(--ut));--fs-18:calc(18 * var(--ut));--fs-20:calc(20 * var(--ut));--fs-22:calc(22 * var(--ut));--fs-24:calc(24 * var(--u));--fs-28:calc(28 * var(--u));--fs-32:calc(32 * var(--u));--fs-40:calc(40 * var(--u));--fs-48:calc(48 * var(--u));--fs-64:calc(64 * var(--u));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.1;--lh-normal:1.5;--lh-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:calc(4 * var(--u));--sp-2:calc(8 * var(--u));--sp-3:calc(12 * var(--u));--sp-4:calc(16 * var(--u));--sp-5:calc(20 * var(--u));--sp-6:calc(24 * var(--u));--sp-7:calc(32 * var(--u));--sp-8:calc(40 * var(--u));--sp-9:calc(56 * var(--u));--sp-10:calc(72 * var(--u));--r-xs:calc(4 * var(--u));--r-sm:calc(8 * var(--u));--r-md:calc(12 * var(--u));--r-lg:calc(16 * var(--u));--r-xl:calc(20 * var(--u));--r-2xl:calc(28 * var(--u));--r-3xl:calc(32 * var(--u));--r-pill:999px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--grad-page:radial-gradient(ellipse 80% 50% at 30% 0%, #b8d4ff99 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 30%, #d6e4ff80 0%, transparent 55%), linear-gradient(180deg, #c7dbff 0%, #b8d0f5 50%, #a5c2ec 100%);--grad-card:linear-gradient(180deg, #ffffffd9 0%, #ffffffa6 100%);--grad-card-soft:linear-gradient(180deg, #fff9 0%, #ffffff73 100%);--grad-hud:linear-gradient(180deg, #fff9 0%, #fff6 100%);--grad-button:linear-gradient(180deg, #fef08a 0%, #facc15 25%, #eab308 55%, #ca8a04 85%, #a16207 100%);--grad-button-hover:linear-gradient(180deg, #fef9c3 0%, #fde047 25%, #facc15 55%, #eab308 85%, #ca8a04 100%);--grad-button-active:linear-gradient(180deg, #a16207 0%, #ca8a04 35%, #eab308 65%, #facc15 100%);--grad-button-green:linear-gradient(180deg, #86efac 0%, #4ade80 25%, #22c55e 55%, #16a34a 85%, #15803d 100%);--grad-button-green-hover:linear-gradient(180deg, #bbf7d0 0%, #86efac 25%, #4ade80 55%, #22c55e 85%, #16a34a 100%);--grad-button-secondary:linear-gradient(180deg, #ffffffb3 0%, #ffffff80 100%);--grad-gold-text:linear-gradient(180deg, #fde047 0%, #ca8a04 100%);--grad-gold-horizontal:linear-gradient(90deg, transparent 0%, #facc15 50%, transparent 100%);--grad-table:radial-gradient(ellipse 70% 60% at 50% 45%, #22c55e99 0%, #10b981bf 50%, #059669e6 100%);--grad-input:linear-gradient(180deg, #ffffff80 0%, #ffffff59 100%);--sh-1:0 2px 8px #1e54c90f;--sh-2:0 4px 20px #1e54c914;--sh-3:0 10px 40px #1e54c91f;--sh-4:0 18px 56px #1e54c92e;--sh-5:0 36px 100px #1e54c940;--sh-card:var(--sh-3);--sh-card-sm:var(--sh-2);--sh-card-hover:var(--sh-4);--sh-fab:0 10px 32px #f5c84273;--sh-inset:inset 0 1px 0 #ffffff80;--sh-inset-dark:inset 0 1px 0 #ffffff40;--sh-gold-glow:0 0 0 3px #fff9, 0 0 50px #ffdc784d, 0 14px 48px #1e54c92e;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--t-fast:.12s;--t-normal:.22s;--t-slow:.4s;--anim-fast:.12s;--anim-normal:.22s;--anim-enter:.36s;--anim-emphasis:.52s;--anim-breathing:3s;--texture-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.rules-backdrop{z-index:200;padding:calc(12 * var(--u));-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 30%,#0006,#000000c7);place-items:center;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{width:min(calc(640 * var(--u)), 96vw);background:var(--grad-card);border:1.5px solid var(--c-border);border-radius:var(--r-xl);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{padding:calc(16 * var(--u)) calc(22 * var(--u));border-bottom:1px solid var(--c-border-soft);background:linear-gradient(#6e83b52e 0%,#0000 100%);justify-content:space-between;align-items:center;display:flex}.rules-title{font-size:calc(18 * var(--ut));color:var(--c-text-gold);letter-spacing:.1em;align-items:center;gap:calc(8 * var(--u));font-weight:900;display:inline-flex}.rules-close{width:calc(30 * var(--u));height:calc(30 * var(--u));background:var(--c-bg-glass);border:1px solid var(--c-border-soft);color:var(--c-text);font-size:calc(18 * var(--ut));cursor:pointer;transition:all var(--t-fast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.rules-close:hover{color:var(--c-text-gold);border-color:var(--c-border)}.rules-body{padding:calc(20 * var(--u)) calc(22 * var(--u));color:var(--c-text-mute);font-size:calc(14 * var(--ut));flex:1;line-height:1.7;overflow-y:auto}.rules-body h3{font-size:calc(14 * var(--ut));color:var(--c-text-gold);margin:calc(14 * var(--u)) 0 calc(6 * var(--u));letter-spacing:.08em;align-items:center;gap:calc(6 * var(--u));font-weight:900;display:inline-flex}.rules-body h3:first-child{margin-top:0}.rules-body p{margin:calc(4 * var(--u)) 0}.rules-body strong{color:var(--c-text)}.rules-body ul{padding-left:calc(18 * var(--u));margin:calc(6 * var(--u)) 0}.rules-body li{margin:calc(3 * var(--u)) 0}.rules-body code{padding:1px calc(6 * var(--u));background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:calc(3 * var(--u));color:var(--c-text-gold);font-family:var(--font-mono);font-size:calc(12 * var(--ut));display:inline-block}.rules-warn{padding:calc(8 * var(--u)) calc(10 * var(--u));margin:calc(6 * var(--u)) 0;border-left:3px solid var(--c-gold-400);border-radius:calc(4 * var(--u));background:#e8d3a814}.invite-share{gap:calc(8 * var(--u,1px));align-items:stretch;display:flex}.invite-share-btn{min-height:calc(38 * var(--u,1px));justify-content:center;align-items:center;gap:calc(6 * var(--u,1px));padding:0 calc(10 * var(--u,1px));border-radius:calc(10 * var(--u,1px));font-size:calc(14 * var(--u,1px));cursor:pointer;white-space:nowrap;border:1px solid #0000;flex:1;font-weight:700;transition:transform .12s,filter .12s;display:inline-flex}.invite-share-btn:active{transform:scale(.96)}.invite-share-btn--weixin{color:#08240f;background:linear-gradient(#4fcb6b,#2fa24e)}.invite-share-btn--qq{color:#04202f;background:linear-gradient(#56b7f0,#1c88ce)}.invite-share-btn--copy{color:#e8d3a8;background:#ffffff1a;border-color:#e8d3a86b}.invite-share-icon{font-size:calc(15 * var(--u,1px));line-height:1}.app-toast-host{top:calc(var(--ut,1px) * 56);z-index:9999;gap:calc(var(--ut,1px) * 8);pointer-events:none;flex-direction:column;align-items:center;max-width:86vw;display:flex;position:fixed;left:50%;transform:translate(-50%)}.app-toast{padding:calc(var(--ut,1px) * 9) calc(var(--ut,1px) * 18);border-radius:calc(var(--ut,1px) * 999);font-size:calc(var(--ut,1px) * 14);color:#f3ecdd;box-shadow:0 calc(var(--ut,1px) * 8) calc(var(--ut,1px) * 24) #0000006b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;white-space:pre-line;background:#10182af0;border:1px solid #e8d3a852;font-weight:600;line-height:1.4;animation:.22s cubic-bezier(.22,1.2,.36,1) app-toast-in}.app-toast.is-ok{color:#d6f2df;border-color:#7dcc978c}.app-toast.is-err{color:#fbd9d5;border-color:#e55a4e8c}@keyframes app-toast-in{0%{opacity:0;transform:translateY(calc(var(--ut,1px) * -10)) scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (orientation:portrait) and (width<=900px){:root{--u:clamp(.62px, 100vw / 600, .92px);--ut:clamp(.92px, 100vw / 420, 1px)}}:root{--c-blue-950:#0a1f4a;--c-blue-900:#0f2e70;--c-blue-800:#1e4a9c;--c-blue-700:#2563eb;--c-blue-600:#3b82f6;--c-blue-500:#60a5fa;--c-blue-400:#93c5fd;--c-blue-300:#b8d4ff;--c-blue-200:#d6e4ff;--c-blue-100:#e8f0ff;--c-blue-50:#f0f6ff;--c-gold-800:#7c5a10;--c-gold-700:#a16207;--c-gold-600:#ca8a04;--c-gold-500:#eab308;--c-gold-400:#facc15;--c-gold-300:#fde047;--c-gold-200:#fef08a;--c-gold-100:#fef9c3;--c-green-700:#15803d;--c-green-600:#16a34a;--c-green-500:#22c55e;--c-green-400:#4ade80;--c-green-300:#86efac;--c-green-200:#bbf7d0;--c-green-100:#dcfce7;--c-red-600:#dc2626;--c-red-500:#ef4444;--c-red-400:#f87171;--c-red-300:#fca5a5;--c-purple-600:#7c3aed;--c-purple-500:#8b5cf6;--c-purple-400:#a78bfa;--c-orange-600:#ea580c;--c-orange-500:#f97316;--c-orange-400:#fb923c;--c-white:#fff;--c-gray-50:#f9fafb;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-gray-300:#d1d5db;--c-gray-400:#9ca3af;--c-gray-500:#6b7280;--c-gray-600:#4b5563;--c-gray-700:#374151;--c-gray-800:#1f2937;--c-gray-900:#111827;--c-bg-deep:#6791d4;--c-bg-card:#ffffffb8;--c-bg-card-strong:#ffffffe0;--c-bg-glass:#ffffff8c;--c-bg-soft:#ffffff59;--c-border:#ffffffe6;--c-border-soft:#ffffffb3;--c-border-blue:#2563eb33;--c-border-gold:#eab30880;--c-text:#0f2e70;--c-text-secondary:#1e4a9c;--c-text-mute:#64748b;--c-text-dim:#64748b99;--c-text-gold:#a16207;--c-text-white:#fff;--c-glow-gold:0 0 28px #facc1573;--c-glow-gold-soft:0 0 14px #facc1540;--c-glow-blue:0 0 24px #3b82f64d;--c-glow-red:0 0 18px #ef444466;--c-shadow:0 10px 40px #1e54c91f;--c-shadow-sm:0 4px 20px #1e54c914;--c-shadow-deep:0 24px 80px #1e54c933;--c-shadow-fab:0 10px 32px #f5c84273;--c-shadow-inner:inset 0 1px 0 #ffffff80;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-10:10px;--fs-11:11px;--fs-12:calc(12 * var(--ut));--fs-13:calc(13 * var(--ut));--fs-14:calc(14 * var(--ut));--fs-15:calc(15 * var(--ut));--fs-16:calc(16 * var(--ut));--fs-18:calc(18 * var(--ut));--fs-20:calc(20 * var(--ut));--fs-22:calc(22 * var(--ut));--fs-24:calc(24 * var(--u));--fs-28:calc(28 * var(--u));--fs-32:calc(32 * var(--u));--fs-40:calc(40 * var(--u));--fs-48:calc(48 * var(--u));--fs-64:calc(64 * var(--u));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.1;--lh-normal:1.5;--lh-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:calc(4 * var(--u));--sp-2:calc(8 * var(--u));--sp-3:calc(12 * var(--u));--sp-4:calc(16 * var(--u));--sp-5:calc(20 * var(--u));--sp-6:calc(24 * var(--u));--sp-7:calc(32 * var(--u));--sp-8:calc(40 * var(--u));--sp-9:calc(56 * var(--u));--sp-10:calc(72 * var(--u));--r-xs:calc(4 * var(--u));--r-sm:calc(8 * var(--u));--r-md:calc(12 * var(--u));--r-lg:calc(16 * var(--u));--r-xl:calc(20 * var(--u));--r-2xl:calc(28 * var(--u));--r-3xl:calc(32 * var(--u));--r-pill:999px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--grad-page:radial-gradient(ellipse 80% 50% at 30% 0%, #b8d4ff99 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 30%, #d6e4ff80 0%, transparent 55%), linear-gradient(180deg, #c7dbff 0%, #b8d0f5 50%, #a5c2ec 100%);--grad-card:linear-gradient(180deg, #ffffffd9 0%, #ffffffa6 100%);--grad-card-soft:linear-gradient(180deg, #fff9 0%, #ffffff73 100%);--grad-hud:linear-gradient(180deg, #fff9 0%, #fff6 100%);--grad-button:linear-gradient(180deg, #fef08a 0%, #facc15 25%, #eab308 55%, #ca8a04 85%, #a16207 100%);--grad-button-hover:linear-gradient(180deg, #fef9c3 0%, #fde047 25%, #facc15 55%, #eab308 85%, #ca8a04 100%);--grad-button-active:linear-gradient(180deg, #a16207 0%, #ca8a04 35%, #eab308 65%, #facc15 100%);--grad-button-green:linear-gradient(180deg, #86efac 0%, #4ade80 25%, #22c55e 55%, #16a34a 85%, #15803d 100%);--grad-button-green-hover:linear-gradient(180deg, #bbf7d0 0%, #86efac 25%, #4ade80 55%, #22c55e 85%, #16a34a 100%);--grad-button-secondary:linear-gradient(180deg, #ffffffb3 0%, #ffffff80 100%);--grad-gold-text:linear-gradient(180deg, #fde047 0%, #ca8a04 100%);--grad-gold-horizontal:linear-gradient(90deg, transparent 0%, #facc15 50%, transparent 100%);--grad-table:radial-gradient(ellipse 70% 60% at 50% 45%, #22c55e99 0%, #10b981bf 50%, #059669e6 100%);--grad-input:linear-gradient(180deg, #ffffff80 0%, #ffffff59 100%);--sh-1:0 2px 8px #1e54c90f;--sh-2:0 4px 20px #1e54c914;--sh-3:0 10px 40px #1e54c91f;--sh-4:0 18px 56px #1e54c92e;--sh-5:0 36px 100px #1e54c940;--sh-card:var(--sh-3);--sh-card-sm:var(--sh-2);--sh-card-hover:var(--sh-4);--sh-fab:0 10px 32px #f5c84273;--sh-inset:inset 0 1px 0 #ffffff80;--sh-inset-dark:inset 0 1px 0 #ffffff40;--sh-gold-glow:0 0 0 3px #fff9, 0 0 50px #ffdc784d, 0 14px 48px #1e54c92e;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--t-fast:.12s;--t-normal:.22s;--t-slow:.4s;--anim-fast:.12s;--anim-normal:.22s;--anim-enter:.36s;--anim-emphasis:.52s;--anim-breathing:3s;--texture-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}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{align-items:center;gap:calc(8 * var(--u));z-index:2;flex-direction:column;display:flex;position:absolute;top:8%;left:50%;transform:translate(-50%)}.orient-brand-icon{width:calc(64 * var(--u));height:calc(64 * var(--u));background:linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);border:2px solid var(--c-gold-200);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;align-items:center;gap:calc(32 * var(--u));padding:0 calc(24 * var(--u));flex-direction:column;display:flex;position:relative}.orient-rotate{width:calc(180 * var(--u));height:calc(110 * var(--u));position:relative}.orient-rotate-phone{border:3px solid var(--c-gold-400);border-radius:calc(12 * var(--u));background:#0f1a2eb3;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{top:50%;right:calc(-36 * var(--u));font-size:calc(32 * var(--u));color:var(--c-gold-200);text-shadow:0 0 12px #e8d3a899;animation:1.6s ease-in-out infinite orient-arrow-slide;position:absolute;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{inset:calc(-20 * var(--u));pointer-events:none;background:radial-gradient(60% 50%,#e8d3a833 0%,#0000 70%);animation:2.4s ease-in-out infinite orient-glow;position:absolute}@keyframes orient-glow{0%,to{opacity:.4}50%{opacity:.8}}.orient-text{align-items:center;gap:calc(8 * var(--u));text-align:center;flex-direction:column;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:calc(280 * var(--u));line-height:1.6}.orient-footer{align-items:center;gap:calc(12 * var(--u));z-index:2;flex-direction:column;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.orient-hint{align-items:center;gap:calc(8 * var(--u));font-size:var(--fs-12);color:var(--c-text-mute);padding:calc(6 * var(--u)) calc(14 * var(--u));border:1px solid var(--c-border-soft);border-radius:var(--r-pill);background:#2e3d6b4d;display:flex}.orient-btn{padding:calc(10 * var(--u)) calc(24 * var(--u));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;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 (orientation:portrait) and (width<=900px){:root{--u:clamp(.62px, 100vw / 600, .92px);--ut:clamp(.92px, 100vw / 420, 1px)}}:root{--c-blue-950:#0a1f4a;--c-blue-900:#0f2e70;--c-blue-800:#1e4a9c;--c-blue-700:#2563eb;--c-blue-600:#3b82f6;--c-blue-500:#60a5fa;--c-blue-400:#93c5fd;--c-blue-300:#b8d4ff;--c-blue-200:#d6e4ff;--c-blue-100:#e8f0ff;--c-blue-50:#f0f6ff;--c-gold-800:#7c5a10;--c-gold-700:#a16207;--c-gold-600:#ca8a04;--c-gold-500:#eab308;--c-gold-400:#facc15;--c-gold-300:#fde047;--c-gold-200:#fef08a;--c-gold-100:#fef9c3;--c-green-700:#15803d;--c-green-600:#16a34a;--c-green-500:#22c55e;--c-green-400:#4ade80;--c-green-300:#86efac;--c-green-200:#bbf7d0;--c-green-100:#dcfce7;--c-red-600:#dc2626;--c-red-500:#ef4444;--c-red-400:#f87171;--c-red-300:#fca5a5;--c-purple-600:#7c3aed;--c-purple-500:#8b5cf6;--c-purple-400:#a78bfa;--c-orange-600:#ea580c;--c-orange-500:#f97316;--c-orange-400:#fb923c;--c-white:#fff;--c-gray-50:#f9fafb;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-gray-300:#d1d5db;--c-gray-400:#9ca3af;--c-gray-500:#6b7280;--c-gray-600:#4b5563;--c-gray-700:#374151;--c-gray-800:#1f2937;--c-gray-900:#111827;--c-bg-deep:#6791d4;--c-bg-card:#ffffffb8;--c-bg-card-strong:#ffffffe0;--c-bg-glass:#ffffff8c;--c-bg-soft:#ffffff59;--c-border:#ffffffe6;--c-border-soft:#ffffffb3;--c-border-blue:#2563eb33;--c-border-gold:#eab30880;--c-text:#0f2e70;--c-text-secondary:#1e4a9c;--c-text-mute:#64748b;--c-text-dim:#64748b99;--c-text-gold:#a16207;--c-text-white:#fff;--c-glow-gold:0 0 28px #facc1573;--c-glow-gold-soft:0 0 14px #facc1540;--c-glow-blue:0 0 24px #3b82f64d;--c-glow-red:0 0 18px #ef444466;--c-shadow:0 10px 40px #1e54c91f;--c-shadow-sm:0 4px 20px #1e54c914;--c-shadow-deep:0 24px 80px #1e54c933;--c-shadow-fab:0 10px 32px #f5c84273;--c-shadow-inner:inset 0 1px 0 #ffffff80;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-10:10px;--fs-11:11px;--fs-12:calc(12 * var(--ut));--fs-13:calc(13 * var(--ut));--fs-14:calc(14 * var(--ut));--fs-15:calc(15 * var(--ut));--fs-16:calc(16 * var(--ut));--fs-18:calc(18 * var(--ut));--fs-20:calc(20 * var(--ut));--fs-22:calc(22 * var(--ut));--fs-24:calc(24 * var(--u));--fs-28:calc(28 * var(--u));--fs-32:calc(32 * var(--u));--fs-40:calc(40 * var(--u));--fs-48:calc(48 * var(--u));--fs-64:calc(64 * var(--u));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.1;--lh-normal:1.5;--lh-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:calc(4 * var(--u));--sp-2:calc(8 * var(--u));--sp-3:calc(12 * var(--u));--sp-4:calc(16 * var(--u));--sp-5:calc(20 * var(--u));--sp-6:calc(24 * var(--u));--sp-7:calc(32 * var(--u));--sp-8:calc(40 * var(--u));--sp-9:calc(56 * var(--u));--sp-10:calc(72 * var(--u));--r-xs:calc(4 * var(--u));--r-sm:calc(8 * var(--u));--r-md:calc(12 * var(--u));--r-lg:calc(16 * var(--u));--r-xl:calc(20 * var(--u));--r-2xl:calc(28 * var(--u));--r-3xl:calc(32 * var(--u));--r-pill:999px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--grad-page:radial-gradient(ellipse 80% 50% at 30% 0%, #b8d4ff99 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 30%, #d6e4ff80 0%, transparent 55%), linear-gradient(180deg, #c7dbff 0%, #b8d0f5 50%, #a5c2ec 100%);--grad-card:linear-gradient(180deg, #ffffffd9 0%, #ffffffa6 100%);--grad-card-soft:linear-gradient(180deg, #fff9 0%, #ffffff73 100%);--grad-hud:linear-gradient(180deg, #fff9 0%, #fff6 100%);--grad-button:linear-gradient(180deg, #fef08a 0%, #facc15 25%, #eab308 55%, #ca8a04 85%, #a16207 100%);--grad-button-hover:linear-gradient(180deg, #fef9c3 0%, #fde047 25%, #facc15 55%, #eab308 85%, #ca8a04 100%);--grad-button-active:linear-gradient(180deg, #a16207 0%, #ca8a04 35%, #eab308 65%, #facc15 100%);--grad-button-green:linear-gradient(180deg, #86efac 0%, #4ade80 25%, #22c55e 55%, #16a34a 85%, #15803d 100%);--grad-button-green-hover:linear-gradient(180deg, #bbf7d0 0%, #86efac 25%, #4ade80 55%, #22c55e 85%, #16a34a 100%);--grad-button-secondary:linear-gradient(180deg, #ffffffb3 0%, #ffffff80 100%);--grad-gold-text:linear-gradient(180deg, #fde047 0%, #ca8a04 100%);--grad-gold-horizontal:linear-gradient(90deg, transparent 0%, #facc15 50%, transparent 100%);--grad-table:radial-gradient(ellipse 70% 60% at 50% 45%, #22c55e99 0%, #10b981bf 50%, #059669e6 100%);--grad-input:linear-gradient(180deg, #ffffff80 0%, #ffffff59 100%);--sh-1:0 2px 8px #1e54c90f;--sh-2:0 4px 20px #1e54c914;--sh-3:0 10px 40px #1e54c91f;--sh-4:0 18px 56px #1e54c92e;--sh-5:0 36px 100px #1e54c940;--sh-card:var(--sh-3);--sh-card-sm:var(--sh-2);--sh-card-hover:var(--sh-4);--sh-fab:0 10px 32px #f5c84273;--sh-inset:inset 0 1px 0 #ffffff80;--sh-inset-dark:inset 0 1px 0 #ffffff40;--sh-gold-glow:0 0 0 3px #fff9, 0 0 50px #ffdc784d, 0 14px 48px #1e54c92e;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--t-fast:.12s;--t-normal:.22s;--t-slow:.4s;--anim-fast:.12s;--anim-normal:.22s;--anim-enter:.36s;--anim-emphasis:.52s;--anim-breathing:3s;--texture-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.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(calc(20 * var(--u)), env(safe-area-inset-bottom));width:min(calc(420 * var(--u)), calc(100vw - calc(32 * var(--u))));border:1px solid var(--c-gold-500);border-radius:var(--r-lg);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{top:calc(12 * var(--u));right:calc(12 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));border:1px solid var(--c-border-soft);cursor:pointer;color:var(--c-text-mute);background:#2e3d6b4d;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.ip-close:hover{color:var(--c-red-400);background:#e85a4e26}.ip-header{align-items:center;gap:calc(6 * var(--u));margin-bottom:var(--sp-4);text-align:center;flex-direction:column;display:flex}.ip-icon{width:calc(56 * var(--u));height:calc(56 * var(--u));background:linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);border:2px solid var(--c-gold-200);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{width:calc(32 * var(--u));height:calc(32 * var(--u));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;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{width:calc(24 * var(--u));height:calc(24 * var(--u));background:var(--grad-gold);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);align-items:center;gap:calc(4 * var(--u));flex-wrap:wrap;flex:1;display:flex}.ip-ios-highlight{padding:1px calc(6 * var(--u));border:1px solid var(--c-gold-500);border-radius:var(--r-sm);color:var(--c-gold-200);background:#e8d3a826;align-items:center;gap:2px;font-weight:600;display:inline-flex}.ip-ios-illustration{margin:var(--sp-3) 0;justify-content:center;display:flex;position:relative}.ip-ios-safari{width:calc(240 * var(--u));height:calc(160 * var(--u));border-radius:calc(12 * var(--u));background:#1c1c1e;border:2px solid #48484a;position:relative;overflow:hidden}.ip-ios-safari-bar{padding:calc(6 * var(--u)) calc(12 * var(--u));background:#1c1c1ef2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.ip-ios-safari-url{color:#999;padding:2px calc(8 * var(--u));border-radius:calc(6 * var(--u));background:#ffffff0d;font-size:10px}.ip-ios-safari-share{width:calc(24 * var(--u));height:calc(24 * var(--u));background:#007affd9;border-radius:50%;justify-content:center;align-items:center;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{height:calc(100% - calc(36 * var(--u)));background:linear-gradient(#2e3d6b 0%,#0f1a2e 100%)}.ip-ios-arrow{top:calc(-16 * var(--u));right:calc(20 * var(--u));width:calc(36 * var(--u));height:calc(36 * var(--u));background:var(--grad-gold);border:2px solid var(--c-gold-300);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;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(calc(360 * var(--u)), calc(100vw - calc(32 * var(--u))));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{--u:clamp(.55px, min(100vw / 1024, 100vh / 620), 1px);--ut:clamp(.88px, min(100vw / 900, 100vh / 520), 1px)}@media (orientation:portrait) and (width<=900px){:root{--u:clamp(.62px, 100vw / 600, .92px);--ut:clamp(.92px, 100vw / 420, 1px)}}:root{--c-blue-950:#0a1f4a;--c-blue-900:#0f2e70;--c-blue-800:#1e4a9c;--c-blue-700:#2563eb;--c-blue-600:#3b82f6;--c-blue-500:#60a5fa;--c-blue-400:#93c5fd;--c-blue-300:#b8d4ff;--c-blue-200:#d6e4ff;--c-blue-100:#e8f0ff;--c-blue-50:#f0f6ff;--c-gold-800:#7c5a10;--c-gold-700:#a16207;--c-gold-600:#ca8a04;--c-gold-500:#eab308;--c-gold-400:#facc15;--c-gold-300:#fde047;--c-gold-200:#fef08a;--c-gold-100:#fef9c3;--c-green-700:#15803d;--c-green-600:#16a34a;--c-green-500:#22c55e;--c-green-400:#4ade80;--c-green-300:#86efac;--c-green-200:#bbf7d0;--c-green-100:#dcfce7;--c-red-600:#dc2626;--c-red-500:#ef4444;--c-red-400:#f87171;--c-red-300:#fca5a5;--c-purple-600:#7c3aed;--c-purple-500:#8b5cf6;--c-purple-400:#a78bfa;--c-orange-600:#ea580c;--c-orange-500:#f97316;--c-orange-400:#fb923c;--c-white:#fff;--c-gray-50:#f9fafb;--c-gray-100:#f3f4f6;--c-gray-200:#e5e7eb;--c-gray-300:#d1d5db;--c-gray-400:#9ca3af;--c-gray-500:#6b7280;--c-gray-600:#4b5563;--c-gray-700:#374151;--c-gray-800:#1f2937;--c-gray-900:#111827;--c-bg-deep:#6791d4;--c-bg-card:#ffffffb8;--c-bg-card-strong:#ffffffe0;--c-bg-glass:#ffffff8c;--c-bg-soft:#ffffff59;--c-border:#ffffffe6;--c-border-soft:#ffffffb3;--c-border-blue:#2563eb33;--c-border-gold:#eab30880;--c-text:#0f2e70;--c-text-secondary:#1e4a9c;--c-text-mute:#64748b;--c-text-dim:#64748b99;--c-text-gold:#a16207;--c-text-white:#fff;--c-glow-gold:0 0 28px #facc1573;--c-glow-gold-soft:0 0 14px #facc1540;--c-glow-blue:0 0 24px #3b82f64d;--c-glow-red:0 0 18px #ef444466;--c-shadow:0 10px 40px #1e54c91f;--c-shadow-sm:0 4px 20px #1e54c914;--c-shadow-deep:0 24px 80px #1e54c933;--c-shadow-fab:0 10px 32px #f5c84273;--c-shadow-inner:inset 0 1px 0 #ffffff80;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-display:"PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--fs-10:10px;--fs-11:11px;--fs-12:calc(12 * var(--ut));--fs-13:calc(13 * var(--ut));--fs-14:calc(14 * var(--ut));--fs-15:calc(15 * var(--ut));--fs-16:calc(16 * var(--ut));--fs-18:calc(18 * var(--ut));--fs-20:calc(20 * var(--ut));--fs-22:calc(22 * var(--ut));--fs-24:calc(24 * var(--u));--fs-28:calc(28 * var(--u));--fs-32:calc(32 * var(--u));--fs-40:calc(40 * var(--u));--fs-48:calc(48 * var(--u));--fs-64:calc(64 * var(--u));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.1;--lh-normal:1.5;--lh-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--sp-1:calc(4 * var(--u));--sp-2:calc(8 * var(--u));--sp-3:calc(12 * var(--u));--sp-4:calc(16 * var(--u));--sp-5:calc(20 * var(--u));--sp-6:calc(24 * var(--u));--sp-7:calc(32 * var(--u));--sp-8:calc(40 * var(--u));--sp-9:calc(56 * var(--u));--sp-10:calc(72 * var(--u));--r-xs:calc(4 * var(--u));--r-sm:calc(8 * var(--u));--r-md:calc(12 * var(--u));--r-lg:calc(16 * var(--u));--r-xl:calc(20 * var(--u));--r-2xl:calc(28 * var(--u));--r-3xl:calc(32 * var(--u));--r-pill:999px;--border-thin:1px;--border-medium:1.5px;--border-thick:2px;--grad-page:radial-gradient(ellipse 80% 50% at 30% 0%, #b8d4ff99 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 30%, #d6e4ff80 0%, transparent 55%), linear-gradient(180deg, #c7dbff 0%, #b8d0f5 50%, #a5c2ec 100%);--grad-card:linear-gradient(180deg, #ffffffd9 0%, #ffffffa6 100%);--grad-card-soft:linear-gradient(180deg, #fff9 0%, #ffffff73 100%);--grad-hud:linear-gradient(180deg, #fff9 0%, #fff6 100%);--grad-button:linear-gradient(180deg, #fef08a 0%, #facc15 25%, #eab308 55%, #ca8a04 85%, #a16207 100%);--grad-button-hover:linear-gradient(180deg, #fef9c3 0%, #fde047 25%, #facc15 55%, #eab308 85%, #ca8a04 100%);--grad-button-active:linear-gradient(180deg, #a16207 0%, #ca8a04 35%, #eab308 65%, #facc15 100%);--grad-button-green:linear-gradient(180deg, #86efac 0%, #4ade80 25%, #22c55e 55%, #16a34a 85%, #15803d 100%);--grad-button-green-hover:linear-gradient(180deg, #bbf7d0 0%, #86efac 25%, #4ade80 55%, #22c55e 85%, #16a34a 100%);--grad-button-secondary:linear-gradient(180deg, #ffffffb3 0%, #ffffff80 100%);--grad-gold-text:linear-gradient(180deg, #fde047 0%, #ca8a04 100%);--grad-gold-horizontal:linear-gradient(90deg, transparent 0%, #facc15 50%, transparent 100%);--grad-table:radial-gradient(ellipse 70% 60% at 50% 45%, #22c55e99 0%, #10b981bf 50%, #059669e6 100%);--grad-input:linear-gradient(180deg, #ffffff80 0%, #ffffff59 100%);--sh-1:0 2px 8px #1e54c90f;--sh-2:0 4px 20px #1e54c914;--sh-3:0 10px 40px #1e54c91f;--sh-4:0 18px 56px #1e54c92e;--sh-5:0 36px 100px #1e54c940;--sh-card:var(--sh-3);--sh-card-sm:var(--sh-2);--sh-card-hover:var(--sh-4);--sh-fab:0 10px 32px #f5c84273;--sh-inset:inset 0 1px 0 #ffffff80;--sh-inset-dark:inset 0 1px 0 #ffffff40;--sh-gold-glow:0 0 0 3px #fff9, 0 0 50px #ffdc784d, 0 14px 48px #1e54c92e;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-soft-bounce:cubic-bezier(.34, 1.28, .64, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--t-fast:.12s;--t-normal:.22s;--t-slow:.4s;--anim-fast:.12s;--anim-normal:.22s;--anim-enter:.36s;--anim-emphasis:.52s;--anim-breathing:3s;--texture-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.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{inset:calc(-40 * var(--u));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}@keyframes splash-spin{to{transform:rotate(360deg)}}.splash-content{z-index:2;align-items:center;gap:calc(12 * var(--u));flex-direction:column;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{width:calc(96 * var(--u));height:calc(96 * var(--u));background:linear-gradient(135deg, var(--c-gold-400) 0%, var(--c-gold-700) 100%);border:3px solid var(--c-gold-200);color:var(--c-blue-900);margin-bottom:calc(4 * var(--u));border-radius:50%;justify-content:center;align-items:center;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{font-size:calc(28 * var(--u));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-weight:800}.splash-sub{font-size:calc(12 * var(--ut));color:var(--c-text-mute);letter-spacing:3px;margin-bottom:calc(8 * var(--u))}.splash-bar{width:calc(160 * var(--u));height:calc(3 * var(--u));border-radius:var(--r-pill);margin-top:calc(4 * var(--u));background:#2e3d6b66;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%)}}