@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:.5;transform:scale(1)}50%{opacity:.2;transform:scale(1.08)}}@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{background:var(--grad-page);overscroll-behavior:contain;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%;height:100dvh;min-height:100vh;max-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}@supports not (height:100dvh){.lobby-root{height:100vh}}.lobby-hud{align-items:center;gap:var(--sp-4);padding:0 var(--sp-6);height:calc(72 * var(--u));z-index:20;flex-shrink:0;display:flex;position:relative}.lobby-hud-brand{align-items:center;gap:var(--sp-3);display:flex}.lobby-hud-icon{width:calc(48 * var(--u));height:calc(48 * var(--u));background:radial-gradient(circle at 30% 25%, #fff6, transparent 55%), linear-gradient(135deg, var(--c-blue-500), var(--c-blue-700));border-radius:var(--r-md);box-shadow:var(--sh-card-sm);color:#fff;border:2px solid #fffc;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lobby-hud-titles{flex-direction:column;gap:2px;display:flex}.lobby-hud-title{font-size:var(--fs-18);font-weight:var(--fw-bold);color:var(--c-text);line-height:1}.lobby-hud-sub{font-size:var(--fs-12);color:var(--c-text-secondary);line-height:1}.lobby-hud-spacer{flex:1}.lobby-hud-resources{align-items:center;gap:var(--sp-3);display:flex}.lobby-resource{align-items:center;gap:calc(8 * var(--u));padding:calc(6 * var(--u)) var(--sp-4) calc(6 * var(--u)) calc(6 * var(--u));background:var(--c-bg-glass);border:1px solid var(--c-border-soft);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px);color:var(--c-text);cursor:pointer;transition:all var(--anim-fast) var(--ease-standard);font-size:var(--fs-16);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;box-shadow:var(--sh-card-sm);text-shadow:0 1px 2px #0000001a;display:flex}.lobby-resource:hover{background:#ffffffa6}.lobby-resource-icon{width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff4d}.lobby-resource-add{width:calc(22 * var(--u));height:calc(22 * var(--u));color:var(--c-green-600);font-size:var(--fs-14);font-weight:var(--fw-bold);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex}.lobby-hud-actions{align-items:center;gap:var(--sp-2);display:flex}.lobby-hud-icon-btn{width:calc(40 * var(--u));height:calc(40 * var(--u));background:var(--c-bg-glass);border:1px solid var(--c-border-soft);-webkit-backdrop-filter:blur(14px);color:var(--c-text);cursor:pointer;transition:all var(--anim-fast);box-shadow:var(--sh-card-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.lobby-hud-icon-btn:hover{background:#ffffffa6}.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));background:var(--c-red-500);color:#fff;font-size:10px;font-weight:var(--fw-bold);border-radius:var(--r-pill);border:2px solid #ffffffe6;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.lobby-main{padding:0 var(--sp-6);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.lobby-section{margin-bottom:var(--sp-6)}.lobby-section-head{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.lobby-section-title{font-size:var(--fs-18);font-weight:var(--fw-bold);color:var(--c-text);text-shadow:0 1px 2px #0000001a}.lobby-modal-mask{-webkit-backdrop-filter:blur(8px);z-index:100;animation:fadeIn var(--anim-enter) var(--ease-out);padding:var(--sp-5);background:#0a1e5099;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lobby-modal{width:100%;max-width:calc(420 * var(--u));background:var(--c-bg-card-strong);-webkit-backdrop-filter:blur(28px);border:1px solid var(--c-border);border-radius:var(--r-2xl);padding:var(--sp-7);box-shadow:var(--sh-4);animation:scaleIn var(--anim-enter) var(--ease-out);position:relative;overflow:hidden}.lobby-modal:before{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.lobby-modal-close{top:calc(14 * var(--u));right:calc(14 * var(--u));width:calc(34 * var(--u));height:calc(34 * var(--u));background:var(--c-bg-soft);border:1px solid var(--c-border-soft);color:var(--c-text-mute);cursor:pointer;transition:all var(--anim-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.lobby-modal-close:hover{color:var(--c-text);background:#fff9}.lobby-modal-title{font-size:var(--fs-22);font-weight:var(--fw-bold);color:var(--c-text);text-align:center;margin-bottom:var(--sp-6)}.lobby-modal-title:after{content:"";width:calc(48 * var(--u));height:calc(3 * var(--u));margin:calc(10 * var(--u)) auto 0;background:linear-gradient(90deg, transparent, var(--c-gold-500), transparent);border-radius:2px;display:block}.lobby-modal-field{margin-bottom:var(--sp-5)}.lobby-modal-label{font-size:var(--fs-14);font-weight:var(--fw-semibold);color:var(--c-text-secondary);margin-bottom:var(--sp-2);display:block}.lobby-modal-input{width:100%;height:calc(48 * var(--u));padding:0 var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-18);font-weight:var(--fw-bold);letter-spacing:.1em;color:var(--c-text);background:var(--grad-input);border:1px solid var(--c-border-soft);border-radius:var(--r-md);transition:all var(--anim-fast);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.lobby-modal-input:focus{border-color:var(--c-blue-400);box-shadow:0 0 0 3px #3b82f626}.lobby-modal-hint{font-size:var(--fs-12);color:var(--c-text-mute);margin-top:var(--sp-2)}.lobby-modal-actions{gap:var(--sp-4);margin-top:var(--sp-6);display:flex}.lobby-modal-btn{height:calc(50 * var(--u));font-size:var(--fs-15);font-weight:var(--fw-extrabold);letter-spacing:.05em;border-radius:var(--r-md);cursor:pointer;transition:all var(--anim-fast) var(--ease-spring);font-family:var(--font-sans);border:none;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lobby-modal-btn:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#fff6,#0000);height:50%;position:absolute;top:0;left:0;right:0}.lobby-modal-btn--ghost{background:var(--c-bg-glass);color:var(--c-text-mute);border:1px solid var(--c-border-soft)}.lobby-modal-btn--ghost:hover{color:var(--c-text);background:#fff9}.lobby-modal-btn--primary{background:var(--grad-button);color:#7c2d12;box-shadow:0 6px 20px #f5c84266, var(--sh-inset)}.lobby-modal-btn--primary:hover{filter:brightness(1.08)}.lobby-modal-btn:active{transform:scale(.97)}.lobby-modal-err{padding:var(--sp-3);font-size:var(--fs-13);color:var(--c-red-600);border-radius:var(--r-md);margin-bottom:var(--sp-4);background:#ef44441a;border:1px solid #ef444440}.lobby-modes{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.lobby-mode{align-items:center;gap:calc(6 * var(--u));padding:var(--sp-4) var(--sp-2);background:var(--c-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-xl);cursor:pointer;transition:all var(--anim-normal) var(--ease-spring);text-align:center;min-height:calc(96 * var(--u));box-shadow:var(--sh-card-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.lobby-mode:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.lobby-mode:hover{box-shadow:var(--sh-card);background:#ffffffd1;transform:translateY(-2px)}.lobby-mode.is-active{border-color:var(--c-gold-400);box-shadow:0 0 0 1.5px var(--c-gold-400), 0 0 20px #facc154d, var(--sh-card);background:#ffffffe0;transform:translateY(-2px)}.lobby-mode-icon{width:calc(40 * var(--u));height:calc(40 * var(--u));background:linear-gradient(135deg, var(--c-gold-300), var(--c-gold-500));transition:all var(--anim-normal) var(--ease-spring);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff4d}.lobby-mode:hover .lobby-mode-icon,.lobby-mode.is-active .lobby-mode-icon{transform:scale(1.1);box-shadow:0 0 16px #facc1566}.lobby-mode-label{font-size:var(--fs-14);font-weight:var(--fw-bold);color:var(--c-text);line-height:1.2}.lobby-mode.is-active .lobby-mode-label{color:var(--c-gold-700)}.lobby-mode-sub{font-size:var(--fs-11);color:var(--c-text-mute);line-height:1.1}@media (width>=768px){.lobby-modes{gap:var(--sp-2);grid-template-columns:repeat(6,1fr)}.lobby-mode{padding:var(--sp-3) var(--sp-1);min-height:calc(72 * var(--u))}.lobby-mode-icon{width:calc(32 * var(--u));height:calc(32 * var(--u))}}.lobby-play{gap:var(--sp-6);flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative}.lobby-side-nav{gap:var(--sp-5);width:calc(80 * var(--u));padding-top:var(--sp-4);flex-direction:column;flex-shrink:0;display:flex}.lobby-side-nav-item{align-items:center;gap:calc(6 * var(--u));cursor:pointer;transition:all var(--anim-fast) var(--ease-standard);font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;padding:0;display:flex;position:relative}.lobby-side-nav-icon{width:calc(56 * var(--u));height:calc(56 * var(--u));background:var(--c-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-xl);box-shadow:var(--sh-card-sm);color:var(--c-gold-500);transition:all var(--anim-normal) var(--ease-spring);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lobby-side-nav-icon:before{content:"";border-radius:var(--r-xl) var(--r-xl) 0 0;pointer-events:none;background:linear-gradient(#ffffff80,#0000);height:50%;position:absolute;top:0;left:0;right:0}.lobby-side-nav-item:hover .lobby-side-nav-icon{box-shadow:var(--sh-card);transform:translateY(-3px)}.lobby-side-nav-label{font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--c-text-white);text-shadow:0 1px 2px #00000026}.lobby-side-nav-dot{top:2px;right:calc(6 * var(--u));width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--c-red-500);border:2px solid var(--c-white);border-radius:50%;position:absolute}.lobby-side-nav-spacer{flex:1}.lobby-side-nav-tip{text-align:center;color:#ffffff80;padding-bottom:var(--sp-4);font-size:10px;line-height:1.6}.lobby-logo-card{width:calc(200 * var(--u));flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lobby-logo-inner{width:calc(170 * var(--u));height:calc(170 * var(--u));justify-content:center;align-items:center;gap:var(--sp-3);background:var(--c-bg-card-strong);-webkit-backdrop-filter:blur(28px);border:1px solid var(--c-border);border-radius:var(--r-3xl);box-shadow:var(--sh-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.lobby-logo-inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-30%;left:-30%}.lobby-logo-inner:after{content:"";pointer-events:none;background:radial-gradient(circle,#facc151f 0%,#0000 60%);width:80%;height:80%;position:absolute;bottom:-20%;right:-20%}.lobby-logo-placeholder{z-index:1;position:relative}.lobby-logo-card-shape{width:calc(64 * var(--u));height:calc(80 * var(--u));background:linear-gradient(135deg, var(--c-green-500), var(--c-green-700));border:3px solid var(--c-gold-400);border-radius:calc(10 * var(--u));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.lobby-logo-card-shape:before{content:"";background:linear-gradient(#ffffff4d,#0000);height:30%;position:absolute;top:0;left:0;right:0}.lobby-logo-card-text{font-size:calc(32 * var(--u));font-weight:var(--fw-black);color:var(--c-gold-300);z-index:1;font-family:serif;position:relative}.lobby-logo-name{font-size:var(--fs-18);font-weight:var(--fw-black);color:var(--c-text);letter-spacing:.15em;z-index:1;position:relative}.lobby-logo-sub{color:var(--c-text-mute);letter-spacing:.2em;z-index:1;font-size:9px;position:relative}.lobby-play-grid{min-width:0;min-height:calc(420 * var(--u));gap:var(--sp-5);flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1.3fr 1fr 1fr;align-items:stretch;display:grid}.lobby-play-big{padding:var(--sp-6);background:var(--c-bg-card-strong);-webkit-backdrop-filter:blur(28px);border:1px solid var(--c-border);border-radius:var(--r-2xl);cursor:pointer;transition:all var(--anim-normal) var(--ease-out);box-shadow:var(--sh-card);font-family:var(--font-sans);text-align:left;flex-direction:column;grid-area:1/1/3/2;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.lobby-play-big:hover{box-shadow:var(--sh-4);transform:translateY(-4px)}.lobby-play-big:active{transform:translateY(-1px)scale(.99)}.lobby-play-big:disabled{opacity:.6;cursor:not-allowed}.lobby-play-big-bg{pointer-events:none;background:radial-gradient(at 100% 0,#93c5fd66,#0000 55%),radial-gradient(at 0 100%,#facc1526,#0000 50%);position:absolute;inset:0}.lobby-play-big-tag{top:var(--sp-5);left:var(--sp-5);z-index:2;align-items:center;gap:calc(4 * var(--u));padding:calc(5 * var(--u)) calc(12 * var(--u));background:linear-gradient(90deg, var(--c-red-500), var(--c-orange-500));color:#fff;font-size:var(--fs-11);font-weight:var(--fw-black);border-radius:var(--r-pill);display:inline-flex;position:absolute;box-shadow:0 2px 8px #ef444459}.lobby-play-big-avatar{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.lobby-play-big-avatar-inner{width:calc(140 * var(--u));height:calc(140 * var(--u));background:radial-gradient(circle at 30% 25%, #fff6, transparent 55%), linear-gradient(135deg, var(--c-blue-400), var(--c-blue-700));color:var(--c-gold-300);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 10px 40px #1e54c959,inset 0 2px #ffffff4d,0 0 0 4px #fffc}.lobby-play-big-avatar-inner:after{content:"";inset:calc(-8 * var(--u));pointer-events:none;border:2px solid #ffffff4d;border-radius:50%;animation:3s ease-in-out infinite breathe;position:absolute}.lobby-play-big-bottom{z-index:2;position:relative}.lobby-play-big-title{font-size:var(--fs-40);font-weight:var(--fw-black);color:var(--c-text);letter-spacing:.05em;line-height:1}.lobby-play-big-sub{font-size:var(--fs-13);color:var(--c-blue-600);font-weight:var(--fw-semibold);margin-top:calc(6 * var(--u))}.lobby-play-big-players{align-items:center;gap:calc(6 * var(--u));font-size:var(--fs-12);color:var(--c-text-mute);margin-top:var(--sp-4);display:flex}.lobby-play-big-online{width:calc(8 * var(--u));height:calc(8 * var(--u));background:var(--c-green-500);border-radius:50%;animation:2s ease-in-out infinite dot-pulse;box-shadow:0 0 6px #22c55e99}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.5}}.lobby-play-card{padding:var(--sp-5);background:var(--c-bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-xl);cursor:pointer;transition:all var(--anim-normal) var(--ease-out);box-shadow:var(--sh-card-sm);font-family:var(--font-sans);text-align:left;min-height:calc(160 * var(--u));flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.lobby-play-card:hover{box-shadow:var(--sh-card);background:#fffc;transform:translateY(-3px)}.lobby-play-card:active{transform:translateY(-1px)scale(.99)}.lobby-play-card.is-active{border-color:var(--c-gold-400);box-shadow:0 0 0 1.5px var(--c-gold-400), 0 0 20px #facc1540, var(--sh-card);background:#ffffffd9}.lobby-play-card-bg{pointer-events:none;background:radial-gradient(circle at 100% 0,#93c5fd40,#0000 55%);position:absolute;inset:0}.lobby-play-card-top{z-index:1;justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex;position:relative}.lobby-play-card-tag{padding:2px calc(8 * var(--u));background:linear-gradient(90deg, var(--c-red-500), var(--c-orange-500));color:#fff;font-size:10px;font-weight:var(--fw-black);border-radius:var(--r-pill);letter-spacing:.05em;display:inline-block}.lobby-play-card-sub{font-size:var(--fs-11);color:var(--c-text-mute)}.lobby-play-card-icon{z-index:1;width:calc(48 * var(--u));height:calc(48 * var(--u));background:linear-gradient(135deg, var(--c-blue-400), var(--c-blue-600));border-radius:var(--r-lg);color:#fff;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;box-shadow:0 4px 12px #3b82f659,inset 0 1px #ffffff4d}.lobby-play-card-bottom{z-index:1;position:relative}.lobby-play-card-title{font-size:var(--fs-20);font-weight:var(--fw-black);color:var(--c-text);line-height:1.2}.lobby-play-card-meta{align-items:center;gap:calc(5 * var(--u));font-size:var(--fs-12);color:var(--c-text-mute);margin-top:calc(4 * var(--u));display:flex}.lobby-play-card-online{width:calc(7 * var(--u));height:calc(7 * var(--u));background:var(--c-green-500);border-radius:50%}.lobby-fab{right:calc(40 * var(--u));bottom:calc(100 * var(--u));z-index:30;height:calc(60 * var(--u));padding:0 calc(28 * var(--u));align-items:center;gap:calc(12 * var(--u));border-radius:var(--r-xl);font-size:var(--fs-20);font-weight:var(--fw-black);letter-spacing:.05em;color:#7c2d12;display:flex;position:fixed}.lobby-fab-sub{font-size:var(--fs-12);font-weight:var(--fw-bold);color:#7c2d12b3;text-align:left;line-height:1.1}.lobby-fab-main{font-size:var(--fs-22);font-weight:var(--fw-black);letter-spacing:.08em}.lobby-fab-arrow{width:calc(28 * var(--u));height:calc(28 * var(--u));font-size:calc(12 * var(--ut));background:#7c2d1233;border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=1100px){.lobby-play{gap:var(--sp-4)}.lobby-logo-card{width:calc(160 * var(--u))}.lobby-logo-inner{width:calc(130 * var(--u));height:calc(130 * var(--u))}.lobby-play-big-title{font-size:var(--fs-32)}.lobby-play-card-title{font-size:var(--fs-18)}.lobby-side-nav{width:calc(70 * var(--u));gap:var(--sp-4)}.lobby-side-nav-icon{width:calc(48 * var(--u));height:calc(48 * var(--u))}.lobby-fab{right:calc(24 * var(--u));bottom:calc(100 * var(--u));height:calc(52 * var(--u));padding:0 calc(20 * var(--u));gap:calc(8 * var(--u))}.lobby-fab-main{font-size:var(--fs-18)}.lobby-fab-sub{font-size:10px}}@media (width<=900px){.lobby-logo-card,.lobby-side-nav-label,.lobby-side-nav-tip{display:none}}@media (height<=560px){.lobby-play-grid{grid-template-columns:1.3fr repeat(3,1fr);min-height:0}.lobby-play-grid>.lobby-play-card:last-child{grid-column:span 2}}@media (width<=640px){.lobby-play{padding:var(--sp-3) 0;flex-direction:column;height:auto;min-height:100%}.lobby-side-nav{flex-direction:row;justify-content:center;width:100%;padding-top:0}.lobby-side-nav-item{flex-direction:column}.lobby-side-nav-label{color:var(--c-text);text-shadow:none;display:block}.lobby-side-nav-spacer,.lobby-logo-card{display:none}.lobby-play-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;min-height:auto}.lobby-play-big{grid-area:auto/1/auto/-1}.lobby-play-grid>.lobby-play-card:last-child{grid-column:span 2}.lobby-play-big-avatar{top:50%;transform:translate(-50%,-55%)}.lobby-fab-sub{display:none}}@media (height<=500px) and (orientation:landscape){.lobby-side-nav-label,.lobby-logo-card{display:none}.lobby-play{padding:var(--sp-2) 0}.lobby-play-grid{gap:var(--sp-3)}.lobby-play-big,.lobby-play-card{min-height:0}}.lobby-tabbar{justify-content:center;align-items:flex-end;gap:calc(48 * var(--u));height:calc(80 * var(--u));padding:0 calc(32 * var(--u)) 0 calc(32 * var(--u));padding-bottom:calc(env(safe-area-inset-bottom) + calc(8 * var(--u)));z-index:20;flex-shrink:0;display:flex;position:relative}.lobby-tabbar:before{content:"";left:calc(24 * var(--u));right:calc(24 * var(--u));bottom:calc(env(safe-area-inset-bottom) + calc(6 * var(--u)));height:calc(64 * var(--u));-webkit-backdrop-filter:blur(20px);border-radius:calc(32 * var(--u));background:#ffffff8c;border:1px solid #fffc;position:absolute;box-shadow:0 8px 32px #1e54c91a}.lobby-tab{align-items:center;gap:calc(3 * var(--u));padding:calc(4 * var(--u)) calc(8 * var(--u));cursor:pointer;transition:all var(--anim-fast) var(--ease-standard);color:var(--c-text-mute);font-family:var(--font-sans);z-index:1;margin-bottom:calc(4 * var(--u));background:0 0;border:none;flex-direction:column;display:flex;position:relative}.lobby-tab:hover{color:var(--c-text)}.lobby-tab-icon{transition:transform var(--anim-normal) var(--ease-spring);font-size:calc(20 * var(--ut));justify-content:center;align-items:center;display:flex}.lobby-tab-label{font-size:var(--fs-12);font-weight:var(--fw-bold)}.lobby-tab.is-active{color:var(--c-text)}.lobby-tab.is-active .lobby-tab-icon{transform:translateY(-2px)scale(1.1)}.lobby-tab--shop{margin-bottom:calc(-20 * var(--u));transform:translateY(-20px)}.lobby-tab--shop .lobby-tab-icon{width:calc(60 * var(--u));height:calc(60 * var(--u));background:var(--grad-button);box-shadow:var(--sh-fab), var(--sh-inset);color:#7c2d12;border:3px solid #fff;border-radius:50%;position:relative;overflow:hidden}.lobby-tab--shop .lobby-tab-icon:after{content:"";pointer-events:none;background:linear-gradient(#fff6,#0000);border-radius:50% 50% 0 0;height:50%;position:absolute;top:0;left:0;right:0}.lobby-tab--shop .lobby-tab-label{color:var(--c-gold-700);font-weight:var(--fw-black);margin-top:2px}.lobby-tab-badge{top:calc(-2 * var(--u));min-width:calc(18 * var(--u));height:calc(18 * var(--u));padding:0 calc(5 * var(--u));background:var(--c-red-500);color:#fff;font-size:10px;font-weight:var(--fw-bold);border-radius:var(--r-pill);border:2px solid #ffffffe6;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;right:0}@media (width<=768px){.lobby-tabbar{gap:calc(24 * var(--u));padding:0 calc(16 * var(--u))}.lobby-tab--shop .lobby-tab-icon{width:calc(52 * var(--u));height:calc(52 * var(--u))}.lobby-tab--shop{margin-bottom:calc(-16 * var(--u));transform:translateY(-16px)}}@media (width>=1024px){.lobby-tabbar{gap:calc(64 * var(--u))}}@media (pointer:coarse){.lobby-tab{min-height:max(40px, calc(30 * var(--u)))}}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}.lobby-root{width:100%;min-width:0;max-width:100%;position:relative;overflow-x:hidden}.lobby-hud,.lobby-main,.lobby-tabbar,.lobby-play,.lobby-play-grid,.lobby-play-big,.lobby-play-card,.lobby-side-nav,.lobby-side-nav-item,.lobby-modes,.lobby-section,.lobby-hud-brand,.lobby-hud-resources,.lobby-hud-actions,.lobby-tab,.lobby-mode{box-sizing:border-box;min-width:0;max-width:100%}.lobby-play-big,.lobby-play-card{overflow:hidden}.lobby-hud-spacer{flex:1;min-width:0}.lobby-hud-brand,.lobby-hud-resources,.lobby-hud-actions{flex-shrink:0}.lobby-hud-titles{white-space:nowrap;overflow:hidden}.lobby-hud-title{white-space:nowrap}@media (width<=768px){.lobby-hud-sub,.lobby-hud-resources .lobby-resource:nth-child(2),.lobby-hud-resources .lobby-resource:nth-child(3),.lobby-hud-actions .lobby-hud-icon-btn:nth-child(2),.lobby-hud-actions .lobby-hud-icon-btn:nth-child(3){display:none}.lobby-tabbar{grid-template-columns:repeat(6,1fr);place-items:end center;gap:0;display:grid;overflow:hidden}.lobby-tab{flex-direction:column;justify-content:flex-end;width:100%}.lobby-tab-label{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;overflow:hidden}.lobby-fab{white-space:nowrap;z-index:30;max-width:50vw;position:fixed;left:auto}.lobby-fab-sub,.lobby-fab-arrow{display:none}.lobby-modes{grid-template-columns:repeat(3,1fr)}}@media (height<=500px) and (orientation:landscape){.lobby-hud-sub,.lobby-side-nav-tip,.lobby-logo-card{display:none}}@media (width<=640px){.lobby-play{flex-direction:column;width:100%;min-width:0;max-width:100%;height:auto;min-height:0}.lobby-side-nav{flex-direction:row;justify-content:center;width:100%;min-width:0;padding-top:0}.lobby-side-nav-item{flex-direction:column;min-width:0}.lobby-side-nav-label{color:var(--c-text);text-shadow:none;white-space:nowrap;display:block}.lobby-side-nav-spacer,.lobby-side-nav-tip,.lobby-logo-card{display:none}.lobby-play-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;width:100%;min-width:0;max-width:100%;min-height:auto}.lobby-play-big{grid-area:auto/1/auto/-1}.lobby-play-big-avatar{top:50%;left:auto;right:8%;transform:translateY(-55%)}}.lobby-side{width:calc(320 * var(--u));background:var(--c-bg-card-strong);-webkit-backdrop-filter:blur(28px);border-right:1px solid var(--c-border);z-index:80;max-width:85vw;height:100%;transition:transform var(--anim-normal) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%)}.lobby-side.is-open{box-shadow:var(--sh-4);transform:translate(0)}.lobby-side-head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border-soft);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.lobby-side-title{font-size:var(--fs-18);font-weight:var(--fw-bold);color:var(--c-text)}.lobby-side-close{width:calc(32 * var(--u));height:calc(32 * var(--u));background:var(--c-bg-soft);border:1px solid var(--c-border-soft);color:var(--c-text-mute);cursor:pointer;font-size:var(--fs-18);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex}.lobby-side-body{padding:var(--sp-3) var(--sp-4);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.lobby-history-item{padding:var(--sp-3) 0;border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;display:flex}.lobby-history-item:last-child{border-bottom:none}.lobby-history-result{font-size:var(--fs-18);font-weight:var(--fw-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.lobby-history-result.win{color:var(--c-red-500)}.lobby-history-result.lose{color:var(--c-green-600)}.lobby-history-meta{font-size:var(--fs-12);color:var(--c-text-mute);margin-top:2px}.lobby-toast{top:calc(78 * var(--u));z-index:300;max-width:min(calc(560 * var(--u)), 88vw);padding:calc(11 * var(--u)) calc(20 * var(--u));border-radius:calc(12 * var(--u));color:#fee2e2;font-size:calc(14 * var(--ut));text-align:center;cursor:pointer;background:#7f1d1df5;border:1px solid #f87171;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #00000073}@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}@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%)}}