:root{--glass-primary-bg:#ffffff08;--glass-primary-blur:blur(32px) saturate(150%);--glass-primary-border:1px solid #ffffff14;--glass-primary-shadow:0 8px 32px #00000040, inset 0 .5px 0 #ffffff1f;--glass-secondary-bg:#ffffff0a;--glass-secondary-blur:blur(48px) saturate(180%);--glass-secondary-border:1px solid #ffffff1a;--glass-secondary-shadow:0 24px 64px #00000059, inset 0 .5px 0 #ffffff26;--glass-floating-bg:#ffffff0d;--glass-floating-blur:blur(24px) saturate(160%);--glass-floating-border:1px solid #ffffff1f;--glass-floating-shadow:0 12px 40px #0006, inset 0 .5px 0 #ffffff2e;--glass-input-bg:#ffffff08;--glass-input-blur:blur(20px);--glass-input-border:#ffffff14;--glass-input-shadow:inset 0 1px 3px #00000026;--modal-backdrop-bg:#05070ab3;--modal-backdrop-blur:blur(12px) saturate(140%);--modal-z-index:1000;--modal-panel-bg:linear-gradient(180deg, #ffffff0d 0%, #fff0 60%), #12141cd9;--modal-panel-blur:blur(40px) saturate(180%);--modal-panel-border:1px solid #ffffff1a;--modal-panel-radius:24px;--modal-panel-shadow:0 24px 64px #0000008c, inset 0 1px 0 #ffffff29, inset 0 -1px 0 #00000038;--modal-glow-primary:0 0 80px #8b5cf614;--modal-glow-warning:0 0 80px #f59e0b14;--modal-glow-error:0 0 80px #ef444414;--modal-glow-success:0 0 80px #34d39914;--chip-bg-neutral:#ffffff14;--chip-bg-primary:#8b5cf652;--chip-bg-success:#10b98147;--chip-bg-warning:#f59e0b47;--chip-bg-error:#ef444452;--chip-color-primary:#ede9fe;--chip-color-success:#d1fae5;--chip-color-warning:#fde68a;--chip-color-error:#fecaca;--chip-blur:blur(20px) saturate(180%);--chip-border:1px solid #ffffff24;--chip-shadow:0 6px 18px #00000059, inset 0 1px 0 #ffffff38, inset 0 -1px 0 #0000002e;--orb-size:28px;--orb-bg:#ffffff14;--orb-blur:blur(16px) saturate(160%);--orb-border:1px solid #ffffff1f;--orb-shadow:0 4px 10px #0006, inset 0 1px 0 #ffffff38, inset 0 -1px 0 #0003;--color-bg-void:#05070a;--color-bg-primary:#0a0e17;--color-bg-surface:#111827;--color-bg-elevated:#1f2937;--bg-gradient:linear-gradient(180deg, #05070a 0%, #0a0e17 50%, #0d1220 100%);--color-primary:#a78bfa;--color-primary-solid:#8b5cf6;--color-primary-glow:#a78bfa4d;--color-primary-subtle:#a78bfa26;--color-primary-border:#a78bfa40;--color-secondary:#f472b6;--color-secondary-glow:#f472b64d;--color-success:#34d399;--color-success-glow:#34d3994d;--color-warning:#fbbf24;--color-warning-glow:#fbbf244d;--color-error:#f87171;--color-error-glow:#f871714d;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-tertiary:#9ca3af;--text-muted:#6b7280;--mana-white:#f8e7b9;--mana-blue:#0e68ab;--mana-black:#150b00;--mana-red:#d3202a;--mana-green:#00733e;--mana-colorless:#cac5c0;--tint-w:#fcd34d14;--tint-u:#60a5fa14;--tint-b:#9ca3af0f;--tint-r:#f8717114;--tint-g:#4ade8014;--tint-c:#fbbf240f;--rarity-common:#1a1718;--rarity-uncommon:#707574;--rarity-rare:#a58e4b;--rarity-mythic:#bf4427;--font-display:"Inter", "SF Pro Display", system-ui, -apple-system, sans-serif;--font-body:"Inter", "SF Pro Text", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", monospace;--text-display:48px;--text-h1:36px;--text-h2:28px;--text-h3:22px;--text-h4:18px;--text-body:16px;--text-small:14px;--text-caption:12px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-display:1.1;--leading-tight:1.2;--leading-snug:1.3;--leading-normal:1.5;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.01em;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-xl:0 32px 64px #0009;--shadow-inset:inset 0 1px 0 #ffffff0d;--shadow-inset-strong:inset 0 1px 0 #ffffff1a;--shadow-card-hover:0 12px 48px #00000080, 0 0 0 1px #a78bfa33, inset 0 1px 0 #ffffff14;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--header-height:64px;--nav-capsule-height:56px;--nav-capsule-bottom:16px;--sidebar-width:260px;--content-max-width:1200px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-bottom:calc(var(--nav-capsule-height) + var(--nav-capsule-bottom) + var(--safe-area-bottom) + 16px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;width:100%;overflow-x:hidden}body{width:100%;min-height:100vh;line-height:var(--leading-normal)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;font-weight:var(--weight-semibold)}p{overflow-wrap:break-word}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--bg-gradient);background-attachment:fixed;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 20%,#a78bfa08 0%,#0000 50%),radial-gradient(at 80% 20%,#f472b605 0%,#0000 50%),radial-gradient(at 50% 80%,#60a5fa05 0%,#0000 50%);width:200%;height:200%;position:fixed;top:-50%;left:-50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lg-modal-backdrop,[data-lg-backdrop]{z-index:var(--modal-z-index);padding:var(--space-md);background:var(--modal-backdrop-bg);-webkit-backdrop-filter:var(--modal-backdrop-blur);animation:fadeIn var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lg-modal-panel,[data-lg-panel]{background:var(--modal-panel-bg);width:100%;max-width:520px;-webkit-backdrop-filter:var(--modal-panel-blur);border:var(--modal-panel-border);border-radius:var(--modal-panel-radius);box-shadow:var(--modal-panel-shadow);animation:scaleIn var(--duration-normal) var(--ease);position:relative;overflow:hidden}.lg-modal-panel--primary{box-shadow:var(--modal-panel-shadow), var(--modal-glow-primary)}.lg-modal-panel--warning{box-shadow:var(--modal-panel-shadow), var(--modal-glow-warning)}.lg-modal-panel--error{box-shadow:var(--modal-panel-shadow), var(--modal-glow-error)}.lg-modal-panel--success{box-shadow:var(--modal-panel-shadow), var(--modal-glow-success)}.lg-modal-panel:before,[data-lg-panel]:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ffffff0d 0%,#0000 60%);width:80%;height:140%;position:absolute;top:-40%;left:-20%}.lg-modal-panel>*,[data-lg-panel]>*{z-index:1;position:relative}.lg-modal-close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease);z-index:2;background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;display:inline-flex;position:absolute}.lg-modal-close:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff2e;transform:scale(1.05)}.lg-modal-close:active{transform:scale(.96)}.lg-chip{border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.02em;color:#fff;white-space:nowrap;background:var(--chip-bg-neutral);-webkit-backdrop-filter:var(--chip-blur);border:var(--chip-border);box-shadow:var(--chip-shadow);text-shadow:0 1px 2px #0006;align-items:center;gap:4px;padding:4px 9px;line-height:1;display:inline-flex}.lg-chip--primary{background:var(--chip-bg-primary);color:var(--chip-color-primary)}.lg-chip--success{background:var(--chip-bg-success);color:var(--chip-color-success)}.lg-chip--warning{background:var(--chip-bg-warning);color:var(--chip-color-warning)}.lg-chip--error{background:var(--chip-bg-error);color:var(--chip-color-error)}.lg-chip--dot:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px}.lg-orb-btn{width:var(--orb-size);height:var(--orb-size);border-radius:var(--radius-full);cursor:pointer;color:#ffffffd9;background:var(--orb-bg);-webkit-backdrop-filter:var(--orb-blur);border:var(--orb-border);box-shadow:var(--orb-shadow);transition:all var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex}.lg-orb-btn:hover{color:var(--text-primary);transform:scale(1.1)translateY(-1px)}.lg-orb-btn:active{transform:scale(.96)}.lg-orb-btn--primary{color:var(--color-primary);border-color:var(--color-primary-border)}.lg-orb-btn--danger{color:#fca5a5;border-color:#ef44444d}.lg-orb-btn--success{color:#6ee7b7;border-color:#34d3994d}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-glass]{-webkit-backdrop-filter:none!important;background:var(--color-bg-surface)!important}}::selection{color:var(--text-primary);background:#a78bfa4d}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header.svelte-hv3zzy{margin:0 auto;margin-bottom:var(--space-lg);z-index:100;width:calc(100% - 32px);max-width:1400px;padding:0 var(--space-xl);-webkit-backdrop-filter:blur(24px)saturate(160%);border-radius:var(--radius-full);height:60px;transition:all var(--duration-normal) var(--spring);background:#0d111c73;border:1px solid #ffffff14;justify-content:space-between;align-items:center;display:none;position:sticky;top:12px;box-shadow:0 16px 36px #0006,inset 0 1px #ffffff1a,0 0 0 1px #a78bfa08}@media (width>=1024px){.header.svelte-hv3zzy{display:flex}}.header__left.svelte-hv3zzy{align-items:center;gap:var(--space-xl);display:flex}.header__brand.svelte-hv3zzy{align-items:center;display:flex}.header__logo-text.svelte-hv3zzy{background:linear-gradient(135deg,#c084fc 0%,#818cf8 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;transition:all var(--duration-normal) var(--spring);-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:800}.header__brand.svelte-hv3zzy:hover .header__logo-text:where(.svelte-hv3zzy){filter:drop-shadow(0 0 8px #a78bfa73);transform:scale(1.02)}.header__nav.svelte-hv3zzy{gap:6px;display:flex}.nav-link.svelte-hv3zzy{color:var(--text-muted);font-size:12px;font-weight:var(--weight-bold);transition:all var(--duration-fast) var(--spring);border-radius:var(--radius-full);border:1px solid #0000;padding:6px 14px;position:relative}.nav-link.svelte-hv3zzy:hover{color:var(--text-secondary);background:#ffffff0a}.nav-link.active.svelte-hv3zzy{color:#fff;background:#a78bfa1a;border-color:#a78bfa33;box-shadow:0 4px 12px #a78bfa0f,inset 0 1px #ffffff0d}.header__center.svelte-hv3zzy{padding:0 var(--space-md);flex:1;justify-content:center;display:flex}.header__search.svelte-hv3zzy{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);width:100%;max-width:320px;color:var(--text-muted);transition:all var(--duration-fast) var(--spring);background:#ffffff05;border:1px solid #ffffff0d;padding:6px 14px;display:flex}.header__search.svelte-hv3zzy:focus-within{background:#0f111a99;border-color:#a78bfa66;transform:translateY(-.5px);box-shadow:0 0 16px #a78bfa1a,inset 0 1px #ffffff08}.header__search-input.svelte-hv3zzy{color:var(--text-primary);font-size:13px;font-weight:var(--weight-medium);background:0 0;border:none;outline:none;flex:1}.header__search-input.svelte-hv3zzy::placeholder{color:var(--text-muted)}.header__right.svelte-hv3zzy{align-items:center;gap:var(--space-lg);display:flex}.header__icon-btn.svelte-hv3zzy{color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--spring);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:4px;display:flex}.header__icon-btn.svelte-hv3zzy:hover{color:var(--text-primary);background:#ffffff0a;transform:scale(1.05)}.header__profile.svelte-hv3zzy{align-items:center;gap:var(--space-sm);padding:3px var(--space-sm);border-radius:var(--radius-full);transition:all var(--duration-fast);display:flex}.header__profile.svelte-hv3zzy:hover{background:#ffffff05}.profile__info.svelte-hv3zzy{flex-direction:column;align-items:flex-end;display:flex}.profile__name.svelte-hv3zzy{font-size:12px;font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.profile__rank.svelte-hv3zzy{font-size:8px;font-weight:var(--weight-bold);color:var(--color-primary-solid,#a78bfa);letter-spacing:.05em}.header__avatar.svelte-hv3zzy{width:30px;height:30px;transition:all var(--duration-fast) var(--spring);background:linear-gradient(135deg,#a78bfa33 0%,#60a5fa33 100%);border:1.5px solid #a78bfa59;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 0 8px #a78bfa26}.header__profile.svelte-hv3zzy:hover .header__avatar:where(.svelte-hv3zzy){border-color:#a78bfa99;transform:scale(1.05);box-shadow:0 0 12px #a78bfa59}.header__avatar-img.svelte-hv3zzy{object-fit:cover;width:100%;height:100%}.header__avatar-initials.svelte-hv3zzy{font-size:11px;font-weight:var(--weight-bold);color:var(--text-primary)}.header__signin.svelte-hv3zzy{font-size:12px;font-weight:var(--weight-bold);color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--spring);background:#ffffff0a;border:1px solid #ffffff14;padding:6px 14px}.header__signin.svelte-hv3zzy:hover{color:var(--text-primary);background:#ffffff14;transform:translateY(-.5px)}.nav-capsule.svelte-1ilxv83{bottom:calc(var(--nav-capsule-bottom) + env(safe-area-inset-bottom,0px));z-index:100;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);width:min(520px, calc(100vw - 32px - var(--safe-area-left) - var(--safe-area-right)));-webkit-backdrop-filter:blur(40px)saturate(160%);border-radius:var(--radius-full);background:#ffffff0a;border:1px solid #ffffff1a;justify-content:space-between;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000059,inset 0 .5px #ffffff1f}@media (width>=768px){.nav-capsule.svelte-1ilxv83{display:none}}.nav-item.svelte-1ilxv83{width:48px;height:48px;color:var(--text-muted);transition:all var(--duration-fast) var(--ease);border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;display:flex}@media (width<=380px){.nav-capsule.svelte-1ilxv83{width:min(500px, calc(100vw - 24px - var(--safe-area-left) - var(--safe-area-right)));gap:2px;padding:6px 8px}.nav-item.svelte-1ilxv83{flex-basis:44px;width:44px;height:44px}}.nav-item--active.svelte-1ilxv83{background:var(--color-primary-solid,#a78bfa);color:var(--color-bg-primary,#111);box-shadow:0 0 20px #a78bfa66}.nav-item.svelte-1ilxv83:not(.nav-item--active):hover{color:var(--text-secondary);background:#ffffff0d}.nav-item.svelte-1ilxv83:focus-visible{outline-offset:3px;outline:2px solid #ffffffdb}.nav-item.svelte-1ilxv83:not(.nav-item--active):active{transform:scale(.95)}.dot-grid.svelte-1n9it96{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (hover:none){.dot-grid.svelte-1n9it96{display:none}}.app-shell.svelte-12qhfyh{z-index:2;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:clip}.app-main.svelte-12qhfyh{width:100%;min-width:0;max-width:var(--content-max-width);padding:0 var(--space-lg);padding-bottom:var(--space-2xl);flex:1;margin:0 auto}.app-main--with-nav.svelte-12qhfyh{padding-bottom:var(--safe-bottom)}.app-main--arena.svelte-12qhfyh{flex-direction:column;flex:1;width:100%;margin:0;padding:0;display:flex}@media (width>=768px){.app-main.svelte-12qhfyh{padding:0 var(--space-xl);padding-bottom:var(--space-3xl)}}@media (width<=767px){.app-main.svelte-12qhfyh{max-width:100vw;padding:0 max(12px, var(--safe-area-left)) calc(var(--safe-bottom) + 16px) max(12px, var(--safe-area-right));overflow-x:clip}.app-main--with-nav.svelte-12qhfyh{padding-bottom:calc(var(--safe-bottom) + 20px)}}@media (width>=1200px){.app-main.svelte-12qhfyh{padding:0 var(--space-2xl);padding-bottom:var(--space-3xl)}}