:root{--color-bg-primary:#1a1a1a;--color-bg-secondary:#fff;--color-bg-nav:#282828f2;--color-bg-nav-hover:#3c3c3ccc;--color-bg-nav-active:#505050cc;--color-bg-overlay:#00000080;--color-bg-tertiary:#2a2a2a;--color-bg-hover:#ffffff14;--color-border-primary:#333;--color-border-secondary:#ddd;--color-border-dark:#4a4a4a;--color-border-light:#ecf0f1;--color-text-primary:#f7fafc;--color-text-secondary:#4a4a4a;--color-text-dark:#000;--color-text-muted:#7f8c8d;--color-text-disabled:var(--color-text-muted);--color-text-tertiary:var(--color-text-muted);--color-text-on-primary:var(--color-text-primary);--color-text-navy:#34495e;--color-text-slate:#2c3e50;--color-accent-purple:#6b5fd8;--color-accent-gold:gold;--color-accent-gold-dark:#daa520;--color-accent-gold-darker:#b8860b;--color-accent-gold-light:#ffe44d;--color-accent-gold-medium:#e5b820;--color-success:#27ae60;--color-success-light:#4ade80;--color-info:#3498db;--color-info-light:#4299e1;--color-info-hover:var(--color-info-light);--color-info-lighter:#63b3ed;--color-danger:#f44;--color-danger-alt:#ff6b6b;--color-warning:#ed8936;--color-warning-light:#f6e05e;--color-focus:var(--color-info);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--spacing-2xs:var(--space-1);--spacing-3xs:2px;--spacing-4xs:1px;--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-3);--spacing-lg:var(--space-4);--spacing-xl:var(--space-5);--spacing-2xl:var(--space-6);--spacing-3xl:var(--space-8);--font-primary:"Arial",sans-serif;--font-mono:"Courier New",monospace;--font-display:"Bebas Neue",sans-serif;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:28px;--font-size-3xl:32px;--font-size-4xl:48px;--font-size-5xl:64px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:0.3px;--letter-spacing-normal:0.5px;--letter-spacing-wide:1px;--letter-spacing-wider:2px;--line-height-none:1;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--line-height-loose:1.8;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:50%;--radius-pill:9999px;--shadow-sm:0 2px 6px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 10px 30px #00000080;--shadow-xl:0 10px 40px #00000080;--shadow-inner:inset 0 2px 4px #fff6;--shadow-nav:0 0 20px #00000080;--shadow-input-focus:0 0 0 3px #3498db40;--shadow-panel:0 -4px 20px #0000004d;--shadow-card:0 2px 8px #0000001a;--text-shadow-sm:1px 1px 2px #0000004d;--text-shadow-md:2px 2px 4px #00000080;--shadow-glow-purple:0 0 8px #6b5fd899;--shadow-glow-gold:0 4px 12px #ffd70080;--shadow-glow-blue:0 4px 8px #4299e166;--z-base:1;--z-dropdown:5;--z-nav:10;--z-panel:10;--z-modal-backdrop:50;--z-modal:100;--z-tooltip:200;--z-toast:300;--transition-fast:0.1s;--transition-base:0.2s;--transition-slow:0.3s;--transition-slower:0.4s;--transition-easing-default:ease;--transition-easing-in:ease-in;--transition-easing-out:ease-out;--transition-easing-in-out:ease-in-out;--transition-easing-smooth:cubic-bezier(0.4,0.0,0.2,1);--transition-duration:var(--transition-base);--transition-ease:var(--transition-easing-default);--transition-color:color var(--transition-base) var(--transition-easing-default);--transition-bg:background-color var(--transition-base) var(--transition-easing-default);--transition-transform:transform var(--transition-base) var(--transition-easing-default);--transition-all:all var(--transition-base) var(--transition-easing-default);--container-max-width:430px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--nav-height:60px;--header-height:80px;--footer-height:80px;--button-padding-sm:var(--space-2) var(--space-3);--button-padding-md:var(--space-3) var(--space-6);--button-padding-lg:var(--space-4) var(--space-8);--button-height-sm:36px;--button-height-md:44px;--button-height-lg:52px;--input-padding:var(--space-3);--input-height:44px;--input-border-width:1px;--input-border-color:var(--color-border-secondary);--input-border-color-focus:var(--color-info);--input-border:var(--input-border-width) solid var(--input-border-color);--input-border-radius:var(--radius-md);--input-border-hover:var(--color-border-dark);--input-bg:var(--color-bg-tertiary);--input-bg-hover:#333;--input-bg-focus:var(--color-bg-tertiary);--input-bg-disabled:#222;--input-error-bg:#3b2c2c;--input-placeholder-color:var(--color-text-muted);--input-focus-shadow:var(--shadow-input-focus);--input-height-sm:36px;--input-height-md:44px;--input-height-lg:52px;--input-padding-sm:var(--space-2);--input-padding-md:var(--space-3);--input-padding-lg:var(--space-4);--card-padding:var(--space-5);--card-border-radius:var(--radius-lg);--card-border-width:2px;--card-bg:var(--color-bg-tertiary);--card-border:var(--card-border-width) solid var(--color-border-primary);--modal-overlay-bg:var(--color-bg-overlay);--modal-bg:var(--color-bg-primary);--modal-border:1px solid var(--color-border-primary);--modal-shadow:var(--shadow-xl);--modal-padding:var(--space-5);--modal-header-padding:var(--space-5);--modal-body-padding:var(--space-5);--modal-footer-padding:var(--space-5);--modal-border-radius:var(--radius-lg);--modal-max-width:500px;--modal-width-sm:400px;--modal-width-md:500px;--modal-width-lg:700px;--table-header-bg:var(--color-bg-tertiary);--table-stripe-bg:var(--color-bg-tertiary);--table-row-hover-bg:var(--color-bg-hover);--table-border-color:var(--color-border-primary);--table-header-border-width:2px;--table-icon-color:var(--color-text-muted);--table-icon-active-color:var(--color-info);--table-empty-color:var(--color-text-muted);--table-cell-padding-sm:var(--spacing-xs) var(--spacing-sm);--table-cell-padding-md:var(--spacing-sm) var(--spacing-md);--table-cell-padding-lg:var(--spacing-md) var(--spacing-lg);--nav-padding:var(--space-4) var(--space-3);--nav-gap:var(--space-3)}@media (min-width:768px){:root{--font-size-base:16px;--font-size-md:18px;--nav-padding:var(--space-5) var(--space-4)}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.gap-0{gap:0;gap:var(--space-0)}.gap-1{gap:4px;gap:var(--space-1)}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.gap-5{gap:20px;gap:var(--space-5)}.gap-6{gap:24px;gap:var(--space-6)}.gap-8{gap:32px;gap:var(--space-8)}.gap-x-0{column-gap:0;column-gap:var(--space-0)}.gap-x-1{column-gap:4px;column-gap:var(--space-1)}.gap-x-2{column-gap:8px;column-gap:var(--space-2)}.gap-x-3{column-gap:12px;column-gap:var(--space-3)}.gap-x-4{column-gap:16px;column-gap:var(--space-4)}.gap-x-5{column-gap:20px;column-gap:var(--space-5)}.gap-y-0{row-gap:0;row-gap:var(--space-0)}.gap-y-1{row-gap:4px;row-gap:var(--space-1)}.gap-y-2{row-gap:8px;row-gap:var(--space-2)}.gap-y-3{row-gap:12px;row-gap:var(--space-3)}.gap-y-4{row-gap:16px;row-gap:var(--space-4)}.gap-y-5{row-gap:20px;row-gap:var(--space-5)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.p-0{padding:0;padding:var(--space-0)}.p-1{padding:4px;padding:var(--space-1)}.p-2{padding:8px;padding:var(--space-2)}.p-3{padding:12px;padding:var(--space-3)}.p-4{padding:16px;padding:var(--space-4)}.p-5{padding:20px;padding:var(--space-5)}.p-6{padding:24px;padding:var(--space-6)}.p-8{padding:32px;padding:var(--space-8)}.px-0{padding-left:0;padding-left:var(--space-0);padding-right:0;padding-right:var(--space-0)}.px-1{padding-left:4px;padding-left:var(--space-1);padding-right:4px;padding-right:var(--space-1)}.px-2{padding-left:8px;padding-left:var(--space-2);padding-right:8px;padding-right:var(--space-2)}.px-3{padding-left:12px;padding-left:var(--space-3);padding-right:12px;padding-right:var(--space-3)}.px-4{padding-left:16px;padding-left:var(--space-4);padding-right:16px;padding-right:var(--space-4)}.px-5{padding-left:20px;padding-left:var(--space-5);padding-right:20px;padding-right:var(--space-5)}.px-6{padding-left:24px;padding-left:var(--space-6);padding-right:24px;padding-right:var(--space-6)}.px-8{padding-left:32px;padding-left:var(--space-8);padding-right:32px;padding-right:var(--space-8)}.py-0{padding-bottom:0;padding-bottom:var(--space-0);padding-top:0;padding-top:var(--space-0)}.py-1{padding-bottom:4px;padding-bottom:var(--space-1);padding-top:4px;padding-top:var(--space-1)}.py-2{padding-bottom:8px;padding-bottom:var(--space-2);padding-top:8px;padding-top:var(--space-2)}.py-3{padding-bottom:12px;padding-bottom:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.py-4{padding-bottom:16px;padding-bottom:var(--space-4);padding-top:16px;padding-top:var(--space-4)}.py-5{padding-bottom:20px;padding-bottom:var(--space-5);padding-top:20px;padding-top:var(--space-5)}.py-6{padding-bottom:24px;padding-bottom:var(--space-6);padding-top:24px;padding-top:var(--space-6)}.py-8{padding-bottom:32px;padding-bottom:var(--space-8);padding-top:32px;padding-top:var(--space-8)}.pt-0{padding-top:0;padding-top:var(--space-0)}.pt-1{padding-top:4px;padding-top:var(--space-1)}.pt-2{padding-top:8px;padding-top:var(--space-2)}.pt-3{padding-top:12px;padding-top:var(--space-3)}.pt-4{padding-top:16px;padding-top:var(--space-4)}.pt-5{padding-top:20px;padding-top:var(--space-5)}.pt-6{padding-top:24px;padding-top:var(--space-6)}.pr-0{padding-right:0;padding-right:var(--space-0)}.pr-1{padding-right:4px;padding-right:var(--space-1)}.pr-2{padding-right:8px;padding-right:var(--space-2)}.pr-3{padding-right:12px;padding-right:var(--space-3)}.pr-4{padding-right:16px;padding-right:var(--space-4)}.pr-5{padding-right:20px;padding-right:var(--space-5)}.pb-0{padding-bottom:0;padding-bottom:var(--space-0)}.pb-1{padding-bottom:4px;padding-bottom:var(--space-1)}.pb-2{padding-bottom:8px;padding-bottom:var(--space-2)}.pb-3{padding-bottom:12px;padding-bottom:var(--space-3)}.pb-4{padding-bottom:16px;padding-bottom:var(--space-4)}.pb-5{padding-bottom:20px;padding-bottom:var(--space-5)}.pb-6{padding-bottom:24px;padding-bottom:var(--space-6)}.pl-0{padding-left:0;padding-left:var(--space-0)}.pl-1{padding-left:4px;padding-left:var(--space-1)}.pl-2{padding-left:8px;padding-left:var(--space-2)}.pl-3{padding-left:12px;padding-left:var(--space-3)}.pl-4{padding-left:16px;padding-left:var(--space-4)}.pl-5{padding-left:20px;padding-left:var(--space-5)}.m-0{margin:0;margin:var(--space-0)}.m-1{margin:4px;margin:var(--space-1)}.m-2{margin:8px;margin:var(--space-2)}.m-3{margin:12px;margin:var(--space-3)}.m-4{margin:16px;margin:var(--space-4)}.m-5{margin:20px;margin:var(--space-5)}.m-6{margin:24px;margin:var(--space-6)}.m-8{margin:32px;margin:var(--space-8)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-left:var(--space-0);margin-right:0;margin-right:var(--space-0)}.mx-1{margin-left:4px;margin-left:var(--space-1);margin-right:4px;margin-right:var(--space-1)}.mx-2{margin-left:8px;margin-left:var(--space-2);margin-right:8px;margin-right:var(--space-2)}.mx-3{margin-left:12px;margin-left:var(--space-3);margin-right:12px;margin-right:var(--space-3)}.mx-4{margin-left:16px;margin-left:var(--space-4);margin-right:16px;margin-right:var(--space-4)}.mx-5{margin-left:20px;margin-left:var(--space-5);margin-right:20px;margin-right:var(--space-5)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-bottom:var(--space-0);margin-top:0;margin-top:var(--space-0)}.my-1{margin-bottom:4px;margin-bottom:var(--space-1);margin-top:4px;margin-top:var(--space-1)}.my-2{margin-bottom:8px;margin-bottom:var(--space-2);margin-top:8px;margin-top:var(--space-2)}.my-3{margin-bottom:12px;margin-bottom:var(--space-3);margin-top:12px;margin-top:var(--space-3)}.my-4{margin-bottom:16px;margin-bottom:var(--space-4);margin-top:16px;margin-top:var(--space-4)}.my-5{margin-bottom:20px;margin-bottom:var(--space-5);margin-top:20px;margin-top:var(--space-5)}.mt-0{margin-top:0;margin-top:var(--space-0)}.mt-1{margin-top:4px;margin-top:var(--space-1)}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mt-3{margin-top:12px;margin-top:var(--space-3)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.mt-5{margin-top:20px;margin-top:var(--space-5)}.mt-6{margin-top:24px;margin-top:var(--space-6)}.mr-0{margin-right:0;margin-right:var(--space-0)}.mr-1{margin-right:4px;margin-right:var(--space-1)}.mr-2{margin-right:8px;margin-right:var(--space-2)}.mr-3{margin-right:12px;margin-right:var(--space-3)}.mr-4{margin-right:16px;margin-right:var(--space-4)}.mr-5{margin-right:20px;margin-right:var(--space-5)}.mb-0{margin-bottom:0;margin-bottom:var(--space-0)}.mb-1{margin-bottom:4px;margin-bottom:var(--space-1)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-3{margin-bottom:12px;margin-bottom:var(--space-3)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mb-5{margin-bottom:20px;margin-bottom:var(--space-5)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-6)}.ml-0{margin-left:0;margin-left:var(--space-0)}.ml-1{margin-left:4px;margin-left:var(--space-1)}.ml-2{margin-left:8px;margin-left:var(--space-2)}.ml-3{margin-left:12px;margin-left:var(--space-3)}.ml-4{margin-left:16px;margin-left:var(--space-4)}.ml-5{margin-left:20px;margin-left:var(--space-5)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-fit{width:fit-content}.w-min{width:min-content}.w-max{width:max-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-1\/5{width:20%}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-fit{height:fit-content}.h-min{height:min-content}.h-max{height:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.max-w-screen{max-width:100vw}.max-w-none{max-width:none}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.text-primary{color:#f7fafc;color:var(--color-text-primary)}.text-secondary{color:#4a4a4a;color:var(--color-text-secondary)}.text-dark{color:#000;color:var(--color-text-dark)}.text-muted{color:#7f8c8d;color:var(--color-text-muted)}.text-navy{color:#34495e;color:var(--color-text-navy)}.text-slate{color:#2c3e50;color:var(--color-text-slate)}.text-success{color:#27ae60;color:var(--color-success)}.text-danger{color:#f44;color:var(--color-danger)}.text-info{color:#3498db;color:var(--color-info)}.text-warning{color:#ed8936;color:var(--color-warning)}.text-gold{color:gold;color:var(--color-accent-gold)}.bg-primary{background-color:#1a1a1a;background-color:var(--color-bg-primary)}.bg-secondary{background-color:#fff;background-color:var(--color-bg-secondary)}.bg-nav{background-color:#282828f2;background-color:var(--color-bg-nav)}.bg-overlay{background-color:#00000080;background-color:var(--color-bg-overlay)}.bg-transparent{background-color:initial}.bg-success{background-color:#27ae60;background-color:var(--color-success)}.bg-danger{background-color:#f44;background-color:var(--color-danger)}.bg-info{background-color:#3498db;background-color:var(--color-info)}.bg-warning{background-color:#ed8936;background-color:var(--color-warning)}.text-xs{font-size:12px;font-size:var(--font-size-xs)}.text-sm{font-size:13px;font-size:var(--font-size-sm)}.text-base{font-size:14px;font-size:var(--font-size-base)}.text-md{font-size:16px;font-size:var(--font-size-md)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:24px;font-size:var(--font-size-xl)}.text-2xl{font-size:28px;font-size:var(--font-size-2xl)}.text-3xl{font-size:32px;font-size:var(--font-size-3xl)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-primary{font-family:Arial,sans-serif;font-family:var(--font-primary)}.font-display{font-family:Bebas Neue,sans-serif;font-family:var(--font-display)}.font-mono{font-family:Courier New,monospace;font-family:var(--font-mono)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-none{line-height:1;line-height:var(--line-height-none)}.leading-tight{line-height:1.2;line-height:var(--line-height-tight)}.leading-normal{line-height:1.4;line-height:var(--line-height-normal)}.leading-relaxed{line-height:1.6;line-height:var(--line-height-relaxed)}.leading-loose{line-height:1.8;line-height:var(--line-height-loose)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-primary{border-color:#333;border-color:var(--color-border-primary)}.border-secondary{border-color:#ddd;border-color:var(--color-border-secondary)}.border-dark{border-color:#4a4a4a;border-color:var(--color-border-dark)}.border-light{border-color:#ecf0f1;border-color:var(--color-border-light)}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-none{border-style:none}.rounded-none{border-radius:0;border-radius:var(--radius-none)}.rounded-sm{border-radius:4px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:20px;border-radius:var(--radius-xl)}.rounded-full{border-radius:50%;border-radius:var(--radius-full)}.rounded-pill{border-radius:9999px;border-radius:var(--radius-pill)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 2px 6px #0003;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 30px #00000080;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 10px 40px #00000080;box-shadow:var(--shadow-xl)}.shadow-inner{box-shadow:inset 0 2px 4px #fff6;box-shadow:var(--shadow-inner)}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-auto{cursor:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-move{cursor:move}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10;z-index:var(--z-nav)}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50;z-index:var(--z-modal-backdrop)}.z-auto{z-index:auto}.transition-none{transition:none}.transition-all{transition:all .2s ease;transition:var(--transition-all)}.transition-colors{transition:color .2s ease;transition:var(--transition-color)}.transition-opacity{transition:opacity .2s ease;transition:opacity var(--transition-base) var(--transition-easing-default)}.transition-transform{transition:transform .2s ease;transition:var(--transition-transform)}.transform{transform:translate(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.transform-none{transform:none}.visible{visibility:visible}.invisible{visibility:hidden}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.dynamic-pack-container{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;min-height:500px;padding:20px}.pack-header{color:#fff;margin-bottom:20px;text-align:center}.pack-header h3{font-size:1.8em;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #00000080}.pack-info{display:flex;font-size:.9em;gap:15px;justify-content:center}.card-count{background:#fff3}.card-count,.rarity-tier{border-radius:6px;padding:4px 8px}.rarity-tier{font-weight:700;text-transform:uppercase}.rarity-tier.legendary{background:gold;color:#333}.rarity-tier.rare{background:#9f7aff;color:#fff}.rarity-tier.common{background:silver;color:#333}.pack-display{align-items:center;display:flex;gap:12px;justify-content:center;max-width:1200px;min-height:400px;padding:20px;width:100%}.pack-layout-single-row{flex-direction:row;flex-wrap:nowrap}.pack-layout-two-rows{max-width:600px}.pack-layout-three-rows,.pack-layout-two-rows{align-content:center;flex-direction:row;flex-wrap:wrap}.pack-layout-three-rows{max-width:900px}.pack-layout-grid{grid-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:1200px}.pack-layout-large-grid{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));max-width:1400px}.pack-layout-single-column{align-items:center;flex-direction:column}.pack-layout-two-columns{grid-gap:15px;display:grid;grid-template-columns:1fr 1fr;max-width:400px}.card-slot{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ddd;border-radius:8px;flex:0 1 auto;height:219px;overflow:hidden;position:relative;transition:all .3s ease;width:159px}.card-slot.selectable{border:2px solid #00ff0080;box-shadow:0 4px 12px #00ff004d;cursor:pointer}.card-slot.selectable:hover{border:2px solid #0f0c;box-shadow:0 6px 20px #00ff0080;transform:scale(1.05)}.card-slot.disabled{border:2px solid #fff3;cursor:not-allowed;opacity:.6}.card-overlay{background:#0000002e;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:space-between;left:0;padding:10px;position:absolute;right:0;top:0}.card-name{background:#000c;border-radius:4px;font-size:12px;font-weight:700;margin-top:-5px;padding:4px 8px;text-align:center}.card-details{display:flex;flex-direction:column;gap:3px}.gear-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:center;background:#ffffffe6;display:-webkit-box;font-size:11px;font-weight:600;line-height:1.2;max-width:140px;overflow:hidden}.gear-description,.gear-rarity{border-radius:4px;padding:4px 8px}.gear-rarity{background:gold;color:#333;font-size:12px;font-weight:700;text-align:center}.player-details{display:flex;gap:4px;justify-content:center}.matchup-info,.projection-info{background:#000c;border-radius:4px;flex:1 1;font-size:10px;font-weight:600;padding:4px 6px;text-align:center}.matchup-info span,.projection-info span{font-weight:700}.position-team-box{background:#ffffffe6;border-radius:3px;font-size:8px;left:6px;line-height:1.1;min-width:18px;padding:3px 4px;text-align:center}.info-button,.position-team-box{color:#333;font-weight:700;position:absolute;top:3px}.info-button{align-items:center;background:#ffffffd9;border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;right:6px;transition:background-color .2s ease;width:24px;z-index:2}.info-button:hover{background:#fff}.selection-indicator{align-items:center;background:#27ae60e6;border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.card-count-1 .card-slot{height:320px;width:240px}.card-count-2 .card-slot{height:260px;width:200px}.card-count-3 .card-slot{height:240px;width:180px}.card-count-4 .card-slot{height:220px;width:160px}.card-count-5 .card-slot{height:219px;width:159px}.card-count-6 .card-slot{height:190px;width:140px}.card-count-7 .card-slot{height:180px;width:130px}.card-count-8 .card-slot{height:170px;width:120px}.card-count-9 .card-slot{height:160px;width:110px}@media (max-width:768px){.dynamic-pack-container{padding:15px}.pack-header h3{font-size:1.4em}.pack-display{gap:8px;min-height:300px;padding:15px}.pack-layout-three-rows,.pack-layout-two-rows{align-items:center;flex-direction:column}.pack-layout-grid{grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.card-slot{height:165px;width:120px}.card-count-1 .card-slot{height:275px;width:200px}.card-count-2 .card-slot{height:220px;width:160px}.card-count-3 .card-slot{height:192px;width:140px}.card-count-4 .card-slot{height:178px;width:130px}.card-count-5 .card-slot{height:165px;width:120px}.card-count-6 .card-slot{height:151px;width:110px}.card-count-7 .card-slot{height:137px;width:100px}.card-count-8 .card-slot{height:130px;width:95px}.card-count-9 .card-slot{height:123px;width:90px}.pack-info{flex-direction:column;gap:8px}.card-name{font-size:10px;padding:2px 6px}.matchup-info,.projection-info{font-size:8px;padding:2px 4px}.position-team-box{font-size:6px;padding:2px 3px}.info-button{font-size:12px;height:20px;width:20px}.gear-description{font-size:9px;max-width:80px;padding:2px 4px}}@media (max-width:480px){.pack-display{gap:6px;padding:10px}.card-slot{height:144px;width:105px}.card-count-1 .card-slot{height:247px;width:180px}.card-count-2 .card-slot{height:192px;width:140px}.card-count-3 .card-slot{height:165px;width:120px}.card-count-4 .card-slot{height:151px;width:110px}.card-count-5 .card-slot{height:144px;width:105px}.card-count-6 .card-slot{height:130px;width:95px}.card-count-7 .card-slot{height:123px;width:90px}.card-count-8 .card-slot{height:117px;width:85px}.card-count-9 .card-slot{height:110px;width:80px}.pack-layout-two-columns{grid-template-columns:1fr;max-width:200px}.card-name{font-size:8px;padding:1px 4px}.selection-indicator{font-size:16px;height:30px;width:30px}}@media (min-width:769px) and (max-width:1024px){.pack-display{max-width:800px}.card-slot{height:190px;width:140px}.card-count-1 .card-slot{height:260px;width:200px}.card-count-2 .card-slot{height:240px;width:180px}.card-count-3 .card-slot{height:220px;width:160px}.card-count-4 .card-slot{height:210px;width:150px}.card-count-5 .card-slot{height:190px;width:140px}.card-count-6 .card-slot{height:180px;width:130px}.card-count-7 .card-slot{height:170px;width:120px}.card-count-8 .card-slot{height:160px;width:110px}.card-count-9 .card-slot{height:150px;width:100px}}.pack-display.loading{align-items:center;justify-content:center}.loading-spinner{display:inline-block}.no-pack{align-items:center;color:#ffffffb3;display:flex;font-size:1.2em;height:200px;justify-content:center}.card-slot.selected{animation:selectPulse .6s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.card-slot:hover:not(.disabled){box-shadow:0 6px 20px #0006}.card-slot:hover .card-overlay{background:#0000001a}.card-slot:focus{outline:3px solid #007bff;outline-offset:2px}.info-button:focus{outline:2px solid #007bff;outline-offset:1px}@media (prefers-contrast:high){.card-slot{border-width:3px}.card-name,.matchup-info,.projection-info{background:#000000f2}.position-team-box{background:#fffffff2}}@media (prefers-reduced-motion:reduce){.card-slot{transition:none}.loading-spinner,.selectPulse{animation:none}}.dynamic-pack-error{background:#b71c1c;border:2px solid #ff8a80;border-radius:8px;color:#fff;font-weight:700;line-height:1.4;margin:0 auto 16px;max-width:640px;padding:14px 16px;text-align:center;width:100%}.pack-selection-interface{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:20px}.pack-selection-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-top-color:#fff;margin-bottom:15px}.loading-spinner.small{border-width:3px;height:20px;width:20px}.pack-selection-error{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-icon{font-size:48px;margin-bottom:15px}.retry-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:15px;padding:12px 24px;transition:background .3s ease}.retry-btn:hover{background:#c0392b}.pack-sequential-interface{margin:0 auto;max-width:600px;text-align:center}.sequential-header{margin-bottom:30px}.sequential-header h3{font-size:2em;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #00000080}.sequential-header p{font-size:1.1em;margin:0;opacity:.9}.next-pack-container{display:flex;justify-content:center}.pack-choice-interface{margin:0 auto;max-width:1200px}.choice-header{margin-bottom:30px;text-align:center}.choice-header h3{font-size:2em;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #00000080}.choice-header p{font-size:1.1em;margin:0 0 15px;opacity:.9}.team-needs{background:#fff3;border-radius:8px;font-size:14px;margin-top:15px;padding:10px 20px}.pack-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.filter-btn.active{background:#ffffffe6;border-color:#fff;color:#333;font-weight:700}.available-packs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.available-packs-grid,.pack-hybrid-interface{margin:0 auto;max-width:1200px}.hybrid-header{margin-bottom:30px;text-align:center}.hybrid-header h3{font-size:2em;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #00000080}.hybrid-header p{font-size:1.1em;margin:0 0 15px;opacity:.9}.hybrid-mode-indicator{background:#fff3;border-radius:8px;display:inline-block;margin-top:10px;padding:10px 20px}.mode-label{background:#ffffffe6;border-radius:12px;color:#333;font-size:12px;font-weight:700;margin-right:10px;padding:4px 12px}.phase-info{font-size:14px;opacity:.9}.no-packs{background:#ffffff1a;border-radius:12px;color:#fffc;font-size:18px;margin:20px 0;padding:60px 20px;text-align:center}.selection-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0000004d;color:#fff;max-width:300px;padding:20px;position:fixed;right:20px;z-index:1000}.status-content{align-items:center;display:flex;flex-direction:column;text-align:center}.status-content p{font-size:14px;margin:10px 0 5px}.status-subtext{color:#ffffffb3;font-size:12px;margin:0}.debug-info{background:#000c;border-radius:4px;color:#0f0;font-family:monospace;font-size:12px;left:10px;padding:10px;position:fixed;top:10px;z-index:9999}.debug-info div{margin:2px 0}@media (max-width:768px){.pack-selection-interface{padding:15px}.choice-header h3,.hybrid-header h3,.sequential-header h3{font-size:1.6em}.choice-header p,.hybrid-header p,.sequential-header p{font-size:1em}.pack-filters{gap:8px}.filter-btn{font-size:12px;padding:6px 12px}.available-packs-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-needs{font-size:13px;padding:8px 15px}.selection-status{bottom:15px;left:15px;max-width:none;right:15px}.hybrid-mode-indicator{padding:8px 15px}.mode-label{font-size:11px;padding:3px 8px}.phase-info{font-size:13px}}@media (max-width:480px){.pack-selection-interface{padding:10px}.choice-header h3,.hybrid-header h3,.sequential-header h3{font-size:1.4em}.available-packs-grid{gap:12px;grid-template-columns:1fr}.pack-filters{align-items:center;flex-direction:column;gap:6px}.filter-btn{min-width:120px;padding:8px 16px;width:auto}.no-packs{font-size:16px;padding:40px 15px}.team-needs{font-size:12px}.selection-status{bottom:10px;left:10px;right:10px}}@media (max-width:768px) and (orientation:landscape){.choice-header,.hybrid-header,.pack-filters,.sequential-header{margin-bottom:20px}.available-packs-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (prefers-contrast:high){.filter-btn{border-width:3px}.filter-btn.active{border-color:#000}.selection-status{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.filter-btn{transition:none}.loading-spinner{animation:none}}@media print{.pack-selection-interface{background:#fff;color:#000;padding:20px}.debug-info,.selection-status{display:none}}.pack-preview{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;max-width:280px;min-width:200px;overflow:hidden;position:relative;transition:all .3s ease}.pack-preview.selectable:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.pack-preview.disabled{cursor:not-allowed;opacity:.6}.pack-preview-image{height:120px;overflow:hidden;position:relative}.pack-preview-image img{height:100%;object-fit:cover;width:100%}.card-count-overlay{background:#000c;border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;right:8px;top:8px}.pack-preview-details{flex-grow:1;padding:15px}.pack-name{color:#2c3e50;font-size:16px;margin:0 0 10px}.pack-name,.pack-rarity{font-weight:700;text-align:center}.pack-rarity{border-radius:20px;display:inline-block;font-size:12px;margin-bottom:12px;padding:4px 12px;text-transform:uppercase;width:100%}.expected-contents,.guaranteed-contents{margin-bottom:10px}.contents-title{color:#7f8c8d;font-size:12px;font-weight:700;margin-bottom:4px}.contents-list{display:flex;flex-wrap:wrap;gap:4px}.content-item{background:#ecf0f1;border-radius:4px;color:#2c3e50;font-size:10px;font-weight:500;padding:2px 6px}.content-item.guaranteed{background:#2ecc71;color:#fff}.pack-theme{color:#7f8c8d;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.recommendation-section{background:#f8f9fa;border-top:1px solid #dee2e6;padding:12px}.urgency-badge{border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:700;margin-bottom:6px;padding:3px 8px}.recommendation-score{color:#6c757d;font-size:12px;margin-bottom:4px}.recommendation-reason{color:#495057;font-size:12px;line-height:1.4}.selection-prompt{background:#3498db;border-radius:4px;bottom:8px;color:#fff;font-size:10px;font-weight:700;opacity:0;padding:4px 8px;position:absolute;right:8px;transition:opacity .3s ease}.pack-preview.selectable:hover .selection-prompt{opacity:1}@media (max-width:768px){.pack-preview{max-width:200px;min-width:160px}.pack-preview-image{height:100px}.pack-preview-details{padding:12px}.pack-name{font-size:14px;margin-bottom:8px}.pack-rarity{font-size:10px;padding:3px 8px}.contents-title{font-size:11px}.content-item{font-size:9px;padding:1px 4px}.recommendation-section{padding:8px}.recommendation-reason{font-size:11px}}@media (max-width:480px){.pack-preview{max-width:180px;min-width:140px}.pack-preview-image{height:80px}.pack-preview-details{padding:10px}.pack-name{font-size:12px}.card-count-overlay{font-size:10px;padding:2px 6px;right:4px;top:4px}}@media (prefers-contrast:high){.pack-preview{border:2px solid #000}.content-item{border:1px solid #000}.content-item.guaranteed{border:1px solid #fff}}@media (prefers-reduced-motion:reduce){.pack-preview,.selection-prompt{transition:none}}.draft-progress-tracker{background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px;padding:20px}.draft-progress-compact{background:#ffffffe6;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;padding:12px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.progress-header h3{color:#2c3e50;font-size:1.4em;margin:0}.draft-status{font-size:14px}.status-complete{color:#27ae60;font-weight:700}.status-active{color:#3498db;font-weight:500}.progress-section{margin-bottom:20px}.progress-bar-container{margin-bottom:10px}.progress-label{color:#7f8c8d;font-size:12px;font-weight:500;margin-bottom:5px}.progress-bar{background:#ecf0f1;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:3px;height:100%;transition:width .3s ease}.progress-bar-full{background:#ecf0f1;border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.progress-fill-full{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.composition-section{margin-bottom:20px}.composition-section h4{color:#2c3e50;font-size:1.1em;margin:0 0 15px}.composition-compact{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.position-badge{border:1.5px solid;border-radius:16px;color:#2c3e50;font-size:13px;font-weight:700;min-width:55px;padding:4px 10px;text-align:center}.position-badge.qb{background:#3498db1a;border-color:#3498db}.position-badge.rb{background:#e74c3c1a;border-color:#e74c3c}.position-badge.wr{background:#27ae601a;border-color:#27ae60}.position-badge.gear{background:#f39c121a;border-color:#f39c12}.position-badge.complete{background:#27ae6033;border-color:#27ae60}.position-badge.progress{background:#f39c1233;border-color:#f39c12}.position-badge.unknown{background:#7f8c8d26;border-color:var(--color-border-secondary);color:var(--color-text-muted)}.position-badge.needed{background:#e74c3c1a;border-color:#e74c3c}.complete-badge{background:#27ae60eb;border:1.5px solid #27ae60;border-radius:16px;color:#fff;font-size:13px;font-weight:700;min-width:80px;padding:4px 10px;text-align:center}.position-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.position-card{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.position-card.complete{background:#27ae600d;border-color:#27ae60}.position-card.progress{background:#f39c120d;border-color:#f39c12}.position-card.unknown{border-color:var(--color-border-secondary);opacity:.65}.position-card.unknown .position-status{color:var(--color-text-muted)}.position-card.needed{background:#e74c3c0d;border-color:#e74c3c}.position-icon{font-size:24px;margin-bottom:8px}.position-label{color:#6c757d;font-size:14px;margin-bottom:5px}.position-count{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:5px}.position-status{font-size:12px;font-weight:700;text-transform:uppercase}.position-card.complete .position-status{color:#27ae60}.position-card.progress .position-status{color:#f39c12}.position-card.needed .position-status{color:#e74c3c}.upcoming-section{margin-bottom:20px}.upcoming-section h4{color:#2c3e50;font-size:1.1em;margin:0 0 10px}.upcoming-packs{display:flex;flex-wrap:wrap;gap:10px}.upcoming-pack{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;min-width:80px;padding:8px 12px;text-align:center}.upcoming-pack.more{background:#e9ecef;color:#6c757d;font-style:italic}.upcoming-pack-name{color:#2c3e50;font-size:12px;font-weight:500;margin-bottom:2px}.upcoming-pack-rarity{color:#6c757d;font-size:10px;text-transform:uppercase}.catalog-info{align-items:center;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;padding-top:15px}.catalog-mode,.catalog-name{color:#6c757d;font-size:12px}.catalog-mode{font-weight:500}@media (max-width:768px){.draft-progress-tracker{padding:15px}.draft-progress-compact{padding:10px}.progress-header{align-items:flex-start;flex-direction:column;gap:5px}.progress-header h3{font-size:1.2em}.position-grid{gap:10px;grid-template-columns:1fr}.position-card{padding:12px}.position-icon{font-size:20px}.position-count{font-size:16px}.composition-compact{justify-content:center}.position-badge{font-size:12px;min-width:50px;padding:3px 8px}.complete-badge{font-size:12px;min-width:70px;padding:3px 8px}.upcoming-packs{justify-content:center}.catalog-info{align-items:flex-start;flex-direction:column;gap:5px}}@media (max-width:480px){.draft-progress-tracker{padding:12px}.progress-header h3{font-size:1.1em}.composition-section h4,.upcoming-section h4{font-size:1em}.position-grid{gap:8px;grid-template-columns:1fr}.position-card{padding:10px}.position-badge{font-size:11px;min-width:45px;padding:2px 6px}.complete-badge{font-size:11px;min-width:60px;padding:2px 6px}}@media (prefers-contrast:high){.position-card{border-width:3px}.position-badge{border-width:2px}}@media (prefers-reduced-motion:reduce){.position-card,.progress-fill,.progress-fill-full{transition:none}}.tutorial-overlay{animation:fadeIn .3s ease-out;background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.tutorial-popup{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#2d3748,#1a202c);border:2px solid #4a5568;border-radius:16px;box-shadow:0 20px 60px #000c,0 0 0 1px #ffffff1a;left:50%;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10001}.tutorial-popup.closing{animation:slideOut .2s ease-in}.tutorial-header{align-items:center;border-bottom:2px solid #4a5568;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.tutorial-never-show{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.tutorial-never-show input[type=checkbox]{cursor:pointer;height:18px;width:18px}.tutorial-next-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #2980b9;border-radius:6px;box-shadow:0 2px 8px #3498db4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:1;min-height:44px;min-width:80px;padding:10px 24px;transition:all .2s ease}.tutorial-next-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);border-color:#21618c;box-shadow:0 4px 12px #3498db80;transform:translateY(-1px)}.tutorial-next-btn:active{box-shadow:0 2px 6px #3498db4d;transform:translateY(0)}.tutorial-content{display:flex;flex-direction:column;gap:16px}.tutorial-image{border-radius:8px;box-shadow:0 4px 8px #0000004d;height:auto;width:100%}.tutorial-text{line-height:1.6}.tutorial-body,.tutorial-text{color:#e2e8f0;font-size:16px;text-align:center}.tutorial-body h1,.tutorial-body h2,.tutorial-body h3{color:#48bb78;font-family:Bebas Neue,sans-serif;margin-bottom:8px;margin-top:16px;text-align:center}.tutorial-body h2{font-size:24px;margin-top:0}.tutorial-body p{color:#e2e8f0;margin-bottom:12px;text-align:center}.tutorial-body ol,.tutorial-body ul{margin-bottom:12px;margin-left:24px}.tutorial-body li{color:#e2e8f0;margin-bottom:6px}.tutorial-body strong{font-weight:700}.tutorial-body em{font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideOut{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-55%)}}.tutorial-popup::-webkit-scrollbar{width:8px}.tutorial-popup::-webkit-scrollbar-track{background:#1a202c;border-radius:4px}.tutorial-popup::-webkit-scrollbar-thumb{background:#4a5568;border-radius:4px}.tutorial-popup::-webkit-scrollbar-thumb:hover{background:#4299e1}.tutorial-step-indicator{border-top:1px solid #4a5568;color:#9ca3af;font-size:14px;margin-top:16px;padding-top:16px;text-align:center}.tutorial-highlight{animation:yellowPulse 2s ease-in-out infinite;border-radius:8px;box-shadow:0 0 0 4px #ffd70099,0 0 20px 8px #ffd70066,0 0 40px 12px #ffd70033!important;position:relative;z-index:9999!important}@keyframes yellowPulse{0%,to{box-shadow:0 0 0 4px #ffd70099,0 0 20px 8px #ffd70066,0 0 40px 12px #ffd70033}50%{box-shadow:0 0 0 6px #ffd700cc,0 0 30px 12px #ffd70099,0 0 60px 16px #ffd7004d}}@media (max-width:600px){.tutorial-popup{max-height:85vh;padding:16px;width:95%}.tutorial-text{font-size:14px}.tutorial-close-btn{font-size:28px}}.tutorial-arrow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none;position:fixed;z-index:10002}.tutorial-arrow svg{animation:arrowBounce 1.5s ease-in-out infinite;height:60px;width:60px}@keyframes arrowBounce{0%,to{margin-top:0}50%{margin-top:-10px}}.sequential-pack-system.enhanced{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;min-height:100vh;padding:20px}.draft-nav-bar{box-sizing:border-box;gap:16px;gap:var(--space-4,16px);padding-left:20px;padding-left:var(--space-5,20px);padding-right:86px;padding-right:calc(var(--space-5, 20px) + 50px + var(--space-4, 16px))}.draft-nav-logo{flex:0 1 auto;min-width:0}.draft-nav-button{flex:0 0 auto;white-space:nowrap}@media (min-width:769px){.draft-nav-logo{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}}.draft-main-content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px}.draft-complete{background:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#2c3e50;padding:40px;text-align:center}.draft-complete h2{color:#27ae60;font-size:2em;margin:0 0 15px}.draft-complete p{color:#7f8c8d;font-size:1.1em;margin:0 0 25px}.current-pack-interface{align-items:center;display:flex;flex-direction:column;gap:20px;width:100%}.draft-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px;max-width:400px;width:100%}.draft-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:15px 20px;text-transform:uppercase;transition:all .3s ease}.autopick-btn{background:#27ae60;color:#fff}.autopick-btn:hover:not(:disabled){background:#219a52;transform:translateY(-2px)}.autopick-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.view-team-btn{background:#3498db;color:#fff}.view-team-btn:hover{background:#2980b9;transform:translateY(-2px)}.autodraft-btn{background:#f39c12;color:#fff}.autodraft-btn:hover:not(:disabled){background:#e67e22;transform:translateY(-2px)}.autodraft-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.gear-btn{background:#9b59b6;color:#fff}.gear-btn:hover{background:#8e44ad;transform:translateY(-2px)}.pack-to-open{align-items:center;display:flex;flex-direction:column;gap:20px}.pack-opener{border-radius:12px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.pack-opener:hover:not(.opening){box-shadow:0 12px 40px #0006}.pack-opener.opening{animation:packPulse 1s ease-in-out infinite}@keyframes packPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.draft-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;color:#ffffffe6;margin-top:20px;padding:15px;text-align:center}.draft-instructions p{font-size:16px;font-weight:500;margin:0}@media (max-width:768px){.sequential-pack-system.enhanced{padding:15px}.draft-nav-bar{gap:8px;gap:var(--space-2,8px);padding-left:12px;padding-left:var(--space-3,12px);padding-right:60px;padding-right:calc(var(--space-2, 8px) + 40px + var(--space-3, 12px))}.draft-nav-button{font-size:12px!important;min-width:0!important;padding:8px 12px!important}.draft-nav-logo{height:50px!important}.draft-actions{gap:12px;grid-template-columns:1fr;max-width:280px}.draft-actions button{font-size:13px;padding:12px 16px}.pack-opener{font-size:16px!important;height:240px!important;width:140px!important}.draft-complete{margin:15px;padding:25px}.draft-complete h2{font-size:1.6em}.draft-instructions p{font-size:14px}}@media (max-width:480px){.sequential-pack-system.enhanced{padding:10px}.draft-nav-bar{gap:4px;gap:var(--space-1,4px);padding-left:8px;padding-left:var(--space-2,8px);padding-right:56px;padding-right:calc(var(--space-2, 8px) + 40px + var(--space-2, 8px))}.draft-nav-button{font-size:11px!important;padding:6px 8px!important}.draft-nav-logo{height:40px!important;margin-top:4px!important}.draft-actions{gap:10px;max-width:250px}.draft-actions button{font-size:12px;padding:10px 14px}.pack-opener{font-size:14px!important;height:200px!important;width:120px!important}.draft-complete{margin:10px;padding:20px}.draft-complete h2{font-size:1.4em}}@media (prefers-contrast:high){.draft-actions button{border:2px solid #ffffff4d}.draft-complete{border:2px solid #333}}@media (prefers-reduced-motion:reduce){.draft-actions button,.pack-opener{transition:none}.pack-opener.opening{animation:none}}.draft-actions button:focus,.pack-opener:focus{outline:3px solid #007bff;outline-offset:2px}.draft-actions button:disabled{position:relative}.draft-actions button:disabled:after{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff9;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-none);outline:none;text-align:center;text-transform:uppercase;transition:var(--transition-all);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}.btn--sm{font-size:var(--font-size-sm);height:var(--button-height-sm);padding:var(--button-padding-sm)}.btn--md{font-size:var(--font-size-base);height:var(--button-height-md);padding:var(--button-padding-md)}.btn--lg{font-size:var(--font-size-md);height:var(--button-height-lg);padding:var(--button-padding-lg)}.btn--primary{background-color:var(--color-info);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.btn--primary:hover:not(.btn--disabled):not(.btn--loading){background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.btn--primary:active:not(.btn--disabled):not(.btn--loading){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--secondary{background-color:var(--color-warning);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.btn--secondary:hover:not(.btn--disabled):not(.btn--loading){background-color:var(--color-warning-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--secondary:active:not(.btn--disabled):not(.btn--loading){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--tertiary{background-color:var(--color-accent-purple);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.btn--tertiary:hover:not(.btn--disabled):not(.btn--loading){box-shadow:var(--shadow-glow-purple);filter:brightness(1.2);transform:translateY(-2px)}.btn--tertiary:active:not(.btn--disabled):not(.btn--loading){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--ghost{background-color:initial;border:2px solid var(--color-info);color:var(--color-info)}.btn--ghost:hover:not(.btn--disabled):not(.btn--loading){background-color:var(--color-info);color:var(--color-text-primary)}.btn--ghost:active:not(.btn--disabled):not(.btn--loading){background-color:var(--color-info-light)}.btn--danger{background-color:var(--color-danger);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.btn--danger:hover:not(.btn--disabled):not(.btn--loading){background-color:var(--color-danger-alt);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--danger:active:not(.btn--disabled):not(.btn--loading){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.btn--loading{cursor:wait;pointer-events:none;position:relative}.btn--loading .btn__content{opacity:.7}.btn--full-width{width:100%}.btn__icon{align-items:center;display:inline-flex;font-size:1.2em;justify-content:center}.btn__icon--left{margin-right:calc(var(--space-1)*-1)}.btn__icon--right{margin-left:calc(var(--space-1)*-1)}.btn__content{align-items:center;display:inline-flex;justify-content:center}.btn__spinner{animation:btn-spin .6s linear infinite;border:2px solid;border-radius:var(--radius-full);border-top:2px solid #0000;height:16px;margin-right:var(--space-2);width:16px}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.btn--sm{min-height:36px}.btn--md{min-height:44px}.btn--lg{min-height:52px}}.btn--icon-only{aspect-ratio:1;padding:var(--space-3)}.btn--icon-only.btn--sm{padding:var(--space-2)}.btn--icon-only.btn--lg{padding:var(--space-4)}.modal-overlay{animation:modalFadeIn var(--transition-duration) var(--transition-ease);background-color:var(--modal-overlay-bg);padding:var(--spacing-md);z-index:var(--z-modal)}.modal{animation:modalSlideUp var(--transition-duration) var(--transition-ease);background-color:var(--modal-bg);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:90vh;outline:none;position:relative}.modal--sm{max-width:var(--modal-width-sm);width:100%}.modal--md{max-width:var(--modal-width-md);width:100%}.modal--lg{max-width:var(--modal-width-lg);width:100%}.modal--full{height:95vh;max-height:95vh;max-width:none;width:95vw}.modal__header{align-items:center;border-bottom:var(--modal-border);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--modal-header-padding)}.modal__title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:var(--spacing-md);padding:var(--spacing-xs);transition:var(--transition-all)}.modal__close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.modal__close:focus{outline:2px solid var(--color-focus);outline-offset:2px}.modal__close:active{transform:scale(.95)}.modal__body{color:var(--color-text-primary);flex:1 1;overflow-y:auto;padding:var(--modal-body-padding)}.modal__body::-webkit-scrollbar{width:8px}.modal__body::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.modal__body::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-sm)}.modal__body::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.modal__footer{align-items:center;border-top:var(--modal-border);display:flex;flex-shrink:0;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--modal-footer-padding)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal{max-height:95vh}.modal--lg,.modal--md,.modal--sm{max-width:100%}.modal__title{font-size:var(--font-size-xl)}.modal__body,.modal__footer,.modal__header{padding:var(--spacing-md)}.modal__footer{flex-direction:column-reverse}.modal__footer>*{width:100%}}@media (prefers-contrast:high){.modal{border:2px solid var(--color-border-primary)}.modal__close:focus{outline-width:3px}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}.modal__close{transition:none}}.card{background-color:var(--card-bg);border-radius:var(--card-border-radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:var(--transition-all)}.card--default{border:var(--card-border);box-shadow:var(--shadow-sm)}.card--outlined{border:2px solid var(--color-border-primary);box-shadow:none}.card--elevated{border:none;box-shadow:var(--shadow-lg)}.card--interactive{border:2px solid var(--color-info);box-shadow:var(--shadow-md)}.card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card--clickable:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card--clickable:active{transform:translateY(0)}.card--clickable:focus{outline:2px solid var(--color-focus);outline-offset:2px}.card__badge{align-items:center;background-color:var(--color-info);border-radius:var(--radius-full);color:var(--color-text-on-primary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:var(--spacing-2xs);padding:var(--spacing-2xs) var(--spacing-xs);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);z-index:2}.card--background-image{min-height:200px}.card__background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0;z-index:0}.card--background-image .card__content-wrapper{position:relative;z-index:1}.card__image-container{flex-shrink:0;overflow:hidden}.card__image{display:block;height:100%;object-fit:cover;width:100%}.card--image-top .card__image-container{height:200px;width:100%}.card--image-left{flex-direction:row}.card--image-left .card__image-container{height:auto;min-height:100%;width:200px}.card--image-left .card__content-wrapper{flex:1 1}.card--image-right{flex-direction:row-reverse}.card--image-right .card__image-container{height:auto;min-height:100%;width:200px}.card--image-right .card__content-wrapper{flex:1 1}.card__content-wrapper{display:flex;flex:1 1;flex-direction:column}.card__header{border-bottom:var(--card-border)}.card__body,.card__header{padding:var(--card-padding)}.card__body{color:var(--color-text-primary);flex:1 1}.card__content-wrapper:not(:has(.card__header)) .card__body{padding-top:var(--card-padding)}.card__content-wrapper:not(:has(.card__footer)) .card__body{padding-bottom:var(--card-padding)}.card__footer{background-color:var(--color-bg-tertiary);border-top:var(--card-border);padding:var(--card-padding)}@media (max-width:768px){.card--image-left,.card--image-right{flex-direction:column}.card--image-left .card__image-container,.card--image-right .card__image-container{height:200px;width:100%}.card__badge{font-size:var(--font-size-2xs);padding:var(--spacing-3xs) var(--spacing-2xs)}}.card__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.card__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:var(--spacing-2xs) 0 0 0}.card__text{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.card__meta{align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card__actions,.card__meta{display:flex;gap:var(--spacing-sm)}.card__actions{margin-top:var(--spacing-md)}.card-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:var(--spacing-lg)}@media (max-width:768px){.card-grid{gap:var(--spacing-md);grid-template-columns:1fr;padding:var(--spacing-md)}}@media (prefers-contrast:high){.card{border-width:2px}.card--clickable:focus{outline-width:3px}}@media (prefers-reduced-motion:reduce){.card,.card--clickable{transition:none}.card--clickable:hover{transform:none}}.input-container{align-items:center;display:inline-flex;position:relative}.input,.input-container--full-width{width:100%}.input{background-color:var(--input-bg);border:var(--input-border);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);outline:none;transition:var(--transition-all)}.input--sm{font-size:var(--font-size-sm);height:var(--input-height-sm);padding:var(--input-padding-sm)}.input--md{font-size:var(--font-size-base);height:var(--input-height-md);padding:var(--input-padding-md)}.input--lg{font-size:var(--font-size-lg);height:var(--input-height-lg);padding:var(--input-padding-lg)}.input-container--default .input{border-color:var(--color-border-primary)}.input-container--error .input{background-color:var(--input-error-bg);border-color:var(--color-danger)}.input-container--success .input{border-color:var(--color-success)}.input-container--warning .input{border-color:var(--color-warning)}.input:hover:not(:disabled):not(:read-only){background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.input:focus{background-color:var(--input-bg-focus);border-color:var(--color-focus);box-shadow:var(--input-focus-shadow)}.input:disabled{background-color:var(--input-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.input:read-only{background-color:var(--color-bg-tertiary);cursor:default}.input-container--disabled{cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--input-placeholder-color);opacity:1}.input:disabled::placeholder{color:var(--color-text-disabled)}.input__icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;pointer-events:none;position:absolute;transition:var(--transition-all)}.input__icon--left{left:var(--spacing-sm)}.input__icon--right{right:var(--spacing-sm)}.input--with-left-icon{padding-left:calc(var(--spacing-sm)*2 + 24px)}.input--with-right-icon{padding-right:calc(var(--spacing-sm)*2 + 24px)}.input:focus+.input__icon,.input:focus~.input__icon{color:var(--color-focus)}.input-container--error .input__icon{color:var(--color-danger)}.input-container--success .input__icon{color:var(--color-success)}.input-container--warning .input__icon{color:var(--color-warning)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.input[type=password]{font-family:monospace;letter-spacing:.1em}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (max-width:768px){.input--sm{font-size:var(--font-size-base);height:var(--input-height-md)}.input--md{height:calc(var(--input-height-md) + 4px)}.input--lg{height:calc(var(--input-height-lg) + 4px)}}@media (prefers-contrast:high){.input{border-width:2px}.input:focus{outline:3px solid var(--color-focus);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.input,.input__icon{transition:none}}.textarea-container{display:inline-flex;position:relative}.textarea,.textarea-container--full-width{width:100%}.textarea{background-color:var(--input-bg);border:var(--input-border);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);min-height:80px;outline:none;transition:var(--transition-all)}.textarea--sm{font-size:var(--font-size-sm);padding:var(--input-padding-sm)}.textarea--md{font-size:var(--font-size-base);padding:var(--input-padding-md)}.textarea--lg{font-size:var(--font-size-lg);padding:var(--input-padding-lg)}.textarea--resize-none{resize:none}.textarea--resize-vertical{resize:vertical}.textarea--resize-both{resize:both}.textarea-container--default .textarea{border-color:var(--color-border-primary)}.textarea-container--error .textarea{background-color:var(--input-error-bg);border-color:var(--color-danger)}.textarea-container--success .textarea{border-color:var(--color-success)}.textarea-container--warning .textarea{border-color:var(--color-warning)}.textarea:hover:not(:disabled):not(:read-only){background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.textarea:focus{background-color:var(--input-bg-focus);border-color:var(--color-focus);box-shadow:var(--input-focus-shadow)}.textarea:disabled{background-color:var(--input-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6;resize:none}.textarea:read-only{background-color:var(--color-bg-tertiary);cursor:default;resize:none}.textarea-container--disabled{cursor:not-allowed;opacity:.6}.textarea::placeholder{color:var(--input-placeholder-color);opacity:1}.textarea:disabled::placeholder{color:var(--color-text-disabled)}.textarea::-webkit-scrollbar{width:8px}.textarea::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.textarea::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-sm)}.textarea::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media (max-width:768px){.textarea--sm{font-size:var(--font-size-base);padding:var(--input-padding-md)}}@media (prefers-contrast:high){.textarea{border-width:2px}.textarea:focus{outline:3px solid var(--color-focus);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.textarea{transition:none}}.checkbox-container{align-items:center;cursor:pointer;display:inline-flex;gap:var(--spacing-xs);position:relative;-webkit-user-select:none;user-select:none}.checkbox-container--disabled{cursor:not-allowed;opacity:.6}.checkbox{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.checkbox__checkmark{align-items:center;background-color:var(--input-bg);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);display:inline-flex;flex-shrink:0;justify-content:center;position:relative;transition:var(--transition-all)}.checkbox-container--sm .checkbox__checkmark{height:16px;width:16px}.checkbox-container--md .checkbox__checkmark{height:20px;width:20px}.checkbox-container--lg .checkbox__checkmark{height:24px;width:24px}.checkbox__icon{color:#0000;height:100%;transition:var(--transition-all);width:100%}.checkbox:checked+.checkbox__checkmark{background-color:var(--color-info);border-color:var(--color-info)}.checkbox:checked+.checkbox__checkmark .checkbox__icon{color:var(--color-text-on-primary)}.checkbox-container:hover .checkbox:not(:disabled):not(:checked)+.checkbox__checkmark{background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.checkbox-container:hover .checkbox:checked:not(:disabled)+.checkbox__checkmark{background-color:var(--color-info-hover);border-color:var(--color-info-hover)}.checkbox:focus+.checkbox__checkmark{outline:2px solid var(--color-focus);outline-offset:2px}.checkbox:disabled+.checkbox__checkmark{background-color:var(--input-bg-disabled);border-color:var(--color-border-secondary);cursor:not-allowed}.checkbox:disabled:checked+.checkbox__checkmark{background-color:var(--color-text-disabled);border-color:var(--color-text-disabled)}.checkbox-container--error .checkbox__checkmark{border-color:var(--color-danger)}.checkbox-container--error .checkbox:checked+.checkbox__checkmark{background-color:var(--color-danger);border-color:var(--color-danger)}.checkbox__label{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:var(--transition-all)}.checkbox-container--sm .checkbox__label{font-size:var(--font-size-sm)}.checkbox-container--lg .checkbox__label{font-size:var(--font-size-lg)}.checkbox-container--disabled .checkbox__label{color:var(--color-text-disabled)}.checkbox__required{color:var(--color-danger);margin-left:2px}.checkbox:indeterminate+.checkbox__checkmark{background-color:var(--color-info);border-color:var(--color-info)}.checkbox:indeterminate+.checkbox__checkmark .checkbox__icon{display:none}.checkbox:indeterminate+.checkbox__checkmark:after{background-color:var(--color-text-on-primary);content:"";height:2px;position:absolute;width:60%}@media (max-width:768px){.checkbox-container--sm .checkbox__checkmark{height:20px;width:20px}.checkbox-container--sm .checkbox__label{font-size:var(--font-size-base)}}@media (prefers-contrast:high){.checkbox__checkmark{border-width:3px}.checkbox:focus+.checkbox__checkmark{outline-width:3px}}@media (prefers-reduced-motion:reduce){.checkbox__checkmark,.checkbox__icon,.checkbox__label{transition:none}}.radio-container{align-items:center;cursor:pointer;display:inline-flex;gap:var(--spacing-xs);position:relative;-webkit-user-select:none;user-select:none}.radio-container--disabled{cursor:not-allowed;opacity:.6}.radio{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.radio__indicator{align-items:center;background-color:var(--input-bg);border:2px solid var(--color-border-primary);border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;justify-content:center;position:relative;transition:var(--transition-all)}.radio-container--sm .radio__indicator{height:16px;width:16px}.radio-container--md .radio__indicator{height:20px;width:20px}.radio-container--lg .radio__indicator{height:24px;width:24px}.radio__dot{background-color:var(--color-text-on-primary);border-radius:var(--radius-full);height:0;transform:scale(0);transition:var(--transition-all);width:0}.radio-container--sm .radio__dot{height:8px;width:8px}.radio-container--md .radio__dot{height:10px;width:10px}.radio-container--lg .radio__dot{height:12px;width:12px}.radio:checked+.radio__indicator{background-color:var(--color-info);border-color:var(--color-info)}.radio:checked+.radio__indicator .radio__dot{transform:scale(1)}.radio-container:hover .radio:not(:disabled):not(:checked)+.radio__indicator{background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.radio-container:hover .radio:checked:not(:disabled)+.radio__indicator{background-color:var(--color-info-hover);border-color:var(--color-info-hover)}.radio:focus+.radio__indicator{outline:2px solid var(--color-focus);outline-offset:2px}.radio:disabled+.radio__indicator{background-color:var(--input-bg-disabled);border-color:var(--color-border-secondary);cursor:not-allowed}.radio:disabled:checked+.radio__indicator{background-color:var(--color-text-disabled);border-color:var(--color-text-disabled)}.radio-container--error .radio__indicator{border-color:var(--color-danger)}.radio-container--error .radio:checked+.radio__indicator{background-color:var(--color-danger);border-color:var(--color-danger)}.radio__label{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);transition:var(--transition-all)}.radio-container--sm .radio__label{font-size:var(--font-size-sm)}.radio-container--lg .radio__label{font-size:var(--font-size-lg)}.radio-container--disabled .radio__label{color:var(--color-text-disabled)}.radio__required{color:var(--color-danger);margin-left:2px}@media (max-width:768px){.radio-container--sm .radio__indicator{height:20px;width:20px}.radio-container--sm .radio__dot{height:10px;width:10px}.radio-container--sm .radio__label{font-size:var(--font-size-base)}}@media (prefers-contrast:high){.radio__indicator{border-width:3px}.radio:focus+.radio__indicator{outline-width:3px}}@media (prefers-reduced-motion:reduce){.radio__dot,.radio__indicator,.radio__label{transition:none}}.select-container{align-items:center;display:inline-flex;position:relative}.select,.select-container--full-width{width:100%}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--input-bg);border:var(--input-border);border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);outline:none;padding-right:calc(var(--spacing-sm)*2 + 24px);transition:var(--transition-all)}.select--sm{font-size:var(--font-size-sm);height:var(--input-height-sm);padding:var(--input-padding-sm);padding-right:calc(var(--spacing-sm)*2 + 20px)}.select--md{font-size:var(--font-size-base);height:var(--input-height-md);padding:var(--input-padding-md);padding-right:calc(var(--spacing-sm)*2 + 24px)}.select--lg{font-size:var(--font-size-lg);height:var(--input-height-lg);padding:var(--input-padding-lg);padding-right:calc(var(--spacing-sm)*2 + 28px)}.select-container--default .select{border-color:var(--color-border-primary)}.select-container--error .select{background-color:var(--input-error-bg);border-color:var(--color-danger)}.select-container--success .select{border-color:var(--color-success)}.select-container--warning .select{border-color:var(--color-warning)}.select:hover:not(:disabled){background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.select:focus{background-color:var(--input-bg-focus);border-color:var(--color-focus);box-shadow:var(--input-focus-shadow)}.select:disabled{background-color:var(--input-bg-disabled);color:var(--color-text-disabled)}.select-container--disabled,.select:disabled{cursor:not-allowed;opacity:.6}.select option[value=""]{color:var(--input-placeholder-color)}.select option{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.select option:disabled{color:var(--color-text-disabled)}.select__icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;pointer-events:none;position:absolute;transition:var(--transition-all)}.select__icon--left{left:var(--spacing-sm)}.select--with-left-icon{padding-left:calc(var(--spacing-sm)*2 + 24px)}.select:focus+.select__icon,.select:focus~.select__icon{color:var(--color-focus)}.select-container--error .select__icon{color:var(--color-danger)}.select-container--success .select__icon{color:var(--color-success)}.select-container--warning .select__icon{color:var(--color-warning)}.select__arrow{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;pointer-events:none;position:absolute;right:var(--spacing-sm);transition:var(--transition-all)}.select:focus~.select__arrow{color:var(--color-focus)}.select:disabled~.select__arrow{color:var(--color-text-disabled)}.select:focus~.select__arrow svg{transform:rotate(180deg)}@media (max-width:768px){.select--sm{font-size:var(--font-size-base);height:var(--input-height-md)}.select--md{height:calc(var(--input-height-md) + 4px)}.select--lg{height:calc(var(--input-height-lg) + 4px)}}@media (prefers-contrast:high){.select{border-width:2px}.select:focus{outline:3px solid var(--color-focus);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.select,.select__arrow,.select__icon{transition:none}.select:focus~.select__arrow svg{transform:none}}.form-field{display:inline-flex;flex-direction:column;gap:var(--spacing-2xs);margin-bottom:var(--spacing-md)}.form-field--full-width{width:100%}.form-field__label{color:var(--color-text-primary);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--spacing-2xs)}.form-field__required{color:var(--color-danger);margin-left:2px}.form-field__input{display:flex;flex-direction:column}.form-field__help{color:var(--color-text-secondary)}.form-field__error,.form-field__help{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;padding:0}.form-field__error{font-weight:var(--font-weight-medium)}.form-field--error .form-field__label,.form-field__error{color:var(--color-danger)}@media (max-width:768px){.form-field{margin-bottom:var(--spacing-sm)}}@media (prefers-contrast:high){.form-field__error{font-weight:var(--font-weight-bold)}}.tabs{display:flex;flex-direction:column}.tabs__list{border-bottom:2px solid var(--color-border-primary);display:flex;gap:var(--spacing-2xs);overflow-x:auto;scrollbar-width:thin}.tabs__list::-webkit-scrollbar{height:4px}.tabs__list::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.tabs__list::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-sm)}.tabs--full-width .tabs__list{justify-content:space-between}.tabs__tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);font-weight:var(--font-weight-medium);gap:var(--spacing-2xs);margin-bottom:-2px;outline:none;transition:var(--transition-all);white-space:nowrap}.tabs--full-width .tabs__tab{flex:1 1;justify-content:center}.tabs--sm .tabs__tab{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.tabs--md .tabs__tab{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.tabs--lg .tabs__tab{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}.tabs__tab:hover:not(:disabled):not(.tabs__tab--active){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.tabs__tab:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-focus);outline-offset:-2px}.tabs__tab--active{border-bottom-color:var(--color-info);color:var(--color-info)}.tabs__tab--disabled{color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.tabs__tab-icon{align-items:center;display:flex;justify-content:center}.tabs__tab-badge{background-color:var(--color-danger);border-radius:var(--radius-full);color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:18px;padding:2px 6px;text-align:center}.tabs--pills .tabs__list{border-bottom:none;gap:var(--spacing-xs)}.tabs--pills .tabs__tab{border-bottom:none;border-radius:var(--radius-md);margin-bottom:0}.tabs--pills .tabs__tab--active{background-color:var(--color-info);color:var(--color-text-on-primary)}.tabs--pills .tabs__tab--active .tabs__tab-badge{background-color:var(--color-text-on-primary);color:var(--color-info)}.tabs--underline .tabs__list{border-bottom:1px solid var(--color-border-primary)}.tabs--underline .tabs__tab{border-bottom:3px solid #0000;margin-bottom:-1px;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.tabs--underline .tabs__tab--active{border-bottom-color:var(--color-info)}.tabs__panels{padding:var(--spacing-md) 0}.tabs__panel{animation:tabFadeIn .2s ease-in-out}.tabs__panel[hidden]{display:none}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.tabs__list{gap:0}.tabs__tab{flex-shrink:0}.tabs--md .tabs__tab,.tabs--sm .tabs__tab{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.tabs__tab-badge{display:none}}@media (prefers-contrast:high){.tabs__tab--active{border-bottom-width:3px;font-weight:var(--font-weight-bold)}.tabs--pills .tabs__tab--active{outline:2px solid var(--color-info)}}@media (prefers-reduced-motion:reduce){.tabs__panel,.tabs__tab{animation:none;transition:none}}.breadcrumbs,.breadcrumbs__list{align-items:center;display:flex}.breadcrumbs__list{flex-wrap:wrap;gap:var(--spacing-2xs);list-style:none;margin:0;padding:0}.breadcrumbs__item{align-items:center;color:var(--color-text-secondary);display:flex}.breadcrumbs__item--current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumbs__item--collapsed{color:var(--color-text-tertiary)}.breadcrumbs__link{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-primary);gap:var(--spacing-2xs);padding:var(--spacing-3xs) var(--spacing-2xs);text-decoration:none;transition:var(--transition-all)}.breadcrumbs__link:hover{background-color:var(--color-bg-hover);color:var(--color-info)}.breadcrumbs__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.breadcrumbs--sm .breadcrumbs__item,.breadcrumbs--sm .breadcrumbs__link{font-size:var(--font-size-sm)}.breadcrumbs--md .breadcrumbs__item,.breadcrumbs--md .breadcrumbs__link{font-size:var(--font-size-base)}.breadcrumbs--lg .breadcrumbs__item,.breadcrumbs--lg .breadcrumbs__link{font-size:var(--font-size-lg)}.breadcrumbs__icon{align-items:center;display:flex;justify-content:center}.breadcrumbs__label{line-height:var(--line-height-normal)}.breadcrumbs__separator{color:var(--color-text-tertiary);margin:0 var(--spacing-3xs);-webkit-user-select:none;user-select:none}.breadcrumbs__ellipsis{padding:0 var(--spacing-2xs);-webkit-user-select:none;user-select:none}@media (max-width:768px){.breadcrumbs__list{gap:0}.breadcrumbs__separator{margin:0 var(--spacing-4xs)}.breadcrumbs--lg .breadcrumbs__item,.breadcrumbs--lg .breadcrumbs__link,.breadcrumbs--md .breadcrumbs__item,.breadcrumbs--md .breadcrumbs__link{font-size:var(--font-size-sm)}}@media (prefers-contrast:high){.breadcrumbs__item--current{font-weight:var(--font-weight-bold)}.breadcrumbs__link{text-decoration:underline}}@media (prefers-reduced-motion:reduce){.breadcrumbs__link{transition:none}}.table-container{overflow-x:auto;position:relative;width:100%}.table-container--sticky-header{max-height:600px;overflow-y:auto}.table{background-color:var(--color-bg-primary);border-collapse:collapse;color:var(--color-text-primary);font-family:var(--font-primary);width:100%}.table--striped tbody tr:nth-child(2n){background-color:var(--table-stripe-bg)}.table--bordered,.table--bordered td,.table--bordered th{border:1px solid var(--color-border-primary)}.table--sm td,.table--sm th{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.table--md td,.table--md th{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}.table--lg td,.table--lg th{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-lg)}.table__head{background-color:var(--table-header-bg);border-bottom:var(--table-header-border-width) solid var(--table-border-color)}.table-container--sticky-header .table__head{position:sticky;top:0;z-index:10}.table__header{color:var(--color-text-primary);font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap}.table__header--sortable{cursor:pointer;transition:var(--transition-all);-webkit-user-select:none;user-select:none}.table__header--sortable:hover{background-color:var(--color-bg-hover)}.table__header--sortable:focus{outline:2px solid var(--color-focus);outline-offset:-2px}.table__header-content{align-items:center;display:flex;gap:var(--spacing-2xs)}.table__sort-icon{color:var(--table-icon-color);flex-shrink:0;transition:var(--transition-all)}.table__sort-icon--active{color:var(--color-info)}.table__body{background-color:var(--color-bg-primary)}.table__row{border-bottom:1px solid var(--color-border-primary);transition:var(--transition-all)}.table--hoverable .table__row:hover{background-color:var(--color-bg-hover)}.table--clickable .table__row{cursor:pointer}.table--clickable .table__row:focus{outline:2px solid var(--color-focus);outline-offset:-2px}.table__cell{color:var(--color-text-primary);vertical-align:middle}.table__cell--left,.table__header.table__cell--left{text-align:left}.table__cell--center,.table__header.table__cell--center{text-align:center}.table__cell--right,.table__header.table__cell--right{text-align:right}.table__empty{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-top:none;color:var(--table-empty-color);font-size:var(--font-size-base);padding:var(--spacing-2xl);text-align:center}@media (max-width:768px){.table--md td,.table--md th,.table--sm td,.table--sm th{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.table__header{font-size:var(--font-size-sm)}.table-container:after{background:linear-gradient(to right,#0000,var(--color-bg-primary));color:var(--color-text-tertiary);content:"→";padding:var(--spacing-sm);pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}}@media (prefers-contrast:high){.table{border:2px solid var(--color-border-primary)}.table td,.table th{border:1px solid var(--color-border-primary)}.table__header--sortable:focus{outline-width:3px}}@media (prefers-reduced-motion:reduce){.table__header--sortable,.table__row,.table__sort-icon{transition:none}}.pagination{flex-direction:column;gap:var(--spacing-sm)}.pagination,.pagination__list{align-items:center;display:flex}.pagination__list{gap:var(--spacing-2xs);list-style:none;margin:0;padding:0}.pagination__item{display:flex}.pagination__item--ellipsis{align-items:center;justify-content:center}.pagination__ellipsis{color:var(--color-text-tertiary);padding:0 var(--spacing-xs);-webkit-user-select:none;user-select:none}.pagination__button{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-primary);font-weight:var(--font-weight-medium);justify-content:center;outline:none;transition:var(--transition-all)}.pagination--sm .pagination__button{border-radius:var(--radius-sm);font-size:var(--font-size-sm);height:32px;min-width:32px;padding:var(--spacing-2xs) var(--spacing-xs)}.pagination--md .pagination__button{border-radius:var(--radius-md);font-size:var(--font-size-base);height:40px;min-width:40px;padding:var(--spacing-xs) var(--spacing-sm)}.pagination--lg .pagination__button{border-radius:var(--radius-lg);font-size:var(--font-size-lg);height:48px;min-width:48px;padding:var(--spacing-sm) var(--spacing-md)}.pagination__button:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--input-border-hover)}.pagination__button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.pagination__button:disabled{background-color:var(--input-bg-disabled);cursor:not-allowed;opacity:.4}.pagination__button--active{background-color:var(--color-info);border-color:var(--color-info);color:var(--color-text-on-primary);font-weight:var(--font-weight-bold)}.pagination__button--active:hover{background-color:var(--color-info-hover);border-color:var(--color-info-hover)}.pagination--outlined .pagination__button{background-color:initial;border:2px solid var(--color-border-primary)}.pagination--outlined .pagination__button:hover:not(:disabled){background-color:var(--color-bg-hover)}.pagination--outlined .pagination__button--active{background-color:var(--color-info);border-color:var(--color-info)}.pagination__info{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.pagination--sm .pagination__info{font-size:var(--font-size-xs)}.pagination--lg .pagination__info{font-size:var(--font-size-base)}@media (max-width:768px){.pagination__list{gap:var(--spacing-3xs)}.pagination__button--first,.pagination__button--last{display:none}.pagination--md .pagination__button{font-size:var(--font-size-sm);height:36px;min-width:36px;padding:var(--spacing-2xs) var(--spacing-xs)}.pagination--lg .pagination__button{font-size:var(--font-size-base);height:40px;min-width:40px;padding:var(--spacing-xs) var(--spacing-sm)}.pagination__info{font-size:var(--font-size-xs)}}@media (prefers-contrast:high){.pagination__button{border-width:2px}.pagination__button--active{border-width:3px;font-weight:var(--font-weight-bold)}.pagination__button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.pagination__button{transition:none}}.player-card{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid #3a3a3a;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:var(--transition-all)}.player-card--clickable{cursor:pointer}.player-card--clickable:hover{background-color:#333;border-color:var(--color-border-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.player-card--clickable:active{transform:translateY(0)}.player-card-left{align-items:center;display:flex;flex:1 1;gap:12px}.player-position{color:#fff;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);min-width:30px;text-align:left}.player-position--swappable{background-color:initial;border:2px solid var(--color-border-dark);border-radius:var(--radius-sm);cursor:pointer;min-width:40px;padding:var(--space-2);text-align:center;transition:var(--transition-all)}.player-position--swappable:hover{background-color:var(--color-bg-hover);border-color:var(--color-info)}.player-position--swappable:focus-visible{box-shadow:var(--shadow-input-focus);outline:none}.player-card--swap-selected .player-position--swappable{border-color:var(--color-danger);color:var(--color-danger)}.player-card--swap-selected{border-color:var(--color-danger)}.player-card--swap-eligible{background-color:#3498db1f;border-color:var(--color-info)}.player-card--swap-eligible .player-position--swappable{border-color:var(--color-info);color:var(--color-info-lighter)}.player-card--swap-ineligible{opacity:.45}.player-card-image{border:3px solid #4a90e2;border-radius:var(--radius-full);flex-shrink:0;height:70px;object-fit:cover;width:70px}.player-card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:180px;min-width:0;overflow:hidden}.player-card-name{word-wrap:break-word;color:#fff;font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);overflow-wrap:break-word}.player-card-game{color:#ef4444;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-tight)}.player-card--season .player-card-game{color:var(--color-success)}.player-card-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px;min-width:100px}.player-card-pts-label{color:#9ca3af;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.player-card-proj-row,.player-card-score-row{align-items:baseline;display:flex;gap:8px}.player-card-proj-label,.player-card-score-label{color:#9ca3af;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.player-card-score-value{color:#4ade80;font-size:var(--font-size-xl)}.player-card-proj-value,.player-card-score-value{font-family:var(--font-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);min-width:50px;text-align:right}.player-card-proj-value{color:#9ca3af;font-size:var(--font-size-lg)}@media (max-width:375px){.player-card{padding:12px}.player-card-image{height:60px;width:60px}.player-card-name{font-size:var(--font-size-md)}.player-card-game{font-size:var(--font-size-xs)}}@media (min-width:768px){.player-card-name{font-size:20px}.player-card-score-value{font-size:var(--font-size-2xl)}}.team-page-mobile{background-color:#1a1a1a;box-shadow:0 0 20px #00000080;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:430px;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.team-top-nav-bar{background-color:#282828f2;border-bottom:1px solid #333;display:flex;padding:0;z-index:10}.team-top-nav-button{background-color:initial;border:none;border-right:1px solid #333;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:15px 10px;transition:background-color .2s}.team-top-nav-button:last-child{border-right:none}.team-top-nav-button:hover{background-color:#3c3c3ccc}.team-top-nav-button.active{background-color:#505050cc;border:2px solid gold;border-bottom:none;border-top:none}.team-header-section{align-items:center;background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;display:flex;gap:15px;padding:20px}.team-icon{flex-shrink:0;height:120px;object-fit:contain;width:120px}.team-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.team-name{word-wrap:break-word;color:#4a90e2;font-family:Arial,sans-serif;font-size:24px;-webkit-hyphens:auto;hyphens:auto;letter-spacing:1px;line-height:1.2;max-width:100%;overflow-wrap:break-word;text-transform:uppercase;word-break:break-word}.team-name.clickable{cursor:pointer;transition:color .2s,text-shadow .2s}.team-name.clickable:hover{color:#5aa0f2;text-shadow:0 0 8px #4a90e280}.team-name.clickable:active{color:#3a80d2}.team-total-label{color:#fff;font-size:14px;letter-spacing:.5px}.team-total-label,.team-total-score{font-family:Arial,sans-serif;font-weight:700}.team-total-score{color:#4ade80;font-size:32px;letter-spacing:1px}.player-list-container{flex:1 1;overflow-y:auto;padding:10px}.no-players{color:#9ca3af;font-size:16px;padding:40px 20px;text-align:center}.team-page-error,.team-page-loading{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.team-page-error h2,.team-page-loading h2{color:#4a90e2;font-family:Arial,sans-serif;font-size:24px;margin-bottom:20px}.team-page-error button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 24px;transition:all .3s ease}.team-page-error button:hover{background-color:#5a9ff2;box-shadow:0 4px 8px #4a90e266;transform:translateY(-2px)}@media (max-width:375px){.team-header-section{gap:10px;padding:15px}.team-icon{height:90px;width:90px}.team-name{font-size:18px;letter-spacing:.5px}.team-total-label{font-size:12px}.team-total-score{font-size:26px}}@media (max-width:320px){.team-header-section{gap:8px;padding:10px}.team-icon{height:70px;width:70px}.team-name{font-size:16px;letter-spacing:.3px}.team-total-label{font-size:11px}.team-total-score{font-size:22px}}@media (min-width:768px){.team-top-nav-button{font-size:16px;padding:18px 15px}.team-name{font-size:28px}.team-total-score{font-size:36px}}.collapsible-score-breakdown{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-x:hidden;overflow-y:auto;padding:15px}.breakdown-summary{align-items:center;background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;color:#333;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px}.summary-item strong{font-weight:600}.summary-separator{color:#666;font-weight:300}.mode-toggle-container{display:flex;justify-content:center;margin-bottom:8px}.gear-mode-toggle{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.gear-mode-toggle:hover{background:#0056b3}.gear-mode-toggle:active{background:#004085}.breakdown-sections{display:flex;flex-direction:column;gap:8px}.score-section{background:#fff;border-radius:6px;overflow:hidden}.section-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;gap:10px;padding:12px 15px;transition:background .2s;-webkit-user-select:none;user-select:none}.section-header:hover{background:#e9ecef}.section-header:active{background:#dee2e6}.expand-arrow{display:inline-block;font-size:16px;font-weight:700;min-width:20px;transition:transform .2s}.expand-arrow.collapsed{transform:rotate(0deg)}.expand-arrow.expanded{transform:rotate(90deg)}.passing-arrow{color:gold}.rushing-arrow{color:#4a90e2}.receiving-arrow{color:#e74c3c}.gear-arrow{color:#2ecc71}.section-title{color:#2c3e50;flex:1 1;font-size:15px;font-weight:600}.section-content{background:#fff;display:flex;gap:12px;max-height:400px;overflow-y:auto;padding:15px}.vertical-line{background:#4a90e2;border-radius:2px;flex-shrink:0;width:3px}.content-body{display:flex;flex:1 1;flex-direction:column;gap:10px}.stat-line{background:#ecf0f1;border-radius:4px;color:#34495e;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:500;padding:8px 12px}.details-list{display:flex;flex-direction:column;gap:4px;margin-left:8px}.detail-item{color:#555;font-size:13px;line-height:1.6}.gear-modifications{background:#fff3cd;border-left:3px solid #ffc107;border-radius:3px;display:flex;flex-direction:column;gap:4px;margin-left:24px;margin-top:4px;padding:8px}.gear-mod-item{color:#856404;font-size:13px;line-height:1.5}.gear-items-list{display:flex;flex-direction:column;gap:12px}.gear-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:12px}.gear-item-name{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:6px}.gear-impacts{display:flex;flex-direction:column;gap:3px;margin-left:16px;margin-top:6px}.gear-impact{color:#27ae60;font-size:13px;line-height:1.5}.gear-description{color:#7f8c8d;font-size:12px;font-style:italic;margin-left:16px;margin-top:6px}.empty-state{color:#95a5a6;font-size:13px;font-style:italic;padding:8px}.breakdown-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;padding:15px}@media (max-width:768px){.collapsible-score-breakdown{gap:8px;padding:10px}.breakdown-summary{flex-direction:column;font-size:12px;gap:4px}.summary-separator{display:none}.section-header{padding:10px 12px}.section-title{font-size:14px}.section-content{gap:8px;padding:10px}.stat-line{padding:6px 10px}.detail-item,.gear-impact,.gear-mod-item,.stat-line{font-size:12px}}@media (prefers-color-scheme:dark){.collapsible-score-breakdown{background:#1e1e1e}.breakdown-summary{background:#2c3e50;color:#ecf0f1}.section-header{background:#2c2c2c}.section-header:hover{background:#3a3a3a}.section-title{color:#ecf0f1}.section-content{background:#1e1e1e}.stat-line{background:#2c2c2c;color:#ecf0f1}.detail-item{color:#bdc3c7}.gear-item{background:#2c2c2c;border-color:#444}.gear-item-name{color:#ecf0f1}.gear-description{color:#95a5a6}.empty-state{color:#7f8c8d}}.player-page-mobile{background-color:#1a1a1a;box-shadow:0 0 20px #00000080;box-sizing:border-box;color:#f7fafc;display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0 auto;max-width:430px;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom;width:100%}.top-nav-bar{background-color:#282828f2;border-bottom:1px solid #333;display:flex;padding:0;z-index:10}.top-nav-button{background-color:initial;border:none;border-right:1px solid #333;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:15px 10px;transition:background-color .2s}.top-nav-button:last-child{border-right:none}.top-nav-button:hover{background-color:#3c3c3ccc}.top-nav-button:active{background-color:#505050cc}.player-nav-dots{background-color:#282828f2;border-bottom:1px solid #333;gap:12px;padding:15px 0;z-index:5}.player-dot,.player-nav-dots{align-items:center;display:flex;justify-content:center}.player-dot{background:#0000;border:none;cursor:pointer;height:20px;padding:0;position:relative;width:20px}.player-dot:before{background-color:initial;border:2px solid #fff;border-radius:50%;box-sizing:border-box;content:"";display:block;height:10px;transition:all .3s ease;width:10px}.player-dot:hover:before{background-color:#ffffff4d;transform:scale(1.1)}.player-dot.active:before{background-color:#6b5fd8;border-color:#6b5fd8;box-shadow:0 0 8px #6b5fd899;height:16px;width:16px}.player-name-display{background-color:#282828f2;border-bottom:1px solid #333;color:#fff;font-family:Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;padding:20px;text-align:center;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.player-image-area{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow:visible;padding:80px 20px 20px;position:relative}.player-main-image{filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));max-height:400px;max-width:80%;object-fit:contain;position:relative;z-index:5}.sliding-panel{background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;bottom:80px;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column;height:60px;left:0;overflow:hidden;position:absolute;right:0;transform:translateY(calc(100% - 60px));transition:transform .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);z-index:10}.sliding-panel.visible{height:calc(100% - 140px);transform:translateY(0)}.bottom-buttons{align-items:flex-end;background-color:#000;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-shrink:0;gap:0;padding:12px 12px 0;position:relative}.bottom-button{background:linear-gradient(180deg,gold,#daa520);border:3px solid #b8860b;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:inset 0 2px 4px #fff6;color:#000;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;margin-left:-8px;padding:10px 12px 14px;position:relative;text-transform:uppercase;transition:all .2s;z-index:1}.bottom-button:first-child{margin-left:0}.bottom-button:hover{background:linear-gradient(180deg,#ffe44d,#e5b820)}.bottom-button:active{background:linear-gradient(180deg,#daa520,#b8860b)}.player-name-button{background:linear-gradient(180deg,gold,#daa520);border-color:#b8860b;color:#000;flex:2 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name-button.active{background:linear-gradient(180deg,#ffe44d,#e5b820);box-shadow:inset 0 2px 8px #fff9,0 4px 12px #ffd70080;z-index:10}.gear-button,.pts-button{background:linear-gradient(180deg,gold,#daa520);border-color:#b8860b;flex:1 1;min-width:60px}.gear-button.active,.pts-button.active{background:linear-gradient(180deg,#ffe44d,#e5b820);box-shadow:inset 0 2px 8px #fff9,0 4px 12px #ffd70080;z-index:10}.details-content{background-color:#fff;flex:1 1;min-height:0;overflow-y:auto;padding:20px}.details-list{color:#4a4a4a;font-family:Courier New,monospace;font-size:16px;line-height:1.8;list-style:none;margin:0;padding:0}.details-list>li{font-weight:700;margin-bottom:12px}.sub-list{font-weight:400;list-style:none;margin-top:8px;padding-left:30px}.sub-list li{margin-bottom:6px}.points-content{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.points-total{background-color:#fff;border:2px solid #27ae60;border-radius:8px;color:#27ae60;flex-shrink:0;font-size:24px;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.points-breakdown{-webkit-overflow-scrolling:touch;flex:1 1;margin-top:0;min-height:0;overflow-y:auto;padding-right:5px;touch-action:pan-y}.points-breakdown::-webkit-scrollbar{width:6px}.points-breakdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.points-breakdown::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.points-breakdown::-webkit-scrollbar-thumb:hover{background:#555}.points-section-title{color:#34495e;font-family:Courier New,monospace;font-size:16px;font-weight:700;margin:0 0 15px}.points-list{display:flex;flex-direction:column;gap:8px}.points-item{word-wrap:break-word;background-color:#fff;border:1px solid #ecf0f1;border-left:4px solid #3498db;border-radius:4px;color:#2c3e50;font-family:Courier New,monospace;font-size:13px;line-height:1.4;padding:10px}.points-empty{color:#7f8c8d;font-size:16px;font-style:italic;padding:40px 20px;text-align:center}.gear-content{padding:30px 20px}.gear-list{display:flex;flex-direction:column;gap:20px}.gear-item{align-items:flex-start;background-color:#fff;border:2px solid #4a4a4a;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .2s ease}.gear-item.clickable:hover{background-color:#f0f0f0;border-color:#3498db;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.gear-item.clickable:active{box-shadow:0 2px 6px #3498db33;transform:translateY(0)}.gear-number{align-items:center;border:3px solid #4a4a4a;border-radius:50%;color:#4a4a4a;display:flex;flex-shrink:0;font-family:Courier New,monospace;font-size:12px;font-weight:700;height:70px;justify-content:center;line-height:1.2;text-align:center;width:70px}.gear-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.gear-name{color:#000;font-size:16px}.gear-description,.gear-name{font-family:Courier New,monospace}.gear-description{color:#4a4a4a;font-size:13px;line-height:1.4}.score-bar-separate{background-color:#fff;border-top:2px solid #ddd;bottom:0;box-shadow:0 -2px 10px #0003;box-sizing:border-box;display:flex;justify-content:space-around;left:50%;max-width:430px;padding:20px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.score-item-separate{align-items:baseline;display:flex;gap:8px}.score-label-separate{color:#4a4a4a;font-size:16px;letter-spacing:.5px}.score-label-separate,.score-value-separate{font-family:Courier New,monospace;font-weight:700}.score-value-separate{font-size:32px;letter-spacing:1px}.score-value-separate.current-score{color:#ff6b6b}.score-value-separate.proj-score{color:#4a4a4a}.popup-overlay{padding:20px}.popup-panel{background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:100%}.close-popup{background-color:#f44;z-index:10}.player-page-error,.player-page-loading{align-items:center;background-color:#1a202c;color:#f7fafc;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.player-page-error h2,.player-page-loading h2{color:#63b3ed;font-family:Arial,sans-serif;font-size:24px;margin-bottom:20px}.player-page-error button{background-color:#4299e1;border:none;border-radius:8px;color:#1a202c;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 24px;transition:all .3s ease}.player-page-error button:hover{background-color:#63b3ed;box-shadow:0 4px 8px #4299e166;transform:translateY(-2px)}@media (min-width:768px){.top-nav-button{font-size:16px;padding:18px 15px}.bottom-button{font-size:16px;padding:14px 10px}.player-name-button{font-size:15px}.score-label{font-size:18px}.score-value{font-size:36px}}.standings-page-mobile{background-color:#1a1a1a;box-shadow:0 0 20px #00000080;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:430px;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.standings-top-nav-bar{background-color:#282828f2;border-bottom:1px solid #333;display:flex;padding:0;z-index:10}.standings-top-nav-button{background-color:initial;border:none;border-right:1px solid #333;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:15px 10px;transition:background-color .2s}.standings-top-nav-button:last-child{border-right:none}.standings-top-nav-button:hover{background-color:#3c3c3ccc}.standings-top-nav-button.active{background-color:#505050cc;border:2px solid gold;border-bottom:none;border-top:none}.standings-list-container{flex:1 1;overflow-y:auto;padding:10px}.no-standings{color:#9ca3af;font-size:16px;padding:40px 20px;text-align:center}.standings-card{align-items:center;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:15px;position:relative;transition:all .2s}.standings-card:hover{background-color:#333;border-color:#4a4a4a;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.standings-card.current-user{background-color:#2a3a4a;border:2px solid #4a90e2}.standings-card-left{align-items:center;display:flex;gap:15px;position:relative}.standings-team-icon{flex-shrink:0;height:100px;object-fit:contain;width:100px}.standings-card-right{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-left:15px}.standings-team-name{color:#4a90e2;font-size:20px;text-transform:uppercase}.standings-team-name,.standings-total-label{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.5px}.standings-total-label{color:#ef4444;font-size:14px}.standings-total-score{color:#4ade80;font-family:Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px}.standings-page-error,.standings-page-loading{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.standings-page-error h2,.standings-page-loading h2{color:#4a90e2;font-family:Arial,sans-serif;font-size:24px;margin-bottom:20px}.standings-page-error button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 24px;transition:all .3s ease}.standings-page-error button:hover{background-color:#5a9ff2;box-shadow:0 4px 8px #4a90e266;transform:translateY(-2px)}@media (min-width:768px){.standings-top-nav-button{font-size:16px;padding:18px 15px}.standings-team-name{font-size:24px}.standings-total-score{font-size:32px}.rank-number{font-size:20px}}.gear-item-card{align-items:center;display:flex;gap:12px;margin-bottom:12px}.gear-number-badge{align-items:center;background:#fff;border:2px solid #666;border-radius:50%;color:#333;display:flex;flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:12px;height:60px;justify-content:center;line-height:1.2;text-align:center;width:60px}.gear-number-badge.clickable{cursor:pointer;transition:transform .2s,background-color .2s}.gear-number-badge.clickable:hover:not(:disabled){background-color:#f0f0f0;transform:scale(1.05)}.gear-number-badge.clickable:disabled{cursor:not-allowed;opacity:.5}.gear-info-box{align-items:center;background:#fff;border:2px solid #333;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:12px}.gear-info-box.clickable{cursor:pointer;transition:transform .2s}.gear-info-box.clickable:hover:not(:disabled){transform:translateY(-2px)}.gear-info-box.clickable:disabled{cursor:not-allowed;opacity:.5}.gear-item-card.in-transfer-mode .gear-number-badge:not(.transfer-source):not(.swappable){opacity:.5;pointer-events:none}.gear-item-card.transfer-source .gear-number-badge.transfer-source{animation:pulse 1.5s ease-in-out infinite;background-color:#ffeb3b;border-color:#fbc02d;cursor:pointer;pointer-events:auto}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gear-number-badge.swappable{animation:swappablePulse 2s ease-in-out infinite;background-color:#e8f5e9;border:3px solid #4caf50;box-shadow:0 0 8px #4caf5080;opacity:1;pointer-events:auto}.gear-number-badge.swappable:hover:not(:disabled){background-color:#c8e6c9;box-shadow:0 0 12px #4caf50b3;transform:scale(1.08)}@keyframes swappablePulse{0%,to{box-shadow:0 0 8px #4caf5080}50%{box-shadow:0 0 16px #4caf50cc}}.gear-name{font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.gear-description,.gear-name{color:#333;font-family:Bebas Neue,sans-serif;max-width:100%;text-align:center;text-shadow:1px 1px 2px #fffc;width:100%}.gear-description{word-wrap:break-word;font-size:16px;line-height:1.5;overflow:visible;overflow-wrap:break-word;text-overflow:clip;white-space:normal}.gear-modal-overlay{align-items:center;background:#000000e0;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.gear-modal-content{background:linear-gradient(120deg,#23272f 70%,#181c22);border:2.5px solid #48bb78;border-radius:14px;box-shadow:0 0 16px 2px #48bb784d;color:#f7fafc;display:flex;flex-direction:column;gap:12px;max-height:80vh;max-width:280px;overflow-y:auto;padding:24px;width:90vw}.gear-card-container{align-items:center;display:flex;justify-content:center}.gear-card-display{box-shadow:0 4px 15px #0003}.gear-modal-slot-info{background:#a0aec01a;border-radius:4px;color:#a0aec0;font-family:Bebas Neue,sans-serif;font-size:12px;letter-spacing:.5px;padding:4px 8px;text-align:center}.gear-modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.gear-modal-player-list{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.gear-modal-player-button{align-items:center;background:#4a90e2;border:2px solid #4a90e2;border-radius:6px;box-shadow:0 1px 2px #0006;color:#fff;cursor:pointer;display:flex;font-family:Bebas Neue,sans-serif;font-size:15px;justify-content:space-between;letter-spacing:.5px;padding:8px 14px;transition:all .2s}.gear-modal-player-button:hover:not(.disabled){background:#357abd;transform:translateY(-1px)}.gear-modal-player-button.disabled{background:#4a5568;border-color:#fc8181;cursor:not-allowed;opacity:.6}.gear-modal-player-button .player-name{color:#fff;font-weight:600}.gear-modal-player-button.disabled .player-name{color:#fc8181}.gear-modal-player-button .player-slot-count{background:#181c22;border:1.5px solid #90cdf4;border-radius:4px;color:#90cdf4;font-size:13px;margin-left:8px;padding:1px 6px}.gear-modal-player-button.disabled .player-slot-count{border-color:#fc8181;color:#fc8181}.gear-modal-button{border:none;border-radius:6px;box-shadow:0 1px 2px #0006;color:#fff;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:15px;letter-spacing:1px;padding:10px 20px;transition:all .2s}.gear-modal-button:hover{transform:translateY(-1px)}.gear-modal-button-unequip{background:#e53e3e;border:2px solid #e53e3e}.gear-modal-button-unequip:hover{background:#c53030}.gear-modal-button-cancel{background:#4a5568;border:2px solid #4a5568}.gear-modal-button-cancel:hover{background:#2d3748}@media (max-width:430px){.gear-number-badge{font-size:10px;height:50px;width:50px}.gear-name{font-size:14px}.gear-description{font-size:12px}.gear-modal-content{padding:12px}.gear-modal-title{font-size:20px}.gear-modal-description{font-size:13px}.gear-modal-player-button{font-size:13px;padding:6px 8px}.gear-modal-button{font-size:13px;padding:6px 12px}}.accordion-tab{margin-bottom:8px}.tab-header{background:linear-gradient(135deg,#d4af37,#f4e5a1 50%,#d4af37);box-shadow:0 2px 4px #0003;cursor:pointer;min-width:290px;padding:12px 16px;position:relative;transition:all .3s ease;z-index:10}.tab-header.collapsed{border-radius:8px;margin-bottom:0}.tab-header.expanded{border-radius:8px 8px 0 0;margin-bottom:0}.tab-header:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.tab-label{align-items:center;display:flex;gap:12px;justify-content:flex-start;padding-left:20px}.player-position-badge{border:2px solid #0003;border-radius:6px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;min-width:40px;padding:8px 12px;text-align:center;text-shadow:1px 1px 2px #00000080}.player-tab-image{background:#1a1a1a;border:3px solid #2c3e50;border-radius:50%;height:60px;object-fit:cover;width:60px}.player-name{background:#4a90e2;border-radius:20px;box-shadow:0 2px 4px #0003;color:#fff;flex:1 1;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:1px;padding:8px 24px;text-align:center;text-transform:uppercase}.tab-content{animation:slideDown .3s ease;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000001a;min-height:200px;min-width:290px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-gear-message{color:#666;font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:.5px;padding:20px;text-align:center}@media (max-width:430px){.tab-header{padding:10px 12px}.player-name{font-size:16px;padding:4px 16px}.tab-content{padding:12px}.no-gear-message{font-size:14px;padding:16px}}.tab-header.transfer-source{background:linear-gradient(135deg,#f006,#ff64644d 50%,#f006);border:2px solid #ff5252;cursor:pointer}.tab-header.transfer-source:hover{background:linear-gradient(135deg,#ff000080,#ff646466 50%,#ff000080)}.tab-header.transfer-valid{background:linear-gradient(135deg,#00ff004d,#64ff6433 50%,#00ff004d);border:2px solid #4caf50;cursor:pointer}.tab-header.transfer-valid:hover{background:linear-gradient(135deg,#0f06,#64ff644d 50%,#0f06)}.tab-header.transfer-invalid{background:linear-gradient(135deg,#f006,#ff64644d 50%,#f006);border:2px solid #ff5252;cursor:not-allowed}.tab-header.transfer-invalid:hover{background:linear-gradient(135deg,#ff000080,#ff646466 50%,#ff000080)}.tab-content.transfer-mode{opacity:.7;pointer-events:none}.gear-page{background:#1a1a1a;box-shadow:0 0 20px #00000080;box-sizing:border-box;color:#f7fafc;display:flex;flex-direction:column;margin:0 auto;max-width:430px;min-height:100vh;overflow-x:hidden;width:100%}.gear-nav-header{background-color:#282828f2;border-bottom:1px solid #333;display:flex;padding:0;z-index:10}.nav-button{background-color:initial;border:none;border-right:1px solid #333;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:15px 10px;transition:background-color .2s}.nav-button:last-child{border-right:none}.nav-button:hover{background-color:#3c3c3ccc}.nav-button.active{background-color:#505050cc;border:2px solid gold;border-bottom:none;border-top:none}.gear-page-content{box-sizing:border-box;margin:0 auto;max-width:430px;padding:20px;width:100%}.gear-page-loading{align-items:center;background:#1a1a1a;color:#f7fafc;display:flex;justify-content:center;min-height:100vh}.gear-page-loading h2{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:1px}.gear-page-error{align-items:center;background:#1a1a1a;color:#f7fafc;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.gear-page-error h2{font-size:24px;margin-bottom:20px}.error-back-button,.gear-page-error h2{font-family:Bebas Neue,sans-serif;letter-spacing:1px}.error-back-button{background:#3182ce;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;transition:all .2s}.error-back-button:hover{background:#2c5aa0;transform:translateY(-2px)}.gear-locked-warning{align-items:center;background:#e53e3e;border:2px solid #fc8181;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:15px}.gear-locked-icon{font-size:32px}.gear-locked-text{color:#fed7d7;flex:1 1;font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:1px}.gear-locked-subtext{font-size:16px;margin-top:4px;opacity:.9}.accordion-container{display:flex;flex-direction:column}@media (min-width:768px){.nav-button{font-size:16px;padding:18px 15px}}.login-splash{--login-splash-frame-w:1672;--login-splash-frame-h:941;--login-splash-button-width:93px;--login-splash-stack-gap:calc(var(--space-6) + var(--space-1));--login-splash-actions-x:11.99%;--login-splash-actions-y:58.02%;--login-splash-video-x:28.2%;--login-splash-video-y:63.4%;--login-splash-video-width:44.7%;align-items:center;background-color:var(--color-bg-primary);display:flex;font-family:var(--font-primary);inset:0;justify-content:center;overflow:hidden;position:fixed}.login-splash__stage{aspect-ratio:var(--login-splash-frame-w) /var(--login-splash-frame-h);background-position:50%;background-repeat:no-repeat;background-size:contain;max-height:100%;position:relative;width:min(100%,calc(100dvh*var(--login-splash-frame-w)/var(--login-splash-frame-h)))}.login-splash__stack{display:contents}.login-splash__actions{align-items:center;display:flex;flex-direction:column;gap:var(--login-splash-stack-gap);left:var(--login-splash-actions-x);position:absolute;top:var(--login-splash-actions-y);transform:translateX(-50%)}.login-splash__button{flex:none;width:var(--login-splash-button-width)}.login-splash__video{aspect-ratio:16/9;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);left:var(--login-splash-video-x);overflow:hidden;position:absolute;top:var(--login-splash-video-y);transform:translateY(-50%);width:var(--login-splash-video-width)}.login-splash__video-frame{border:0;display:block;height:100%;width:100%}.login-splash__error{background-color:var(--color-bg-nav);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;max-width:60vw;padding:var(--space-2) var(--space-3);text-align:center;width:max-content}@media (max-width:767px){.login-splash{--login-splash-frame-w:432;--login-splash-frame-h:941;--login-splash-actions-x:50.12%;--login-splash-actions-y:52.28%;--login-splash-stack-gap:var(--space-4);--login-splash-video-width:86%;--login-splash-video-offset:var(--space-5);--login-splash-video-max-height:34dvh}.login-splash__stack{align-items:center;display:flex;flex-direction:column;gap:var(--login-splash-video-offset);left:50%;position:absolute;top:var(--login-splash-actions-y);transform:translateX(-50%);width:100%}.login-splash__actions,.login-splash__video{left:auto;position:static;top:auto;transform:none}.login-splash__video{max-width:100%;width:min(var(--login-splash-video-width),calc(var(--login-splash-video-max-height)*16/9))}.login-splash__stage{background-size:cover;max-height:none;width:100%}}.login-splash__modal{box-shadow:var(--shadow-xl)}.login-splash__clerk{align-items:center;display:flex;justify-content:center}@media (prefers-reduced-motion:reduce){.login-splash__button{transition:none}}.auth-login{display:flex;flex-direction:column;font-family:var(--font-primary)}.auth-login__label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.auth-login__input{background-color:var(--input-bg);border:var(--input-border-width) solid var(--color-border-dark);border-radius:var(--input-border-radius);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-md);height:var(--input-height-md);margin-bottom:var(--space-4);padding:var(--input-padding-md)}.auth-login__input::placeholder{color:var(--input-placeholder-color)}.auth-login__input:hover:not(:disabled){background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.auth-login__input:focus-visible{box-shadow:var(--input-focus-shadow);outline:2px solid var(--color-focus);outline-offset:2px}.auth-login__input:disabled{background-color:var(--input-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.auth-login__error{background-color:var(--input-error-bg);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-4) 0;padding:var(--space-3);text-align:center}.auth-login__submit{background-color:var(--color-info);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);height:var(--button-height-md);letter-spacing:var(--letter-spacing-normal);padding:var(--button-padding-md);text-transform:uppercase;transition:var(--transition-all)}.auth-login__submit:hover:not(:disabled){background-color:var(--color-info-light)}.auth-login__submit:disabled{cursor:not-allowed;opacity:.6}.auth-login__secondary{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-2);text-decoration:underline}.auth-login__secondary:hover:not(:disabled){color:var(--color-text-primary)}.auth-login__secondary:disabled{cursor:not-allowed}.auth-login__secondary:focus-visible,.auth-login__submit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.auth-login__submit{transition:none}}.survey-modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.survey-modal{background-color:#4a4a4a;border-radius:12px;box-shadow:0 4px 20px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;position:relative;width:90%}.survey-close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:32px;height:32px;line-height:32px;padding:0;position:absolute;right:15px;text-align:center;top:15px;transition:color .2s;width:32px}.survey-close-button:hover{color:#ff6b6b}.survey-content{margin-top:20px}.survey-instructions{background-color:#ffffff1a;border-radius:8px;color:#fff;font-size:16px;line-height:1.5;margin-bottom:20px;padding:15px;text-align:center}.survey-header{margin-bottom:10px;padding:0 20px}.survey-labels{align-items:center;display:flex;justify-content:space-between}.survey-label-spacer{flex:1 1;padding-right:20px}.survey-rating-labels{display:flex;gap:20px;padding-right:10px}.survey-rating-labels span{color:#fff;flex-shrink:0;font-size:14px;font-weight:700;text-align:center;width:30px}.survey-questions{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.survey-row{align-items:center;background-color:#3498db;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s}.survey-row-error{animation:shake .5s;background-color:#e74c3c}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.survey-question-text{color:#fff;flex:1 1;font-size:16px;line-height:1.4;padding-right:20px}.survey-radio-group{align-items:center;display:flex;gap:20px;padding-right:10px}.survey-radio-label{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.survey-radio-input{cursor:pointer;opacity:0;position:absolute}.survey-radio-custom{align-items:center;background-color:initial;border:2px solid #fff;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.survey-radio-input:checked+.survey-radio-custom{background-color:#fff;border-color:#fff}.survey-radio-input:checked+.survey-radio-custom:after{background-color:#3498db;border-radius:50%;content:"";height:10px;width:10px}.survey-row-error .survey-radio-custom{border-color:#fff}.survey-row-error .survey-radio-input:checked+.survey-radio-custom:after{background-color:#e74c3c}.survey-radio-label:hover .survey-radio-custom{box-shadow:0 0 8px #ffffff80;transform:scale(1.1)}.survey-submit-button{align-items:center;background-color:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;padding:15px;transition:all .3s;width:100%}.survey-submit-button:hover:not(:disabled){background-color:#27ae60;box-shadow:0 4px 12px #2ecc7166;transform:translateY(-2px)}.survey-submit-button:disabled{background-color:#95a5a6;cursor:not-allowed}.mythril-reward{align-items:center;background-color:#fff3;border-radius:4px;display:inline-flex;font-size:16px;gap:4px;padding:4px 8px}.survey-loading{color:#fff;font-size:18px;padding:40px;text-align:center}@media (max-width:768px){.survey-modal{padding:20px;width:95%}.survey-row{align-items:flex-start;flex-direction:column;gap:15px}.survey-question-text{padding-right:0}.survey-labels{align-items:flex-start;flex-direction:column;gap:10px}.survey-label-spacer{display:none}.survey-radio-group,.survey-rating-labels{justify-content:space-around;width:100%}}.my-teams-page{background-color:#1a202c;color:#f7fafc;font-family:Inter,Arial,sans-serif;min-height:100vh;width:100%}.page-header{display:grid;grid-template-columns:1fr auto 1fr}.header-week-group{align-items:center;display:flex;grid-column:2;justify-content:center;margin-bottom:17px;margin-top:17px}.my-teams-page .header-week-select{width:180px}.my-teams-page .header-week-select .select{background-color:#1a1a1a;border:none;border-radius:var(--radius-md);color:var(--color-accent-gold);font-family:Inter,Arial,sans-serif;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);height:44px;letter-spacing:var(--letter-spacing-normal);padding-left:38px;padding-right:32px;text-overflow:ellipsis;width:100%}.my-teams-page .header-week-select .select:focus,.my-teams-page .header-week-select .select:hover:not(:disabled){background-color:#2a2a2a;border:none;box-shadow:none}.my-teams-page .header-week-select .select:disabled{background-color:#1a1a1a;color:var(--color-text-muted);opacity:1}.my-teams-page .header-week-select .select option{background-color:#1a1a1a;color:#f7fbfc}.my-teams-page .header-week-select .select__arrow,.my-teams-page .header-week-select .select__icon--left{color:var(--color-accent-gold)}.my-teams-page .header-week-select .select__icon--left{left:var(--space-3)}.my-teams-page .header-week-select .select__arrow{right:var(--space-2)}.week-crest-icon{display:block;height:20px;width:20px}.header-right-group{grid-column:3;justify-self:end}.team-list-section{padding:0 0 140px}.teams-container{display:flex;flex-direction:column}.team-row{align-items:center;border-bottom:1px solid #4a5568;cursor:pointer;display:flex;gap:16px;padding:16px;transition:background-color .2s ease}.team-row.even{background-color:#2d3748}.team-row.odd{background-color:#1a202c}.team-row:hover{background-color:#4a5568}.rank-section{min-width:90px}.rank-badge-fixed,.rank-section{align-items:center;display:flex;justify-content:center}.rank-badge-fixed{background-color:#0000004d;border:3px solid;border-radius:8px;flex-direction:column;gap:4px;height:75px;width:75px}.rank-badge-fixed .rank-text{font-size:16px;font-weight:700;letter-spacing:.5px}.rank-badge-fixed .rank-icon{font-size:24px}.team-info-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.team-name{color:#f7fafc;font-size:18px;font-weight:700}.owner-name{color:#a0aec0;font-size:14px}.league-name{color:#718096;font-size:12px}.year-badge{color:#ed8936;margin-left:8px}.season-badge{border:1px solid;border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;margin-left:var(--spacing-sm);padding:var(--spacing-4xs) var(--spacing-sm);vertical-align:middle;white-space:nowrap}.right-section{align-items:center;display:flex;justify-content:flex-end;min-width:100px;padding-right:16px}.score-display-large{color:#4fc3f7;font-size:36px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #0000004d}.loading-message,.no-teams-message{color:#a0aec0;padding:60px 20px;text-align:center}.loading-icon,.no-teams-icon{font-size:48px;margin-bottom:16px}.no-teams-message h3{color:#f7fafc;margin:8px 0}.no-teams-message p{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}.join-league-button{background-color:var(--color-info);border:2px solid var(--color-info);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--space-3) var(--space-8);text-transform:uppercase;transition:var(--transition-all)}.join-league-button:hover{background-color:var(--color-info-light);border-color:var(--color-info-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.join-league-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.error-message{background-color:#e53e3e;color:#fff;font-weight:700;padding:12px}.bottom-leaderboard-container{align-items:center;background-color:initial;border-top:none;bottom:0;box-sizing:border-box;display:flex;gap:var(--space-3);justify-content:center;left:50%;max-width:430px;padding:15px 20px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.leaderboard-button{background-color:gold;border:2px solid gold;border-radius:8px;box-shadow:0 4px 12px #ffd70066;color:#000;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;padding:var(--space-3) var(--space-6);text-transform:uppercase;transition:all .3s ease}.leaderboard-button:hover{background-color:orange;border-color:orange;box-shadow:0 6px 16px #ffd70099;transform:translateY(-2px)}.leaderboard-button:active{box-shadow:0 2px 8px #ffd70066;transform:translateY(0)}.footer-section{align-items:center;bottom:0;display:flex;height:66px;justify-content:space-between;left:0;padding:0 12px;pointer-events:none;position:fixed;right:0;z-index:101}.footer-section>*{pointer-events:auto}.discord-link-button{align-items:center;background-color:#282828f2;border:1px solid #333;border-radius:4px;color:#fff;display:inline-flex;font-family:Arial,sans-serif;font-size:11px;font-weight:700;justify-content:center;letter-spacing:.5px;max-width:120px;min-width:70px;padding:6px 12px;text-decoration:none;transition:background-color .2s;white-space:nowrap}.discord-link-button:hover{background-color:#3c3c3ccc}.discord-link-button:active{background-color:#505050cc}.popup-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:#2d3748;border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:400px;padding:40px;position:relative}.close-popup{align-items:center;background-color:#e53e3e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:10px;top:10px;transition:background-color .2s;width:32px}.close-popup:hover{background-color:#c00}.popup-body{color:#fff;text-align:center}.mythril-icon{font-size:64px;margin-bottom:20px}.popup-body h2{color:gold;font-size:28px;margin-bottom:16px}.popup-body p{color:#a0aec0;font-size:18px}@media (max-width:768px){.page-header{gap:var(--space-2);grid-template-columns:auto 1fr;height:64px;padding:0 var(--space-2)}.header-week-group{grid-column:1;justify-content:flex-start;margin-bottom:var(--space-2);margin-top:var(--space-2)}.my-teams-page .header-week-select{max-width:140px;min-width:108px;width:auto}.my-teams-page .header-week-select .select{font-size:var(--font-size-xs);height:40px;padding-left:30px;padding-right:24px}.my-teams-page .header-week-select .select__icon--left{left:var(--space-2)}.my-teams-page .header-week-select .select__arrow{right:var(--space-1)}.week-crest-icon{height:16px;width:16px}.header-right-group{gap:var(--space-2);grid-column:2;margin-bottom:var(--space-2);margin-top:var(--space-2)}.header-currency-button{gap:var(--space-1);height:40px;min-width:124px;padding:var(--space-2) var(--space-2);width:auto}.diamond-icon{height:24px;width:22px}.currency-label{font-size:var(--font-size-sm);white-space:nowrap}.header-user-avatar{height:34px;width:22px}.rank-badge-fixed{height:60px;width:60px}.rank-badge-fixed .rank-text{font-size:14px}.rank-badge-fixed .rank-icon{font-size:20px}.score-display-large{font-size:28px}.right-section{min-width:80px;padding-right:12px}.footer-section{display:none}.team-list-section{padding-bottom:140px}.bottom-leaderboard-container{bottom:0;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.join-league-button,.leaderboard-button{flex:1 1;font-size:var(--font-size-sm);min-width:0;padding:var(--space-3) var(--space-2)}.team-row{gap:12px;padding:12px}.rank-section{min-width:60px}.team-name{font-size:16px}.points-display{font-size:18px}.right-section{min-width:100px}}.mythril-balance-display{align-items:center;background-color:#2d3748;border:2px solid #4a5568;border-radius:6px;display:flex;justify-content:center;min-width:140px;padding:8px 12px;text-align:center;transition:all .2s ease}.mythril-balance-display:hover{border-color:gold;box-shadow:0 2px 8px #ffd70033;transform:translateY(-1px)}@media (max-width:768px){.mythril-balance-display{font-size:12px;min-width:110px;padding:6px 8px}.mythril-balance-display span{font-size:12px!important}}.shop-nav-dot{pointer-events:none}.league-signup-page.ljf-page{background-color:var(--color-bg-primary);box-shadow:var(--shadow-nav);box-sizing:border-box;color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-primary);margin:0 auto;max-width:var(--container-max-width);min-height:100vh;overflow-x:hidden;width:100%}.ljf-screen{display:flex;flex:1 1;flex-direction:column;padding:var(--space-5);padding-top:0}.league-signup-page .page-header{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;height:78px;justify-content:space-between;margin:0 auto;max-width:1000px;padding:0 var(--space-6);position:relative;width:100%}.league-signup-page .header-back-button,.league-signup-page .header-currency-button{align-items:center;background-color:#1a1a1a;border:none;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--space-2);height:44px;justify-content:center;padding:var(--space-3) var(--space-2);transition:var(--transition-bg)}.league-signup-page .header-back-button{margin:17px 0;width:150px}.league-signup-page .header-currency-button{cursor:default;width:181px}.league-signup-page .header-back-button:hover{background-color:#2a2a2a}.league-signup-page .header-back-button:active{background-color:#333}.league-signup-page .back-arrow{color:#ffd500}.league-signup-page .back-arrow,.league-signup-page .back-label{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1}.league-signup-page .back-label{color:#f7fbfc;letter-spacing:.5px}.league-signup-page .header-right-group{align-items:center;display:flex;gap:var(--space-4);margin:17px 0}.league-signup-page .diamond-icon{height:32px;object-fit:contain;width:30px}.league-signup-page .currency-label{color:#f7fbfc;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;line-height:1}.league-signup-page .header-currency-button--error{border:1px solid var(--color-danger)}.league-signup-page .currency-label--error{align-items:center;color:var(--color-danger);display:inline-flex;gap:var(--space-1)}.league-signup-page .currency-warning-icon{font-size:var(--font-size-md);line-height:var(--line-height-none)}.ljf-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ljf-balance-banner{align-items:center;background-color:var(--input-error-bg);border-bottom:1px solid var(--color-danger);border-top:1px solid var(--color-danger);box-sizing:border-box;display:flex;flex-shrink:0;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin:0 auto var(--space-3) auto;max-width:1000px;padding:var(--space-2) var(--space-6);width:100%}.ljf-balance-banner-message{color:var(--color-danger);flex:1 1 auto;font-size:var(--font-size-xs);line-height:var(--line-height-normal);min-width:0}.ljf-balance-retry{background-color:var(--color-info);border:none;border-radius:var(--radius-pill);color:var(--color-text-on-primary);cursor:pointer;flex-shrink:0;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--button-padding-sm);text-transform:uppercase;transition:var(--transition-all)}.ljf-balance-retry:hover:not(:disabled){background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue)}.ljf-balance-retry:disabled{background-color:var(--input-bg-disabled);box-shadow:none;color:var(--color-text-disabled);cursor:not-allowed}.league-signup-page .header-user-avatar{border-radius:var(--radius-md);cursor:pointer;height:39px;object-fit:cover;width:25px}.ljf-heading{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-2) 0}.ljf-subheading{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-5) 0}.ljf-cta-stack{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0 var(--space-6) 0}.ljf-cta{border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);height:var(--button-height-lg);letter-spacing:var(--letter-spacing-normal);transition:var(--transition-all);width:100%}.ljf-cta:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ljf-cta:active{transform:translateY(0)}.ljf-cta--primary{background-color:var(--color-info);color:var(--color-text-on-primary)}.ljf-cta--primary:hover{background-color:var(--color-info-light)}.ljf-cta--gold{background-color:var(--color-accent-gold-medium);color:var(--color-text-dark)}.ljf-cta--gold:hover{background-color:var(--color-accent-gold-light)}.ljf-cta--gold-outline{background-color:initial;border:2px solid var(--color-accent-gold-medium);color:var(--color-accent-gold-medium)}.ljf-cta--gold-outline:hover{background-color:var(--color-bg-hover);border-color:var(--color-accent-gold-light);color:var(--color-accent-gold-light)}.ljf-section-label{letter-spacing:var(--letter-spacing-normal);margin-bottom:var(--space-1)}.ljf-section-hint,.ljf-section-label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.ljf-section-hint{line-height:var(--line-height-normal);margin-bottom:var(--space-3)}.ljf-option-list{display:flex;flex-direction:column;gap:var(--space-3)}.ljf-option-row{align-items:center;background-color:initial;border-left:1px solid var(--color-border-dark);border:1px solid var(--color-border-dark);border-left-width:3px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:var(--transition-all)}.ljf-option-row:hover{background-color:var(--color-bg-hover)}.ljf-option-row--selected{background-color:#3498db1a;border-color:var(--color-info);border-left-color:var(--color-info)}.ljf-option-row--card{align-items:flex-start}.ljf-option-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.ljf-option-radio{border:2px solid var(--color-border-dark);border-radius:var(--radius-full);flex-shrink:0;height:18px;margin-top:var(--spacing-3xs);position:relative;transition:var(--transition-all);width:18px}.ljf-option-row--selected .ljf-option-radio{border-color:var(--color-info)}.ljf-option-row--selected .ljf-option-radio:after{background-color:var(--color-info);border-radius:var(--radius-full);content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.ljf-option-input:focus-visible+.ljf-option-radio{box-shadow:var(--shadow-input-focus)}.ljf-option-text{display:flex;flex-direction:column;gap:var(--space-1)}.ljf-option-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.ljf-option-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.ljf-footer-bar{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--space-6)}.ljf-step-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.ljf-continue-button{background-color:var(--color-info);border:none;border-radius:var(--radius-pill);color:var(--color-text-on-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--button-padding-md);transition:var(--transition-all)}.ljf-continue-button:hover{background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue);transform:translateY(-1px)}.ljf-continue-button:active{transform:translateY(0)}.ljf-arena-filter{margin-bottom:var(--space-4)}.ljf-arena-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.ljf-arena-card{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-4);transition:var(--transition-all)}.ljf-arena-card:hover{border-color:var(--color-border-dark)}.ljf-arena-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ljf-arena-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:var(--space-2)}.ljf-arena-icon{font-size:var(--font-size-lg);line-height:var(--line-height-none)}.ljf-arena-meta,.ljf-arena-subname{color:var(--color-text-muted);font-size:var(--font-size-sm)}.ljf-arena-note{color:var(--color-text-muted);font-size:var(--font-size-xs);font-style:italic}.ljf-arena-fee-error{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.ljf-arena-fee-error-message{color:var(--color-danger);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.ljf-arena-fee-retry{background-color:initial;border:1px solid var(--color-info);border-radius:var(--radius-pill);color:var(--color-info-light);cursor:pointer;flex-shrink:0;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--space-1) var(--space-3);text-transform:uppercase;transition:var(--transition-all)}.ljf-arena-fee-retry:hover,.ljf-arena-join{background-color:var(--color-info);color:var(--color-text-on-primary)}.ljf-arena-join{border:none;border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--button-padding-sm);text-transform:uppercase;transition:var(--transition-all)}.ljf-arena-join:hover:not(:disabled){background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue)}.ljf-arena-join:disabled{background-color:var(--color-bg-secondary);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed}.ljf-arena-placeholder-notice{align-items:flex-start;background-color:var(--color-bg-tertiary);border-left:var(--card-border-width) solid var(--color-warning);border-radius:var(--radius-sm);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.ljf-arena-placeholder-badge{background-color:var(--color-warning);border-radius:var(--radius-sm);color:var(--color-bg-primary);flex-shrink:0;font-family:var(--font-primary);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--space-1) var(--space-2);text-transform:uppercase}.ljf-arena-placeholder-text{color:var(--color-text-muted);font-family:var(--font-primary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.ljf-arena-card--placeholder{border-style:dashed}.ljf-arena-card--placeholder,.ljf-arena-card--placeholder:hover{border-color:var(--color-warning)}.ljf-option-row--placeholder{border-style:dashed}.ljf-option-row--placeholder,.ljf-option-row--placeholder:hover{border-color:var(--color-warning)}.ljf-inline-placeholder-badge{background-color:var(--color-warning);border-radius:var(--radius-sm);color:var(--color-bg-primary);font-family:var(--font-primary);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);margin-left:var(--space-2);padding:var(--space-1) var(--space-2);text-transform:uppercase;vertical-align:middle}.ljf-arena-empty{font-style:italic}.ljf-arena-empty,.ljf-arena-status{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-6);text-align:center}.ljf-arena-status{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}.ljf-arena-status--error .ljf-arena-error-message{color:var(--color-danger);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.ljf-arena-retry{background-color:var(--color-info);border:none;border-radius:var(--radius-pill);color:var(--color-text-on-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--button-padding-sm);text-transform:uppercase;transition:var(--transition-all)}.ljf-arena-retry:hover{background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue)}.ljf-arena-pagination{align-self:center;margin-top:auto;padding-bottom:var(--space-4)}.ljf-invite-modal{border:2px solid var(--color-accent-gold-medium)}.ljf-invite-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}.ljf-invite-heading{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.ljf-invite-subtext{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.ljf-invite-input{background-color:var(--input-bg);border:2px solid var(--color-accent-gold-medium);border-radius:var(--input-border-radius);box-sizing:border-box;caret-color:var(--color-info);color:var(--color-accent-gold-medium);font-family:var(--font-mono);font-size:var(--font-size-md);height:var(--input-height-lg);letter-spacing:var(--letter-spacing-wide);outline:none;padding:var(--input-padding-md);text-align:center;transition:var(--transition-all);width:100%}.ljf-invite-input::placeholder{color:var(--color-accent-gold-dark);opacity:.7}.ljf-invite-input:focus{border-color:var(--color-accent-gold-light);box-shadow:var(--shadow-glow-gold)}.ljf-invite-error{color:var(--color-danger);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.ljf-invite-join{background-color:var(--color-success);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);height:var(--button-height-md);letter-spacing:var(--letter-spacing-normal);transition:var(--transition-all);width:100%}.ljf-invite-join:hover{background-color:var(--color-success-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ljf-invite-join:active{transform:translateY(0)}.ljf-invite-cancel{background:none;border:none;color:var(--color-info);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);padding:var(--space-1);text-decoration:underline;transition:var(--transition-color)}.ljf-invite-cancel:hover{color:var(--color-info-light)}.ljf-funds-content{display:flex;flex-direction:column;gap:var(--space-3)}.ljf-funds-row{align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-2) var(--space-3)}.ljf-funds-row--shortfall{border-left:var(--card-border-width) solid var(--color-danger)}.ljf-funds-label{color:var(--color-text-muted)}.ljf-funds-label,.ljf-funds-value{font-family:var(--font-primary);font-size:var(--font-size-sm)}.ljf-funds-value{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.ljf-funds-row--shortfall .ljf-funds-value{color:var(--color-danger)}.ljf-funds-dismiss{background-color:var(--color-info);border:none;border-radius:var(--radius-pill);color:var(--color-text-on-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-top:var(--space-2);padding:var(--button-padding-md);transition:var(--transition-all);width:100%}.ljf-funds-dismiss:hover{background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue)}@media (max-width:375px){.ljf-screen{padding:var(--space-4)}.league-signup-page .page-header{padding:0 var(--space-3)}.league-signup-page .header-currency-button{min-width:0;width:auto}.league-signup-page .header-right-group{gap:var(--space-2);min-width:0}.ljf-balance-banner{padding:var(--space-2) var(--space-3)}.ljf-heading{font-size:var(--font-size-xl)}.ljf-cta{font-size:var(--font-size-base);height:var(--button-height-md)}.ljf-option-row{padding:var(--space-3)}}.layout{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.layout-header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem}.layout-header h1{font-size:1.5rem;margin:0}.layout-main{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.layout-footer{background-color:#34495e;color:#fff;font-size:.8rem;padding:.5rem;text-align:center}@media (max-width:768px){.layout-header{flex-direction:column;text-align:center}.layout-main{padding:.5rem}}.league-selection{margin:0 auto;max-width:1200px;padding:20px}.league-selection-header{align-items:center;border-bottom:2px solid #2d3748;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.league-selection-header h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.user-status{align-items:center;display:flex;gap:15px}.league-count{background-color:#4299e1;color:#fff}.beta-status,.league-count{border-radius:20px;font-size:14px;font-weight:700;padding:6px 12px}.beta-status.valid{background-color:#48bb78;color:#fff}.beta-status.invalid{background-color:#e53e3e;color:#fff}.error-message{background-color:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;text-align:center}.error-message,.warning-message{font-weight:500;margin-bottom:20px;padding:15px}.warning-message{background-color:#fef5e7;border:1px solid #f6e05e;border-radius:8px;color:#dd6b20}.league-results{min-height:400px}.loading-spinner{align-items:center;color:#4299e1;display:flex;flex-direction:column;font-size:16px;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4299e1;height:40px;margin-bottom:15px;width:40px}.no-results{color:#718096;padding:60px 20px;text-align:center}.no-results h3{color:#2d3748;font-size:24px;margin-bottom:10px}.no-results p{font-size:16px;margin:0}.league-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}@media (max-width:768px){.league-selection{padding:10px}.league-selection-header{flex-direction:column;gap:15px;text-align:center}.user-status{justify-content:center}.league-grid{gap:15px;grid-template-columns:1fr}}@media (max-width:480px){.league-selection-header h2{font-size:24px}.user-status{flex-direction:column;gap:10px}.beta-status,.league-count{font-size:12px;padding:4px 8px}}@media (prefers-contrast:high){.league-selection-header h2{color:#000}.error-message,.warning-message{border-width:2px}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}*{transition:none!important}}@media (prefers-color-scheme:dark){.league-selection-header h2,.no-results h3{color:#f7fafc}}.store-page{background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-primary);min-height:100vh;width:100%}.page-header{box-sizing:border-box;min-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 54px 0 24px;width:max-content}.store-hero{background-color:var(--color-bg-nav);border-bottom:1px solid #000;display:flex;justify-content:center;padding:var(--space-5) var(--space-5) var(--space-6)}.store-logo{display:block;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));height:auto;max-width:620px;width:100%}.store-grid{grid-gap:var(--space-4);display:grid;flex:1 1;gap:var(--space-4);grid-template-columns:repeat(2,1fr);padding:var(--space-5) var(--space-4) var(--space-8)}.store-tile.btn{aspect-ratio:16/10;background:linear-gradient(180deg,#3a3a3a,#2b2b2b);border:1px solid #ffffff14;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffff0f,var(--shadow-sm);height:auto;overflow:hidden;padding:var(--space-4);position:relative;text-transform:none;transform:none;width:100%}.store-tile.btn:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #ffd70000;content:"";inset:0;pointer-events:none;position:absolute;transition:box-shadow var(--transition-base) ease}.store-tile.btn:hover{background:linear-gradient(180deg,#444,#303030);border-color:#ffd70059;box-shadow:inset 0 1px 0 #ffffff14,0 8px 22px #00000073,0 0 18px #ffd7001f;transform:translateY(-3px)}.store-tile.btn:hover:after{box-shadow:inset 0 0 0 1px #ffd70040}.store-tile.btn:active{transform:translateY(0)}.store-tile-label{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);text-shadow:var(--text-shadow-md)}@media (min-width:768px){.store-hero{padding:var(--space-8) var(--space-8) var(--space-10)}.store-logo{max-width:760px}.store-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px;padding:var(--space-8) var(--space-8) var(--space-12);width:100%}.store-tile.btn{aspect-ratio:16/9}.store-tile-label{font-size:var(--font-size-3xl)}}@media (min-width:1024px){.store-grid{grid-template-columns:repeat(4,1fr)}}.shop-item-card{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--shadow-lg);display:flex;flex:0 0 auto;flex-direction:column;gap:var(--spacing-md);height:420px!important;max-height:420px!important;max-width:260px!important;min-height:0!important;min-height:auto!important;overflow:hidden;padding:var(--card-padding);position:relative;transition:box-shadow var(--transition-base) var(--transition-easing-default);width:260px!important}.shop-item-card:not(.shop-item-card--locked):hover{filter:brightness(1.05)}.shop-item-card--locked{cursor:not-allowed;opacity:.6}.shop-item-card-coming-soon-badge{background-color:var(--color-warning);border-radius:var(--radius-sm);bottom:var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:50%;letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-xs) var(--spacing-sm);position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;z-index:2}.shop-item-card-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.shop-item-card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.shop-item-card-description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.shop-item-card-extras{display:flex;justify-content:center}.shop-item-card-bg-image{height:100%!important;left:0;max-height:none!important;object-fit:cover!important;object-position:top center;opacity:.85;position:absolute;top:0;width:100%!important;z-index:0}.shop-item-card-top-image{display:block;height:auto!important;margin-bottom:var(--spacing-xs);max-height:320px!important;object-fit:contain!important;object-position:center top;width:100%!important}@media (max-width:768px){.shop-item-card-bg-image{left:0;object-position:bottom center;transform:none;width:100%}.shop-item-card-top-image{margin-left:auto;margin-right:auto;max-width:100%;width:100%}}.shop-item-card-content{display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between;position:relative;z-index:1}.shop-item-card-actions{margin-top:auto}.shop-item-card-btn{align-items:center;display:flex!important;height:var(--button-height-md);justify-content:center;min-width:100%;text-align:center}.shop-item-card-text-backdrop{background:#000000a6;border-radius:8px;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.shop-item-card-btn .mythril-icon,.shop-item-card-btn .shop-item-cost-icon{display:inline-block;flex-shrink:0;height:16px;object-fit:contain;vertical-align:middle;width:16px}.shop-item-cost-icon{height:1em;margin-left:var(--spacing-xs);vertical-align:middle;width:1em}.shop-item-card-btn--free{background-color:var(--color-success)!important}.mythril-icon{display:inline-block;height:1em;object-fit:contain;vertical-align:middle;width:1em}.shop-item-card-confirm-row{background-color:var(--color-bg-primary);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xs);width:100%}.shop-item-card-confirm-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.shop-item-card-confirm-buttons{box-sizing:border-box;display:flex;gap:var(--spacing-xs);width:100%}.shop-item-card-confirm-buttons>*{flex:1 1;font-size:var(--font-size-sm);min-width:0;padding:var(--spacing-xs) var(--spacing-sm)!important}@keyframes shopPunchFill{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.punch-card{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.punch-card-label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.punch-card-slots{align-items:center;display:flex;gap:var(--spacing-sm)}.punch-slot{background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-dark);border-radius:var(--radius-full);display:inline-block;height:20px;transition:background-color var(--transition-base) var(--transition-easing-default),box-shadow var(--transition-base) var(--transition-easing-default);width:20px}.punch-slot--filled{background-color:var(--color-accent-gold);border-color:var(--color-accent-gold-dark);box-shadow:var(--shadow-glow-gold)}.punch-slot--filled.punch-slot--new{animation:shopPunchFill .3s cubic-bezier(.34,1.56,.64,1) forwards}.punch-card-hint{color:var(--color-text-muted);font-size:var(--font-size-2xs);text-align:center}@keyframes shopSparkle{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.3)}}@keyframes shopCardReveal{0%{opacity:0;transform:translateY(60px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shopGoldGlow{0%{box-shadow:var(--shadow-glow-gold)}to{box-shadow:0 0 24px #ffd700e6}}@keyframes shopOverlayFadeIn{0%{opacity:0}to{opacity:1}}.celebration-overlay{align-items:center;animation:shopOverlayFadeIn var(--transition-slow) ease-out forwards;background-color:var(--color-bg-overlay);display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:var(--z-modal)}.celebration-sparkles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.sparkle{animation:shopSparkle 1.2s ease-out infinite;background-color:var(--color-accent-gold);border-radius:var(--radius-full);bottom:20%;height:8px;position:absolute;width:8px}.sparkle:nth-child(2n){background-color:var(--color-accent-gold-light);height:6px;width:6px}.sparkle:nth-child(3n){background-color:var(--color-accent-gold-medium);height:10px;width:10px}.celebration-panel{align-items:center;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl);max-height:85vh;max-width:90vw;overflow-y:auto;padding:var(--spacing-3xl);position:relative;z-index:calc(var(--z-modal) + 1)}.celebration-headline{font-family:var(--font-display);font-size:var(--font-size-2xl);margin:0;text-shadow:var(--text-shadow-md)}.celebration-free-granted,.celebration-headline{color:var(--color-accent-gold);text-align:center}.celebration-free-granted{background-color:var(--color-bg-tertiary);border:1px solid var(--color-accent-gold);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm) var(--spacing-lg)}.celebration-cards{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.celebration-card{align-items:center;animation:shopCardReveal .5s cubic-bezier(.34,1.56,.64,1) forwards,shopGoldGlow 1.5s ease-in-out infinite alternate;animation-fill-mode:forwards;backface-visibility:hidden;background-color:var(--color-bg-tertiary);border:2px solid var(--color-accent-gold);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);opacity:0;padding:var(--spacing-lg);transform:translateZ(0);width:160px;will-change:transform}.celebration-card--duplicate{animation:shopCardReveal .5s cubic-bezier(.34,1.56,.64,1) forwards;border-color:var(--color-text-muted)}.celebration-card-image-wrap{height:120px;position:relative;width:120px}.celebration-card-image{border-radius:var(--radius-md);height:100%;object-fit:cover;width:100%}.celebration-duplicate-badge{background-color:var(--color-text-muted);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3xs) var(--spacing-xs);position:absolute;right:var(--spacing-xs);text-transform:uppercase;top:var(--spacing-xs)}.celebration-card-info{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:center}.celebration-card-name{-webkit-font-smoothing:antialiased;backface-visibility:hidden;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transform:translateZ(0);will-change:transform}.celebration-card-meta{color:var(--color-text-muted);font-size:var(--font-size-xs)}.celebration-card-theme{color:var(--color-accent-gold);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.celebration-card-actions{margin-top:var(--spacing-xs)}.celebration-equipped-label{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.celebration-equip-error{color:var(--color-danger);cursor:help;font-size:var(--font-size-xs)}.celebration-skip-zone{align-items:flex-end;cursor:pointer;display:flex;inset:0;justify-content:center;padding-bottom:var(--spacing-2xl);position:absolute;z-index:var(--z-modal)}.celebration-skip-label{color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none;-webkit-user-select:none;user-select:none}.celebration-overlay--lightweight .sparkle{display:none}.celebration-overlay--lightweight .celebration-card{animation:none;opacity:1}.mythril-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.mythril-modal-subtitle{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0;text-align:center}.mythril-modal-notice{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.mythril-modal-notice-text{color:var(--color-text-muted);font-size:var(--font-size-xs)}.mythril-tier-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.mythril-tier-card{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-lg);transition:border-color var(--transition-base) var(--transition-easing-default),box-shadow var(--transition-base) var(--transition-easing-default)}.mythril-tier-card:hover{border-color:var(--color-accent-gold-dark);box-shadow:var(--shadow-glow-gold)}.mythril-tier-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mythril-tier-amount{align-items:center;color:var(--color-accent-gold);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:var(--spacing-xs)}.mythril-tier-icon{flex-shrink:0;height:1.1em;width:1.1em}.mythril-modal-title-icon{height:1em;vertical-align:middle;width:1em}.mythril-tier-bonus{background-color:#27ae6026;border-radius:var(--radius-sm);color:var(--color-success);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-3xs) var(--spacing-xs)}.mythril-tier-button{flex-shrink:0;min-width:80px}.mythril-modal-legal{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);margin:0;text-align:center}.mythril-tier-card--stipend{background-color:var(--color-bg-secondary);border-color:var(--color-accent-gold);box-shadow:var(--shadow-glow-gold)}.mythril-tier-card--stipend:hover{border-color:var(--color-accent-gold-dark);box-shadow:var(--shadow-glow-gold)}.mythril-stipend-label{color:var(--color-accent-gold);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.mythril-stipend-description{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.mythril-tier-button--free{flex-shrink:0;min-width:80px}.mythril-tier-card--stipend-claimed{cursor:default;filter:grayscale(60%);opacity:.6}.mythril-tier-card--stipend-claimed:hover{border-color:var(--color-accent-gold);box-shadow:var(--shadow-sm)}.mythril-tier-button.stipend-claimed{cursor:not-allowed;opacity:.5}.mythril-stipend-message{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0;text-align:center;width:100%}.mythril-tier-card--coming-soon{cursor:default;filter:grayscale(100%);opacity:.5}.mythril-tier-card--coming-soon:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-sm)}.shop-page{background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-primary);min-height:100vh;overflow-x:hidden}.shop-page--disabled,.shop-page--error,.shop-page--loading{align-items:center;justify-content:center}.shop-disabled-message{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center}.shop-disabled-message h2{color:var(--color-accent-gold);font-family:var(--font-display);font-size:var(--font-size-2xl)}.shop-loading-message{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-lg);gap:var(--spacing-md)}.shop-loading-icon{font-size:var(--font-size-4xl)}@keyframes shopSpinPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.shop-error-message{align-items:center;color:var(--color-danger);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center}.shop-header{background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-md);justify-content:space-between;padding:var(--spacing-lg)}.shop-back-button,.shop-header{align-items:center;display:flex}.shop-back-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:color var(--transition-base) var(--transition-easing-default)}.shop-back-button:hover{color:var(--color-text-primary)}.shop-back-arrow{font-size:var(--font-size-xs)}.shop-back-label{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide)}.shop-title{color:var(--color-accent-gold);font-family:var(--font-display);font-size:var(--font-size-2xl);margin:0;padding:var(--spacing-2xl) var(--spacing-2xl) 0;text-align:center;text-shadow:var(--text-shadow-md)}.shop-header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end}.shop-countdown{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.shop-countdown-label{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.shop-countdown-value{color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.shop-mythril-balance,.shop-quickbuy-toggle{align-items:center;display:flex}.shop-mythril-balance{gap:var(--spacing-sm)}.shop-mythril-icon{flex-shrink:0;height:1.2em;vertical-align:middle;width:1.2em}.shop-mythril-amount{color:var(--color-accent-gold);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.shop-buy-mythril-btn{font-size:var(--font-size-sm)}.shop-lineup{align-items:flex-start;align-self:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-3xl);justify-content:center;margin-top:120px;max-width:100%;overflow-x:hidden;padding:var(--spacing-3xl) var(--spacing-2xl)}.shop-loading-icon{animation:shopSpinPulse 1.2s ease-in-out infinite;height:var(--font-size-4xl);width:var(--font-size-4xl)}.shop-dev-controls{border:1px dashed var(--color-border-dark);border-radius:var(--radius-md);margin:var(--spacing-2xl);padding:var(--spacing-md)}.shop-dev-controls-summary{color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.shop-dev-controls-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-md)}.shop-dev-label{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.shop-dev-range{accent-color:var(--color-accent-gold)}@media (max-width:768px){.shop-lineup{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:var(--spacing-xl);justify-content:flex-start;margin-top:80px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}.shop-item-card{max-width:80vw;min-width:0;min-width:auto;scroll-snap-align:start}}.shop-nav-dot{background-color:var(--color-accent-gold);border-radius:var(--radius-full);box-shadow:var(--shadow-glow-gold);display:inline-block;height:8px;position:absolute;right:2px;top:2px;width:8px}.store-category-page{background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;font-family:var(--font-primary);min-height:100vh;width:100%}.store-category-nav-bar{align-items:center;background-color:var(--color-bg-nav);border-bottom:1px solid #000;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.store-category-nav-button.btn{background-color:#14141499;border:1px solid #ffffff1f;border-radius:var(--radius-md);box-shadow:none;color:var(--color-text-primary);height:40px;letter-spacing:var(--letter-spacing-wide);padding:0 var(--space-4);transform:none}.store-category-nav-button--back.btn:hover{background-color:var(--color-bg-nav-hover);border-color:#ffffff38;box-shadow:none;transform:none}.store-category-nav-button--back.btn:active{box-shadow:none;transform:translateY(1px)}.store-category-nav-arrow{color:var(--color-accent-gold);font-size:12px;line-height:1}.store-category-currency-display{align-items:center;background-color:#14141499;border:1px solid #ffd70038;border-radius:var(--radius-md);color:var(--color-accent-gold);display:inline-flex;gap:var(--space-2);height:40px;padding:0 var(--space-4)}.store-category-currency-icon{height:20px;object-fit:contain;width:20px}.store-category-currency-label{font-feature-settings:"tnum";font-size:var(--font-size-md);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.store-category-title{color:var(--color-accent-gold);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);padding:var(--space-6) var(--space-4) 0;text-align:center;text-shadow:var(--text-shadow-md)}.store-category-grid{grid-gap:var(--space-4);align-content:start;display:grid;flex:1 1;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px;padding:var(--space-5) var(--space-4) var(--space-10);width:100%}.store-category-card{background:linear-gradient(180deg,#2b2b2b,#232323);border:1px solid #ffffff14;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.store-category-card__preview{align-items:center;aspect-ratio:230/167;background:repeating-linear-gradient(45deg,#ffffff08 0 10px,#ffffff0f 10px 20px),#1c1c1c;border:1px solid #ffffff14;border-radius:var(--radius-sm);display:flex;justify-content:center}.store-category-card__preview span{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide)}.store-category-card__name{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.store-category-card__buy{align-items:center;background:linear-gradient(180deg,var(--color-accent-gold) 0,var(--color-accent-gold-dark) 100%);border:none;border-radius:var(--radius-md);color:#1a1a1a;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);gap:var(--space-1);height:var(--button-height-sm);justify-content:center;letter-spacing:var(--letter-spacing-normal);padding:0 var(--space-4);transition:var(--transition-all)}.store-category-card__buy:hover{background:linear-gradient(180deg,var(--color-accent-gold-light) 0,var(--color-accent-gold-medium) 100%);box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.store-category-card__buy:active{box-shadow:none;transform:translateY(0)}.store-category-body{flex:1 1;gap:var(--space-4);padding:var(--space-10) var(--space-6) var(--space-12);text-align:center}.store-category-body,.store-category-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center}.store-category-placeholder{background:linear-gradient(180deg,#2b2b2b,#232323);border:1px dashed #ffffff24;border-radius:var(--radius-lg);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--font-size-base);gap:var(--space-3);max-width:520px;min-height:240px;width:100%}.store-category-placeholder__tag{color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wider)}.store-category-back,.store-category-placeholder__tag{font-weight:var(--font-weight-bold);text-transform:uppercase}.store-category-back{align-items:center;background-color:#14141499;border:1px solid #ffd7004d;border-radius:var(--radius-md);color:var(--color-accent-gold);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:var(--font-size-md);gap:var(--space-2);height:var(--button-height-md);letter-spacing:var(--letter-spacing-wide);padding:0 var(--space-6);transition:var(--transition-all)}.store-category-back:hover{background-color:#3c3c3c99;border-color:#ffd70080;transform:translateY(-2px)}@media (min-width:768px){.store-category-nav-bar{padding:var(--space-4) var(--space-8)}.store-category-nav-button.btn{font-size:var(--font-size-lg);height:46px}.store-category-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);padding:var(--space-8) var(--space-8) var(--space-12)}}.season-team-page{background-color:var(--color-bg-primary);box-shadow:var(--shadow-nav);box-sizing:border-box;color:var(--color-text-primary);flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:var(--container-max-width);min-height:100vh;overflow-x:hidden;padding:var(--space-2) var(--space-4) var(--space-10) var(--space-4);width:100%}.season-team-page,.season-week-strip{display:flex;font-family:var(--font-primary)}.season-week-strip{align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3)}.season-week-status{color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.season-week-provisional{color:var(--color-warning)}.season-week-editable{color:var(--color-info);margin-left:auto}.season-commissioner-panel{align-items:center;background-color:var(--color-bg-tertiary);border:var(--card-border-width) solid var(--color-accent-gold);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;padding:var(--space-4)}.season-commissioner-copy{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.season-commissioner-title{color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.season-commissioner-detail{color:var(--color-text-muted);font-family:var(--font-primary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}@media (max-width:375px){.season-commissioner-panel{align-items:stretch;flex-direction:column}}.season-lineup-error,.season-lineup-notice{border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:0;padding:var(--space-2) var(--space-3)}.season-lineup-error{background-color:var(--color-bg-tertiary);border-left:var(--card-border-width) solid var(--color-danger);color:var(--color-danger)}.season-lineup-notice{background-color:var(--color-bg-tertiary);border-left:var(--card-border-width) solid var(--color-info);color:var(--color-text-muted)}.season-swap-hint{color:var(--color-info);font-family:var(--font-primary);font-size:var(--font-size-xs)}.season-empty-slot{align-items:center;background-color:var(--color-bg-tertiary);border:var(--card-border-width) dashed var(--color-warning);border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-primary);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;width:100%}.season-empty-slot:hover:not(:disabled){background-color:var(--color-bg-hover)}.season-empty-slot--selected{border-color:var(--color-info);border-style:solid}.season-empty-slot--static{cursor:default;opacity:.5}.season-discard-pending{background:none;border:none;color:var(--color-warning);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-xs);padding:0;text-decoration:underline}.season-discard-pending:disabled{cursor:default;opacity:.5}.season-empty-slot-code{color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.season-empty-slot-text{color:var(--color-text-muted);font-size:var(--font-size-xs)}.season-team-footer{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.season-tab-bar{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}@media (max-width:768px){.season-tab-bar{padding-right:56px;padding-right:calc(40px + var(--space-2, 8px) + var(--space-2, 8px))}}.season-tab{background:none;border:none;border-radius:var(--radius-xl);color:var(--color-text-muted);cursor:pointer;flex:1 1;font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);padding:var(--space-2) var(--space-3);text-transform:uppercase;transition:var(--transition-all)}.season-tab--active,.season-tab:hover{color:var(--color-text-primary)}.season-tab--active{background-color:#333}.season-standings-row{align-items:center;background-color:var(--card-bg);border:var(--card-border-width) solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;font-family:var(--font-primary);gap:var(--space-3);padding:var(--space-3) var(--space-4)}.season-standings-row--mine{border-color:var(--color-info)}.season-standings-rank{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:var(--space-6)}.season-standings-name{flex:1 1}.season-standings-name,.season-standings-record{color:var(--color-text-primary);font-size:var(--font-size-sm)}.season-standings-record{font-weight:var(--font-weight-bold)}.season-standings-points{color:var(--color-text-muted);font-size:var(--font-size-xs)}.season-team-header{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4)}.season-team-avatar{border-radius:var(--radius-full);flex-shrink:0;height:56px;object-fit:contain;width:56px}.season-team-identity{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0;overflow:hidden}.season-team-name{word-wrap:break-word;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);overflow-wrap:break-word;text-transform:uppercase}.season-team-name--clickable{cursor:pointer;transition:var(--transition-color)}.season-team-name--clickable:hover{color:var(--color-info-lighter)}.season-team-owner{color:var(--color-text-muted);font-size:var(--font-size-xs)}.season-team-total{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1)}.season-team-total-label{color:var(--color-text-muted);font-size:10px;letter-spacing:var(--letter-spacing-normal)}.season-team-total-score{color:var(--color-danger);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.season-roster-section{display:flex;flex-direction:column;gap:var(--space-3)}.season-section-title-row{align-items:center;display:flex;justify-content:space-between}.season-section-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.season-section-title--muted{color:var(--color-text-muted)}.season-edit-roster-link,.season-section-title--muted{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-normal);text-transform:uppercase}.season-edit-roster-link{background:none;border:none;color:var(--color-info);cursor:pointer;font-family:var(--font-primary);font-weight:var(--font-weight-bold);padding:0;transition:var(--transition-color)}.season-edit-roster-link:hover{color:var(--color-info-light)}.season-card-stack{display:flex;flex-direction:column;gap:var(--space-2)}.season-card-stack .player-card{margin-bottom:0}.season-no-players{color:var(--color-text-muted);font-size:var(--font-size-base);padding:var(--space-6) var(--space-5);text-align:center}.season-team-error,.season-team-loading{align-items:center;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:var(--container-max-width);min-height:100vh;padding:var(--space-5);width:100%}.season-team-error h2,.season-team-loading h2{color:var(--color-info-light);font-family:var(--font-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-5)}.season-team-error-message{color:var(--color-text-muted);margin-bottom:var(--space-5);text-align:center}@media (max-width:375px){.season-team-page{padding-left:var(--space-3);padding-right:var(--space-3)}.season-team-avatar{height:48px;width:48px}.season-team-total-score{font-size:var(--font-size-lg)}}.leaderboard-page{background-color:#1a1a1a;box-shadow:0 0 20px #00000080;color:#fff;flex-direction:column;margin:0 auto;min-height:100vh;overflow:hidden;position:relative}.leaderboard-header,.leaderboard-page{box-sizing:border-box;display:flex;max-width:430px;width:100%}.leaderboard-header{align-items:center;background-color:#282828f2;border-bottom:1px solid #333;height:60px;left:50%;padding:0 15px;position:fixed;top:0;transform:translateX(-50%);z-index:100}.leaderboard-hof-button{background-color:#ffd7001a;border:2px solid #ffd7004d;border-radius:6px;color:gold;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.leaderboard-hof-button:hover{background-color:#ffd70033;border-color:#ffd70080}.leaderboard-hof-button.active{background-color:gold;border-color:gold;box-shadow:0 2px 6px #ffd70066;color:#000}.leaderboard-leagues-button{background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.leaderboard-leagues-button:hover{background-color:#fff3;border-color:#ffffff80}.leaderboard-list-container{bottom:120px;box-sizing:border-box;left:0;overflow-y:auto;padding:10px;position:absolute;right:0;top:60px}.leaderboard-card{align-items:center;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;min-height:120px;padding:15px;position:relative;transition:all .2s}.leaderboard-card:hover{background-color:#333;border-color:#4a4a4a;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.leaderboard-card.current-user{background-color:#2a3a4a;border:2px solid #4a90e2}.rank-badge{align-items:baseline;background:linear-gradient(135deg,gold,orange);border-radius:6px;box-shadow:0 2px 6px #ffd70066;color:#000;display:flex;font-family:Arial,sans-serif;font-weight:700;gap:2px;left:-5px;padding:4px 8px;position:absolute;top:-5px;z-index:1}.rank-number{font-size:18px;line-height:1}.rank-suffix{font-size:12px;line-height:1}.player-helmets{display:flex;flex-direction:row;flex-shrink:0;gap:5px;margin-right:15px}.helmet-icon{height:30px;object-fit:contain;width:30px}.user-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.username{color:#4a90e2;font-size:20px;text-transform:uppercase}.score-label,.username{font-family:Arial,sans-serif;font-weight:700;letter-spacing:.5px}.score-label{color:#ef4444;font-size:14px}.score-value{color:#4ade80;font-family:Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px}.medal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:32px;position:absolute;right:10px;top:10px}.leaderboard-footer{background-color:#282828f2;border-top:1px solid #333;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;height:120px;left:50%;max-width:430px;position:fixed;transform:translateX(-50%);width:100%;z-index:100}.filter-row{align-items:center;border-bottom:1px solid #333;display:flex;flex:1 1;gap:10px;padding:0 15px}.filter-row:last-child{border-bottom:none}.filter-label{color:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.filter-buttons{display:flex;flex:1 1;gap:8px}.filter-buttons button{background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.filter-buttons button:hover{background-color:#fff3;border-color:#ffffff80}.filter-buttons button.active{background-color:gold;border-color:gold;box-shadow:0 2px 6px #ffd70066;color:#000}.leaderboard-list-container::-webkit-scrollbar{width:8px}.leaderboard-list-container::-webkit-scrollbar-track{background:#1a1a1a}.leaderboard-list-container::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.leaderboard-list-container::-webkit-scrollbar-thumb:hover{background:#5a5a5a}@media (min-width:768px){.leaderboard-leagues-button{font-size:16px;padding:12px 24px}.username{font-size:24px}.score-value{font-size:32px}.rank-number{font-size:20px}.filter-label{font-size:16px}.filter-buttons button{font-size:14px;padding:10px 16px}}@media (prefers-reduced-motion:reduce){.filter-buttons button,.leaderboard-card,.leaderboard-leagues-button{transition:none}}.leaderboard-page-error,.leaderboard-page-loading{align-items:center;background-color:#1a1a1a;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:430px;min-height:100vh;padding:20px;width:100%}.leaderboard-page-loading h2{color:#4a90e2;font-family:Arial,sans-serif;font-size:24px;margin-bottom:20px}.leaderboard-page-error h2{color:#ef4444;font-family:Arial,sans-serif;font-size:24px;margin-bottom:10px}.leaderboard-page-error p{color:#ccc;font-family:Arial,sans-serif;font-size:16px;margin-bottom:20px}.leaderboard-page-error button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.leaderboard-page-error button:hover{background-color:#3a7bc8}.leaderboard-empty{color:#888;font-family:Arial,sans-serif;font-size:16px;padding:40px 20px;text-align:center}.leaderboard-page.hof-mode .leaderboard-footer{display:none}.leaderboard-page.hof-mode .leaderboard-list-container{bottom:0}.hof-card{align-items:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid gold;border-radius:8px;box-shadow:0 4px 12px #ffd70033;display:flex;margin-bottom:10px;min-height:100px;padding:15px;position:relative;transition:all .2s ease}.hof-card:hover{box-shadow:0 6px 16px #ffd7004d;transform:translateY(-2px)}.hof-trophy{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 2px 8px #ffd70080;color:#000;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;left:-10px;position:absolute;top:-10px;width:40px;z-index:1}.hof-player-info{display:flex;flex:1 1;flex-direction:column;gap:4px;padding-left:30px}.hof-player-name{color:gold;font-family:Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.hof-position-badge{background-color:#4a90e2;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;width:fit-content}.hof-context{color:#888;font-size:12px;margin-top:4px}.hof-stats{color:#4ade80;font-size:14px;font-weight:700;margin-top:4px}.hof-score{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:80px}.hof-score-value{color:gold;font-family:Arial,sans-serif;font-size:32px;font-weight:700;text-shadow:0 2px 4px #ffd7004d}.hof-score-label{color:#888;font-size:12px;font-weight:700}.filter-buttons button:focus,.leaderboard-hof-button:focus,.leaderboard-leagues-button:focus{outline:3px solid #007bff;outline-offset:2px}.boss-league-card{background-color:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .3s ease}.boss-league-card:hover{border-color:#4a90e2;box-shadow:0 4px 12px #4a90e233;transform:translateY(-2px)}.boss-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.boss-name{color:#f7fafc;font-family:Arial,sans-serif;font-size:20px;margin:0}.boss-name,.boss-status-badge{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.boss-status-badge{border-radius:4px;color:#fff;font-size:11px;padding:6px 12px}.boss-description{color:#a0aec0;font-family:Arial,sans-serif;font-size:14px;line-height:1.5;margin:0 0 16px}.boss-stats{background-color:#1a1a1a80;border-radius:6px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px}.boss-stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{font-weight:400}.stat-value{font-size:14px}.difficulty-value{color:gold;text-transform:capitalize}.spots-warning{background-color:#e2a34a33;border:1px solid #e2a34a;border-radius:4px;color:#e2a34a;font-size:13px;font-weight:700;margin-bottom:12px;padding:8px 12px;text-align:center}.boss-card-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.join-boss-button{background:linear-gradient(135deg,#4a90e2,#357abd);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.join-boss-button:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2868a8);box-shadow:0 4px 12px #4a90e266;transform:scale(1.02)}.join-boss-button:active:not(:disabled){transform:scale(.98)}.join-boss-button:disabled{cursor:not-allowed;opacity:.6}.view-details-button{background-color:#3a3a3a;border:2px solid #4a4a4a;border-radius:6px;color:#f7fafc;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.view-details-button:hover{background-color:#4a4a4a;border-color:#5a5a5a;transform:scale(1.02)}.view-details-button.joined{background:linear-gradient(135deg,#4ae28c,#2ecc71);border-color:#4ae28c;color:#fff}.view-details-button.joined:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);border-color:#2ecc71}.full-message{color:#a0aec0;font-size:14px;font-style:italic;padding:12px;text-align:center}.contest-info{border-top:1px solid #3a3a3a;color:#718096;font-size:12px;padding-top:12px;text-align:center}@media (max-width:430px){.boss-league-card{padding:16px}.boss-name{font-size:18px}.join-boss-button{font-size:14px;padding:12px 16px}}.boss-battles-unavailable{align-items:center;background-color:var(--color-bg-primary);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;margin:0 auto;max-width:430px;min-height:100vh;padding:var(--space-12) var(--space-6);text-align:center;width:100%}.boss-battles-unavailable__title{color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin:0}.boss-battles-unavailable__message{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0}.boss-battles-page{background-color:#1a1a1a;box-shadow:0 0 20px #00000080;color:#f7fafc;display:flex;flex-direction:column;margin:0 auto;max-width:430px;min-height:100vh;width:100%}.boss-battles-header{background:linear-gradient(135deg,#2d3748,#1a1a1a);border-bottom:2px solid #4a90e2;padding:20px;position:relative}.page-title{color:#f7fafc;font-family:Arial,sans-serif;font-size:26px;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-align:center;text-transform:uppercase}.page-subtitle{color:#a0aec0;font-size:14px;font-style:italic;margin:0;text-align:center}.loading-container{align-items:center;color:#a0aec0;justify-content:center;padding:60px 20px}.error-message,.loading-container{display:flex;flex-direction:column}.error-message{background-color:#e53e3e1a;border:1px solid #e53e3e;border-radius:6px;color:#fc8181;gap:12px;margin:16px;padding:16px}.error-message strong{color:#e53e3e}.retry-button{background-color:#e53e3e;border-radius:4px;font-weight:700;padding:10px 20px;transition:background-color .2s}.retry-button:hover{background-color:#c53030}.boss-battles-content{flex:1 1;overflow-y:auto;padding:20px}.no-leagues-message{color:#a0aec0;padding:60px 20px;text-align:center}.no-leagues-message h3{color:#f7fafc;font-size:20px;margin:0 0 12px}.no-leagues-message p{font-size:14px;margin:0}.leagues-header{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.leagues-header h2{color:#f7fafc;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.leagues-count{color:#4a90e2;font-size:14px;font-weight:700}.leagues-list{display:flex;flex-direction:column}.modal-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.role-modal{background-color:#2a2a2a;border:2px solid #4a90e2;border-radius:12px;box-shadow:0 10px 40px #00000080;max-width:400px;padding:30px;width:100%}.role-modal h2{color:#f7fafc;font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 12px;text-align:center;text-transform:uppercase}.modal-description{color:#a0aec0;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.modal-description strong{color:#4a90e2}.role-options{gap:12px;margin-bottom:20px}.role-button,.role-options{display:flex;flex-direction:column}.role-button{align-items:center;background-color:#1a1a1a;border:2px solid #3a3a3a;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .2s ease}.role-button:hover{box-shadow:0 4px 12px #4a90e24d;transform:translateY(-2px)}.role-button.striker:hover{background-color:#e53e3e1a;border-color:#e53e3e}.role-button.protector:hover{background-color:#4a90e21a;border-color:#4a90e2}.role-button.buffer:hover{background-color:#48bb781a;border-color:#48bb78}.role-icon{font-size:32px;margin-bottom:8px}.role-name{color:#f7fafc;font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.role-desc{color:#a0aec0;font-size:12px}.cancel-button{background-color:initial;border:1px solid #3a3a3a;border-radius:6px;color:#a0aec0;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s ease;width:100%}.cancel-button:hover{background-color:#3a3a3a;color:#f7fafc}@media (max-width:430px){.boss-battles-header{padding:16px}.page-title{font-size:22px}.boss-battles-content{padding:16px}.role-modal{padding:24px}}.loadout-setup{background-color:#1a1a1a;color:#f7fafc}.role-display{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:16px;padding:20px;text-align:center}.role-title{color:#a0aec0;font-size:14px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:18px;font-weight:700;gap:12px;padding:12px 24px}.role-badge.striker{background-color:#e53e3e33;border:2px solid #e53e3e;color:#e53e3e}.role-badge.protector{background-color:#4a90e233;border:2px solid #4a90e2;color:#4a90e2}.role-badge.buffer{background-color:#48bb7833;border:2px solid #48bb78;color:#48bb78}.role-icon{font-size:24px}.role-name{letter-spacing:1px;text-transform:uppercase}.gear-selection-section,.player-selection-section{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:16px;padding:20px}.section-title{align-items:center;display:flex;gap:8px}.selected-indicator{color:#48bb78;font-size:18px}.mythril-cost{align-items:center;background-color:#ffd7001a;border:1px solid gold;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.cost-label{color:#a0aec0;font-size:14px}.cost-value{color:gold;font-size:16px;font-weight:700}.gear-list,.player-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.gear-item,.player-item{align-items:center;background-color:#1a1a1a80;border:2px solid #3a3a3a;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.gear-item:hover:not(.disabled),.player-item:hover:not(.locked){background-color:#4a90e20d;border-color:#4a90e2}.gear-item.selected,.player-item.selected{background-color:#48bb781a;border-color:#48bb78}.gear-item.disabled,.player-item.locked{cursor:not-allowed;opacity:.5}.gear-info,.player-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.gear-name,.player-name{color:#f7fafc;font-size:14px;font-weight:700}.player-position{color:#a0aec0;font-size:12px;text-transform:uppercase}.gear-cost{color:gold;font-size:12px;font-weight:700}.check-icon{color:#48bb78;font-size:20px}.confirmed-banner{background:linear-gradient(135deg,#48bb78,#38a169);border-radius:6px;color:#fff;font-size:16px;margin-bottom:16px}.confirmed-banner,.locked-message{font-weight:700;padding:16px;text-align:center}.locked-message{background-color:#e2a34a33;border:1px solid #e2a34a;border-radius:6px;color:#e2a34a;font-size:14px}.loadout-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.confirm-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.save-button{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#2868a8);transform:scale(1.02)}.confirm-button{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.confirm-button:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f8555);transform:scale(1.02)}.confirm-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.warning-message{background-color:#e2a34a33;border:1px solid #e2a34a;border-radius:4px;color:#e2a34a;font-size:13px;font-weight:700;padding:12px;text-align:center}.gear-list::-webkit-scrollbar,.player-list::-webkit-scrollbar{width:8px}.gear-list::-webkit-scrollbar-track,.player-list::-webkit-scrollbar-track{background-color:#2a2a2a;border-radius:4px}.gear-list::-webkit-scrollbar-thumb,.player-list::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:4px}.gear-list::-webkit-scrollbar-thumb:hover,.player-list::-webkit-scrollbar-thumb:hover{background-color:#5a5a5a}@media (max-width:430px){.gear-selection-section,.player-selection-section{padding:16px}.section-title{font-size:14px}}.battle-results{background-color:#1a1a1a;color:#f7fafc}.result-banner{border-radius:8px;margin-bottom:20px;padding:40px 20px;text-align:center}.result-banner.victory{background:linear-gradient(135deg,#48bb78,#38a169);border:2px solid #48bb78}.result-banner.defeat{background:linear-gradient(135deg,#e53e3e,#c53030);border:2px solid #e53e3e}.result-icon{font-size:64px;margin-bottom:16px}.result-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:2px;margin:0 0 8px;text-transform:uppercase}.result-subtitle{color:#ffffffe6;font-size:16px;margin:0}.battle-stats-section,.boss-heads-section,.contributions-section,.event-log-section,.reward-section{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:16px;padding:20px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-item{align-items:center;background-color:#1a1a1a80;border-radius:6px;display:flex;flex-direction:column;padding:12px}.stat-label{color:#a0aec0;font-size:12px;margin-bottom:6px}.stat-value{color:#f7fafc;font-size:20px}.damage-value{color:#e53e3e}.health-value{color:#ff6b6b}.heads-list{display:flex;flex-direction:column;gap:12px}.head-item{align-items:center;background-color:#1a1a1a80;border-radius:6px;display:flex;gap:12px;padding:12px}.head-name{color:#f7fafc;flex:0 0 120px;font-size:14px;font-weight:700}.head-health-bar{background-color:#3a3a3a;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.head-health-fill{background:linear-gradient(90deg,#e53e3e,#ff6b6b);height:100%;transition:width .3s ease}.head-health-text{color:#a0aec0;flex:0 0 80px;font-size:12px;text-align:right}.participants-list{display:flex;flex-direction:column;gap:8px}.participant-row{align-items:center;background-color:#1a1a1a80;border:1px solid #0000;border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.participant-row.current-user{background-color:#4a90e21a;border-color:#4a90e2}.participant-rank{color:#a0aec0;flex:0 0 40px;font-size:16px;font-weight:700}.participant-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.participant-name{color:#f7fafc;font-size:14px;font-weight:700}.participant-role{color:#a0aec0;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.participant-damage{color:#e53e3e}.participant-damage,.participant-reward{flex:0 0 auto;font-size:14px;font-weight:700}.participant-reward{color:gold}.reward-container{gap:20px}.reward-amount,.reward-container{align-items:center;display:flex;flex-direction:column}.reward-amount{background-color:#ffd7001a;border:2px solid gold;border-radius:8px;max-width:200px;padding:20px;width:100%}.reward-icon{font-size:48px;margin-bottom:8px}.reward-value{color:gold;font-size:32px;font-weight:700;margin-bottom:4px}.reward-label{color:#a0aec0;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.claim-button{background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:6px;color:#1a1a1a;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;max-width:200px;padding:14px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.claim-button:hover{background:linear-gradient(135deg,#fa0,#f80);box-shadow:0 4px 12px #ffd70066;transform:scale(1.05)}.claimed-message{color:#48bb78;font-size:16px;font-weight:700;text-align:center}.no-reward-message{color:#a0aec0;font-size:14px;font-style:italic;text-align:center}.event-log{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.event-entry{background-color:#1a1a1a80;border-left:3px solid #4a90e2;border-radius:4px;padding:10px 12px}.event-text{color:#cbd5e0;font-size:13px;line-height:1.4}.event-log::-webkit-scrollbar{width:8px}.event-log::-webkit-scrollbar-track{background-color:#2a2a2a;border-radius:4px}.event-log::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:4px}.event-log::-webkit-scrollbar-thumb:hover{background-color:#5a5a5a}@media (max-width:430px){.result-title{font-size:28px}.stat-grid{grid-template-columns:1fr}.head-name{flex:0 0 100px;font-size:12px}}.battle-details-page{background-color:#1a1a1a;box-shadow:0 0 20px #00000080;color:#f7fafc;display:flex;flex-direction:column;margin:0 auto;max-width:430px;min-height:100vh;width:100%}.error-container,.loading-container{align-items:center;color:#a0aec0;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #3a3a3a;border-top-color:#4a90e2;height:50px;margin-bottom:20px;width:50px}.error-container h2{color:#e53e3e;margin:0 0 12px}.error-container p{margin:0 0 20px}.battle-header{background:linear-gradient(135deg,#2d3748,#1a1a1a);border-bottom:2px solid #4a90e2;padding:20px}.back-button{background-color:initial;border:1px solid #4a90e2;border-radius:4px;color:#4a90e2;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background-color:#4a90e2;color:#fff}.battle-title{color:#f7fafc;font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-align:center;text-transform:uppercase}.battle-description{color:#a0aec0;font-size:14px;margin:0 0 16px;text-align:center}.battle-status-bar{align-items:center;background-color:#1a1a1a80;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.status-badge{border-radius:4px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.participant-count{color:#a0aec0;font-size:14px;font-weight:700}.warning-banner{align-items:center;background-color:#e2a34a33;border:1px solid #e2a34a;border-radius:6px;color:#e2a34a;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin:16px;padding:16px;text-align:center}.join-link{background-color:#e2a34a;border:none;border-radius:4px;color:#1a1a1a;cursor:pointer;font-weight:700;padding:6px 12px;transition:background-color .2s}.join-link:hover{background-color:#d69939}.tab-navigation{background-color:#282828f2;border-bottom:1px solid #3a3a3a;display:flex}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#a0aec0;cursor:pointer;flex:1 1;font-family:Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:16px 10px;transition:all .2s}.tab-button:hover{background-color:#3c3c3c80;color:#f7fafc}.tab-button.active{background-color:#4a90e20d;border-bottom-color:#4a90e2;color:#4a90e2}.battle-content{flex:1 1;overflow-y:auto;padding:20px}.participants-section{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;margin-top:16px;padding:20px}.section-title{border-bottom:1px solid #3a3a3a;color:#4a90e2;font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;padding-bottom:8px;text-transform:uppercase}.roster-list{display:flex;flex-direction:column;gap:8px}.roster-item{align-items:center;background-color:#1a1a1a80;border:1px solid #0000;border-radius:6px;display:flex;gap:12px;padding:12px}.roster-item.current-user{background-color:#4a90e21a;border-color:#4a90e2}.warrior-name{color:#f7fafc;flex:1 1;font-size:14px;font-weight:700}.warrior-role{color:#a0aec0;flex:0 0 auto;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.ready-badge{background-color:#48bb78;border-radius:4px;color:#fff;flex:0 0 auto;font-size:11px;font-weight:700;padding:4px 8px}.empty-message{color:#a0aec0;font-size:14px;font-style:italic;padding:40px 20px;text-align:center}@media (max-width:430px){.battle-header{padding:16px}.battle-title{font-size:20px}.battle-content{padding:16px}}.add-friend-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-friend-modal{background-color:#1a202c;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.add-friend-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 24px 20px}.add-friend-modal-title{color:#f7fbfc;font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:600;letter-spacing:.5px;margin:0}.add-friend-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#a3a3ac;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.add-friend-modal-close:hover{background-color:#ffffff0d;color:#f7fbfc}.add-friend-modal-close:active{background-color:#ffffff1a}.add-friend-search-form{border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 24px}.add-friend-search-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.add-friend-search-icon{color:#a3a3ac;left:16px;pointer-events:none;position:absolute}.add-friend-search-input{background-color:#2d3748;border:1px solid #ffffff1a;border-radius:8px;color:#f7fbfc;font-family:Inter,Arial,sans-serif;font-size:14px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.add-friend-search-input::placeholder{color:#a3a3ac}.add-friend-search-input:focus{background-color:#374151;border-color:#2563eb;outline:none}.add-friend-search-button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.add-friend-search-button:hover:not(:disabled){background-color:#1d4ed8}.add-friend-search-button:active:not(:disabled){background-color:#1e40af;transform:translateY(1px)}.add-friend-search-button:disabled{cursor:not-allowed;opacity:.5}.add-friend-error{background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-family:Inter,Arial,sans-serif;font-size:14px;margin:16px 24px;padding:12px 16px}.add-friend-results{flex:1 1;min-height:200px;overflow-y:auto;padding:20px 24px}.add-friend-results-header{color:#a3a3ac;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.add-friend-loading{align-items:center;color:#a3a3ac;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#2563eb}.add-friend-loading p{font-family:Inter,Arial,sans-serif;font-size:14px;margin:0}.add-friend-results-list{display:flex;flex-direction:column;gap:8px}.add-friend-result-item{align-items:center;background-color:#2d3748;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px;transition:all .2s ease}.add-friend-result-item:hover{background-color:#374151;border-color:#ffffff1a}.add-friend-user-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.add-friend-avatar{background-color:#1a202c;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.add-friend-avatar img{height:100%;object-fit:cover;width:100%}.add-friend-user-meta{flex:1 1;min-width:0}.add-friend-username{color:#f7fbfc;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-friend-actions{flex-shrink:0;margin-left:12px}.add-friend-row-message{font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:var(--space-2) 0 0;width:100%}.add-friend-row-message-info{color:var(--color-warning-light)}.add-friend-row-message-error{color:var(--color-danger)}.add-friend-add-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.add-friend-add-button:hover:not(:disabled){background-color:#1d4ed8}.add-friend-add-button:active:not(:disabled){background-color:#1e40af;transform:translateY(1px)}.add-friend-add-button:disabled{cursor:not-allowed;opacity:.6}.add-friend-already-friends{background-color:#10b9811a;border:1px solid #10b9814d;border-radius:6px;color:#10b981;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px}.add-friend-already-friends,.add-friend-request-pending{display:inline-block;padding:10px 20px;white-space:nowrap}.add-friend-request-pending{background-color:color-mix(in srgb,var(--color-warning) 10%,#0000);border:1px solid color-mix(in srgb,var(--color-warning) 30%,#0000);border-radius:var(--radius-md);color:var(--color-warning-light);font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.add-friend-empty{align-items:center;color:#a3a3ac;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.add-friend-empty p{font-family:Inter,Arial,sans-serif;font-size:14px;margin:0 0 8px}.add-friend-hint{font-size:13px;opacity:.7}@media (max-width:768px){.add-friend-modal{border-radius:12px 12px 0 0;margin:0;max-height:90vh;max-width:100%}.add-friend-modal-header{padding:20px 16px}.add-friend-search-form{flex-direction:column;padding:16px}.add-friend-search-button{width:100%}.add-friend-results{padding:16px}.add-friend-result-item{padding:12px}.add-friend-user-info{gap:10px}.add-friend-avatar{height:40px;width:40px}.add-friend-username{font-size:14px}.add-friend-add-button,.add-friend-already-friends,.add-friend-request-pending{font-size:13px;padding:8px 16px}}.message-item{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:var(--transition-all)}.message-item:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.message-item-unread{background-color:#3498db0d;border-color:var(--color-info)}.message-item-system{background-color:#ffd7000d;border-color:var(--color-accent-gold)}.message-item-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4);-webkit-user-select:none;user-select:none}.message-item-sender-info{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.message-unread-indicator{background-color:var(--color-info);border-radius:var(--radius-full);flex-shrink:0;height:8px;margin-top:8px;width:8px}.message-sender-avatar{align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.message-sender-avatar img{height:100%;object-fit:cover;width:100%}.message-sender-avatar svg{color:var(--color-accent-gold);height:24px;width:24px}.message-sender-meta{flex:1 1;min-width:0}.message-sender-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-1)}.message-type-badge{background-color:var(--color-info);border-radius:var(--radius-pill);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 8px}.message-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-normal);overflow:hidden;text-overflow:ellipsis}.message-subject{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.message-item-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);margin-left:var(--space-3)}.message-timestamp{white-space:nowrap}.message-expand-icon,.message-timestamp{color:var(--color-text-muted);font-size:var(--font-size-xs)}.message-item-expanded{animation:expandIn .2s ease-out;border-top:1px solid var(--color-border-primary);padding:var(--space-4)}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.message-body-full{margin-bottom:var(--space-4)}.message-subject-full{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.message-text{word-wrap:break-word;color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);white-space:pre-wrap}.message-battle-info{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.battle-info-title{color:var(--color-accent-gold);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.battle-info-details{display:flex;flex-direction:column;gap:var(--space-2)}.battle-info-row{align-items:center;display:flex;justify-content:space-between}.battle-info-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.battle-info-value{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.message-item-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.message-action-button{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:var(--transition-all)}.message-delete-button{background-color:initial;border-color:var(--color-danger);color:var(--color-danger)}.message-delete-button:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.message-delete-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.message-item-header{padding:var(--space-3)}.message-sender-avatar{height:36px;width:36px}.message-sender-name{font-size:var(--font-size-sm)}.message-preview{font-size:var(--font-size-xs)}.message-item-expanded{padding:var(--space-3)}}.message-inbox{gap:var(--space-4)}.inbox-header,.message-inbox{display:flex;flex-direction:column;width:100%}.inbox-header{gap:var(--space-3)}.inbox-filters{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-2)}.filter-button{background-color:initial;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3);transition:var(--transition-all)}.filter-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.filter-button-active{background-color:var(--color-info);border-color:var(--color-info);color:#fff}.filter-button-active:hover{background-color:var(--color-info-light);border-color:var(--color-info-light)}.bug-report-action-button{align-items:center;background-color:#ef4444;border:none;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);transition:var(--transition-all)}.bug-report-action-button:hover{background-color:#dc2626;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.bug-report-action-button:active{box-shadow:0 1px 2px #0003;transform:translateY(0)}@media (min-width:768px){.inbox-header{align-items:center;flex-direction:row;justify-content:space-between}.inbox-filters{flex:1 1;max-width:600px}.bug-report-action-button{min-width:160px}}.inbox-messages{min-height:300px}.inbox-loading,.inbox-messages{display:flex;flex-direction:column}.inbox-loading{align-items:center;gap:var(--space-3);justify-content:center;padding:var(--space-8)}.loading-spinner{height:48px;width:48px}.inbox-loading p{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}.inbox-error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-8);text-align:center}.inbox-error p{color:var(--color-danger);margin:0}.inbox-error p,.retry-button{font-size:var(--font-size-base)}.retry-button{background-color:var(--color-info);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-6);transition:var(--transition-all)}.retry-button:hover{background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue)}.inbox-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.empty-icon{font-size:64px;margin-bottom:var(--space-4);opacity:.5}.empty-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.empty-subtitle{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0;max-width:400px}@media (max-width:767px){.inbox-filters{padding:var(--space-1)}.filter-button{font-size:var(--font-size-xs);padding:var(--space-2)}.inbox-messages{min-height:200px}.empty-icon{font-size:48px}.empty-title{font-size:var(--font-size-base)}.empty-subtitle{font-size:var(--font-size-sm)}}.message-notification-badge{align-items:center;background-color:#ef4444;border-radius:var(--radius-full);box-shadow:0 2px 4px #0003;display:inline-flex;height:20px;justify-content:center;min-width:20px;padding:0 6px}.badge-count{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;text-align:center}@media (min-width:768px){.message-notification-badge{height:22px;min-width:22px;padding:0 7px}.badge-count{font-size:var(--font-size-sm)}}.send-canned-modal-overlay{align-items:center;background-color:var(--modal-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.send-canned-modal{animation:modalSlideIn .2s ease-out;background-color:var(--modal-bg);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:var(--modal-width-md);width:100%}.send-canned-modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:var(--modal-header-padding)}.send-canned-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.send-canned-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:var(--transition-all)}.send-canned-modal-close:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.send-canned-modal-close:disabled{cursor:not-allowed;opacity:.5}.send-canned-modal-body{overflow-y:auto;padding:var(--modal-body-padding)}.send-canned-error{background-color:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);padding:var(--space-3)}.canned-message-options{display:flex;flex-direction:column;gap:var(--space-3)}.options-description{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0 0 var(--space-2) 0}.canned-option-button{align-items:center;background-color:var(--color-bg-tertiary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);text-align:left;transition:var(--transition-all)}.canned-option-button:hover:not(:disabled){background-color:#3498db1a;border-color:var(--color-info);box-shadow:var(--shadow-md);transform:translateY(-2px)}.canned-option-button:disabled{cursor:not-allowed;opacity:.6}.option-icon{flex-shrink:0;font-size:32px}.option-content{flex:1 1}.option-title{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.option-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm)}.battle-selector{display:flex;flex-direction:column;gap:var(--space-4)}.battles-description{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}.battles-loading{padding:var(--space-8);text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--color-bg-tertiary);border-radius:var(--radius-full);border-top-color:var(--color-info);height:40px;margin:0 auto var(--space-3);width:40px}.battles-loading p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.battles-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto}.battle-option-button{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-4);transition:var(--transition-all)}.battle-option-button:hover:not(:disabled){background-color:#ffd7001a;border-color:var(--color-accent-gold);box-shadow:var(--shadow-sm)}.battle-option-button:disabled{cursor:not-allowed;opacity:.6}.battle-info{flex:1 1;min-width:0}.battle-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-details{color:var(--color-text-muted);font-size:var(--font-size-xs)}.battle-result{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1);margin-left:var(--space-3)}.battle-placement{color:var(--color-accent-gold);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.battle-score{color:var(--color-text-muted);font-size:var(--font-size-sm)}.back-to-options-button{background-color:initial;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3);transition:var(--transition-all)}.back-to-options-button:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.back-to-options-button:disabled{cursor:not-allowed;opacity:.5}.send-canned-success{padding:var(--space-8) var(--space-4);text-align:center}.success-message{color:var(--color-text-muted);margin:0}@media (max-width:767px){.send-canned-modal-overlay{padding:var(--space-2)}.send-canned-modal{max-height:95vh}.send-canned-modal-body,.send-canned-modal-header{padding:var(--space-4)}.send-canned-modal-title{font-size:var(--font-size-lg)}.canned-option-button{padding:var(--space-3)}.option-icon{font-size:28px}.battle-option-button{padding:var(--space-3)}}.bug-report-modal-overlay{align-items:center;background-color:var(--modal-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.bug-report-modal{animation:modalSlideIn .2s ease-out;background-color:var(--modal-bg);border:var(--modal-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:var(--modal-width-md);width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.bug-report-modal-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:var(--modal-header-padding)}.bug-report-modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.bug-report-modal-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:var(--transition-all)}.bug-report-modal-close:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.bug-report-modal-close:disabled{cursor:not-allowed;opacity:.5}.bug-report-modal-body{overflow-y:auto;padding:var(--modal-body-padding)}.bug-report-form{display:flex;flex-direction:column;gap:var(--space-4)}.bug-report-field{display:flex;flex-direction:column;gap:var(--space-2)}.bug-report-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.bug-report-textarea{background-color:var(--input-bg);border:var(--input-border);border-radius:var(--input-border-radius);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);min-height:120px;padding:var(--input-padding);resize:vertical;transition:var(--transition-all);width:100%}.bug-report-textarea:hover:not(:disabled){background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.bug-report-textarea:focus{background-color:var(--input-bg-focus);border-color:var(--input-border-color-focus);box-shadow:var(--input-focus-shadow);outline:none}.bug-report-textarea:disabled{cursor:not-allowed;opacity:.6}.bug-report-textarea::placeholder{color:var(--input-placeholder-color)}.bug-report-char-count{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:right}.char-count-error{color:var(--color-danger)!important;font-weight:var(--font-weight-semibold)}.bug-report-info{align-items:flex-start;background-color:#3498db1a;border:1px solid #3498db4d;border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);line-height:var(--line-height-normal);padding:var(--space-3)}.bug-report-info svg{color:var(--color-info);flex-shrink:0;margin-top:2px}.bug-report-error{background-color:#ef44441a;border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3)}.bug-report-success{padding:var(--space-8) var(--space-4);text-align:center}.success-icon{align-items:center;animation:successPulse .6s ease-out;background-color:var(--color-success);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);height:64px;justify-content:center;margin:0 auto var(--space-4);width:64px}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0}.success-message{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0 0 var(--space-2) 0}.success-submessage{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.bug-report-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.bug-report-button{border:1px solid #0000;min-width:120px;padding:var(--button-padding-md)}.bug-report-cancel-button{background-color:initial;border-color:var(--color-border-dark);color:var(--color-text-primary)}.bug-report-cancel-button:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-light)}.bug-report-submit-button{background-color:var(--color-info);border-color:var(--color-info);color:#fff}.bug-report-submit-button:hover:not(:disabled){background-color:var(--color-info-light);border-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue)}.bug-report-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.bug-report-modal-overlay{padding:var(--space-2)}.bug-report-modal{max-height:95vh}.bug-report-modal-body,.bug-report-modal-header{padding:var(--space-4)}.bug-report-modal-title{font-size:var(--font-size-lg)}.bug-report-actions{flex-direction:column}.bug-report-button{width:100%}}.account-page{background-color:#1a202c;flex-direction:column;min-height:100vh;padding-bottom:24px}.account-page,.page-header{align-items:center;display:flex;width:100%}.page-header{height:78px;justify-content:space-between;margin:0 auto;max-width:1000px;padding:0 24px;position:relative}.header-back-button{align-items:center;background-color:#1a1a1a;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;height:44px;justify-content:center;margin-bottom:17px;margin-top:17px;padding:12px 8px;transition:background-color .2s;width:150px}.header-back-button:hover{background-color:#2a2a2a}.header-back-button:active{background-color:#333}.back-arrow{color:#ffd500}.back-arrow,.back-label{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1}.back-label{color:#f7fbfc;letter-spacing:.5px}.header-right-group{align-items:center;display:flex;gap:16px;margin-bottom:17px;margin-top:17px}.header-currency-button{align-items:center;background-color:#1a1a1a;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;height:44px;justify-content:center;padding:12px 8px;transition:background-color .2s;width:181px}.header-currency-button:hover{background-color:#2a2a2a}.header-currency-button:active{background-color:#333}.diamond-icon{height:32px;object-fit:contain;width:30px}.currency-label{color:#f7fbfc;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;line-height:1}.header-user-avatar{border-radius:8px;height:39px;object-fit:cover;width:25px}.username-section{align-items:center;display:flex;justify-content:center;max-width:1000px;padding:24px 32px 16px;width:100%}.username-title{color:#fff;font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0;text-align:center}.main-content-layout{background-color:#121213;display:flex;flex-direction:column;gap:24px;max-width:1000px;padding:0 32px;width:100%}.sub-navigation{border-bottom:1px solid #2e2e34;display:flex;flex-direction:row;gap:16px}.tab-state-active{border-bottom:2px solid #2563eb;cursor:pointer;display:flex;flex-direction:column;padding:8px 16px}.tab-text-active{color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4}.tab-state-default{cursor:pointer;display:flex;flex-direction:column;padding:8px 16px}.tab-text-default{color:#a3a3ac;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.split-dashboard{display:flex;flex-direction:row;gap:24px;width:100%}.left-panel-matches{display:flex;flex-direction:column;gap:16px;width:552px}.panel-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.panel-header-title{color:#fff;font-weight:600}.panel-header-link,.panel-header-title{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.4}.panel-header-link{color:#2563eb;cursor:pointer;font-weight:400}.panel-header-link:hover{text-decoration:underline}.matches-list{display:flex;flex-direction:column;gap:12px}.match-card{border-radius:10px}.match-card,.match-card-outlined{background-color:#1e1e22;display:flex;flex-direction:column;gap:12px;padding:16px}.match-card-outlined{border:2px solid #2563eb;border-radius:10px}.page-cell{align-items:center;background-color:#1a1a1e;border:1px solid #2e2e34;border-radius:8px;display:flex;flex-direction:row;gap:12px;padding:12px}.cell-thumbnail{background-color:#2e2e34;border-radius:6px;flex-shrink:0;height:48px;width:48px}.cell-meta{display:flex;flex-direction:column;flex-grow:1;gap:2px}.cell-meta-name{color:#fff;font-size:14px;font-weight:500}.cell-meta-name,.cell-meta-subtitle{font-family:Inter,Arial,sans-serif;line-height:1.4}.cell-meta-subtitle{color:#a3a3ac;font-size:12px;font-weight:400}.cell-status-wrap{align-items:center;display:flex;flex-direction:row;gap:6px;margin-left:auto}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot-win{background-color:#10b981}.status-dot-loss{background-color:#ef4444}.status-label-win{color:#10b981}.status-label-loss,.status-label-win{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.4}.status-label-loss{color:#ef4444}.right-panel-friends{display:flex;flex-direction:column;gap:16px;width:360px}.friends-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.friends-header-title{color:#fff;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.4}.friends-tabs{display:flex;gap:8px}.friends-tab{background-color:initial;border:none;border-radius:6px;color:#a3a3ac;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.friends-tab:hover{background-color:#ffffff0d;color:#fff}.friends-tab-active{background-color:#2563eb26;color:#2563eb}.friends-tab-active:hover{background-color:#2563eb33}.user-plus-icon{color:#a3a3ac;cursor:pointer;transition:color .2s}.user-plus-icon:hover{color:#fff}.friends-search-bar{align-items:center;background-color:#1a1a1e;border:1px solid #2e2e34;border-radius:6px;display:flex;flex-direction:row;gap:8px;height:40px;padding:0 12px}.search-icon{color:#a3a3ac;flex-shrink:0}.search-input{background:#0000;border:none;color:#fff;flex-grow:1;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.4;outline:none}.search-input::placeholder{color:#6b6b76}.friends-list{display:flex;flex-direction:column;gap:12px}.friend-row{background-color:#1e1e22;border:1px solid #2e2e34;border-radius:8px;flex-wrap:wrap;justify-content:space-between;padding:12px}.friend-identity-wrap,.friend-row{align-items:center;display:flex;flex-direction:row;gap:12px}.avatar-ring-stack{flex-shrink:0;height:40px;position:relative;width:40px}.avatar-placeholder{background-color:#2e2e34;border-radius:16px;height:40px;width:40px}.status-dot-ring{border:2px solid #1e1e22;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.status-online{background-color:#10b981}.status-away{background-color:#fbbf24}.status-offline{background-color:#6b6b76}.friend-meta{display:flex;flex-direction:column;gap:2px}.friend-username{color:#fff;font-size:13px;font-weight:600}.friend-status,.friend-username{font-family:Inter,Arial,sans-serif;line-height:1.4}.friend-status{color:#a3a3ac;font-size:11px;font-weight:400}.friend-button{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:background-color .2s}.friend-button-primary{background-color:#2563eb;color:#fff}.friend-button-primary:hover{background-color:#1d4ed8}.friend-button-primary:active{background-color:#1e40af}.friend-button-secondary{background-color:#2e2e34;border:1px solid #2e2e34;color:#fff}.friend-button-secondary:hover{background-color:#3e3e44}.friend-button-secondary:active{background-color:#4e4e54}.friend-actions-group{align-items:center;display:flex;gap:8px}.friend-action-error{color:var(--color-danger);font-family:var(--font-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0;width:100%}.friend-remove-button{align-items:center;background-color:initial;border:1px solid #ffffff1a;border-radius:6px;color:#a3a3ac;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.friend-remove-button:hover{background-color:#ef44441a;border-color:#ef44444d;color:#ef4444}.friend-remove-button:active{background-color:#ef444433;transform:translateY(1px)}.friends-loading{align-items:center;color:#a3a3ac;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.friends-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#2563eb;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.friends-loading p{font-family:Inter,Arial,sans-serif;font-size:13px;margin:0}.friends-error{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.friends-error p{color:#fca5a5;margin:0}.friends-error button,.friends-error p{font-family:Inter,Arial,sans-serif;font-size:13px}.friends-error button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .2s ease}.friends-error button:hover{background-color:#1d4ed8}.friends-empty{align-items:center;display:flex;flex-direction:column;gap:20px;padding:60px 20px;text-align:center}.friends-empty-main{color:#a3a3ac;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.3px;margin:0}.friends-empty-add-button{background-color:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 8px #2563eb4d;color:#fff;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;transition:all .2s ease}.friends-empty-add-button:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.friends-empty-add-button:active{background-color:#1e40af;box-shadow:0 2px 8px #2563eb4d;transform:translateY(0)}.friends-empty-hint{color:#6b7280;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5;margin:8px 0 0;text-align:center}.friend-button-accept{background-color:#10b9811a;border:1px solid #10b9814d;border-radius:6px;color:#10b981;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.friend-button-accept:hover:not(:disabled){background-color:#10b98126;border-color:#10b98180;box-shadow:0 2px 8px #10b98133;transform:translateY(-1px)}.friend-button-accept:active:not(:disabled){background-color:#10b98133;box-shadow:0 1px 4px #10b98126;transform:translateY(0)}.friend-button-accept:disabled{cursor:not-allowed;opacity:.5}.friend-button-decline{background-color:#ef44440d;border:1px solid #ef444433;border-radius:6px;color:#ef4444;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.friend-button-decline:hover:not(:disabled){background-color:#ef44441a;border-color:#ef444466;box-shadow:0 2px 8px #ef444426;transform:translateY(-1px)}.friend-button-decline:active:not(:disabled){background-color:#ef444426;box-shadow:0 1px 4px #ef44441a;transform:translateY(0)}.friend-button-decline:disabled{cursor:not-allowed;opacity:.5}.settings-panel{gap:24px;padding:24px 0;width:100%}.settings-panel,.settings-section{display:flex;flex-direction:column}.settings-section{gap:16px}.settings-section-title{color:#fff;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4;margin:0}.settings-item{background-color:#1e1e22;border:1px solid #2e2e34;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px}.settings-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.settings-checkbox{accent-color:#2563eb;cursor:pointer;flex-shrink:0;height:20px;width:20px}.settings-checkbox-text{color:#fff;font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.4}.settings-description{color:#a3a3ac;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.5;margin:0 0 0 32px}.stats-panel{padding:24px 0;width:100%}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);max-width:600px}.stat-card{align-items:center;background-color:#1e1e22;border:1px solid #2e2e34;border-radius:10px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px 24px;transition:all .2s ease}.stat-card:hover{background-color:#252529;border-color:#3e3e44;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.stat-label{color:#a3a3ac;font-size:13px;font-weight:500;letter-spacing:.5px;text-align:center;text-transform:uppercase}.stat-label,.stat-value{font-family:Inter,Arial,sans-serif}.stat-value{color:#fff;font-size:36px;font-weight:700;line-height:1}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:24px 20px}.stat-value{font-size:28px}}.library-panel{display:flex;flex-direction:column;gap:16px;padding:24px 0;width:100%}.library-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.library-count{color:#a3a3ac;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.4}.library-scroll-window{background-color:#1a1a1e;border:1px solid #2e2e34;border-radius:10px;max-height:480px;overflow-y:auto;padding:16px;scrollbar-color:#3e3e44 #1a1a1e;scrollbar-width:thin}.library-scroll-window::-webkit-scrollbar{width:8px}.library-scroll-window::-webkit-scrollbar-track{background:#1a1a1e;border-radius:4px}.library-scroll-window::-webkit-scrollbar-thumb{background:#3e3e44;border-radius:4px}.library-scroll-window::-webkit-scrollbar-thumb:hover{background:#4e4e54}.library-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.library-card{background-color:#1e1e22;border:1px solid #2e2e34;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.library-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.library-card--legendary{border-color:#ffd50080}.library-card--legendary:hover{box-shadow:0 4px 12px #ffd50026}.library-card--epic{border-color:#a855f780}.library-card--epic:hover{box-shadow:0 4px 12px #a855f726}.library-card--rare{border-color:#2563eb80}.library-card--rare:hover{box-shadow:0 4px 12px #2563eb26}.library-card--common{border-color:#2e2e34}.library-card__art{align-items:center;aspect-ratio:4/3;background:linear-gradient(160deg,#2e2e34,#232327);display:flex;justify-content:center;overflow:hidden;position:relative}.library-card__img{height:100%;inset:0;object-fit:contain;object-position:center;position:absolute;width:100%;z-index:1}.library-card__position{color:#6b6b76;font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px}.library-card__position--qb{color:#ffd500}.library-card__position--rb{color:#10b981}.library-card__position--wr{color:#2563eb}.library-card__position--gear{color:#a3a3ac;font-size:14px;letter-spacing:2px}.library-card__meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.library-card__name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card__name,.library-card__team{font-family:Inter,Arial,sans-serif;line-height:1.4}.library-card__team{color:#a3a3ac;font-size:11px;font-weight:400}.library-card__rarity{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1.4;margin-top:4px;text-transform:uppercase}.library-card__rarity--legendary{color:#ffd500}.library-card__rarity--epic{color:#a855f7}.library-card__rarity--rare{color:#2563eb}.library-card__rarity--common{color:#a3a3ac}@media (min-width:768px){.library-grid{gap:16px;grid-template-columns:repeat(3,1fr)}.library-scroll-window{max-height:560px}}@media (min-width:1024px){.library-grid{grid-template-columns:repeat(4,1fr)}}.messages-panel{margin:0 auto;max-width:800px;padding:var(--space-4);width:100%}.tab-text-active,.tab-text-default{align-items:center;display:flex;gap:var(--space-2)}.bug-report-button{background-color:var(--color-info);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-6);transition:var(--transition-all)}.bug-report-button:hover{background-color:var(--color-info-light);box-shadow:var(--shadow-glow-blue)}.bug-report-button:active{transform:translateY(1px)}.account-page .logout-button{background-color:var(--color-bg-nav);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-2);padding:var(--space-3) var(--space-6);transition:var(--transition-all)}.account-page .logout-button:hover{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-primary)}.account-page .logout-button:active{transform:translateY(1px)}@media (max-width:767px){.messages-panel{padding:var(--space-2)}}.account-button{background-color:#ffffff1a;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:50%;border-radius:var(--radius-full,50%);cursor:pointer;height:50px;outline:none;padding:8px;padding:var(--space-2,8px);position:fixed;right:16px;right:var(--space-4,16px);top:16px;top:var(--space-4,16px);transition:all .2s ease;width:50px;z-index:1000}.account-button:hover{background-color:#fff3;border-color:#4299e1;border-color:var(--color-primary,#4299e1);box-shadow:0 4px 12px #0000004d;transform:scale(1.05)}.account-button:active{transform:scale(.98)}.account-button:focus-visible{outline:2px solid #4299e1;outline:2px solid var(--color-primary,#4299e1);outline-offset:2px}.account-icon{display:block;height:100%;object-fit:contain;width:100%}@media (max-width:768px){.account-button{height:40px;right:8px;right:var(--space-2,8px);top:8px;top:var(--space-2,8px);width:40px}}.beta-gate{display:flex;flex-direction:column;font-family:var(--font-primary)}.beta-gate__error,.beta-gate__notice{border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-4) 0;padding:var(--space-3)}.beta-gate__notice{background-color:var(--color-bg-hover);border:1px solid var(--color-warning)}.beta-gate__error{background-color:var(--input-error-bg);border:1px solid var(--color-danger)}.beta-gate__input{background-color:var(--input-bg);border:var(--input-border-width) solid var(--color-border-dark);border-radius:var(--input-border-radius);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-md);height:var(--input-height-md);margin-bottom:var(--space-5);padding:var(--input-padding-md)}.beta-gate__input:hover:not(:disabled){background-color:var(--input-bg-hover);border-color:var(--input-border-hover)}.beta-gate__input:focus-visible{box-shadow:var(--input-focus-shadow);outline:2px solid var(--color-focus);outline-offset:2px}.beta-gate__input:disabled{background-color:var(--input-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.beta-gate__submit{background-color:var(--color-info);border:none;border-radius:var(--radius-md);color:var(--color-text-on-primary);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);height:var(--button-height-md);letter-spacing:var(--letter-spacing-normal);padding:var(--button-padding-md);text-transform:uppercase;transition:var(--transition-all)}.beta-gate__submit:hover:not(:disabled){background-color:var(--color-info-light)}.beta-gate__submit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.beta-gate__submit:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:reduce){.beta-gate__submit{transition:none}}.clerk-admission{align-items:center;background-color:var(--color-bg-primary);display:flex;font-family:var(--font-primary);justify-content:center;min-height:100vh;padding:var(--space-6)}.clerk-admission__panel{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-width:480px;padding:var(--space-8);width:100%}.clerk-admission__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0;text-align:center}.clerk-admission__message{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:1.5;margin:0 0 var(--space-6) 0;text-align:center}.clerk-admission__error,.clerk-admission__notice{border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.4;margin:0 0 var(--space-4) 0;padding:var(--space-3)}.clerk-admission__notice{border:1px solid var(--color-warning)}.clerk-admission__error,.clerk-admission__notice{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.clerk-admission__error{border:1px solid var(--color-danger)}.clerk-admission__label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.clerk-admission__input{background-color:var(--color-bg-primary);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-md);margin-bottom:var(--space-6);padding:var(--space-3)}.clerk-admission__input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.clerk-admission__input:disabled{color:var(--color-text-disabled);cursor:not-allowed}.clerk-admission__submit{background-color:var(--color-accent-gold);border:none;border-radius:var(--radius-md);color:var(--color-text-dark);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-8)}.clerk-admission__submit:hover:not(:disabled){background-color:var(--color-accent-gold-light)}.clerk-admission__secondary:focus-visible,.clerk-admission__submit:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.clerk-admission__submit:disabled{background-color:var(--color-accent-gold-medium);color:var(--color-text-secondary);cursor:not-allowed}.clerk-admission__secondary{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-2);text-decoration:underline}.clerk-admission__secondary:hover:not(:disabled){color:var(--color-text-primary)}.clerk-admission__secondary:disabled{cursor:not-allowed}.clerk-recovery{align-items:center;background-color:var(--color-bg-primary);display:flex;font-family:var(--font-primary);justify-content:center;min-height:100vh;padding:var(--space-6)}.clerk-recovery__panel{align-items:center;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-width:480px;padding:var(--space-8);text-align:center;width:100%}.clerk-recovery__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.clerk-recovery__message{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--space-6) 0}.clerk-recovery__action{background-color:var(--color-accent-gold);border:none;border-radius:var(--radius-md);color:var(--color-text-dark);cursor:pointer;display:inline-block;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-8);text-decoration:none}.clerk-recovery__action:hover{background-color:var(--color-accent-gold-light)}.clerk-recovery__action:focus-visible,.clerk-recovery__secondary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.clerk-recovery__support-pending{background-color:var(--color-bg-hover);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.4;margin:0;padding:var(--space-3)}.clerk-recovery__secondary{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-sm);margin-top:var(--space-4);padding:var(--space-2);text-decoration:underline}.clerk-recovery__secondary:hover{color:var(--color-text-primary)}.clerk-unavailable{align-items:center;background-color:var(--color-bg-primary);display:flex;font-family:var(--font-primary);justify-content:center;min-height:100vh;padding:var(--space-6)}.clerk-unavailable__panel{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-width:480px;padding:var(--space-8);text-align:center;width:100%}.clerk-unavailable__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.clerk-unavailable__message{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--space-6) 0}.clerk-unavailable__retry{background-color:var(--color-accent-gold);border:none;border-radius:var(--radius-md);color:var(--color-text-dark);cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-8)}.clerk-unavailable__retry:hover:not(:disabled){background-color:var(--color-accent-gold-light)}.clerk-unavailable__retry:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.clerk-unavailable__retry:disabled{background-color:var(--color-accent-gold-medium);color:var(--color-text-secondary);cursor:not-allowed}
/*# sourceMappingURL=main.bcaceedd.css.map*/