@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=DM+Sans:wght@400;500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.end{inset-inline-end:var(--spacing)}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-16{grid-column:span 16/span 16}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:calc(var(--spacing) * 40)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing) * 1)}.gap-6{gap:calc(var(--spacing) * 6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.p-4{padding:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--color-primary:#c8aa6e;--color-primary-light:#f0e6d2;--color-primary-dark:#785a28;--color-primary-hover:#f0e6d2;--color-primary-rgb:200, 170, 110;--color-secondary:#5b5a56;--color-success:#0ac8b9;--color-warning:#f0e6d2;--color-error:#e84057;--color-info:#0ac8b9;--color-win:#0ac8b9;--color-loss:#e84057;--color-tier-s:#f0e6d2;--color-tier-a:#0ac8b9;--color-tier-b:#5b5a56;--color-tier-c:#3c3c41;--color-bg-primary:#06080c;--color-bg-secondary:#0c0f16;--color-bg-tertiary:#12151f;--color-bg-card:#0c0f16;--color-bg-hover:#1e2328;--bg-base:#06080c;--bg-surface:#0c0f16;--bg-elevated:#12151f;--glass-bg:#0c0f16;--glass-bg-hover:#12151f;--glass-border:#1e2328;--glass-border-hover:#32281e;--glass-blur:0px;--glass-blur-heavy:0px;--color-text-primary:#f0e6d2;--color-text-secondary:#a09b8c;--color-text-disabled:#5b5a56;--color-text-muted:#5b5a56;--color-text-inverse:#06080c;--color-border:#1e2328;--color-border-light:#32281e;--color-border-focus:var(--color-primary);--color-blue:#0ac8b9;--color-red:#e84057;--spacing-2xs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-xl:0 16px 48px #000c;--shadow-teal:0 0 20px #c8aa6e14;--shadow-teal-md:0 4px 24px #c8aa6e1a;--shadow-teal-lg:0 8px 40px #c8aa6e26;--shadow-glow:0 0 0 1px #c8aa6e33, 0 0 15px #c8aa6e0f;--shadow-glow-lg:0 0 0 1px #c8aa6e26, 0 0 24px #c8aa6e14;--shadow-card-hover:0 0 0 1px #c8aa6e33, 0 0 15px #c8aa6e0f;--shadow-inset:inset 0 1px 0 #f0e6d208;--font-family-display:"Cinzel", "Beaufort for LOL", serif;--font-family:"DM Sans", "Spiegel", -apple-system, BlinkMacSystemFont, "Pretendard", "Malgun Gothic", sans-serif;--font-family-mono:"JetBrains Mono", "Courier New", monospace;--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:40px;--font-size-hero:56px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.15;--line-height-snug:1.3;--line-height-normal:1.55;--line-height-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.03em;--tracking-wider:.06em;--tracking-widest:.1em;--sidebar-width:240px;--header-height:56px;--grid-gap:12px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--gradient-primary:linear-gradient(135deg, #c8aa6e 0%, #785a28 100%);--gradient-glow:linear-gradient(135deg, #c8aa6e26 0%, #785a280d 100%);--gradient-surface:linear-gradient(180deg, #f0e6d205 0%, transparent 100%);--gradient-radial-glow:radial-gradient(ellipse at 50% 0%, #c8aa6e0f 0%, transparent 70%);--gradient-border:linear-gradient(135deg, #c8aa6e4d, #c8aa6e0d);--background:var(--color-bg-primary);--foreground:var(--color-text-primary);--card:var(--color-bg-secondary);--card-foreground:var(--color-text-primary);--popover:var(--color-bg-tertiary);--popover-foreground:var(--color-text-primary);--primary:var(--color-primary);--primary-foreground:var(--color-text-inverse);--secondary:var(--color-bg-tertiary);--secondary-foreground:var(--color-text-primary);--muted:var(--color-border);--muted-foreground:var(--color-text-secondary);--accent:var(--color-bg-hover);--accent-foreground:var(--color-text-primary);--destructive:var(--color-error);--destructive-foreground:var(--color-text-primary);--border:var(--color-border);--input:var(--color-border);--ring:var(--color-primary);--radius:var(--radius-md)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}body:after{content:"";pointer-events:none;z-index:9999;opacity:.015;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#c8aa6e26;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#c8aa6e4d}::-webkit-scrollbar-corner{background:0 0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #c8aa6e14}50%{box-shadow:0 0 20px #c8aa6e33}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:.3s cubic-bezier(.16,1,.3,1) both page-enter}.stagger-children>*{animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.text-gold{color:var(--color-primary)}.text-win{color:var(--color-win)}.text-loss{color:var(--color-loss)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:var(--font-family-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glass{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider-gold{background:linear-gradient(90deg,#0000,#c8aa6e40,#0000);height:1px}.stat-value{font-family:var(--font-family-display);font-variant-numeric:tabular-nums;color:var(--color-text-primary);text-shadow:0 0 20px #c8aa6e26}.glow{box-shadow:var(--shadow-teal)}.inline-error{align-items:center;gap:var(--spacing-sm);color:var(--color-error);padding:var(--spacing-md);font-size:var(--font-size-sm);display:flex}.inline-error-icon{flex-shrink:0}.inline-error-message{flex:1}.glow-hover:hover{box-shadow:var(--shadow-teal-md)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform .1s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:40px;letter-spacing:var(--tracking-wide);border:1px solid #0000;padding:10px 20px;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";pointer-events:none;background:#f0e6d20f;height:1px;position:absolute;top:0;left:0;right:0}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:not(:disabled):active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);border-color:#0000;box-shadow:0 2px 8px #c8aa6e26}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 20px #c8aa6e4d,0 0 0 1px #c8aa6e4d}.btn-primary:active:not(:disabled){filter:brightness(.95);transform:translateY(0);box-shadow:0 1px 4px #c8aa6e26}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){color:var(--color-primary);box-shadow:var(--shadow-teal);background:#c8aa6e0f;border-color:#c8aa6e4d}.btn-danger{color:var(--color-error);background:#e8405714;border-color:#e8405733}.btn-danger:hover:not(:disabled){background:#e8405726;border-color:#e8405766;box-shadow:0 0 20px #e840571f}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:before{display:none}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:#f0e6d20a}.btn-xs{font-size:var(--font-size-2xs);min-height:28px;padding:4px 10px}.btn-sm{font-size:var(--font-size-xs);min-height:32px;padding:6px 14px}.btn-lg{font-size:var(--font-size-md);border-radius:var(--radius-lg);min-height:48px;padding:14px 32px}.btn-loading{opacity:.7;cursor:wait;pointer-events:none}.btn-icon{min-width:40px;min-height:40px;padding:8px}.btn-icon.btn-sm{min-width:32px;min-height:32px;padding:6px}.btn-icon.btn-xs{min-width:28px;min-height:28px;padding:4px}.input-wrapper{flex-direction:column;gap:6px;display:flex}.input-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-wide)}.input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;min-height:42px;padding:10px 14px}.input:hover:not(:focus){border-color:var(--color-border-light);background:var(--color-bg-hover)}.input:focus{border-color:var(--color-primary);background:var(--color-bg-tertiary);box-shadow:0 0 0 2px #c8aa6e1a,0 0 12px #c8aa6e0f}.input::placeholder{color:var(--color-text-disabled)}.input-error{border-color:var(--color-error)!important}.input-error:focus{box-shadow:0 0 0 2px #e840571f,0 0 12px #e840570f}.input-error-msg{font-size:var(--font-size-xs);color:var(--color-error);margin-top:2px}.textarea{resize:vertical;min-height:100px}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon-wrapper .input{padding-left:40px}.input-icon-wrapper .input-icon{color:var(--color-text-disabled);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:12px}.input-icon-wrapper:focus-within .input-icon{color:var(--color-primary)}.modal-backdrop{z-index:2000;padding:var(--spacing-md);background:#000000bf;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) modal-fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl), 0 0 80px #00000080;width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}.modal:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);pointer-events:none;z-index:2;border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:800px}.modal-xl{max-width:1100px}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:var(--tracking-tight)}.modal-close{color:var(--color-text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px;display:flex}.modal-close:hover{color:var(--color-text-primary);background:#f0e6d20a}.modal-close:active{background:#f0e6d20f}.modal-body{padding:var(--spacing-lg)}.modal-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;position:sticky;bottom:0}.error-alert{align-items:center;gap:var(--spacing-md);color:var(--color-error);padding:var(--spacing-sm);border-radius:var(--radius-md);background:#e840570f;border:1px solid #e8405726;display:flex}.error-alert-icon{flex-shrink:0}.error-alert-message{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-bottom:1px solid var(--color-border);white-space:nowrap;z-index:1;background:#c8aa6e08;padding:12px 16px;position:sticky;top:0}.table td{color:var(--color-text-primary);transition:background var(--transition-fast);border-bottom:1px solid #1e232899;padding:12px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast);cursor:default}.table tbody tr:hover td{background:#c8aa6e08}.table tbody tr:nth-child(2n) td{background:#0c0f1680}.table tbody tr:nth-child(2n):hover td{background:#c8aa6e08}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:active td{background:#c8aa6e0f}.table-number{text-align:right;font-variant-numeric:tabular-nums}.table-highlight td{background:#c8aa6e08}.table-highlight:hover td{background:#c8aa6e0f}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.table th.sortable:hover,.table th.sorted{color:var(--color-primary-light)}.table th.sorted:after{content:"";vertical-align:middle;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;margin-left:6px;display:inline-block}.table th.sorted.asc:after{border-bottom:5px solid var(--color-primary)}.table th.sorted.desc:after{border-top:5px solid var(--color-primary)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);box-shadow:var(--shadow-inset);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f0e6d208,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--color-border-light);background:var(--color-bg-tertiary)}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:var(--shadow-card-hover);border-color:#c8aa6e33;transform:translateY(-2px)}.card.clickable:active{box-shadow:var(--shadow-md);transform:translateY(0)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-primary);letter-spacing:var(--tracking-wide)}.card-body{flex:1}.card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.card-accent{border-left:2px solid var(--color-primary)}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);gap:var(--spacing-xs);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);box-shadow:var(--shadow-inset);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c8aa6e14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card:hover{background:var(--color-bg-tertiary);box-shadow:var(--shadow-teal);border-color:#c8aa6e26;transform:translateY(-1px)}.stat-card-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:var(--font-weight-semibold)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);font-family:var(--font-family-display);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight);letter-spacing:var(--tracking-tight);text-shadow:0 0 20px #c8aa6e26}.card-glass{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-inset), 0 4px 24px #0000004d;position:relative;overflow:hidden}.card-glass:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f0e6d20a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card--error{padding:var(--spacing-md);color:var(--color-error);text-align:center;font-size:13px}.card--chart-fallback{justify-content:center;align-items:center;height:220px;margin-bottom:16px;display:flex}.spinner{border:2px solid #c8aa6e1a;border-top-color:var(--color-primary);border-radius:50%;animation:.7s linear infinite spin;display:inline-block}.spinner-sm{width:16px;height:16px}.spinner-md{width:24px;height:24px}.spinner-lg{width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{padding:var(--spacing-2xl);justify-content:center;align-items:center;display:flex}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#c8aa6e08 25%,#c8aa6e12 50%,#c8aa6e08 75%) 0 0/200% 100%;animation:1.8s ease-in-out infinite skeleton-shimmer}.skeleton-text{border-radius:var(--radius-xs);height:14px}.skeleton-title{border-radius:var(--radius-xs);height:20px}.skeleton-card{border-radius:var(--radius-lg);height:80px}.skeleton-avatar{border-radius:50%}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide);white-space:nowrap;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:4px 10px;display:inline-flex}.badge:hover{transform:scale(1.03)}.badge-sm{font-size:var(--font-size-2xs);padding:2px 6px}.badge-lg{font-size:var(--font-size-sm);padding:6px 14px}.badge-win{color:var(--color-win);background:#0ac8b91a;border:1px solid #0ac8b933}.badge-loss{color:var(--color-loss);background:#e840571a;border:1px solid #e8405733}.badge-blue{color:var(--color-blue);background:#0ac8b91a;border:1px solid #0ac8b933}.badge-red{color:var(--color-red);background:#e840571a;border:1px solid #e8405733}.badge-gold{color:var(--color-primary);background:#c8aa6e1a;border:1px solid #c8aa6e40}.badge-primary{color:var(--color-primary);background:#c8aa6e1a;border:1px solid #c8aa6e33}.badge-normal{color:var(--color-text-secondary);border:1px solid var(--color-border);background:#f0e6d20a}.sse-log{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);height:320px;font-family:Consolas,D2Coding,monospace;font-size:var(--font-size-xs);overflow-y:auto}.sse-line{padding:1px 0;line-height:1.5}.sse-info{color:#0ac8b9}.sse-warn{color:var(--color-primary)}.sse-error{color:var(--color-error)}.sse-done{color:var(--color-win);font-weight:600}.sse-progress{color:var(--color-text-secondary)}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#c8aa6e1a 0%,#0000 50%,#c8aa6e0d 100%);width:1px;position:absolute;top:0;bottom:0;right:0}.sidebar-logo{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--spacing-sm);display:flex;position:relative}.sidebar-logo:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c8aa6e26,#0000);height:1px;position:absolute;bottom:-1px;left:20%;right:20%}.sidebar-logo-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-primary);background:linear-gradient(135deg,#c8aa6e26 0%,#785a2814 100%);border:1px solid #c8aa6e33;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #c8aa6e1a}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-display);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;letter-spacing:var(--tracking-tight);-webkit-background-clip:text;background-clip:text;flex:1}.sidebar-close-btn{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;padding:4px;display:none}.sidebar-close-btn:hover{color:var(--color-text-primary);background:#f0e6d20a}.sidebar-nav{padding:var(--spacing-sm) 0;flex:1;overflow-y:auto}.sidebar-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);padding:16px 16px 6px;font-size:10px;font-weight:700}.sidebar-item{padding:10px var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border-left:3px solid #0000;align-items:center;gap:11px;margin:1px 0;display:flex;position:relative}.sidebar-item-icon{border-radius:var(--radius-sm);width:30px;height:30px;transition:background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-item:hover{color:var(--color-text-primary);background:#f0e6d205;border-left-color:#c8aa6e1a}.sidebar-item:hover .sidebar-item-icon{color:var(--color-primary);background:#c8aa6e0f;box-shadow:0 0 10px #c8aa6e14}.sidebar-item.active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:var(--font-weight-semibold);background:#c8aa6e0f}.sidebar-item.active .sidebar-item-icon{color:var(--color-primary);background:#c8aa6e1f;box-shadow:0 0 12px #c8aa6e33}.sidebar-item.active:before{content:"";background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0;box-shadow:0 0 10px #c8aa6e66}.sidebar-item:active{background:#c8aa6e14}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-display);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px}.mobile-header,.bottom-nav,.sidebar-overlay{display:none}@media (width<=768px){.layout{flex-direction:column;height:100dvh}.sidebar{z-index:1001;width:260px;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-overlay{z-index:1000;background:#000000b3;animation:.25s fadeIn;display:block;position:fixed;inset:0}.mobile-header{height:var(--header-height);padding:0 var(--spacing-md);align-items:center;gap:var(--spacing-sm);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:100;flex-shrink:0;display:flex}.mobile-header-logo{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.mobile-header-logo-icon{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-primary);background:linear-gradient(135deg,#c8aa6e26 0%,#785a2814 100%);border:1px solid #c8aa6e33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-header-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:var(--font-family-display);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.mobile-header-search{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);max-width:240px;transition:border-color var(--transition-fast), background var(--transition-fast);flex:1;align-items:center;gap:6px;padding:5px 12px;display:flex}.mobile-header-search:focus-within{background:#c8aa6e0a;border-color:#c8aa6e4d}.mobile-search-icon{color:var(--color-text-secondary);flex-shrink:0}.mobile-search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;min-width:0;font-size:12px}.mobile-search-input::placeholder{color:var(--color-text-disabled)}.mobile-hamburger{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);width:34px;height:34px;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-hamburger:hover,.mobile-hamburger.active{color:var(--color-primary);background:#c8aa6e0f;border-color:#c8aa6e33}.main-content{flex:1;min-height:0;overflow:hidden}.page-content{padding:var(--spacing-md);padding-bottom:calc(64px + var(--spacing-sm))}.bottom-nav{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);z-index:100;height:60px;padding-bottom:env(safe-area-inset-bottom,0px);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-text-disabled);font-size:10px;font-weight:var(--font-weight-medium);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;text-decoration:none;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav-dot{background:var(--color-primary);border-radius:50%;width:4px;height:4px;animation:.2s both fadeIn;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #c8aa6e99}.bottom-nav-label{white-space:nowrap;font-size:10px;line-height:1}.page-title{font-size:var(--font-size-lg)}.page-header.flex.items-center.justify-between{gap:var(--spacing-sm);flex-wrap:wrap}}.grid-16{gap:var(--grid-gap,12px);grid-template-columns:repeat(16,1fr);width:100%;display:grid}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-7{grid-column:span 7}.col-span-8{grid-column:span 8}.col-span-9{grid-column:span 9}.col-span-10{grid-column:span 10}.col-span-11{grid-column:span 11}.col-span-12{grid-column:span 12}.col-span-13{grid-column:span 13}.col-span-14{grid-column:span 14}.col-span-15{grid-column:span 15}.col-span-16{grid-column:span 16}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-5{grid-column-start:5}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-start-10{grid-column-start:10}.col-start-11{grid-column-start:11}.col-start-12{grid-column-start:12}.col-start-13{grid-column-start:13}.col-start-14{grid-column-start:14}.col-start-15{grid-column-start:15}.col-start-16{grid-column-start:16}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.row-span-4{grid-row:span 4}@media (width<=1100px){.grid-16{grid-template-columns:repeat(8,1fr)}.col-span-9,.col-span-10,.col-span-11,.col-span-12,.col-span-13,.col-span-14,.col-span-15,.col-span-16{grid-column:span 8}.col-span-5,.col-span-6,.col-span-7,.col-span-8{grid-column:span 4}}@media (width<=768px){.grid-16{grid-template-columns:repeat(4,1fr);gap:8px}.col-span-5,.col-span-6,.col-span-7,.col-span-8,.col-span-9,.col-span-10,.col-span-11,.col-span-12,.col-span-13,.col-span-14,.col-span-15,.col-span-16{grid-column:span 4}.col-span-3,.col-span-4{grid-column:span 2}}@media (width<=480px){.grid-16{grid-template-columns:repeat(2,1fr)}.col-span-3,.col-span-4,.col-span-5,.col-span-6,.col-span-7,.col-span-8,.col-span-9,.col-span-10,.col-span-11,.col-span-12,.col-span-13,.col-span-14,.col-span-15,.col-span-16{grid-column:span 2}}.monitoring-gate{height:100%;padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.monitoring-gate-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-xl);align-items:center;gap:var(--spacing-md);width:100%;max-width:360px;box-shadow:var(--shadow-lg), 0 0 60px #0006;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;position:relative}.monitoring-gate-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);pointer-events:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.monitoring-gate-icon{background:#c8aa6e0f;border:1px solid #c8aa6e1f;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 24px #c8aa6e14}.monitoring-gate-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.monitoring-gate-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}.monitoring-gate-form{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.monitoring-gate-input{width:100%;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;outline:none}.monitoring-gate-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #c8aa6e1a,0 0 12px #c8aa6e0f}.monitoring-gate-input.error{border-color:var(--color-error)}.monitoring-gate-error{font-size:var(--font-size-xs);color:var(--color-error);margin:0}.monitoring-gate-btn{justify-content:center;width:100%}.monitoring-page{gap:var(--spacing-md);flex-direction:column;height:100%;display:flex}.monitoring-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.monitoring-header-left{align-items:center;gap:var(--spacing-sm);display:flex}.monitoring-header-left h1{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.monitoring-open-btn{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);display:flex}.monitoring-links{gap:var(--spacing-sm);flex-shrink:0;display:flex}.monitoring-link-card{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;flex:1;text-decoration:none;display:flex}.monitoring-link-card:hover{background:var(--color-bg-tertiary);box-shadow:var(--shadow-teal);border-color:#c8aa6e33}.monitoring-link-card svg{color:var(--color-primary);flex-shrink:0}.monitoring-link-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.monitoring-link-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.monitoring-link-url{font-size:var(--font-size-xs);color:var(--color-primary);font-family:var(--font-family-mono);margin-top:2px}.monitoring-setup-guide{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0}.monitoring-setup-guide h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.monitoring-setup-guide p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs)}.monitoring-setup-guide pre{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-primary);margin:var(--spacing-xs) 0;line-height:var(--line-height-relaxed);overflow-x:auto}.monitoring-setup-guide code{border-radius:var(--radius-xs);font-size:.82em;font-family:var(--font-family-mono);color:var(--color-primary);background:#c8aa6e0d;border:1px solid #c8aa6e1a;padding:.1em .35em}.monitoring-setup-hint{padding-left:var(--spacing-xs);border-left:2px solid var(--color-primary);margin-top:var(--spacing-xs)!important}.popup-trigger{cursor:pointer;border-radius:var(--radius-sm);transition:color .15s}.popup-trigger:hover{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.popup-trigger--card{display:inline-block;color:inherit!important;text-decoration:none!important}.popup-trigger--card:hover{color:inherit!important;text-decoration:none!important}.popup-panel{z-index:9999;background:var(--color-bg-secondary);border:1px solid var(--color-border);pointer-events:auto;border-radius:10px;animation:.12s popup-fade-in;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 0 1px #c8aa6e14}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.popup-loading{color:var(--color-text-secondary);align-items:center;gap:8px;padding:20px 16px;font-size:12px;display:flex}.popup-loading-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite popup-dot-pulse;display:inline-block}@keyframes popup-dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.popup-hint{color:var(--color-text-disabled);text-align:center;border-top:1px solid var(--color-border);background:#0003;padding:6px 12px;font-size:10px}.popup-section-title{letter-spacing:.5px;text-transform:uppercase;color:var(--color-primary);margin-bottom:6px;font-size:10px;font-weight:700}.popup-player{cursor:pointer}.popup-player-header{border-bottom:1px solid var(--color-border);align-items:baseline;gap:6px;padding:12px 14px 8px;display:flex}.popup-player-name{color:var(--color-text-primary);font-size:14px;font-weight:700}.popup-player-tag{color:var(--color-text-disabled);font-size:11px}.popup-player-games{color:var(--color-text-secondary);margin-left:auto;font-size:11px}.popup-wr-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 14px;display:flex}.popup-wr-value{min-width:40px;font-size:15px;font-weight:800;font-family:var(--font-family-mono)}.popup-wr-bar{background:var(--color-bg-hover);border-radius:3px;flex:1;height:5px;overflow:hidden}.popup-wr-fill{border-radius:3px;height:100%;transition:width .3s}.popup-wl{text-align:right;min-width:54px;font-size:11px;font-family:var(--font-family-mono)}.popup-stats-row{border-bottom:1px solid var(--color-border);gap:0;padding:8px 10px;display:flex}.popup-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.popup-stat-value{color:var(--color-text-primary);font-size:13px;font-weight:700;font-family:var(--font-family-mono)}.popup-stat-label{color:var(--color-text-disabled);text-transform:uppercase;font-size:9px}.popup-champs{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.popup-champ-item{cursor:default;flex-direction:column;align-items:center;gap:2px;display:flex}.popup-champ-img{border:1px solid var(--color-border);object-fit:cover;border-radius:4px;width:32px;height:32px}.popup-champ-fallback{background:var(--color-bg-hover);width:32px;height:32px;color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:10px;display:flex}.popup-champ-wr{font-size:10px;font-weight:700;font-family:var(--font-family-mono)}.popup-champ{cursor:pointer}.popup-champ-header{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#c8aa6e0a 0%,#0000 60%);align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.popup-champ-hero-img{border:2px solid var(--color-border);object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:44px}.popup-champ-header-info{flex-direction:column;gap:3px;display:flex}.popup-champ-name{color:var(--color-text-primary);font-size:15px;font-weight:800}.popup-champ-meta{color:var(--color-text-secondary);font-size:11px}.popup-masters{border-bottom:1px solid var(--color-border);padding:8px 12px}.popup-master-row{grid-template-columns:18px 1fr auto auto;align-items:center;gap:6px;padding:3px 0;display:grid}.popup-master-rank{color:var(--color-text-disabled);text-align:center;font-size:10px;font-weight:700}.popup-master-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.popup-master-games{color:var(--color-text-secondary);font-size:10px}.popup-master-wr{text-align:right;min-width:32px;font-size:11px;font-weight:700;font-family:var(--font-family-mono)}.popup-items{border-bottom:1px solid var(--color-border);padding:8px 12px}.popup-items-grid{flex-wrap:wrap;gap:6px;display:flex}.popup-item-entry{flex-direction:column;align-items:center;gap:2px;display:flex}.popup-item-img{border:1px solid var(--color-border);object-fit:cover;border-radius:4px;width:30px;height:30px}.popup-item-fallback{background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:4px;width:30px;height:30px}.popup-item-wr{font-size:9px;font-weight:700}@media (width<=768px){.popup-panel{display:none!important}.card,.stats-section.card{padding:var(--spacing-md)!important}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);max-height:92dvh;max-width:100%!important}.modal-body,.modal-header{padding:var(--spacing-md)}.stats-tab-bar,.member-sort-tabs,.match-tabs,.lane-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:0;overflow-x:auto;flex-wrap:nowrap!important}.stats-tab-bar::-webkit-scrollbar{display:none}.member-sort-tabs::-webkit-scrollbar{display:none}.match-tabs::-webkit-scrollbar{display:none}.overview-hero-row{flex-direction:column;gap:12px;padding:16px}.overview-hero-main{border-bottom:1px solid var(--color-border);padding-bottom:12px;padding-right:0}.overview-hero-divider{display:none}.overview-hero-stat{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:space-between;gap:8px;padding:4px 0}.overview-hero-stat:last-child{border-bottom:none}.overview-hero-stat-emoji{font-size:16px}.overview-hero-stat-value{font-size:18px}.overview-champ-grid{grid-template-columns:repeat(4,1fr)!important}.overview-champ-grid--sm{grid-template-columns:repeat(3,1fr)!important}.player-summary-header{flex-wrap:wrap;gap:12px}.player-stat-card{border-right:none;border-bottom:1px solid var(--color-border)}.player-stat-card:nth-child(2n){border-bottom:1px solid var(--color-border)}.player-stat-card:last-child,.player-stat-card:nth-last-child(2):nth-child(odd){border-bottom:none}.lane-summary{flex-wrap:wrap;gap:16px;padding:12px}.recent-match-card{grid-template-columns:44px 1fr auto;gap:8px}.recent-match-stats{display:none}.match-teams{grid-template-columns:1fr 24px 1fr}.match-player-row{grid-template-columns:70px 1fr auto}.match-player-row>:last-child:not(:nth-child(3)){display:none}.scoreboard-table th,.scoreboard-table td{padding:6px 7px;font-size:11px}.sb-items{flex-wrap:wrap}.team-info-stats{grid-template-columns:repeat(3,1fr)}.team-info-stat:nth-child(3){border-right:none}.team-info-stat:nth-child(4){border-top:1px solid var(--color-border)}.member-stats-table th,.member-stats-table td{padding:8px;font-size:12px}.monitoring-links{flex-direction:column!important}.hall-group-grid{grid-template-columns:repeat(2,1fr)!important}.match-group-date{font-size:13px}.page-header{flex-wrap:wrap;gap:8px}.page-header .flex.gap-sm{flex-wrap:wrap}}@media (width<=480px){.page-content{padding:12px 12px 72px!important}.overview-hero-number{font-size:36px}.match-teams{grid-template-columns:1fr 20px 1fr}.match-player-row{font-size:10px}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.m-layout{background:var(--color-bg-primary);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.m-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;height:52px;padding:0 4px;display:flex;position:fixed;top:0;left:0;right:0}.m-header-back{width:44px;height:44px;color:var(--color-text-primary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.m-header-back:hover{color:var(--color-primary)}.m-header-back:active{background:var(--color-bg-hover)}.m-header-title{color:var(--color-text-primary);text-align:center;flex:1;font-size:16px;font-weight:700}.m-content{padding:12px 12px calc(68px + 12px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:1;margin-top:52px;overflow-y:auto}.m-bottom-nav{height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);z-index:100;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.m-bottom-nav-item{color:var(--color-text-secondary);transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 0;font-size:10px;text-decoration:none;display:flex}.m-bottom-nav-item.active{color:var(--color-primary)}.m-bottom-nav-item:active{opacity:.7}.m-bottom-nav-icon{justify-content:center;align-items:center;display:flex;position:relative}.m-bottom-nav-dot{background:var(--color-primary);border-radius:50%;width:4px;height:4px;animation:.2s both fadeIn;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #c8aa6e99}.m-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);margin-bottom:12px;padding:16px}.m-card.clickable{cursor:pointer}.m-card.clickable:active{background:var(--color-bg-tertiary);border-color:var(--color-border-light);box-shadow:var(--shadow-teal)}.m-section-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.m-section-title:after{content:"";background:linear-gradient(90deg,#c8aa6e33,#0000);flex:1;height:1px}.m-sort-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.m-sort-chips::-webkit-scrollbar{display:none}.m-sort-chip{border-radius:var(--radius-full);background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;min-height:36px;padding:7px 14px;font-size:12px;font-weight:600}.m-sort-chip:active{transform:scale(.96)}.m-sort-chip.active{color:var(--color-primary);background:#c8aa6e1f;border-color:#c8aa6e4d;font-weight:700;box-shadow:0 0 12px #c8aa6e26}.m-mode-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.m-mode-chips::-webkit-scrollbar{display:none}.m-player-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);color:inherit;min-height:48px;margin-bottom:8px;padding:14px 16px;text-decoration:none;display:block}.m-player-card:active{background:var(--color-bg-tertiary);border-color:var(--color-border-light);box-shadow:var(--shadow-teal);transform:scale(.99)}.m-player-card.highlight{background:#c8aa6e0a;border-color:#c8aa6e40;box-shadow:0 0 16px #c8aa6e14}.m-player-card-header{align-items:center;gap:10px;display:flex}.m-player-rank{width:28px;height:28px;color:var(--color-text-secondary);background:#f0e6d20a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.m-player-rank.rank-1{color:var(--color-primary);background:#c8aa6e1f;border:1px solid #c8aa6e4d;box-shadow:0 0 10px #c8aa6e26}.m-player-rank.rank-2{color:silver;background:#c0c0c01a;border:1px solid #c0c0c040}.m-player-rank.rank-3{color:#cd7f32;background:#cd7f321a;border:1px solid #cd7f3240}.m-player-name{color:var(--color-text-primary);font-size:14px;font-weight:700}.m-player-tag{color:var(--color-text-disabled);font-size:10px}.m-player-games{color:var(--color-text-secondary);white-space:nowrap;margin-left:auto;font-size:12px}.m-win-bar-wrap{margin-top:8px}.m-win-bar-label{color:var(--color-text-secondary);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.m-win-bar-label span:first-child{color:var(--color-win);font-weight:600}.m-win-bar{background:#f0e6d20d;border-radius:2px;height:4px;overflow:hidden}.m-win-bar-fill{background:linear-gradient(90deg, var(--color-win), #0ac8b9b3);border-radius:2px;height:100%;transition:width .4s}.m-stat-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.m-stat-chip{color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#f0e6d208;padding:3px 8px;font-size:11px}.m-match-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background var(--transition-fast);margin-bottom:10px;padding:14px}.m-match-card.win{border-left:3px solid var(--color-win)}.m-match-card.loss{border-left:3px solid var(--color-loss)}.m-match-header{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}.m-win-badge{border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:700}.m-win-badge.win{color:var(--color-win);background:#0ac8b91a;border:1px solid #0ac8b933}.m-win-badge.loss{color:var(--color-loss);background:#e840571a;border:1px solid #e8405733}.m-participants{grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;display:grid}.m-participant-row{color:var(--color-text-secondary);align-items:center;gap:6px;padding:3px 0;font-size:11px;display:flex}.m-participant-row.is-self{color:var(--color-primary);font-weight:600}.m-champ-icon{object-fit:cover;border-radius:4px;flex-shrink:0;width:24px;height:24px}.m-champ-icon-placeholder{width:24px;height:24px;color:var(--color-text-disabled);background:#f0e6d20a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.m-elo-card{background:linear-gradient(135deg, #c8aa6e0f 0%, var(--color-bg-secondary) 100%);border-radius:var(--radius-lg);border:1px solid #c8aa6e1f;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;display:flex;box-shadow:0 0 20px #c8aa6e0a}.m-overview-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}.m-overview-stat{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);padding:14px 12px}.m-overview-stat:active{background:var(--color-bg-tertiary);border-color:var(--color-border-light);box-shadow:var(--shadow-teal)}.m-overview-stat-value{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.2}.m-overview-stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:11px;font-weight:500}.m-tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin-bottom:16px;padding:4px 0 6px;display:flex;overflow-x:auto}.m-tab-bar::-webkit-scrollbar{display:none}.m-tab{border-radius:var(--radius-full);white-space:nowrap;border:1px solid var(--color-border);cursor:pointer;background:var(--color-bg-secondary);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;min-height:40px;padding:9px 16px;font-size:13px;font-weight:600}.m-tab:active{transform:scale(.96)}.m-tab.active{color:var(--color-primary);background:#c8aa6e1f;border-color:#c8aa6e4d;font-weight:700;box-shadow:0 0 14px #c8aa6e26}.m-leader-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin:0 -4px;padding:12px 4px;font-size:14px;display:flex}.m-leader-row:active{background:var(--color-bg-tertiary)}.m-leader-row:last-child{border-bottom:none}.m-empty{text-align:center;color:var(--color-text-secondary);padding:40px 16px;font-size:13px}.m-loading{text-align:center;color:var(--color-text-secondary);padding:48px 16px}.m-champ-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.m-champ-grid-item{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;transition:background .15s;display:flex}.m-champ-grid-item:active{background:var(--color-bg-tertiary)}.m-champ-grid-img{border-radius:var(--radius-md);object-fit:cover;width:56px;height:56px}.m-champ-grid-img-placeholder{border-radius:var(--radius-md);width:56px;height:56px;color:var(--color-text-disabled);background:#f0e6d20a;justify-content:center;align-items:center;font-size:11px;display:flex}.m-champ-grid-name{color:var(--color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;overflow:hidden}.m-fab{background:var(--gradient-primary);width:52px;height:52px;color:var(--color-text-inverse);cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,box-shadow .15s;display:flex;position:fixed;bottom:72px;right:16px;box-shadow:0 4px 20px #c8aa6e4d}.m-fab:active{opacity:.8;box-shadow:0 2px 10px #c8aa6e33}.m-more-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.m-more-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-primary);flex-direction:column;align-items:center;gap:10px;padding:20px 12px;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.m-more-item:active{background:var(--color-bg-tertiary);border-color:var(--color-border-light);box-shadow:var(--shadow-teal)}.m-more-item-icon{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-primary);background:#c8aa6e0f;border:1px solid #c8aa6e1f;justify-content:center;align-items:center;transition:box-shadow .15s;display:flex}.m-more-item:active .m-more-item-icon{box-shadow:0 0 12px #c8aa6e40}.m-more-item-label{text-align:center;font-size:13px;font-weight:600}.m-search{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);font-size:14px;font-family:var(--font-family);outline:none;margin-bottom:12px;padding:10px 14px}.m-search::placeholder{color:var(--color-text-disabled)}.m-search:focus{border-color:#c8aa6e4d;outline:none;box-shadow:0 0 0 2px #c8aa6e14}.m-admin-btn{border-radius:var(--radius-lg);cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font-family);border:none;justify-content:center;align-items:center;gap:8px;padding:13px;transition:opacity .15s,box-shadow .15s;display:flex}.m-admin-btn:active{opacity:.8}.m-admin-btn:disabled{opacity:.4;cursor:not-allowed}.m-admin-btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);border:1px solid #c8aa6e4d;box-shadow:0 4px 14px #c8aa6e33}.m-admin-btn-danger{color:var(--color-error);background:#e8405714;border:1px solid #e8405733}.m-admin-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.m-session-group{margin-bottom:16px}.m-session-label{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;padding:8px 0 6px;font-size:11px;font-weight:700}.m-champ-icons{gap:4px;margin-top:6px;display:flex}.m-champ-icon-sm{object-fit:cover;border-radius:4px;width:22px;height:22px}.m-champ-icon-sm-placeholder{width:22px;height:22px;color:var(--color-text-disabled);background:#f0e6d20a;border-radius:4px;justify-content:center;align-items:center;font-size:8px;display:flex}.m-elo-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.m-match-toggle{color:var(--color-text-disabled);flex-shrink:0;margin-left:auto}.m-pw-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text-primary);font-size:16px;font-family:var(--font-family);text-align:center;letter-spacing:4px;outline:none;margin-bottom:12px;padding:12px 14px}.m-pw-input:focus{border-color:#c8aa6e4d;outline:none;box-shadow:0 0 0 2px #c8aa6e14}.m-lane-tab{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s}.m-lane-tab.active{color:var(--color-primary);background:#c8aa6e1f;border-color:#c8aa6e4d;box-shadow:0 0 10px #c8aa6e26}.m-synergy-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.m-synergy-card:active{background:var(--color-bg-tertiary);border-color:var(--color-border-light);box-shadow:var(--shadow-teal)}.m-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.m-status-dot.ok{background:var(--color-win)}.m-status-dot.error{background:var(--color-error)}.m-status-dot.skip{background:var(--color-text-disabled)}