:root{--bg-abyss:#05070f;--bg-deep:#080d1c;--bg-panel:rgba(13,20,38,.72);--bg-panel-solid:#0c1426;--bg-raised:rgba(18,28,52,.85);--bg-input:rgba(5,9,20,.6);--gold:#e8c15a;--gold-bright:#f6dc8f;--gold-deep:#9c752f;--gold-rgb:232,193,90;--gold-gradient:linear-gradient(135deg,#f6dc8f,#e8c15a 45%,#c9973b);--arcane:#62d9ff;--arcane-soft:#9fe6ff;--arcane-deep:#2b7fd4;--arcane-rgb:98,217,255;--danger:#ff5f6b;--success:#4ade80;--warning:#ffb454;--info:#62d9ff;--color-primary:#62d9ff;--color-secondary:#2b7fd4;--color-tertiary:#ff5f6b;--color-quaternary:#ffb454;--color-primary-rgb:98,217,255;--color-secondary-rgb:43,127,212;--color-tertiary-rgb:255,95,107;--color-quaternary-rgb:255,180,84;--color-text:#e6ecfa;--color-text-dim:#8fa3c4;--color-text-faint:#5d6f92;--color-background:rgba(5,8,16,.85);--color-card:rgba(13,20,38,.72);--color-border:rgba(120,150,200,.16);--color-border-strong:rgba(151,183,230,.34);--color-fire:#ff6b3d;--color-fire-rgb:255,107,61;--color-water:#3fb6ff;--color-water-rgb:63,182,255;--color-earth:#c08b52;--color-earth-rgb:192,139,82;--color-air:#b8f5d0;--color-air-rgb:184,245,208;--color-light:#f2e5a0;--color-light-rgb:242,229,160;--color-dark:#9b8cff;--color-dark-rgb:155,140,255;--color-rainbow:linear-gradient(100deg,#ff6b3d,#ffb454,#f2e5a0,#4ade80,#3fb6ff,#9b8cff);--color-space-dark:rgba(5,8,16,.85);--color-space-blue:rgba(13,20,38,.72);--color-space-light-blue:rgba(120,150,200,.2);--color-space-glow:#62d9ff;--color-space-red:#ff5f6b;--color-space-orange:#ffb454;--color-space-grid:rgba(98,217,255,.05);--color-accent-gold:#e8c15a;--color-accent-gold-rgb:232,193,90;--font-display:"Cinzel","Georgia",serif;--font-ui:"Outfit","Poppins",system-ui,sans-serif;--font-family:"Outfit","Poppins",system-ui,sans-serif;--font-num:"Outfit",system-ui,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-xxl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-circle:50%;--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:20px;--border-radius-circle:50%;--shadow-1:0 1px 2px rgba(0,0,0,.4),0 2px 12px rgba(0,0,0,.35);--shadow-2:0 4px 18px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.5);--shadow-3:0 12px 44px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.5);--glow-arcane:0 0 24px rgba(var(--arcane-rgb),0.22);--glow-gold:0 0 26px rgba(var(--gold-rgb),0.28);--glow-danger:0 0 22px rgba(255,95,107,.3);--shadow-sm:0 1px 10px rgba(98,217,255,.1);--shadow-md:0 2px 16px rgba(98,217,255,.14);--shadow-lg:0 6px 26px rgba(98,217,255,.18);--ease-swift:cubic-bezier(0.22,1,0.36,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:0.16s var(--ease-swift);--transition-normal:0.28s var(--ease-swift);--transition-slow:0.5s var(--ease-swift);--z-index-dropdown:100;--z-index-tooltip:800;--z-index-overlay:900;--z-index-modal:1000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;background-color:#05070f;background-color:var(--bg-abyss);color:#e6ecfa;color:var(--color-text);font-family:Outfit,Poppins,system-ui,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-md);line-height:1.55;position:relative;text-rendering:optimizeLegibility}body:before{background:radial-gradient(1100px 620px at 78% -10%,rgba(43,127,212,.14),transparent 60%),radial-gradient(900px 520px at 8% 108%,rgba(155,140,255,.1),transparent 55%),radial-gradient(700px 400px at 50% 50%,rgba(232,193,90,.03),transparent 70%),#05070f;background:radial-gradient(1100px 620px at 78% -10%,rgba(43,127,212,.14),transparent 60%),radial-gradient(900px 520px at 8% 108%,rgba(155,140,255,.1),transparent 55%),radial-gradient(700px 400px at 50% 50%,rgba(232,193,90,.03),transparent 70%),var(--bg-abyss);z-index:-2}body:after,body:before{content:"";inset:0;position:fixed}body:after{background:linear-gradient(rgba(98,217,255,.022) 1px,transparent 0),linear-gradient(90deg,rgba(98,217,255,.022) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(75% 60% at 50% 40%,#000,transparent 100%);mask-image:radial-gradient(75% 60% at 50% 40%,#000,transparent 100%);pointer-events:none;z-index:-1}#root{display:flex;flex-direction:column;height:100%}h1,h2,h3,h4,h5,h6{color:#e6ecfa;color:var(--color-text);font-family:Cinzel,Georgia,serif;font-family:var(--font-display);font-weight:700;letter-spacing:.02em;line-height:1.18;margin-bottom:16px;margin-bottom:var(--spacing-md)}h1{font-size:32px;font-size:var(--font-size-xxl)}h2{font-size:24px;font-size:var(--font-size-xl)}h3{font-size:20px;font-size:var(--font-size-lg)}p{margin-bottom:16px;margin-bottom:var(--spacing-md)}a{color:#62d9ff;color:var(--arcane);text-decoration:none;transition:color .16s cubic-bezier(.22,1,.36,1);transition:color var(--transition-fast)}a:hover{color:#9fe6ff;color:var(--arcane-soft)}::selection{background:rgba(232,193,90,.35);background:rgba(var(--gold-rgb),.35);color:#fff8e7}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:rgba(5,9,20,.5)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(151,183,230,.28),rgba(98,217,255,.18));background-clip:padding-box;border:2px solid transparent;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(232,193,90,.4),rgba(232,193,90,.2));background-clip:padding-box}:focus-visible{border-radius:4px;outline:2px solid rgba(232,193,90,.75);outline:2px solid rgba(var(--gold-rgb),.75);outline-offset:2px}input,select,textarea{background:rgba(5,9,20,.6);background:var(--bg-input);border:1px solid rgba(120,150,200,.16);border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-sm);color:#e6ecfa;color:var(--color-text);font-family:Outfit,Poppins,system-ui,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-sm);padding:12px 14px;transition:border-color .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1),background .16s cubic-bezier(.22,1,.36,1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}input::placeholder,textarea::placeholder{color:#5d6f92;color:var(--color-text-faint)}input:focus,select:focus,textarea:focus{background:rgba(5,9,20,.8);border-color:rgba(98,217,255,.55);border-color:rgba(var(--arcane-rgb),.55);box-shadow:0 0 0 3px rgba(98,217,255,.12);box-shadow:0 0 0 3px rgba(var(--arcane-rgb),.12);outline:none}label{color:#8fa3c4;color:var(--color-text-dim);display:block;font-size:12px;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.button,button{align-items:center;background:rgba(18,28,52,.85);background:var(--bg-raised);border:1px solid rgba(151,183,230,.34);border:1px solid var(--color-border-strong);border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 1px 2px rgba(0,0,0,.4),0 2px 12px rgba(0,0,0,.35);box-shadow:var(--shadow-1);color:#e6ecfa;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:Outfit,Poppins,system-ui,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-sm);font-weight:600;gap:8px;justify-content:center;letter-spacing:.02em;overflow:hidden;padding:10px 18px;position:relative;text-align:center;text-decoration:none;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1),border-color .16s cubic-bezier(.22,1,.36,1),background .16s cubic-bezier(.22,1,.36,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.button:hover,button:hover{background:rgba(24,36,66,.9);border-color:rgba(98,217,255,.5);border-color:rgba(var(--arcane-rgb),.5);box-shadow:0 4px 18px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.5),0 0 24px rgba(98,217,255,.22);box-shadow:var(--shadow-2),var(--glow-arcane);transform:translateY(-1px)}.button:active,button:active{transform:translateY(0) scale(.985)}.button:disabled,button:disabled{background:rgba(13,20,38,.5);border-color:rgba(120,150,200,.16);border-color:var(--color-border);box-shadow:none;color:#5d6f92;color:var(--color-text-faint);cursor:not-allowed;transform:none}.card,.ui-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(13,20,38,.72);background:var(--bg-panel);border:1px solid rgba(120,150,200,.16);border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 1px 2px rgba(0,0,0,.4),0 2px 12px rgba(0,0,0,.35);box-shadow:var(--shadow-1);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s cubic-bezier(.22,1,.36,1);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover,.ui-card:hover{border-color:rgba(151,183,230,.34);border-color:var(--color-border-strong);box-shadow:0 4px 18px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.5);box-shadow:var(--shadow-2);transform:translateY(-3px)}.glass-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(13,20,38,.72);background:var(--bg-panel);border:1px solid rgba(120,150,200,.16);border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 1px 2px rgba(0,0,0,.4),0 2px 12px rgba(0,0,0,.35);box-shadow:var(--shadow-1)}.gold-edge{position:relative}.gold-edge:before{background:linear-gradient(90deg,transparent,rgba(232,193,90,.65),transparent);background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.65),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.container{margin:0 auto;max-width:1200px;padding:0 16px;padding:0 var(--spacing-md);position:relative;width:100%;z-index:1}.row{display:flex;flex-wrap:wrap;margin:0 -8px;margin:0 calc(var(--spacing-sm)*-1)}.col{flex:1 1;padding:0 8px;padding:0 var(--spacing-sm)}.grid-overlay{position:relative}.grid-overlay:after{background:linear-gradient(rgba(98,217,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(98,217,255,.025) 1px,transparent 0);background-size:20px 20px;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes shimmer{0%{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(260%) skewX(-18deg)}}@keyframes hueShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.rise-in{animation:riseIn .55s cubic-bezier(.22,1,.36,1) both;animation:riseIn .55s var(--ease-swift) both}.float-y{animation:floatY 6s ease-in-out infinite}.title-arcane{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 15%,#e8c15a 55%,#a87f33);background:linear-gradient(180deg,#fdf3d3 15%,var(--gold) 55%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,Georgia,serif;font-family:var(--font-display);text-shadow:0 8px 30px rgba(232,193,90,.18);text-shadow:0 8px 30px rgba(var(--gold-rgb),.18)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:4px;margin-top:var(--spacing-xs)}.mt-2{margin-top:8px;margin-top:var(--spacing-sm)}.mt-3{margin-top:16px;margin-top:var(--spacing-md)}.mt-4{margin-top:24px;margin-top:var(--spacing-lg)}.mt-5{margin-top:32px;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.ml-1{margin-left:4px;margin-left:var(--spacing-xs)}.ml-2{margin-left:8px;margin-left:var(--spacing-sm)}.ml-3{margin-left:16px;margin-left:var(--spacing-md)}.ml-4{margin-left:24px;margin-left:var(--spacing-lg)}.ml-5{margin-left:32px;margin-left:var(--spacing-xl)}.mr-1{margin-right:4px;margin-right:var(--spacing-xs)}.mr-2{margin-right:8px;margin-right:var(--spacing-sm)}.mr-3{margin-right:16px;margin-right:var(--spacing-md)}.mr-4{margin-right:24px;margin-right:var(--spacing-lg)}.mr-5{margin-right:32px;margin-right:var(--spacing-xl)}.p-1{padding:4px;padding:var(--spacing-xs)}.p-2{padding:8px;padding:var(--spacing-sm)}.p-3{padding:16px;padding:var(--spacing-md)}.p-4{padding:24px;padding:var(--spacing-lg)}.p-5{padding:32px;padding:var(--spacing-xl)}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex!important}.flex-column{flex-direction:column!important}.align-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.telegram-webapp{background-color:transparent;background-color:var(--tg-theme-bg-color,transparent);color:#e6ecfa;color:var(--tg-theme-text-color,var(--color-text))}.telegram-webapp .button,.telegram-webapp button{background-color:rgba(18,28,52,.85);background-color:var(--tg-theme-button-color,var(--bg-raised));color:#e6ecfa;color:var(--tg-theme-button-text-color,var(--color-text))}.telegram-webapp a{color:#62d9ff;color:var(--tg-theme-link-color,var(--arcane))}.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{animation:spin .9s linear infinite;border:3px solid rgba(98,217,255,.14);border-top:3px solid var(--arcane);height:42px;width:42px}.toast{animation:toastIn .35s cubic-bezier(.22,1,.36,1),toastOut .35s cubic-bezier(.22,1,.36,1) 2.65s forwards;animation:toastIn .35s var(--ease-swift),toastOut .35s var(--ease-swift) 2.65s forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(18,28,52,.85);background:var(--bg-raised);border:1px solid rgba(151,183,230,.34);border:1px solid var(--color-border-strong);border-radius:10px;border-radius:var(--radius-sm);bottom:20px;box-shadow:0 4px 18px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.5);box-shadow:var(--shadow-2);color:#e6ecfa;color:var(--color-text);left:50%;padding:10px 18px;position:fixed;transform:translateX(-50%);z-index:800;z-index:var(--z-index-tooltip)}.toast.success{border-color:rgba(74,222,128,.45)}.toast.error{border-color:rgba(255,95,107,.5)}.toast.warning{border-color:rgba(255,180,84,.5)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%,-12px)}}.space-container,.space-panel{background:rgba(13,20,38,.72);background:var(--bg-panel);border:1px solid rgba(120,150,200,.16);border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-md)}.glow-text{color:#9fe6ff;color:var(--arcane-soft);text-shadow:0 0 12px rgba(98,217,255,.5);text-shadow:0 0 12px rgba(var(--arcane-rgb),.5)}@media (max-width:768px){h1{font-size:24px;font-size:var(--font-size-xl)}h2{font-size:20px;font-size:var(--font-size-lg)}h3{font-size:16px;font-size:var(--font-size-md)}.row{flex-direction:column}.col{margin-bottom:16px;margin-bottom:var(--spacing-md);width:100%}}@media (max-aspect-ratio:2251799813685248/3152519739159347),(max-width:480px){:root{--spacing-xs:3px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:26px;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:17px;--font-size-xl:20px;--font-size-xxl:26px}.container{padding:0 8px;padding:0 var(--spacing-sm)}.button,button{padding:9px 14px}.mobile-stack{display:flex;flex-direction:column}.mobile-compact{padding:4px!important;padding:var(--spacing-xs)!important}.mobile-hidden{display:none!important}.mobile-visible{display:block!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.notification{align-items:stretch;background:linear-gradient(170deg,rgba(16,24,46,.97),rgba(9,14,28,.97));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);display:flex;max-width:400px;min-width:280px;overflow:hidden;position:relative;transform:translateX(120%);transition:transform .45s var(--ease-swift),opacity .3s ease}.notification.visible{animation:notifIn .45s var(--ease-swift);transform:translateX(0)}.notification.hidden{opacity:0;transform:translateX(120%)}@keyframes notifIn{0%{transform:translateX(120%)}to{transform:translateX(0)}}.notification:before{align-self:stretch;background:var(--info);box-shadow:0 0 14px var(--info);content:"";flex-shrink:0;width:4px}.notification.success:before{background:var(--success);box-shadow:0 0 14px var(--success)}.notification.error:before{background:var(--danger);box-shadow:0 0 14px var(--danger)}.notification.warning:before{background:var(--warning);box-shadow:0 0 14px var(--warning)}.notification-content{align-items:center;display:flex;flex:1 1;gap:12px;padding:13px 14px}.notification-icon{align-items:center;background:rgba(98,217,255,.12);border-radius:50%;color:var(--info);display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:30px;justify-content:center;width:30px}.notification.success .notification-icon{background:rgba(74,222,128,.13);color:var(--success)}.notification.error .notification-icon{background:rgba(255,95,107,.13);color:var(--danger)}.notification.warning .notification-icon{background:rgba(255,180,84,.13);color:var(--warning)}.notification-message{color:var(--color-text);flex:1 1;font-size:14px;line-height:1.45}.notification-close{align-items:center;background:transparent;border:none;border-radius:var(--radius-xs);box-shadow:none;color:var(--color-text-faint);display:inline-flex;flex-shrink:0;font-size:18px;height:26px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:26px}.notification-close:hover{background:rgba(151,183,230,.1);box-shadow:none;color:var(--color-text);transform:none}@media (max-width:480px){.notification{max-width:none;min-width:0;width:calc(100vw - 28px)}}.main-layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.app-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(6,10,22,.92),rgba(6,10,22,.78));border-bottom:1px solid var(--color-border);box-shadow:0 8px 30px rgba(0,0,0,.35);position:sticky;top:0;z-index:500}.app-header:after{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.4),transparent);bottom:-1px;content:"";height:1px;left:18%;pointer-events:none;position:absolute;right:18%}.header-inner{align-items:center;display:flex;gap:var(--spacing-md);margin:0 auto;max-width:1440px;padding:10px 20px;width:100%}.brand{flex-shrink:0;gap:10px}.brand,.brand-sigil{align-items:center;display:inline-flex}.brand-sigil{background:linear-gradient(150deg,rgba(232,193,90,.16),rgba(156,117,47,.1));border:1px solid rgba(var(--gold-rgb),.45);border-radius:9px;box-shadow:inset 0 0 12px rgba(var(--gold-rgb),.12),0 0 14px rgba(var(--gold-rgb),.12);color:var(--gold-bright);font-family:var(--font-display);font-size:17px;font-weight:800;height:34px;justify-content:center;text-shadow:0 0 14px rgba(var(--gold-rgb),.6);transform:rotate(45deg);transition:box-shadow var(--transition-normal),transform var(--transition-normal);width:34px}.brand-sigil>.brand-sigil-letter{display:inline-flex;transform:rotate(-45deg)}.brand:hover .brand-sigil{box-shadow:inset 0 0 16px rgba(var(--gold-rgb),.2),0 0 22px rgba(var(--gold-rgb),.3);transform:rotate(45deg) scale(1.05)}.brand-name{color:#f3e6c2;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.22em;text-shadow:0 2px 18px rgba(var(--gold-rgb),.25);white-space:nowrap}.main-nav{align-items:center;display:flex;flex:1 1;gap:2px;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-dim);display:inline-flex;font-size:13.5px;font-weight:500;gap:7px;letter-spacing:.04em;padding:8px 14px;position:relative;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.nav-link .icon{opacity:.75;transition:opacity var(--transition-fast)}.nav-link:hover{background:rgba(151,183,230,.07);color:var(--color-text)}.nav-link:hover .icon{opacity:1}.nav-link.active{background:rgba(var(--gold-rgb),.09);color:var(--gold-bright)}.nav-link.active .icon{color:var(--gold-bright);opacity:1}.nav-link.active:after{animation:navUnderline .35s var(--ease-swift);background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.8),transparent);border-radius:2px;bottom:3px;content:"";height:2px;left:22%;position:absolute;right:22%}@keyframes navUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.user-actions{flex-shrink:0;gap:10px}.currency-group,.user-actions{align-items:center;display:flex}.currency-group{gap:6px}.header-pill{font-feature-settings:"tnum";align-items:center;background:rgba(10,16,32,.7);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);display:inline-flex;font-family:var(--font-num);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;gap:7px;padding:6px 12px;transition:all var(--transition-fast)}button.header-pill{cursor:pointer}.pill-coins:hover{border-color:rgba(255,180,84,.5);box-shadow:0 0 14px rgba(255,180,84,.15)}.pill-orin{background:rgba(var(--gold-rgb),.07);border-color:rgba(var(--gold-rgb),.35)}.pill-orin:hover{border-color:rgba(var(--gold-rgb),.65);box-shadow:0 0 16px rgba(var(--gold-rgb),.22);transform:translateY(-1px)}.pill-ori.soon{font-size:11px;letter-spacing:.08em;opacity:.62;text-transform:uppercase}.pill-value{line-height:1}.header-wallet-btn{align-items:center;background:rgba(10,16,32,.7);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-dim);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:7px 13px;transition:all var(--transition-fast)}.header-wallet-btn:hover{border-color:rgba(var(--arcane-rgb),.5);box-shadow:var(--glow-arcane);color:var(--color-text)}.header-wallet-btn.connected{border-color:rgba(74,222,128,.4);color:var(--color-text)}.wallet-dot{background:#5d6f92;border-radius:50%;flex-shrink:0;height:7px;width:7px}.wallet-dot.on{animation:pulseGlow 2.2s ease-in-out infinite;background:var(--success);box-shadow:0 0 8px var(--success)}.user-profile{align-items:center;background:rgba(10,16,32,.7);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-dim);display:inline-flex;height:36px;justify-content:center;overflow:hidden;transition:all var(--transition-fast);width:36px}.user-profile:hover{border-color:rgba(var(--gold-rgb),.55);box-shadow:var(--glow-gold);color:var(--gold-bright);transform:translateY(-1px)}.user-profile-img{height:100%;object-fit:cover;width:100%}.app-content{flex:1 1;margin:0 auto;max-width:1440px;padding:var(--spacing-lg) 20px var(--spacing-md);position:relative;width:100%}.resume-overlay{align-items:center;animation:fadeIn .3s var(--ease-swift);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(3,5,12,.78);display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.resume-modal{animation:dialogRise .4s var(--ease-swift);background:linear-gradient(165deg,rgba(18,27,50,.97),rgba(9,14,28,.98));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 50px rgba(var(--arcane-rgb),.1);max-width:400px;padding:30px 30px 26px;position:relative;text-align:center;width:calc(100% - 40px)}.resume-modal:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.resume-emblem{animation:floatY 3.5s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(var(--arcane-rgb),.5));font-size:42px;line-height:1;margin-bottom:12px}.resume-modal h3{color:var(--color-text);font-family:var(--font-display);font-size:20px;margin:0 0 8px}.resume-modal p{color:var(--color-text-dim);font-size:14px;margin:0 0 20px}.resume-actions{display:flex;gap:10px;justify-content:center}.resume-join{min-width:130px}.resume-leave{border:1px solid rgba(255,95,107,.35);color:#ff9aa2}.resume-leave:hover{background:rgba(255,95,107,.1);border-color:rgba(255,95,107,.6)}.app-footer{background:rgba(4,7,15,.6);border-top:1px solid var(--color-border);padding:18px 20px 22px}.footer-content{align-items:center;color:var(--color-text-faint);display:flex;font-size:12.5px;gap:8px;justify-content:center;letter-spacing:.05em;margin:0 auto;max-width:1440px}.footer-brand{color:var(--color-text-dim);font-family:var(--font-display);font-weight:700;letter-spacing:.14em}.footer-sep{opacity:.4}@media (max-width:1100px){.brand-name{display:none}}@media (max-width:920px){.header-inner{flex-wrap:wrap;gap:8px;padding:8px 14px}.main-nav{justify-content:flex-start;order:3;padding-bottom:2px;width:100%}.nav-link{font-size:12.5px;padding:7px 11px}.nav-link span{display:inline}.user-actions{margin-left:auto}.app-content{padding:var(--spacing-md) 14px}}@media (max-width:620px){.wallet-label{display:none}.currency-group .header-pill{font-size:12px;padding:5px 9px}.pill-ori.soon{display:none}.app-content{padding:var(--spacing-sm) 10px}}.tutorial-tour-overlay{inset:0;pointer-events:none;position:fixed;z-index:9999}.tutorial-spotlight{animation:tutorial-spotlight-in .35s ease;border-radius:14px;box-shadow:0 0 0 2px rgba(var(--gold-rgb),.9),0 0 26px rgba(var(--gold-rgb),.35),0 0 0 9999px rgba(4,6,14,.82);position:fixed;transition:left .3s var(--ease-swift),top .3s var(--ease-swift),width .3s var(--ease-swift),height .3s var(--ease-swift)}@keyframes tutorial-spotlight-in{0%{opacity:0}to{opacity:1}}.tutorial-card{animation:tutorial-card-in .3s var(--ease-swift);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(168deg,rgba(15,23,44,.97),rgba(8,12,26,.98));border:1px solid rgba(var(--gold-rgb),.4);border-radius:var(--radius-lg);bottom:28px;box-shadow:var(--shadow-3),0 0 44px rgba(var(--gold-rgb),.12);color:var(--color-text);left:50%;padding:22px 24px;pointer-events:auto;position:fixed;transform:translateX(-50%);width:min(560px,calc(100vw - 32px))}.tutorial-card:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.75),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}@keyframes tutorial-card-in{0%{opacity:0;transform:translate(-50%,12px) scale(.98)}to{opacity:1;transform:translateX(-50%)}}.tutorial-progress{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.tutorial-dot{background:rgba(151,183,230,.2);border-radius:50%;height:7px;transition:background var(--transition-fast),box-shadow var(--transition-fast);width:7px}.tutorial-dot.active{background:var(--gold);box-shadow:0 0 8px rgba(var(--gold-rgb),.8)}.tutorial-dot.done{background:rgba(var(--gold-rgb),.45)}.tutorial-title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#fdf3d3,var(--gold) 65%,#caa14f);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 14px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:.03em;margin:0 0 10px}.tutorial-body{color:#c9dcf4;font-size:.94rem;line-height:1.6;margin:0 0 18px}.tutorial-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.tutorial-wait-hint{animation:tutorial-hint-pulse 1.2s ease-in-out infinite;color:var(--gold-bright);font-size:.92rem;font-weight:700}@keyframes tutorial-hint-pulse{0%,to{opacity:1}50%{opacity:.55}}.tutorial-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:none;cursor:pointer;font-family:var(--font-ui);font-size:.9rem;font-weight:600;letter-spacing:.02em;padding:9px 18px;transition:transform var(--transition-fast),filter var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.tutorial-btn:hover{box-shadow:none;transform:translateY(-1px)}.tutorial-btn--ghost{background:rgba(151,183,230,.07);color:var(--color-text)}.tutorial-btn--ghost:hover{background:rgba(var(--arcane-rgb),.08);border-color:rgba(var(--arcane-rgb),.55)}.tutorial-btn--primary{background:var(--gold-gradient);border-color:transparent;box-shadow:0 2px 14px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05}.tutorial-btn--primary:hover{box-shadow:0 4px 20px rgba(var(--gold-rgb),.45),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08)}@media (max-width:640px){.tutorial-card{border-radius:var(--radius-md);bottom:calc(10px + env(safe-area-inset-bottom));left:10px;max-height:62vh;overflow-y:auto;padding:16px 16px 14px;right:10px;transform:none;width:auto}@keyframes tutorial-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.tutorial-progress{justify-content:center}.tutorial-title{font-size:1.05rem}.tutorial-body{font-size:.9rem;margin-bottom:14px}.tutorial-actions{justify-content:center}.tutorial-btn{font-size:.86rem;padding:9px 16px}}.loader-container{flex-direction:column;gap:14px;padding:var(--spacing-md)}.loader-container,.loader-overlay{align-items:center;display:flex;justify-content:center}.loader-overlay{animation:fadeIn .25s var(--ease-swift);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(3,5,12,.72);inset:0;position:fixed;z-index:var(--z-index-modal)}.loader-container.fullscreen{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-panel);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);padding:var(--spacing-lg) var(--spacing-xl);position:relative}.loader-container.fullscreen:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.65),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.loader{animation:spin .9s linear infinite;border-radius:50%;position:relative}.loader:after{animation:pulseGlow 1.6s ease-in-out infinite;border-radius:50%;box-shadow:0 0 18px rgba(var(--arcane-rgb),.35);content:"";inset:-4px;opacity:.6;position:absolute}.loader.small{height:24px;width:24px}.loader.medium,.loader.small{border:3px solid rgba(98,217,255,.12)}.loader.medium{height:40px;width:40px}.loader.large{border:4px solid rgba(98,217,255,.1);height:56px;width:56px}.loader,.loader.primary{border-top-color:var(--arcane)}.loader.gold{border-top-color:var(--gold)}.loader.gold:after{box-shadow:0 0 18px rgba(var(--gold-rgb),.35)}.loader.danger{border-top-color:var(--danger)}.loader.danger:after{box-shadow:0 0 18px rgba(255,95,107,.35)}.loader.success{border-top-color:var(--success)}.loader.success:after{box-shadow:0 0 18px rgba(74,222,128,.35)}.loader-text{color:var(--color-text-dim);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.04em;margin:0}.entry-screen-container{margin:0;max-width:100%;min-height:100vh;overflow:hidden;padding:0;position:relative}.entry-veil{background:linear-gradient(180deg,rgba(4,6,14,.72),rgba(4,6,14,.42) 34%,rgba(4,6,14,.6) 72%,rgba(3,5,11,.94));transition:opacity .8s ease}.entry-veil,.entry-vignette{inset:0;position:absolute;z-index:0}.entry-vignette{background:radial-gradient(120% 90% at 50% 42%,transparent 52%,rgba(3,5,11,.62) 100%);pointer-events:none}.entry-topbar{align-items:center;display:flex;justify-content:space-between;left:0;opacity:0;padding:18px clamp(18px,4vw,46px);position:absolute;right:0;top:0;transform:translateY(-14px);transition:opacity .8s ease .4s,transform .8s var(--ease-swift) .4s;z-index:5}.entry-topbar.in{opacity:1;transform:translateY(0)}.entry-brand{gap:11px}.entry-brand,.entry-brand-sigil{align-items:center;display:inline-flex}.entry-brand-sigil{background:linear-gradient(150deg,rgba(232,193,90,.18),rgba(156,117,47,.1));border:1px solid rgba(var(--gold-rgb),.5);border-radius:10px;box-shadow:inset 0 0 12px rgba(var(--gold-rgb),.14),0 0 18px rgba(var(--gold-rgb),.14);color:var(--gold-bright);font-family:var(--font-display);font-size:17px;font-weight:800;height:36px;justify-content:center;text-shadow:0 0 14px rgba(var(--gold-rgb),.6);transform:rotate(45deg);width:36px}.entry-brand-sigil>span{display:inline-flex;transform:rotate(-45deg)}.entry-brand-name{color:#f3e6c2;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.26em;text-shadow:0 2px 20px rgba(var(--gold-rgb),.35)}.entry-topnav{align-items:center;display:flex;gap:14px}.entry-toplink{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:transparent;border:1px solid rgba(230,236,250,.22);border-radius:999px;box-shadow:none;color:var(--color-text);font-size:13.5px;font-weight:500;padding:9px 18px}.entry-toplink:hover{border-color:rgba(var(--arcane-rgb),.55);box-shadow:var(--glow-arcane);transform:translateY(-1px)}.entry-topcta{align-items:center;background:var(--gold-gradient);border:none;border-radius:999px;box-shadow:0 4px 20px rgba(var(--gold-rgb),.35),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;display:inline-flex;font-size:13.5px;font-weight:700;gap:7px;padding:9px 20px}.entry-topcta:hover{box-shadow:0 6px 28px rgba(var(--gold-rgb),.5),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08);transform:translateY(-1px)}.entrance-screen{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:90px 20px 60px;position:relative;text-align:center;z-index:2}.logo-container{margin-bottom:6px;max-width:min(560px,88vw);opacity:0;position:relative;transform:scale(.6);transition:all 1.2s var(--ease-bounce)}.logo-container:after{animation:logoGlow 3.4s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,rgba(98,217,255,.5) 0,rgba(232,193,90,.16) 45%,transparent 72%);border-radius:50%;bottom:-14px;content:"";filter:blur(6px);height:46px;left:7%;position:absolute;width:86%;z-index:-1}.animated .logo-container{opacity:1;transform:scale(1)}.game-logo{animation:logoBreath 5s ease-in-out infinite alternate;filter:drop-shadow(0 6px 34px rgba(5,8,18,.9)) drop-shadow(0 0 26px rgba(98,217,255,.28));height:auto;max-width:100%}@keyframes logoBreath{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.game-kicker{color:hsla(45,85%,76%,.92);font-family:var(--font-display);font-size:clamp(13px,2vw,17px);font-weight:600;letter-spacing:.5em;margin:0 0 6px;opacity:0;text-shadow:0 0 22px rgba(var(--gold-rgb),.4);text-transform:uppercase;transform:translateY(12px);transition:all .9s var(--ease-swift) .45s}.animated .game-kicker{opacity:1;transform:translateY(0)}.game-subtitle{color:#cfe2f8;font-size:clamp(15px,2.4vw,20px);font-weight:300;letter-spacing:.04em;margin:0 0 18px;opacity:0;transform:translateY(14px);transition:all .9s var(--ease-swift) .6s}.animated .game-subtitle{opacity:.95;transform:translateY(0)}.entry-divider{align-items:center;display:flex;gap:12px;margin:0 auto 22px;opacity:0;transition:opacity .9s ease .75s;width:min(420px,70vw)}.animated .entry-divider{opacity:1}.entry-divider span{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.55));flex:1 1;height:1px}.entry-divider span:last-child{background:linear-gradient(90deg,rgba(var(--gold-rgb),.55),transparent)}.entry-divider i{animation:pulseGlow 2.6s ease-in-out infinite;color:var(--gold);font-size:9px;font-style:normal;text-shadow:0 0 12px rgba(var(--gold-rgb),.8)}.entry-stats{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 0 30px;opacity:0;transform:translateY(10px);transition:all .9s var(--ease-swift) .85s}.animated .entry-stats{opacity:1;transform:translateY(0)}.entry-stat{align-items:center;color:rgba(230,236,250,.9);display:inline-flex;font-size:14px;font-weight:500;gap:7px;letter-spacing:.05em}.entry-stat .icon{color:var(--gold)}.entry-stat-dot{background:rgba(232,193,90,.55);border-radius:50%;height:3px;width:3px}.enter-game-button{animation:none;background:var(--gold-gradient);border:none;border-radius:999px;box-shadow:0 10px 40px rgba(var(--gold-rgb),.38),inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 -2px 6px rgba(120,84,20,.25);color:#241a05;cursor:pointer;font-family:var(--font-display);font-size:clamp(15px,2.2vw,18px);font-weight:700;letter-spacing:.16em;opacity:0;overflow:hidden;padding:17px 54px;position:relative;text-transform:uppercase;transform:translateY(26px) scale(.96);transition:transform var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal)}.animated .enter-game-button{opacity:1;transform:translateY(0) scale(1);transition:all 1s var(--ease-swift) 1s,transform var(--transition-normal),box-shadow var(--transition-normal)}.enter-game-button:hover{box-shadow:0 16px 56px rgba(var(--gold-rgb),.52),inset 0 1px 0 hsla(0,0%,100%,.6),inset 0 -2px 6px rgba(120,84,20,.25);filter:brightness(1.07);transform:translateY(-3px) scale(1.03)}.enter-game-button:active{transform:translateY(0) scale(.99)}.button-text{position:relative;z-index:1}.button-shine{animation:shineSweep 3.6s var(--ease-swift) infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.6),transparent);height:220%;left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:40%}@keyframes shineSweep{0%,55%{transform:translateX(-160%) skewX(-18deg)}85%,to{transform:translateX(340%) skewX(-18deg)}}.entry-secondary-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px;opacity:0;transform:translateY(12px);transition:all .9s var(--ease-swift) 1.15s}.animated .entry-secondary-actions{opacity:1;transform:translateY(0)}.entry-secondary-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(13,20,38,.55);border:1px solid rgba(var(--gold-rgb),.5);border-radius:999px;box-shadow:none;color:#ecd9a4;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:14px;font-weight:500;gap:8px;padding:11px 24px;transition:all var(--transition-fast)}.entry-secondary-button.outline{background:rgba(98,217,255,.06);border-color:rgba(var(--arcane-rgb),.4);color:var(--color-text)}.entry-secondary-button:hover{background:rgba(232,193,90,.14);box-shadow:0 6px 24px rgba(var(--gold-rgb),.28);transform:translateY(-2px)}.entry-secondary-button.outline:hover{background:rgba(98,217,255,.1);box-shadow:0 6px 24px rgba(var(--arcane-rgb),.24)}.entry-elements{align-items:flex-end;display:flex;flex-wrap:wrap;gap:clamp(14px,3.4vw,34px);justify-content:center;margin-top:46px}.entry-element{align-items:center;display:flex;flex-direction:column;gap:7px;opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s var(--ease-swift)}.animated .entry-element{opacity:1;transform:translateY(0)}.entry-element-glyph{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(9,14,28,.6);border:1px solid var(--color-border);border-radius:50%;display:inline-flex;font-size:21px;height:52px;justify-content:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);width:52px}.entry-element:hover .entry-element-glyph{transform:translateY(-6px) scale(1.12)}.entry-element-label{color:var(--color-text-dim);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color var(--transition-fast)}.entry-element:hover .entry-element-label{color:var(--color-text)}.el-fire .entry-element-glyph{border-color:rgba(var(--color-fire-rgb),.5);box-shadow:0 0 20px rgba(var(--color-fire-rgb),.22)}.el-fire:hover .entry-element-glyph{border-color:rgba(var(--color-fire-rgb),.8);box-shadow:0 0 30px rgba(var(--color-fire-rgb),.45)}.el-water .entry-element-glyph{border-color:rgba(var(--color-water-rgb),.5);box-shadow:0 0 20px rgba(var(--color-water-rgb),.22)}.el-water:hover .entry-element-glyph{border-color:rgba(var(--color-water-rgb),.8);box-shadow:0 0 30px rgba(var(--color-water-rgb),.45)}.el-earth .entry-element-glyph{border-color:rgba(var(--color-earth-rgb),.55);box-shadow:0 0 20px rgba(var(--color-earth-rgb),.22)}.el-earth:hover .entry-element-glyph{border-color:rgba(var(--color-earth-rgb),.85);box-shadow:0 0 30px rgba(var(--color-earth-rgb),.45)}.el-light .entry-element-glyph{border-color:rgba(var(--color-light-rgb),.55);box-shadow:0 0 20px rgba(var(--color-light-rgb),.24)}.el-light:hover .entry-element-glyph{border-color:rgba(var(--color-light-rgb),.85);box-shadow:0 0 30px rgba(var(--color-light-rgb),.5)}.el-dark .entry-element-glyph{border-color:rgba(var(--color-dark-rgb),.55);box-shadow:0 0 20px rgba(var(--color-dark-rgb),.24)}.el-dark:hover .entry-element-glyph{border-color:rgba(var(--color-dark-rgb),.85);box-shadow:0 0 30px rgba(var(--color-dark-rgb),.5)}.el-rainbow .entry-element-glyph{animation:hueShift 8s linear infinite;border-color:rgba(151,183,230,.55);box-shadow:0 0 20px rgba(151,183,230,.25)}.el-rainbow:hover .entry-element-glyph{border-color:rgba(151,183,230,.9);box-shadow:0 0 34px rgba(151,183,230,.5)}.floating-elements{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.orb{border-radius:50%;filter:blur(6px);opacity:.5;position:absolute}.orb-fire{animation:orbFloat 17s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,rgba(255,160,90,.9),rgba(255,107,61,.5) 55%,transparent 75%);box-shadow:0 0 40px rgba(var(--color-fire-rgb),.4);height:90px;left:8%;top:22%;width:90px}.orb-water{animation:orbFloat 22s ease-in-out -6s infinite reverse;background:radial-gradient(circle at 40% 35%,rgba(150,220,255,.8),rgba(63,182,255,.4) 55%,transparent 75%);box-shadow:0 0 44px rgba(var(--color-water-rgb),.35);height:110px;left:12%;top:62%;width:110px}.orb-earth{animation:orbFloat 19s ease-in-out -3s infinite;background:radial-gradient(circle at 35% 35%,hsla(33,62%,68%,.85),rgba(192,139,82,.45) 55%,transparent 75%);box-shadow:0 0 38px rgba(var(--color-earth-rgb),.35);height:80px;right:16%;top:74%;width:80px}.orb-light{animation:orbFloat 25s ease-in-out -10s infinite;background:radial-gradient(circle at 40% 40%,rgba(255,250,220,.9),hsla(50,76%,79%,.4) 55%,transparent 75%);box-shadow:0 0 36px rgba(var(--color-light-rgb),.4);height:70px;right:22%;top:18%;width:70px}.orb-dark{animation:orbFloat 21s ease-in-out -14s infinite reverse;background:radial-gradient(circle at 40% 35%,rgba(196,186,255,.7),rgba(155,140,255,.35) 55%,transparent 75%);box-shadow:0 0 42px rgba(var(--color-dark-rgb),.32);height:95px;left:30%;top:44%;width:95px}.orb-rainbow{animation:orbFloat 16s ease-in-out -8s infinite,hueShift 12s linear infinite;background:conic-gradient(rgba(255,107,61,.5),rgba(255,180,84,.5),hsla(50,76%,79%,.5),rgba(74,222,128,.5),rgba(63,182,255,.5),rgba(155,140,255,.5),rgba(255,107,61,.5));box-shadow:0 0 34px rgba(151,183,230,.4);height:60px;right:8%;top:30%;width:60px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(46px,-30px) scale(1.12)}50%{transform:translate(-24px,34px) scale(.94)}75%{transform:translate(30px,26px) scale(1.06)}}@keyframes logoGlow{0%{opacity:.45;transform:scale(.85)}to{opacity:.9;transform:scale(1.15)}}.entry-scrollhint{bottom:22px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity 1s ease 1.6s;z-index:3}.animated~.entry-scrollhint,.entry-screen-container.animated .entry-scrollhint{opacity:.6}.entry-scrollhint-mouse{border:1.5px solid rgba(230,236,250,.7);border-radius:12px;display:block;height:34px;position:relative;width:22px}.entry-scrollhint-mouse span{animation:scrollDot 1.8s ease-in-out infinite;background:rgba(var(--gold-rgb),.9);border-radius:2px;height:7px;left:50%;margin-left:-1.5px;position:absolute;top:6px;width:3px}@keyframes scrollDot{0%,to{opacity:1;transform:translateY(0)}55%{opacity:.2;transform:translateY(10px)}}.audio-error-notice{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,95,107,.12);border:1px solid rgba(255,95,107,.45);border-radius:var(--radius-sm);bottom:15px;color:#ffd4d7;font-size:12px;left:50%;max-width:80%;padding:7px 14px;position:fixed;text-align:center;transform:translateX(-50%);z-index:10}.fade-transition,.fading-out{transition:opacity .9s ease}.fading-out{opacity:0}@media (max-width:768px){.entrance-screen{padding:84px 16px 48px}.entry-topbar{padding:14px 16px}.entry-brand-name{display:none}.entry-elements{gap:12px;margin-top:34px}.entry-element-glyph{font-size:17px;height:42px;width:42px}.enter-game-button{padding:14px 38px}.entry-secondary-actions{flex-direction:column}.orb{transform:scale(.7)}}@media (max-width:480px){.game-subtitle{font-size:14px}.entry-stat{font-size:12px}.entry-stats{gap:10px}.entry-element-label{font-size:10px}.entry-toplink{font-size:12.5px;padding:8px 14px}.entry-topcta{font-size:12.5px;padding:8px 16px}}.hp-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:20px 20px 18px;position:relative}.hp-panel:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.5),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.hp-panel.hp-season{border-color:rgba(var(--gold-rgb),.32)}.hp-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}.hp-title{color:var(--gold-bright);font-family:var(--font-display);font-size:16.5px;font-weight:700;letter-spacing:.04em;margin:0}.hp-head-sub{color:var(--color-text-faint);font-size:12px;letter-spacing:.05em}.hp-quest-cards{display:flex;flex-direction:column;gap:10px}.hp-qcard{background:rgba(13,20,38,.6);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;padding:13px 15px;position:relative;transition:border-color var(--transition-normal),transform var(--transition-normal)}.hp-qcard:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.hp-qcard.is-done{background:linear-gradient(150deg,rgba(9,22,15,.7),rgba(13,20,38,.6));border-color:rgba(74,222,128,.5)}.hp-qcard.is-done .hp-qcard-glow{background:radial-gradient(120% 140% at 85% -20%,rgba(74,222,128,.14),transparent 60%);inset:0;pointer-events:none;position:absolute}.hp-qcard.is-claimed{opacity:.55}.hp-qcard-head{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-bottom:9px}.hp-qcard-title{color:var(--color-text);font-size:14px;font-weight:600}.hp-qcard-reward{font-feature-settings:"tnum";color:var(--gold-bright);flex-shrink:0;font-family:var(--font-num);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.hp-qcard-bar{background:rgba(5,9,20,.8);border-radius:4px;height:6px;margin-bottom:9px;overflow:hidden}.hp-qcard-fill{background:linear-gradient(90deg,var(--arcane-deep),var(--arcane));border-radius:4px;box-shadow:0 0 10px rgba(var(--arcane-rgb),.5);height:100%;transition:width .7s var(--ease-swift)}.hp-qcard.is-done .hp-qcard-fill{background:linear-gradient(90deg,#2f9e5f,var(--success));box-shadow:0 0 10px rgba(74,222,128,.5)}.hp-qcard-foot{align-items:center;display:flex;gap:8px;justify-content:space-between}.hp-qcard-count{font-feature-settings:"tnum";color:var(--color-text-dim);font-family:var(--font-num);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600}.hp-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;letter-spacing:.05em;padding:4px 11px}.hp-badge-done{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.35);color:var(--success)}.hp-badge-todo{background:rgba(151,183,230,.08);border:1px solid var(--color-border);color:var(--color-text-faint)}.hp-claim-btn{background:var(--gold-gradient);border:none;border-radius:999px;box-shadow:0 2px 14px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.4);color:#241a05;font-size:12.5px;font-weight:700;padding:6px 15px}.hp-claim-btn:hover:not(:disabled){box-shadow:0 4px 20px rgba(var(--gold-rgb),.45);filter:brightness(1.08);transform:translateY(-1px)}.hp-claim-btn:disabled{cursor:not-allowed;filter:saturate(.3) brightness(.7)}.hp-reroll-btn{align-items:center;background:rgba(151,183,230,.06);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-dim);display:flex;font-size:13px;height:28px;justify-content:center;padding:0;position:absolute;right:9px;top:9px;width:28px}.hp-reroll-btn:hover:not(:disabled){background:rgba(var(--arcane-rgb),.1);border-color:rgba(var(--arcane-rgb),.55);color:var(--arcane-soft)}.hp-qcard-head{padding-right:34px}.hp-pass{border-top:1px solid var(--color-border);margin-top:16px;padding-top:14px}.hp-pass .hp-head{margin-bottom:12px}.hp-pass-track{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0 0 10px;padding:0}.hp-node{align-items:center;background:rgba(13,20,38,.5);border:1px solid var(--color-border);border-radius:var(--radius-xs);display:flex;font-size:13px;gap:10px;padding:9px 12px;transition:border-color var(--transition-fast)}.hp-node.is-done{border-color:rgba(74,222,128,.4)}.hp-node.is-claimed{opacity:.55}.hp-node-dot{align-items:center;background:rgba(var(--gold-rgb),.1);border:1px solid rgba(var(--gold-rgb),.4);border-radius:50%;color:var(--gold-bright);display:inline-flex;flex-shrink:0;font-family:var(--font-display);font-size:12.5px;font-weight:800;height:34px;justify-content:center;width:34px}.hp-node.is-done .hp-node-dot{background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.5);color:var(--success)}.hp-node-mission{color:var(--color-text);flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-node-goal{font-feature-settings:"tnum";color:var(--color-text-dim);flex-shrink:0;font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums}.hp-node-reward{color:var(--gold-bright);flex-shrink:0;font-size:12.5px;font-weight:700}.hp-node-check{flex-shrink:0}.hp-node-lock{flex-shrink:0;opacity:.6}.hp-node-btn{flex-shrink:0;font-size:12px;padding:5px 13px}.hp-pass-note{background:rgba(var(--arcane-rgb),.05);border:1px dashed rgba(var(--arcane-rgb),.3);border-radius:var(--radius-xs);color:var(--color-text-dim);font-size:12.5px;margin:0;padding:9px 12px}.hp-msg{animation:riseIn .4s var(--ease-swift);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.35);border-radius:var(--radius-xs);color:#c4f2d6;font-size:13px;margin:12px 0 0;padding:10px 13px;text-align:center}.hp-season-pot{align-items:center;background:linear-gradient(140deg,rgba(var(--gold-rgb),.1),rgba(13,20,38,.55));border:1px solid rgba(var(--gold-rgb),.4);border-radius:var(--radius-sm);display:flex;gap:13px;margin-bottom:13px;padding:15px 16px}.hp-season-pot .hp-title{font-size:22px}.hp-season-tier{color:var(--color-text);font-size:13px;font-weight:700;letter-spacing:.04em}.hp-season-result{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.35);border-radius:var(--radius-xs);color:#c4f2d6;font-size:13.5px;margin:12px 0 0;padding:11px 14px;text-align:center}.hp-claim-season{margin-top:4px;width:100%}.hp-rewards-preview{display:flex;flex-direction:column;gap:7px}.hp-rewards-preview>*{align-items:center;background:rgba(13,20,38,.5);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-dim);display:flex;font-size:13px;justify-content:space-between;padding:10px 13px}.hp-top10{display:flex;flex-direction:column;gap:5px;margin-top:13px}.hp-top10>*{align-items:center;background:rgba(13,20,38,.45);border-radius:var(--radius-xs);display:flex;font-size:12.5px;gap:9px;padding:8px 12px}.hp-soon{background:rgba(13,20,38,.4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-faint);font-size:13px;padding:13px;text-align:center}@media (max-width:480px){.hp-panel{padding:15px 14px 14px}.hp-node-mission{font-size:12px}.hp-node-reward{display:none}}.dashboard-container{border-radius:var(--radius-lg);margin:0 auto;max-width:1400px;min-height:calc(100vh - 90px);overflow:hidden;position:relative}.cockpit-video{filter:saturate(1.05) brightness(.9);height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.dashboard-overlay{background:linear-gradient(180deg,rgba(4,7,16,.66),rgba(4,7,16,.38) 30%,rgba(4,7,16,.55) 68%,rgba(3,5,11,.9));inset:0;position:absolute;z-index:1}.manga-speedlines{animation:speedDrift 24s linear infinite;background:repeating-linear-gradient(115deg,transparent 0 120px,rgba(98,217,255,.025) 120px 121px);inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,transparent 40%,#000 100%);mask-image:radial-gradient(80% 70% at 50% 45%,transparent 40%,#000 100%);opacity:.5;pointer-events:none;position:absolute;z-index:1}@keyframes speedDrift{0%{background-position:0 0}to{background-position:400px 0}}.dash-ui{display:flex;flex-direction:column;gap:var(--spacing-lg);min-height:calc(100vh - 90px);padding:clamp(16px,3vw,30px);position:relative;z-index:2}.dash-topbar{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.dash-duelist{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:999px;cursor:pointer;display:inline-flex;gap:13px;padding:8px 18px 8px 9px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.dash-duelist:hover{border-color:rgba(var(--gold-rgb),.5);box-shadow:var(--glow-gold);transform:translateY(-1px)}.dash-avatar{align-items:center;background:linear-gradient(150deg,rgba(232,193,90,.2),rgba(98,217,255,.12));border:1px solid rgba(var(--gold-rgb),.45);border-radius:50%;color:var(--gold-bright);display:flex;flex-shrink:0;height:42px;justify-content:center;overflow:hidden;width:42px}.dash-avatar-img{height:100%;object-fit:cover;width:100%}.dash-id{align-items:flex-start;display:flex;flex-direction:column;gap:2px;line-height:1.2}.dash-username{color:var(--color-text);font-size:15px;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-rank{align-items:center;color:var(--gold-bright);display:inline-flex;font-size:12px;font-weight:600;gap:5px;letter-spacing:.08em;text-shadow:0 0 12px rgba(var(--gold-rgb),.35)}.dash-panelbtns{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:999px;display:flex;gap:8px;padding:6px}.dash-pbtn{align-items:center;background:transparent;border:none;border-radius:50%;box-shadow:none;color:var(--color-text-dim);display:inline-flex;height:38px;justify-content:center;padding:0;transition:all var(--transition-fast);width:38px}.dash-pbtn:hover{background:rgba(151,183,230,.1);box-shadow:none;color:var(--color-text);transform:none}.dash-pbtn.on{background:rgba(var(--gold-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb),.4);color:var(--gold-bright)}.dash-pbtn.music.on{background:rgba(74,222,128,.1);box-shadow:inset 0 0 0 1px rgba(74,222,128,.35);color:var(--success)}.dash-main{display:flex;flex-direction:column;gap:clamp(20px,3.5vh,34px)}.onboarding-banner{align-items:flex-start;animation:riseIn .6s var(--ease-swift);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(120deg,rgba(232,193,90,.09),rgba(9,14,28,.72));border:1px solid rgba(var(--gold-rgb),.4);border-radius:var(--radius-md);box-shadow:0 0 34px rgba(var(--gold-rgb),.1);display:flex;gap:16px;padding:18px 20px}.onboarding-icon{color:var(--gold);filter:drop-shadow(0 0 10px rgba(var(--gold-rgb),.5));flex-shrink:0;margin-top:2px}.onboarding-text{flex:1 1}.onboarding-text h3{color:var(--gold-bright);font-family:var(--font-display);font-size:17px;margin:0 0 5px}.onboarding-text p{color:var(--color-text-dim);font-size:13.5px;line-height:1.55;margin:0 0 13px}.onboarding-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.onboarding-link{align-items:center;background:rgba(var(--arcane-rgb),.08);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:999px;color:var(--arcane-soft);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all var(--transition-fast)}.onboarding-link:hover{border-color:rgba(var(--arcane-rgb),.7);box-shadow:var(--glow-arcane)}.onboarding-dismiss{background:transparent;border:none;color:var(--color-text-faint);font-size:12.5px;padding:8px 14px;text-decoration:underline;text-underline-offset:3px}.onboarding-dismiss:hover{background:transparent;box-shadow:none;color:var(--color-text-dim);transform:none}.onboarding-close{align-items:center;background:rgba(151,183,230,.06);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-dim);display:inline-flex;flex-shrink:0;height:30px;justify-content:center;padding:0;width:30px}.onboarding-close:hover{background:rgba(255,95,107,.1);border-color:rgba(255,95,107,.45);color:#ffd9dc}.dash-hero{animation:riseIn .7s var(--ease-swift);padding:clamp(8px,2vh,20px) 0 0;text-align:center}.dash-kicker{color:hsla(45,85%,76%,.85);font-size:clamp(12px,1.6vw,15px);font-weight:700;letter-spacing:.55em;margin:0 0 4px;text-shadow:0 0 18px rgba(var(--gold-rgb),.35);text-transform:uppercase}.dash-kicker,.dash-title{font-family:var(--font-display)}.dash-title{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fef8e7 8%,#f0d488 42%,#caa14f 68%,#8f6b26);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 10px 34px rgba(var(--gold-rgb),.22));font-size:clamp(40px,7.5vw,84px);font-weight:900;letter-spacing:.08em;line-height:1.02;margin:0 0 6px}.dash-tagline{color:#c9dcf4;font-size:clamp(13.5px,1.8vw,16.5px);font-weight:300;letter-spacing:.06em;margin:0 0 22px}.dash-quickstats{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(9,14,28,.55);border:1px solid var(--color-border);border-radius:var(--radius-md);display:inline-flex;gap:clamp(14px,2.6vw,26px);margin:0 auto 24px;padding:12px clamp(18px,3vw,30px)}.qs{align-items:center;display:flex;flex-direction:column;gap:2px;min-width:64px}.qs-val{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-num);font-size:21px;font-variant-numeric:tabular-nums;font-weight:700}.qs-val em{font-size:12px;font-style:normal;margin-left:2px}.qs-lbl,.qs-val em{color:var(--color-text-faint);font-weight:600}.qs-lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.qs-sep{background:linear-gradient(180deg,transparent,rgba(var(--gold-rgb),.4),transparent);height:34px;width:1px}.dash-cta{align-items:center;background:var(--gold-gradient);border:none;border-radius:999px;box-shadow:0 10px 38px rgba(var(--gold-rgb),.36),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -2px 6px rgba(120,84,20,.22);color:#241a05;display:inline-flex;font-family:var(--font-display);font-size:clamp(14px,1.9vw,17px);font-weight:700;gap:11px;letter-spacing:.14em;overflow:hidden;padding:15px 46px;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal)}.dash-cta:hover{box-shadow:0 16px 52px rgba(var(--gold-rgb),.5),inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 -2px 6px rgba(120,84,20,.22);filter:brightness(1.07);transform:translateY(-3px) scale(1.02)}.dash-cta:active{transform:translateY(0) scale(.99)}.dash-cta.small{font-size:13px;padding:9px 20px}.dash-cta:after{animation:shineSweep 3.8s var(--ease-swift) infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:220%;left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:40%}.dash-tiles{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dash-tile{align-items:center;animation:riseIn .6s var(--ease-swift) both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:11px;overflow:hidden;padding:22px 14px 18px;position:relative;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.dash-tile:first-child{animation-delay:.05s}.dash-tile:nth-child(2){animation-delay:.1s}.dash-tile:nth-child(3){animation-delay:.15s}.dash-tile:nth-child(4){animation-delay:.2s}.dash-tile:nth-child(5){animation-delay:.25s}.dash-tile:nth-child(6){animation-delay:.3s}.dash-tile:nth-child(7){animation-delay:.35s}.dash-tile:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.55),transparent);background:linear-gradient(90deg,transparent,var(--tile-accent,rgba(var(--gold-rgb),.55)),transparent);content:"";height:1px;left:18%;opacity:.7;position:absolute;right:18%;top:0;transition:opacity var(--transition-normal)}.dash-tile:hover{background:rgba(13,20,38,.78);border-color:var(--tile-accent,rgba(var(--gold-rgb),.5));box-shadow:var(--shadow-2),0 0 34px rgba(var(--gold-rgb),.18);box-shadow:var(--shadow-2),0 0 34px var(--tile-glow,rgba(var(--gold-rgb),.18));transform:translateY(-5px)}.dash-tile:hover:before{opacity:1}.dash-tile-icon{align-items:center;background:rgba(var(--gold-rgb),.1);background:var(--tile-bg,rgba(var(--gold-rgb),.1));border:1px solid var(--tile-accent,rgba(var(--gold-rgb),.4));border-radius:16px;color:var(--gold-bright);color:var(--tile-color,var(--gold-bright));display:flex;height:52px;justify-content:center;transition:transform var(--transition-normal);width:52px}.dash-tile:hover .dash-tile-icon{transform:scale(1.1) rotate(-3deg)}.dash-tile-label{color:var(--color-text);font-size:14px;font-weight:600;letter-spacing:.07em}.dash-tile-badge{align-items:center;background:var(--gold-gradient);border-radius:999px;box-shadow:0 2px 10px rgba(var(--gold-rgb),.4);color:#241a05;display:flex;font-family:var(--font-num);font-size:12px;font-weight:800;height:24px;justify-content:center;min-width:24px;padding:0 7px;position:absolute;right:12px;top:12px}.dash-tile-slash{background:linear-gradient(100deg,transparent,rgba(var(--gold-rgb),.14),transparent);background:linear-gradient(100deg,transparent,var(--tile-glow,rgba(var(--gold-rgb),.14)),transparent);bottom:-30%;height:160%;left:-70%;opacity:0;pointer-events:none;position:absolute;transform:skewX(-18deg);transition:left .7s var(--ease-swift),opacity .3s ease;width:60%}.dash-tile:hover .dash-tile-slash{left:110%;opacity:1}.a-orange{--tile-accent:rgba(var(--color-fire-rgb),0.55);--tile-glow:rgba(var(--color-fire-rgb),0.2);--tile-bg:rgba(var(--color-fire-rgb),0.1);--tile-color:#ffa279}.a-green{--tile-accent:rgba(74,222,128,.5);--tile-glow:rgba(74,222,128,.18);--tile-bg:rgba(74,222,128,.09);--tile-color:#7ce8a5}.a-cyan{--tile-accent:rgba(var(--color-water-rgb),0.55);--tile-glow:rgba(var(--color-water-rgb),0.2);--tile-bg:rgba(var(--color-water-rgb),0.1);--tile-color:#7cc9ff}.a-gold{--tile-accent:rgba(var(--gold-rgb),0.55);--tile-glow:rgba(var(--gold-rgb),0.2);--tile-bg:rgba(var(--gold-rgb),0.1);--tile-color:var(--gold-bright)}.a-violet{--tile-accent:rgba(var(--color-dark-rgb),0.55);--tile-glow:rgba(var(--color-dark-rgb),0.2);--tile-bg:rgba(var(--color-dark-rgb),0.1);--tile-color:#b7abff}.a-blue{--tile-accent:rgba(var(--arcane-rgb),0.5);--tile-glow:rgba(var(--arcane-rgb),0.18);--tile-bg:rgba(var(--arcane-rgb),0.09);--tile-color:var(--arcane-soft)}.dash-tile.a-green{background:linear-gradient(165deg,rgba(9,20,16,.72),rgba(9,14,28,.62));border-color:rgba(74,222,128,.35)}.dash-tile.a-green .dash-tile-label{color:#a5f0c3;font-family:var(--font-display);font-weight:800;letter-spacing:.18em}.dash-panels-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.info-panel{animation:panelSlide .45s var(--ease-swift);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(168deg,rgba(15,23,44,.96),rgba(8,12,26,.97));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden;position:fixed;right:18px;top:74px;width:min(400px,calc(100vw - 36px));z-index:600}@keyframes panelSlide{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.panel-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 18px 13px}.panel-header h2{color:var(--gold-bright);font-family:var(--font-display);font-size:17px;margin:0}.close-button{align-items:center;background:rgba(151,183,230,.06);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-dim);display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{background:rgba(255,95,107,.1);border-color:rgba(255,95,107,.45);color:#ffd9dc}.panel-content{overflow-y:auto;padding:16px 18px 18px}.news-item{background:rgba(9,14,28,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:11px;padding:13px 14px}.news-item.announcement{border-left:3px solid var(--gold)}.news-item.event{border-left:3px solid var(--arcane)}.news-item h3{color:var(--color-text);font-size:14.5px;margin:0 0 5px}.news-header{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.news-date{font-feature-settings:"tnum";color:var(--color-text-faint);font-size:11px;font-variant-numeric:tabular-nums}.news-item p{color:var(--color-text-dim);font-size:13px;line-height:1.5;margin:0}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.stat-item{align-items:center;background:rgba(9,14,28,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:3px;padding:15px 10px}.stat-value{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:23px;font-variant-numeric:tabular-nums;font-weight:800}.stat-label{color:var(--color-text-faint);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.win-ratio{align-items:center;background:rgba(var(--gold-rgb),.06);border:1px solid rgba(var(--gold-rgb),.3);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:13px 15px}.ratio-label{color:var(--color-text-dim);font-size:13.5px}.ratio-value{color:var(--gold-bright);font-family:var(--font-num);font-size:19px;font-weight:800}.status-info{display:flex;flex-direction:column;gap:9px}.status-item{align-items:center;background:rgba(9,14,28,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;font-size:13.5px;justify-content:space-between;padding:11px 14px}.status-label{color:var(--color-text-dim)}.status-value{font-feature-settings:"tnum";align-items:center;color:var(--color-text);display:inline-flex;font-variant-numeric:tabular-nums;font-weight:700;gap:8px}.status-value.active{color:var(--success)}.status-value.inactive{color:var(--color-text-faint)}.audio-restart-btn{background:rgba(var(--arcane-rgb),.1);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:999px;color:var(--arcane-soft);font-size:12px;font-weight:600;padding:5px 12px}.audio-restart-btn:hover{border-color:rgba(var(--arcane-rgb),.7);box-shadow:var(--glow-arcane)}@media (max-width:900px){.info-panel{top:118px}.dash-title{letter-spacing:.05em}}@media (max-width:640px){.dash-duelist{padding:6px 12px 6px 7px}.dash-avatar{height:36px;width:36px}.dash-username{font-size:13.5px;max-width:110px}.dash-rank{font-size:10.5px}.dash-pbtn{height:33px;width:33px}.dash-tiles{gap:10px;grid-template-columns:repeat(2,1fr)}.dash-tile{padding:16px 10px 14px}.dash-quickstats{gap:12px;padding:10px 16px}.qs-val{font-size:17px}.onboarding-banner{flex-direction:column}.onboarding-close{position:absolute;right:10px;top:10px}.onboarding-banner{padding-right:46px;position:relative}.dash-panels-grid{grid-template-columns:1fr}}@media (max-width:380px){.dash-tiles{grid-template-columns:1fr 1fr}.dash-tile-label{font-size:12.5px}}.ui-button{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:600;isolation:isolate;justify-content:center;letter-spacing:.03em;overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),background var(--transition-fast);white-space:nowrap}.ui-button.small{font-size:13px;padding:7px 14px}.ui-button.medium{font-size:15px;padding:11px 22px}.ui-button.large{font-size:17px;letter-spacing:.05em;padding:14px 30px}.ui-button.full-width{width:100%}.ui-button.primary{background:var(--gold-gradient);box-shadow:0 2px 14px rgba(var(--gold-rgb),.28),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05}.ui-button.primary:hover:not(:disabled){box-shadow:0 6px 26px rgba(var(--gold-rgb),.42),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08);transform:translateY(-2px)}.ui-button.primary:active:not(:disabled){transform:translateY(0) scale(.98)}.ui-button.primary:after{background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.55),transparent);content:"";height:220%;left:-30%;pointer-events:none;position:absolute;top:-60%;transform:translateX(-140%) skewX(-18deg);transition:transform .6s var(--ease-swift);width:45%}.ui-button.primary:hover:not(:disabled):after{transform:translateX(320%) skewX(-18deg)}.ui-button.secondary{background:linear-gradient(135deg,rgba(98,217,255,.2),rgba(43,127,212,.24));border:1px solid rgba(var(--arcane-rgb),.4);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 2px 12px rgba(0,0,0,.3);color:var(--arcane-soft)}.ui-button.secondary:hover:not(:disabled){border-color:rgba(var(--arcane-rgb),.7);box-shadow:var(--glow-arcane);color:#d6f3ff;transform:translateY(-2px)}.ui-button.outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text)}.ui-button.outline:hover:not(:disabled){background:rgba(98,217,255,.08);border-color:rgba(var(--arcane-rgb),.55);box-shadow:0 4px 18px rgba(0,0,0,.35);transform:translateY(-2px)}.ui-button.ghost{background:transparent;border:none;box-shadow:none;color:var(--color-text-dim)}.ui-button.ghost:hover:not(:disabled){background:rgba(151,183,230,.08);color:var(--color-text)}.ui-button.danger{background:linear-gradient(135deg,#ff7a85,#e5484d);box-shadow:0 2px 14px rgba(255,95,107,.3),inset 0 1px 0 hsla(0,0%,100%,.35);color:#2a0509}.ui-button.danger:hover:not(:disabled){box-shadow:var(--glow-danger);filter:brightness(1.07);transform:translateY(-2px)}.ui-button.success{background:linear-gradient(135deg,#6ee7a0,#34b96b);box-shadow:0 2px 14px rgba(74,222,128,.25),inset 0 1px 0 hsla(0,0%,100%,.4);color:#04220f}.ui-button.success:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.ui-button.loading,.ui-button:disabled{box-shadow:none;cursor:not-allowed;filter:saturate(.35) brightness(.75);transform:none!important}.ui-button.loading .button-content{opacity:.35}.button-content{align-items:center;gap:8px;z-index:1}.button-content,.button-icon{display:inline-flex}.button-loader{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.25);border-radius:50%;border-top-color:currentcolor;height:18px;left:50%;margin:-9px 0 0 -9px;position:absolute;top:50%;width:18px;z-index:2}.ui-button.with-glow:before{background:inherit;border-radius:inherit;content:"";filter:blur(14px) brightness(.7);inset:-3px;opacity:.55;position:absolute;transition:opacity var(--transition-normal);z-index:-1}.ui-button.with-glow:hover:not(:disabled):before{opacity:.9}.auth-container{align-items:center;background:radial-gradient(900px 500px at 80% -8%,rgba(43,127,212,.16),transparent 60%),radial-gradient(700px 460px at 6% 104%,rgba(155,140,255,.1),transparent 55%),var(--bg-abyss);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg) var(--spacing-md);position:relative}.auth-container:after,.auth-container:before{border-radius:50%;content:"";filter:blur(7px);opacity:.42;pointer-events:none;position:absolute}.auth-container:before{animation:floatY 9s ease-in-out infinite;background:radial-gradient(circle at 38% 35%,rgba(98,217,255,.55),rgba(43,127,212,.28) 55%,transparent 75%);height:240px;right:-60px;top:-70px;width:240px}.auth-container:after{animation:floatY 11s ease-in-out -4s infinite reverse;background:radial-gradient(circle at 40% 40%,rgba(232,193,90,.5),rgba(156,117,47,.22) 55%,transparent 75%);bottom:-50px;height:190px;left:-40px;width:190px}.auth-card{animation:authRise .6s var(--ease-swift);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(168deg,rgba(15,23,44,.88),rgba(8,12,26,.94));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 70px rgba(98,217,255,.07);max-width:440px;padding:clamp(26px,5vw,44px);position:relative;width:100%;z-index:1}@keyframes authRise{0%{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.75),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.auth-card:after{background:var(--bg-abyss);color:var(--gold);content:"◆";font-size:11px;left:50%;padding:0 12px;position:absolute;text-shadow:0 0 14px rgba(var(--gold-rgb),.8);top:-7px;transform:translateX(-50%)}.auth-header{margin-bottom:26px;text-align:center}.auth-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 20%,var(--gold) 75%,#b08a3a 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:.06em;margin:0 0 8px}.auth-header p{color:var(--color-text-dim);font-size:14px;letter-spacing:.02em;margin:0}.auth-form{gap:16px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group input{border-radius:var(--radius-sm);font-size:15px;padding:13px 16px}.auth-social{display:flex;flex-direction:column;gap:10px;margin-top:18px}.auth-social:before{color:var(--color-text-faint);content:"— ou —";display:block;font-size:12px;letter-spacing:.2em;margin-bottom:4px;text-align:center;text-transform:uppercase}.google-button{gap:10px}.google-icon{height:18px;width:18px}.telegram-auth-button{background:linear-gradient(135deg,#3ba6e8,#2b8fd4)!important;border:none!important;color:#eaf6ff!important}.auth-error{animation:shake .4s ease;background:rgba(255,95,107,.1);border:1px solid rgba(255,95,107,.4);border-left:3px solid var(--danger);border-radius:var(--radius-xs);color:#ffc9cd}.auth-error,.auth-success{font-size:13.5px;padding:12px 14px}.auth-success{background:rgba(74,222,128,.09);border:1px solid rgba(74,222,128,.4);border-left:3px solid var(--success);border-radius:var(--radius-xs);color:#c4f2d6}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-hint{background:rgba(98,217,255,.06);border:1px solid rgba(var(--arcane-rgb),.22);border-radius:var(--radius-xs);color:var(--color-text-dim);font-size:13px;line-height:1.5;margin-top:14px;padding:11px 14px}.reset-link-box{background:rgba(5,9,20,.6);border:1px dashed rgba(var(--arcane-rgb),.4);border-radius:var(--radius-xs);color:var(--arcane-soft);font-family:var(--font-num);font-size:13.5px;padding:13px 15px;word-break:break-all}.auth-links{display:flex;flex-direction:column;gap:8px;margin-top:22px;text-align:center}.auth-links p{color:var(--color-text-dim);font-size:14px;margin:0}.auth-links a{color:var(--gold-bright);font-weight:600;transition:color var(--transition-fast),text-shadow var(--transition-fast)}.auth-links a:hover{color:var(--gold);text-shadow:0 0 14px rgba(var(--gold-rgb),.45)}@media (max-width:480px){.auth-card{padding:26px 20px}.auth-header h1{font-size:22px}}.not-found-container{align-items:center;background:radial-gradient(700px 400px at 75% 12%,rgba(43,127,212,.13),transparent 60%),radial-gradient(600px 380px at 15% 90%,rgba(155,140,255,.09),transparent 55%),var(--bg-abyss);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.not-found-container:before{animation:floatY 10s ease-in-out infinite;background:radial-gradient(circle at 40% 40%,rgba(98,217,255,.4),rgba(43,127,212,.16) 55%,transparent 75%);border-radius:50%;content:"";filter:blur(8px);height:340px;pointer-events:none;position:absolute;right:-100px;top:-120px;width:340px}.not-found-content{animation:riseIn .6s var(--ease-swift);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(168deg,rgba(15,23,44,.85),rgba(8,12,26,.92));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);max-width:460px;padding:44px 40px;position:relative;text-align:center}.not-found-content:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.not-found-content h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fef8e7 10%,#e8c15a 55%,#7a5c20);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 12px 40px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:clamp(72px,16vw,110px);font-weight:900;line-height:1;margin:0 0 6px}.not-found-content h2{color:var(--color-text);font-family:var(--font-display);font-size:20px;margin:0 0 10px}.not-found-content p{color:var(--color-text-dim);font-size:14.5px;margin:0 0 26px}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cardbacks-section{padding:6px 0 4px;position:relative}.cb-rule{background:rgba(var(--arcane-rgb),.05);border:1px dashed rgba(var(--arcane-rgb),.28);border-left:3px solid var(--arcane);border-radius:var(--radius-xs);color:var(--color-text-dim);font-size:13px;line-height:1.55;margin:0 0 14px;padding:11px 14px}.cb-message{animation:riseIn .4s var(--ease-swift);background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.35);border-radius:var(--radius-xs);color:#c4f2d6;font-size:13px;margin-bottom:14px;padding:10px 14px}.cb-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}.cb-item{animation:riseIn .5s var(--ease-swift) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:12px;position:relative;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.cb-item:first-child{animation-delay:.03s}.cb-item:nth-child(2){animation-delay:.06s}.cb-item:nth-child(3){animation-delay:.09s}.cb-item:nth-child(4){animation-delay:.12s}.cb-item:nth-child(5){animation-delay:.15s}.cb-item:nth-child(6){animation-delay:.18s}.cb-item:nth-child(n+7){animation-delay:.21s}.cb-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.cb-item.locked{border-style:dashed}.cb-item.locked .cb-image-wrap img{filter:grayscale(.55) brightness(.65)}.cb-item.active{border-color:rgba(var(--gold-rgb),.6);box-shadow:0 0 0 1px rgba(var(--gold-rgb),.3),0 0 28px rgba(var(--gold-rgb),.18)}.cb-item.active:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.8),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.cb-image-wrap{aspect-ratio:63/88;background:var(--bg-deep);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;position:relative}.cb-image-wrap img{display:block;height:100%;object-fit:cover;transition:transform .45s var(--ease-swift);width:100%}.cb-item:hover .cb-image-wrap img{transform:scale(1.05)}.cb-lock{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(3,5,12,.5);display:flex;font-size:22px;inset:0;justify-content:center;position:absolute}.cb-lock:before{background:rgba(5,9,20,.65);border:1px solid var(--color-border-strong);border-radius:50%;box-shadow:0 0 24px rgba(0,0,0,.6);content:"";height:58px;position:absolute;width:58px}.cb-active-badge{background:var(--gold-gradient);border-radius:999px;box-shadow:0 2px 12px rgba(var(--gold-rgb),.45);color:#241a05;font-size:10.5px;font-weight:800;left:8px;letter-spacing:.1em;padding:3px 11px;position:absolute;text-transform:uppercase;top:8px}.cb-active-badge:before{content:"✦ "}.cb-info h4{color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.04em;margin:0 0 3px}.cb-desc{color:var(--color-text-dim);font-size:12.5px;line-height:1.5;margin:0 0 10px}.cb-select-btn{background:rgba(var(--arcane-rgb),.07);border:1px solid rgba(var(--arcane-rgb),.5);border-radius:999px;color:var(--arcane-soft);font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:8px 14px;text-transform:uppercase;transition:all var(--transition-fast);width:100%}.cb-select-btn:hover:not(:disabled){background:rgba(var(--arcane-rgb),.16);border-color:rgba(var(--arcane-rgb),.8);box-shadow:var(--glow-arcane);transform:translateY(-1px)}.cb-select-btn:disabled{background:rgba(var(--gold-rgb),.12);border-color:rgba(var(--gold-rgb),.45);color:var(--gold-bright);cursor:default}.cb-sources{color:var(--color-text-dim);font-size:12.5px;line-height:1.5;list-style:none;margin:0;padding:0}.cb-sources li{margin-bottom:3px}.cb-buy-row{margin-top:8px}.cb-buy-btn{background:var(--gold-gradient);border:1px solid rgba(var(--gold-rgb),.8);border-radius:999px;box-shadow:0 2px 14px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.4);color:#241a05;font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:8px 14px;text-transform:uppercase;transition:all var(--transition-fast);width:100%}.cb-buy-btn:hover:not(:disabled){box-shadow:0 4px 20px rgba(var(--gold-rgb),.45);filter:brightness(1.08);transform:translateY(-1px)}.cb-buy-btn:disabled{cursor:not-allowed;filter:saturate(.35) brightness(.7)}.cb-loading{align-items:center;color:var(--color-text-dim);display:flex;flex-direction:column;font-size:13.5px;gap:14px;padding:56px 20px;text-align:center}.cb-loading:before{animation:spin .9s linear infinite;border:3px solid rgba(var(--arcane-rgb),.15);border-radius:50%;border-top-color:var(--arcane);content:"";height:38px;width:38px}@media (max-width:900px){.cb-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:640px){.cb-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cb-item{padding:9px}}@media (max-width:480px){.cb-grid{grid-template-columns:repeat(2,1fr)}.cb-desc{font-size:11.5px}.cb-buy-btn,.cb-select-btn{font-size:11.5px;padding:7px 10px}}.cm-overlay{align-items:center;animation:cm-fade .25s var(--ease-swift);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);background:radial-gradient(130% 130% at 50% 38%,rgba(4,7,16,.6),rgba(2,3,9,.93));display:flex;flex-direction:column;inset:0;justify-content:center;overflow-y:auto;padding:clamp(12px,3vw,28px);position:fixed;z-index:2000}@keyframes cm-fade{0%{opacity:0}to{opacity:1}}@keyframes cm-in{0%{opacity:0;transform:translateY(28px) scale(.93)}to{opacity:1;transform:translateY(0) scale(1)}}.cm-panel{--el-rgb:var(--arcane-rgb);--el:var(--arcane);animation:cm-in .5s var(--ease-bounce);background:linear-gradient(168deg,rgba(16,24,46,.97),rgba(7,11,23,.98));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 80px rgba(var(--el-rgb),.1);display:flex;gap:24px;margin:auto;max-height:calc(100vh - 40px);overflow:auto;padding:24px;position:relative;width:min(780px,96vw)}.cm-panel:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:10%;position:absolute;right:10%;top:0;z-index:2}.cm-panel:after{background:radial-gradient(60% 55% at 12% 0,rgba(var(--el-rgb),.13),transparent 65%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.cm-panel>*{position:relative;z-index:1}.cm-panel.element-fire{--el:var(--color-fire);--el-rgb:var(--color-fire-rgb);border-color:rgba(var(--color-fire-rgb),.5);box-shadow:var(--shadow-3),0 0 70px rgba(var(--color-fire-rgb),.14)}.cm-panel.element-water{--el:var(--color-water);--el-rgb:var(--color-water-rgb);border-color:rgba(var(--color-water-rgb),.5);box-shadow:var(--shadow-3),0 0 70px rgba(var(--color-water-rgb),.14)}.cm-panel.element-earth{--el:var(--color-earth);--el-rgb:var(--color-earth-rgb);border-color:rgba(var(--color-earth-rgb),.5);box-shadow:var(--shadow-3),0 0 70px rgba(var(--color-earth-rgb),.14)}.cm-panel.element-air{--el:var(--color-air);--el-rgb:var(--color-air-rgb);border-color:rgba(var(--color-air-rgb),.5);box-shadow:var(--shadow-3),0 0 70px rgba(var(--color-air-rgb),.13)}.cm-panel.element-light{--el:var(--color-light);--el-rgb:var(--color-light-rgb);border-color:rgba(var(--color-light-rgb),.55);box-shadow:var(--shadow-3),0 0 70px rgba(var(--color-light-rgb),.15)}.cm-panel.element-dark{--el:var(--color-dark);--el-rgb:var(--color-dark-rgb);border-color:rgba(var(--color-dark-rgb),.5);box-shadow:var(--shadow-3),0 0 70px rgba(var(--color-dark-rgb),.15)}.cm-panel.element-rainbow{--el:var(--color-light);--el-rgb:var(--color-light-rgb);background:linear-gradient(168deg,rgba(16,24,46,.97),rgba(7,11,23,.98)) padding-box,var(--color-rainbow) border-box;border:2px solid transparent;box-shadow:var(--shadow-3),0 0 80px rgba(var(--color-quaternary-rgb),.18)}.cm-panel.rarity-frame-legendary{border-color:rgba(var(--gold-rgb),.62);box-shadow:var(--shadow-3),0 0 90px rgba(var(--gold-rgb),.2)}.cm-panel.rarity-frame-legendary:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.95),transparent)}.cm-panel.rarity-frame-rainbow{background:linear-gradient(168deg,rgba(16,24,46,.97),rgba(7,11,23,.98)) padding-box,var(--color-rainbow) border-box;border:2px solid transparent;box-shadow:var(--shadow-3),0 0 90px rgba(var(--color-quaternary-rgb),.2)}.cm-close{align-items:center;background:rgba(151,183,230,.06);border:1px solid var(--color-border);border-radius:50%;box-shadow:none;color:var(--color-text-dim);display:flex;font-size:15px;height:34px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all var(--transition-fast);width:34px;z-index:5}.cm-close:hover{background:rgba(255,95,107,.14);border-color:rgba(255,95,107,.5);box-shadow:0 0 16px rgba(255,95,107,.25);color:#ffd9dc;transform:rotate(90deg)}.cm-art-side{animation:riseIn .55s var(--ease-swift) .08s both;display:flex;flex:0 0 226px;flex-direction:column;gap:12px}.cm-art-frame{aspect-ratio:3/4;background:var(--bg-deep);border:1px solid rgba(var(--el-rgb),.45);border-radius:var(--radius-md);box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 30px rgba(var(--el-rgb),.18),inset 0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;position:relative}.cm-art-frame img{display:block;height:100%;object-fit:cover;transition:transform .5s var(--ease-swift);width:100%}.cm-panel:hover .cm-art-frame img{transform:scale(1.045)}.cm-art-frame:after{background:linear-gradient(180deg,rgba(3,5,12,.22),transparent 22%,transparent 70%,rgba(3,5,12,.4)),radial-gradient(125% 105% at 50% 35%,transparent 58%,rgba(3,5,12,.5));content:"";inset:0;pointer-events:none;position:absolute}.cm-panel.rarity-frame-legendary .cm-art-frame{border-color:rgba(var(--gold-rgb),.6);box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 42px rgba(var(--gold-rgb),.4)}.cm-panel.rarity-frame-super_rare .cm-art-frame{box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 40px rgba(var(--color-dark-rgb),.45)}.cm-panel.rarity-frame-super_super_rare .cm-art-frame{box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 40px rgba(var(--color-quaternary-rgb),.45)}.cm-panel.rarity-frame-rainbow .cm-art-frame{animation:hueGlow 5s linear infinite;box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 46px rgba(var(--color-quaternary-rgb),.4)}@keyframes hueGlow{0%,to{box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 46px rgba(var(--color-fire-rgb),.42)}33%{box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 46px rgba(var(--color-water-rgb),.42)}66%{box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 46px rgba(var(--color-dark-rgb),.42)}}.cm-cost-crystal{align-items:center;animation:cm-crystal-pulse 3s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 30%,rgba(var(--el-rgb),.95),rgba(var(--el-rgb),.4) 55%,rgba(0,0,0,.55));border:1.5px solid hsla(0,0%,100%,.85);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;display:flex;filter:drop-shadow(0 0 7px rgba(var(--el-rgb),.75));font-family:var(--font-num);font-size:18px;font-weight:800;height:46px;justify-content:center;position:absolute;right:-7px;text-shadow:0 1px 3px rgba(0,0,0,.85);top:-8px;width:34px;z-index:4}.cm-cost-crystal.element-fire{--el-rgb:var(--color-fire-rgb)}.cm-cost-crystal.element-water{--el-rgb:var(--color-water-rgb)}.cm-cost-crystal.element-earth{--el-rgb:var(--color-earth-rgb)}.cm-cost-crystal.element-air{--el-rgb:var(--color-air-rgb)}.cm-cost-crystal.element-light{--el-rgb:var(--color-light-rgb)}.cm-cost-crystal.element-dark{--el-rgb:var(--color-dark-rgb)}.cm-cost-crystal.element-rainbow{background:conic-gradient(rgba(var(--color-fire-rgb),.95),rgba(var(--color-quaternary-rgb),.95),rgba(var(--color-light-rgb),.95),rgba(var(--color-air-rgb),.95),rgba(var(--color-water-rgb),.95),rgba(var(--color-dark-rgb),.95),rgba(var(--color-fire-rgb),.95))}@keyframes cm-crystal-pulse{0%{filter:drop-shadow(0 0 4px rgba(var(--el-rgb),.5))}to{filter:drop-shadow(0 0 11px rgba(var(--el-rgb),.9))}}.cm-stats-bar{display:flex;gap:8px}.cm-stat{align-items:center;border:1px solid;border-radius:var(--radius-xs);display:flex;flex:1 1;font-family:var(--font-num);font-size:12.5px;font-weight:700;gap:6px;justify-content:center;letter-spacing:.12em;padding:7px 8px;text-transform:uppercase}.cm-stat b{font-feature-settings:"tnum";font-size:18px;font-variant-numeric:tabular-nums;font-weight:800}.cm-atk{background:rgba(var(--color-fire-rgb),.1);border-color:rgba(var(--color-fire-rgb),.4);color:#ffa279;text-shadow:0 0 12px rgba(var(--color-fire-rgb),.3)}.cm-def{background:rgba(var(--color-water-rgb),.1);border-color:rgba(var(--color-water-rgb),.4);color:#7cc9ff;text-shadow:0 0 12px rgba(var(--color-water-rgb),.3)}.cm-info-side{animation:riseIn .55s var(--ease-swift) .14s both;display:flex;flex:1 1;flex-direction:column;gap:14px;min-width:0}.cm-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.cm-name{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 18%,var(--gold) 72%,#b08a3a 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 22px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:.05em;line-height:1.12;margin:0;padding-right:34px}.cm-rarity{border:1px solid;border-radius:999px;flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.14em;margin-right:44px;margin-top:4px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.cm-rarity.rarity-common,.cm-rarity.rarity-normal{background:rgba(151,183,230,.07);color:var(--color-text-dim)}.cm-rarity.rarity-rare{background:rgba(var(--color-water-rgb),.12);color:var(--color-water)}.cm-rarity.rarity-epic,.cm-rarity.rarity-super_rare{background:rgba(var(--color-dark-rgb),.13);color:#b7abff}.cm-rarity.rarity-super_super_rare{background:rgba(var(--color-quaternary-rgb),.12);color:var(--color-quaternary)}.cm-rarity.rarity-legendary{background:var(--gold-gradient);border-color:rgba(var(--gold-rgb),.85);box-shadow:0 0 14px rgba(var(--gold-rgb),.4);color:#241a05}.cm-rarity.rarity-rainbow{background:var(--color-rainbow);-webkit-background-clip:text;background-clip:text;border-color:rgba(var(--color-quaternary-rgb),.65);color:transparent}.cm-tags{display:flex;flex-wrap:wrap;gap:8px}.cm-element{border-radius:999px;color:var(--bg-abyss);font-size:11px;font-weight:700;letter-spacing:.1em;padding:3px 11px;text-shadow:0 1px 2px hsla(0,0%,100%,.25);text-transform:uppercase}.cm-element.element-fire{background:linear-gradient(135deg,rgba(var(--color-fire-rgb),.95),rgba(var(--color-fire-rgb),.6))}.cm-element.element-water{background:linear-gradient(135deg,rgba(var(--color-water-rgb),.95),rgba(var(--color-water-rgb),.6))}.cm-element.element-earth{background:linear-gradient(135deg,rgba(var(--color-earth-rgb),.95),rgba(var(--color-earth-rgb),.6))}.cm-element.element-air{background:linear-gradient(135deg,rgba(var(--color-air-rgb),.95),rgba(var(--color-air-rgb),.6))}.cm-element.element-light{background:linear-gradient(135deg,rgba(var(--color-light-rgb),.95),rgba(var(--color-light-rgb),.6))}.cm-element.element-dark{background:linear-gradient(135deg,rgba(var(--color-dark-rgb),.95),rgba(var(--color-dark-rgb),.6))}.cm-element.element-rainbow{background:var(--color-rainbow)}.cm-speed,.cm-type{background:rgba(151,183,230,.05);border-radius:999px;color:var(--color-text-dim);font-size:11px;font-weight:600;letter-spacing:.1em;padding:3px 11px;text-transform:uppercase}.cm-section,.cm-speed,.cm-type{border:1px solid var(--color-border)}.cm-section{background:rgba(5,9,20,.45);border-radius:var(--radius-sm);overflow:hidden;padding:12px 14px;position:relative}.cm-section:before{background:linear-gradient(180deg,transparent,rgba(var(--arcane-rgb),.55),transparent);border-radius:2px;bottom:10%;content:"";left:0;position:absolute;top:10%;width:2px}.cm-section-title{color:var(--arcane);font-size:11px;font-weight:700;letter-spacing:.22em;margin:0 0 7px;text-shadow:0 0 14px rgba(var(--arcane-rgb),.35);text-transform:uppercase}.cm-effect{color:var(--color-text);font-size:14px;line-height:1.62;margin:0}.cm-keyword{background:rgba(var(--arcane-rgb),.1);border-radius:999px;color:var(--arcane-soft);display:inline-block;font-size:.93em;font-weight:600;margin:0 1px;padding:1px 8px}.cm-flavor{border-left:2px solid rgba(var(--gold-rgb),.4);color:var(--color-text-dim);font-size:13px;font-style:italic;line-height:1.6;margin:0;padding-left:12px}.cm-footer{display:flex;gap:10px;margin-top:auto;padding-top:2px}.cm-activate-btn{animation:gold-shine-pulse 1.8s ease-in-out infinite alternate;background:var(--gold-gradient);border:1px solid rgba(var(--gold-rgb),.85);border-radius:var(--radius-sm);box-shadow:0 0 18px rgba(var(--gold-rgb),.4),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;flex:1 1;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.14em;overflow:hidden;padding:11px 16px;position:relative;text-transform:uppercase}.cm-activate-btn:after{animation:shimmer 3.2s var(--ease-swift) infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.55),transparent);bottom:-60%;content:"";left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:32%}.cm-activate-btn:hover{box-shadow:0 0 30px rgba(var(--gold-rgb),.6),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.07);transform:translateY(-1px)}.cm-activate-btn:active{transform:translateY(0) scale(.99)}@media (max-width:900px){.cm-panel{gap:20px;padding:22px;width:min(700px,96vw)}.cm-art-side{flex-basis:200px}}@media (max-width:620px){.cm-panel{align-items:center;flex-direction:column;gap:14px;padding:16px}.cm-art-side{flex:none;width:188px}.cm-info-side{width:100%}.cm-name{font-size:21px;padding-right:30px}.cm-head{flex-wrap:wrap}.cm-rarity{margin-right:0}}@media (max-width:480px){.cm-overlay{padding:8px}.cm-panel{max-height:calc(100vh - 16px);padding:14px}.cm-art-side{width:170px}.cm-stat b{font-size:16px}.cm-footer{flex-direction:column}}.my-decks-container{animation:riseIn .5s var(--ease-swift);margin:0 auto;max-width:1240px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl);position:relative}.my-decks-container.my-decks-embedded{animation:none;max-width:none;padding:var(--spacing-sm) 0 0}.my-decks-container .decks-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative}.my-decks-container .decks-header:after{background:linear-gradient(90deg,rgba(var(--gold-rgb),.8),transparent);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:230px}.my-decks-container .decks-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 15%,var(--gold) 55%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 8px 30px rgba(var(--gold-rgb),.18));font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:.06em;margin:0}.my-decks-container .create-deck-button,.my-decks-container .create-deck-button-large{align-items:center;background:var(--gold-gradient);border:1px solid rgba(var(--gold-rgb),.55);border-radius:999px;box-shadow:0 4px 18px rgba(var(--gold-rgb),.28),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;gap:8px;justify-content:center;letter-spacing:.03em;overflow:hidden;padding:11px 24px;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.my-decks-container .create-deck-button-large:after,.my-decks-container .create-deck-button:after{animation:shimmer 4.2s var(--ease-swift) infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:220%;left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:40%}.my-decks-container .create-deck-button-large:hover,.my-decks-container .create-deck-button:hover{box-shadow:0 8px 28px rgba(var(--gold-rgb),.45),inset 0 1px 0 hsla(0,0%,100%,.55);filter:brightness(1.08);transform:translateY(-2px)}.my-decks-container .create-deck-button-large:active,.my-decks-container .create-deck-button:active{transform:translateY(0) scale(.98)}.my-decks-container .create-deck-button-large{font-size:var(--font-size-md);padding:14px 32px}.my-decks-container .decks-error{animation:riseIn .35s var(--ease-swift);background:rgba(255,95,107,.1);border:1px solid rgba(255,95,107,.42);border-left:3px solid var(--danger);border-radius:var(--radius-xs);color:#ffc9cd;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:12px 16px;text-align:center}.my-decks-container .no-decks-message{animation:riseIn .55s var(--ease-swift);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(168deg,rgba(15,23,44,.72),rgba(8,12,26,.88));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center}.my-decks-container .no-decks-message:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.my-decks-container .no-decks-message:after{background:var(--bg-abyss);color:var(--gold);content:"◆";font-size:11px;left:50%;padding:0 12px;position:absolute;text-shadow:0 0 14px rgba(var(--gold-rgb),.8);top:-8px;transform:translateX(-50%)}.my-decks-container .no-decks-message p{color:var(--color-text-dim);font-size:var(--font-size-md);letter-spacing:.02em;margin:0 0 6px}.my-decks-container .no-decks-message .create-deck-button-large{margin-top:var(--spacing-md)}.my-decks-container .decks-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.my-decks-container .deck-card{animation:riseIn .5s var(--ease-swift) both;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-md);box-shadow:var(--shadow-1);cursor:pointer;display:flex;flex-direction:column;height:210px;overflow:hidden;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.my-decks-container .deck-card:hover{box-shadow:var(--shadow-3),0 0 30px rgba(var(--gold-rgb),.14);transform:translateY(-5px)}.my-decks-container .deck-card:after{background:linear-gradient(180deg,rgba(4,7,15,.28),rgba(4,7,15,.05) 26%,rgba(4,7,15,.08) 55%,rgba(4,7,15,.38));content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.my-decks-container .deck-card:before{background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.16),transparent);bottom:-20%;content:"";left:-80%;pointer-events:none;position:absolute;top:-20%;transform:skewX(-18deg);transition:left .7s var(--ease-swift);width:46%;z-index:2}.my-decks-container .deck-card:hover:before{left:135%}.my-decks-container .deck-header{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(6,10,20,.74);border-bottom:1px solid rgba(120,150,200,.18);display:flex;gap:8px;justify-content:space-between;padding:10px 14px;position:relative;z-index:1}.my-decks-container .deck-header h2{color:var(--color-text);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.04em;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.6);white-space:nowrap}.my-decks-container .deck-mode-badge{align-items:center;border-radius:999px;display:inline-flex;font-family:var(--font-family);font-size:10.5px;font-weight:700;letter-spacing:.05em;margin-left:8px;padding:2px 9px;vertical-align:middle;white-space:nowrap}.my-decks-container .deck-mode-badge.ranked{background:var(--gold-gradient);box-shadow:0 2px 10px rgba(var(--gold-rgb),.35);color:#241a05}.my-decks-container .deck-element{border:1px solid hsla(0,0%,100%,.28);border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.35);color:#fff;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 11px;text-shadow:0 1px 2px rgba(0,0,0,.55)}.my-decks-container .deck-info{background:linear-gradient(180deg,rgba(6,10,20,.42),rgba(6,10,20,.66));display:flex;flex:1 1;flex-direction:column;padding:12px 14px;position:relative;z-index:1}.my-decks-container .deck-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#dfe7f5;display:-webkit-box;flex:1 1;font-size:13.5px;line-height:1.5;margin:0 0 8px;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.5)}.my-decks-container .deck-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.my-decks-container .deck-meta>span:first-child{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.03em}.my-decks-container .deck-difficulty{border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;padding:2px 10px;white-space:nowrap}.my-decks-container .difficulty-débutant{background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.4);color:#7ce8a5}.my-decks-container .difficulty-intermédiaire{background:rgba(255,180,84,.12);border-color:rgba(255,180,84,.4);color:#ffd27e}.my-decks-container .difficulty-avancé{background:rgba(255,95,107,.12);border-color:rgba(255,95,107,.42);color:#ff9aa3}.my-decks-container .deck-actions{background:rgba(6,10,20,.74);border-top:1px solid rgba(120,150,200,.18);display:flex;position:relative;z-index:1}.my-decks-container .delete-deck-button,.my-decks-container .edit-deck-button{background:transparent;border:none;border-radius:0;box-shadow:none;cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:12.5px;font-weight:600;letter-spacing:.05em;padding:9px 10px;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.my-decks-container .edit-deck-button{color:var(--arcane-soft)}.my-decks-container .delete-deck-button{color:#ff9aa3}.my-decks-container .edit-deck-button:hover{background:rgba(var(--arcane-rgb),.12);border:none;box-shadow:none;color:var(--arcane-soft);transform:none}.my-decks-container .delete-deck-button:hover{background:rgba(255,95,107,.12);border:none;box-shadow:none;color:#ffb3ba;transform:none}.decks-loading,.my-decks-container .decks-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:320px}.decks-loading .loading-spinner{animation:spin .9s linear infinite;border:3px solid rgba(var(--arcane-rgb),.12);border-radius:50%;border-top-color:var(--arcane);box-shadow:var(--glow-arcane);height:44px;width:44px}.decks-loading p{color:var(--color-text-dim);font-size:var(--font-size-sm);letter-spacing:.05em;margin:0}@media (max-width:900px){.my-decks-container .decks-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.my-decks-container .deck-card{height:200px}}@media (max-width:640px){.my-decks-container .decks-header{align-items:stretch;flex-direction:column}.my-decks-container .create-deck-button{width:100%}.my-decks-container .decks-grid{grid-template-columns:1fr}.my-decks-container .deck-card{height:190px}}@media (max-width:480px){.my-decks-container{padding:var(--spacing-sm)}.my-decks-container .deck-card{height:172px}.my-decks-container .deck-header{padding:8px 11px}.my-decks-container .deck-header h2{font-size:var(--font-size-sm)}.my-decks-container .deck-info{padding:9px 11px}.my-decks-container .deck-description{-webkit-line-clamp:1;font-size:var(--font-size-xs)}.my-decks-container .deck-difficulty,.my-decks-container .deck-element{font-size:10px;padding:1px 7px}.my-decks-container .delete-deck-button,.my-decks-container .edit-deck-button{font-size:11.5px;padding:8px 6px}}.collection-container{margin:0 auto;max-width:1280px;padding:clamp(14px,3vw,30px) var(--spacing-md) var(--spacing-xl);position:relative}.collection-container:before{background:radial-gradient(52% 100% at 50% 0,rgba(var(--gold-rgb),.07),transparent 70%),radial-gradient(36% 60% at 82% 6%,rgba(var(--arcane-rgb),.06),transparent 70%),radial-gradient(30% 50% at 12% 10%,rgba(var(--color-dark-rgb),.05),transparent 70%);content:"";height:360px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:130%}.collection-container>*{position:relative}.collection-header{animation:riseIn .55s var(--ease-swift);margin-bottom:var(--spacing-lg);text-align:center}.collection-kicker{color:hsla(45,85%,76%,.8);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.5em;margin:0 0 6px;text-shadow:0 0 16px rgba(var(--gold-rgb),.3);text-transform:uppercase}.collection-container h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fef8e7 10%,#f0d488 45%,#caa14f 72%,#8f6b26);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 10px 30px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:clamp(28px,4.5vw,42px);font-weight:900;letter-spacing:.06em;margin:0}.collection-view-toggle{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,14,28,.7);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-1);display:flex;gap:4px;margin:0 auto var(--spacing-lg);padding:5px;width:fit-content}.toggle-btn{background:transparent;border:none;border-radius:999px;box-shadow:none;color:var(--color-text-dim);font-size:13.5px;font-weight:600;letter-spacing:.04em;padding:8px 22px;transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.toggle-btn:hover{background:rgba(151,183,230,.08);border:none;box-shadow:none;color:var(--color-text);transform:none}.toggle-btn.active{background:var(--gold-gradient);box-shadow:0 2px 16px rgba(var(--gold-rgb),.35),inset 0 1px 0 hsla(0,0%,100%,.4);color:#241a05;font-weight:700}.collection-stats{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:center;margin:0 auto var(--spacing-md);padding:10px;width:fit-content}.collection-stats p{color:var(--color-text-dim);font-size:13.5px;margin:0;padding:0 22px}.collection-stats p+p{border-left:1px solid var(--color-border)}.collection-stats span{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:15.5px;font-variant-numeric:tabular-nums;font-weight:700}.collection-filters{grid-gap:12px 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:grid;gap:12px 14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--spacing-md);padding:16px 18px;position:relative}.collection-filters:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.5),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.filter-group{display:flex;flex-direction:column;min-width:0}.filter-group label{color:var(--color-text-faint);font-size:10.5px;font-weight:700;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.filter-group input,.filter-group select{font-size:13.5px;padding:10px 12px}.search-group{grid-column:1/-1}.collection-display-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:999px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px;padding:8px 12px}.display-mode-toggle{background:rgba(5,9,20,.55);border:1px solid var(--color-border);border-radius:999px;display:flex;gap:4px;padding:3px}.mode-btn{align-items:center;background:transparent;border:none;border-radius:999px;box-shadow:none;color:var(--color-text-dim);display:inline-flex;font-size:12.5px;font-weight:600;gap:7px;letter-spacing:.05em;padding:6px 15px;text-transform:uppercase;transition:all var(--transition-fast)}.mode-btn:hover{background:rgba(151,183,230,.08);border:none;box-shadow:none;color:var(--color-text);transform:none}.mode-btn.active{background:linear-gradient(135deg,var(--arcane-soft),var(--arcane-deep));box-shadow:0 0 14px rgba(var(--arcane-rgb),.45);color:#041018}.grid-columns-picker{align-items:center;display:flex;gap:4px}.cols-label{color:var(--color-text-faint);font-size:11px;font-weight:700;letter-spacing:.12em;margin-right:4px;text-transform:uppercase}.col-btn{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:none;color:var(--color-text-dim);display:inline-flex;font-family:var(--font-num);font-size:12.5px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 6px;transition:all var(--transition-fast)}.col-btn:hover{border-color:var(--color-border-strong);box-shadow:none;color:var(--color-text);transform:none}.col-btn.active{background:rgba(var(--gold-rgb),.12);border-color:rgba(var(--gold-rgb),.55);box-shadow:0 0 10px rgba(var(--gold-rgb),.2);color:var(--gold-bright)}.sort-picker{align-items:center;display:flex;gap:8px}.sort-picker select{border-radius:999px;font-size:12.5px;padding:7px 12px}.card-item.element-fire,.cl-row.element-fire{--el:var(--color-fire);--el-rgb:var(--color-fire-rgb)}.card-item.element-water,.cl-row.element-water{--el:var(--color-water);--el-rgb:var(--color-water-rgb)}.card-item.element-earth,.cl-row.element-earth{--el:var(--color-earth);--el-rgb:var(--color-earth-rgb)}.card-item.element-air,.cl-row.element-air{--el:var(--color-air);--el-rgb:var(--color-air-rgb)}.card-item.element-light,.cl-row.element-light{--el:var(--color-light);--el-rgb:var(--color-light-rgb)}.card-item.element-dark,.cl-row.element-dark{--el:var(--color-dark);--el-rgb:var(--color-dark-rgb)}.card-item.element-rainbow,.cl-row.element-rainbow{--el:var(--color-light);--el-rgb:var(--color-light-rgb)}.cards-list{display:flex;flex-direction:column;gap:10px}.cl-row{--el:var(--arcane);--el-rgb:var(--arcane-rgb);animation:riseIn .45s var(--ease-swift) both;background:linear-gradient(135deg,rgba(15,23,44,.85),rgba(8,12,26,.92));border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:12px 14px 12px 18px;position:relative;transition:transform .2s var(--ease-swift),border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift)}.cards-list .cl-row:first-child{animation-delay:.02s}.cards-list .cl-row:nth-child(2){animation-delay:.05s}.cards-list .cl-row:nth-child(3){animation-delay:.08s}.cards-list .cl-row:nth-child(4){animation-delay:.11s}.cards-list .cl-row:nth-child(5){animation-delay:.14s}.cards-list .cl-row:nth-child(6){animation-delay:.17s}.cards-list .cl-row:nth-child(7){animation-delay:.2s}.cards-list .cl-row:nth-child(8){animation-delay:.23s}.cards-list .cl-row:nth-child(n+9){animation-delay:.26s}.cl-row:after{background:linear-gradient(180deg,var(--el),rgba(var(--el-rgb),.15) 85%,transparent);bottom:0;left:0;top:0;width:3px}.cl-row:after,.cl-row:before{content:"";pointer-events:none;position:absolute}.cl-row:before{background:linear-gradient(90deg,transparent 40%,rgba(var(--gold-rgb),.05) 50%,transparent 60%);inset:0;transform:translateX(-100%)}.cl-row:hover:before{animation:shimmer .9s var(--ease-swift)}.cl-row:hover{border-color:rgba(var(--el-rgb),.5);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 22px rgba(var(--el-rgb),.16);transform:translateY(-2px)}.card-item.rarity-glow-legendary:hover,.cl-row.rarity-glow-legendary:hover{border-color:rgba(var(--gold-rgb),.65);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 30px rgba(var(--gold-rgb),.38)}.card-item.rarity-glow-super_super_rare:hover,.cl-row.rarity-glow-super_super_rare:hover{border-color:rgba(var(--color-quaternary-rgb),.65);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 30px rgba(var(--color-quaternary-rgb),.38)}.card-item.rarity-glow-super_rare:hover,.cl-row.rarity-glow-super_rare:hover{border-color:rgba(var(--color-dark-rgb),.65);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 30px rgba(var(--color-dark-rgb),.38)}.card-item.rarity-glow-epic:hover,.cl-row.rarity-glow-epic:hover{border-color:rgba(var(--color-dark-rgb),.6);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 26px rgba(var(--color-dark-rgb),.3)}.card-item.rarity-glow-rare:hover,.cl-row.rarity-glow-rare:hover{border-color:rgba(var(--color-water-rgb),.6);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 26px rgba(var(--color-water-rgb),.3)}.card-item.rarity-glow-rainbow:hover,.cl-row.rarity-glow-rainbow:hover{border-color:rgba(var(--color-quaternary-rgb),.55);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 22px rgba(var(--color-fire-rgb),.22),0 0 22px rgba(var(--color-water-rgb),.22)}.cl-art{align-self:flex-start;aspect-ratio:3/4;background:var(--bg-deep);border:1px solid rgba(var(--el-rgb),.35);border-radius:var(--radius-sm);box-shadow:0 4px 14px rgba(0,0,0,.5);flex:0 0 92px;overflow:hidden;position:relative;transition:border-color .2s var(--ease-swift),box-shadow .2s var(--ease-swift);width:92px}.cl-row:hover .cl-art{border-color:rgba(var(--el-rgb),.7);box-shadow:0 6px 18px rgba(0,0,0,.55),0 0 18px rgba(var(--el-rgb),.25)}.cl-art img{display:block;height:100%;object-fit:cover;transition:transform .4s var(--ease-swift);width:100%}.cl-row:hover .cl-art img{transform:scale(1.06)}.cost-crystal{align-items:center;animation:crystal-glow-pulse 3s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 30%,rgba(var(--el-rgb),.95),rgba(var(--el-rgb),.4) 55%,rgba(0,0,0,.55));border:1px solid hsla(0,0%,100%,.8);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;display:flex;filter:drop-shadow(0 0 6px rgba(var(--el-rgb),.7));font-family:var(--font-num);font-size:14px;font-weight:800;height:34px;justify-content:center;pointer-events:none;position:absolute;right:-5px;text-shadow:0 1px 3px rgba(0,0,0,.85);top:-6px;width:25px;z-index:2}.cost-crystal.small{font-size:11px;height:26px;right:6px;top:6px;width:19px}@keyframes crystal-glow-pulse{0%{filter:drop-shadow(0 0 3px rgba(255,255,255,.35))}to{filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}}.cost-crystal.element-fire,.cost-crystal.small.element-fire{--el-rgb:var(--color-fire-rgb)}.cost-crystal.element-water,.cost-crystal.small.element-water{--el-rgb:var(--color-water-rgb)}.cost-crystal.element-earth,.cost-crystal.small.element-earth{--el-rgb:var(--color-earth-rgb)}.cost-crystal.element-air,.cost-crystal.small.element-air{--el-rgb:var(--color-air-rgb)}.cost-crystal.element-light,.cost-crystal.small.element-light{--el-rgb:var(--color-light-rgb)}.cost-crystal.element-dark,.cost-crystal.small.element-dark{--el-rgb:var(--color-dark-rgb)}.cost-crystal.element-rainbow,.cost-crystal.small.element-rainbow{background:conic-gradient(rgba(var(--color-fire-rgb),.95),rgba(var(--color-quaternary-rgb),.95),rgba(var(--color-light-rgb),.95),rgba(var(--color-air-rgb),.95),rgba(var(--color-water-rgb),.95),rgba(var(--color-dark-rgb),.95),rgba(var(--color-fire-rgb),.95))}.cl-body{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.cl-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.cl-name{color:var(--color-text);font-family:var(--font-display);font-size:17px;letter-spacing:.04em;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.5)}.cl-name,.cl-rarity{font-weight:700;white-space:nowrap}.cl-rarity{border:1px solid;border-radius:999px;flex-shrink:0;font-size:10px;letter-spacing:.14em;padding:3px 10px;text-transform:uppercase}.cl-rarity.rarity-common,.cl-rarity.rarity-normal{background:rgba(151,183,230,.06);color:var(--color-text-dim)}.cl-rarity.rarity-rare{background:rgba(var(--color-water-rgb),.1);color:var(--color-water)}.cl-rarity.rarity-epic,.cl-rarity.rarity-super_rare{background:rgba(var(--color-dark-rgb),.12);color:#b7abff}.cl-rarity.rarity-super_super_rare{background:rgba(var(--color-quaternary-rgb),.1);color:var(--color-quaternary)}.cl-rarity.rarity-legendary{background:var(--gold-gradient);border-color:rgba(var(--gold-rgb),.85);box-shadow:0 0 12px rgba(var(--gold-rgb),.35);color:#241a05}.cl-rarity.rarity-rainbow{background:var(--color-rainbow);-webkit-background-clip:text;background-clip:text;border-color:rgba(var(--color-quaternary-rgb),.6);color:transparent}.cl-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.cl-element{border-radius:999px;color:var(--bg-abyss);font-size:10.5px;font-weight:700;letter-spacing:.1em;padding:2px 9px;text-shadow:0 1px 2px hsla(0,0%,100%,.25);text-transform:uppercase}.cl-element.element-fire{background:linear-gradient(135deg,rgba(var(--color-fire-rgb),.95),rgba(var(--color-fire-rgb),.6))}.cl-element.element-water{background:linear-gradient(135deg,rgba(var(--color-water-rgb),.95),rgba(var(--color-water-rgb),.6))}.cl-element.element-earth{background:linear-gradient(135deg,rgba(var(--color-earth-rgb),.95),rgba(var(--color-earth-rgb),.6))}.cl-element.element-air{background:linear-gradient(135deg,rgba(var(--color-air-rgb),.95),rgba(var(--color-air-rgb),.6))}.cl-element.element-light{background:linear-gradient(135deg,rgba(var(--color-light-rgb),.95),rgba(var(--color-light-rgb),.6))}.cl-element.element-dark{background:linear-gradient(135deg,rgba(var(--color-dark-rgb),.95),rgba(var(--color-dark-rgb),.6))}.cl-element.element-rainbow{background:var(--color-rainbow)}.cl-type{background:rgba(151,183,230,.05);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-dim);font-size:10.5px;font-weight:600;letter-spacing:.1em;padding:2px 9px;text-transform:uppercase}.cl-stats{display:inline-flex;gap:6px}.cl-atk,.cl-def{font-feature-settings:"tnum";border-radius:999px;font-family:var(--font-num);font-size:11.5px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.06em;padding:2px 9px}.cl-atk{background:rgba(var(--color-fire-rgb),.1);border:1px solid rgba(var(--color-fire-rgb),.35);color:#ffa279}.cl-def{background:rgba(var(--color-water-rgb),.1);border:1px solid rgba(var(--color-water-rgb),.35);color:#7cc9ff}.cl-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-dim);display:-webkit-box;font-size:13px;line-height:1.5;margin:2px 0 0;overflow:hidden}.cards-grid{grid-gap:14px;display:grid;gap:14px;position:relative;width:100%;z-index:1}.card-item{--el:var(--arcane);--el-rgb:var(--arcane-rgb);animation:riseIn .5s var(--ease-swift) both;background:linear-gradient(170deg,rgba(13,20,38,.9),rgba(7,11,23,.95));border:1px solid rgba(var(--el-rgb),.4);border-radius:var(--radius-md);box-shadow:var(--shadow-1);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .22s var(--ease-swift),border-color .22s var(--ease-swift),box-shadow .22s var(--ease-swift)}.cards-grid .card-item:first-child{animation-delay:.02s}.cards-grid .card-item:nth-child(2){animation-delay:.05s}.cards-grid .card-item:nth-child(3){animation-delay:.08s}.cards-grid .card-item:nth-child(4){animation-delay:.11s}.cards-grid .card-item:nth-child(5){animation-delay:.14s}.cards-grid .card-item:nth-child(6){animation-delay:.17s}.cards-grid .card-item:nth-child(7){animation-delay:.2s}.cards-grid .card-item:nth-child(8){animation-delay:.23s}.cards-grid .card-item:nth-child(n+9){animation-delay:.26s}.card-item.element-rainbow{background:linear-gradient(170deg,rgba(13,20,38,.9),rgba(7,11,23,.95)) padding-box,var(--color-rainbow) border-box;border:1.5px solid transparent}.card-item.element-rainbow:hover{border-color:transparent}.card-item:hover{border-color:rgba(var(--el-rgb),.85);box-shadow:0 16px 36px rgba(0,0,0,.55),0 0 26px rgba(var(--el-rgb),.24);transform:translateY(-5px)}.cards-grid .card-image{align-items:center;aspect-ratio:3/4;background:radial-gradient(120% 90% at 50% 0,rgba(var(--el-rgb),.12),transparent 55%),var(--bg-deep);display:flex;flex:none;height:auto;justify-content:center;overflow:hidden;position:relative}.cards-grid .card-image img{height:100%;object-fit:cover;transition:transform .45s var(--ease-swift);width:100%}.card-item:hover .card-image img{transform:scale(1.06)}.card-info{border-top:1px solid rgba(var(--el-rgb),.22);padding:9px 10px}.card-info .card-name{color:var(--color-text);font-size:12.5px;font-weight:600;letter-spacing:.03em;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.no-cards-message{background:rgba(9,14,28,.5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.no-cards-message p{color:var(--color-text-dim)}.no-cards-message button{margin-top:var(--spacing-md)}.collection-error,.collection-loading{align-items:center;color:var(--color-text-dim);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:55vh;text-align:center}.collection-error p,.collection-loading p{margin:0}.collection-error h2{color:var(--gold-bright);font-family:var(--font-display);margin:0}@media (max-width:900px){.cl-art{flex-basis:82px;width:82px}.cards-grid{gap:12px}}@media (max-width:640px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))!important}.collection-view-toggle{width:100%}.toggle-btn{flex:1 1;font-size:12.5px;padding:8px 10px}.collection-stats p{font-size:12.5px;padding:0 14px}.collection-display-bar{border-radius:var(--radius-md);justify-content:center}.sort-picker{justify-content:center;width:100%}.sort-picker select{flex:1 1}.cl-row{gap:11px;padding:10px 10px 10px 14px}.cl-art{flex-basis:72px;width:72px}.cl-name{font-size:15.5px}.cl-desc{font-size:12.5px}}@media (max-width:480px){.collection-container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.collection-kicker{letter-spacing:.32em}.collection-filters{gap:10px;padding:13px 12px}.collection-stats{flex-direction:column;gap:4px;padding:10px}.collection-stats p{padding:2px 0}.collection-stats p+p{border-left:none;border-top:1px solid var(--color-border);padding-top:6px}.mode-btn{font-size:11.5px;padding:6px 11px}.grid-columns-picker{display:none}.cl-rarity{font-size:9px;padding:2px 8px}.cl-type{display:none}}.card-details-container{margin:0 auto;max-width:1100px;padding:clamp(14px,3vw,28px) var(--spacing-md) var(--spacing-xl);position:relative}.card-details-container:before{background:radial-gradient(48% 100% at 50% 0,rgba(var(--gold-rgb),.07),transparent 70%),radial-gradient(34% 55% at 85% 8%,rgba(var(--color-dark-rgb),.05),transparent 70%);content:"";height:380px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:120%}.card-details-container>*{position:relative}.card-details-header{align-items:center;animation:riseIn .55s var(--ease-swift);display:flex;flex-direction:column;gap:10px;margin-bottom:var(--spacing-lg);text-align:center}.back-button{align-items:center;background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:999px;box-shadow:none;color:var(--color-text-dim);display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:7px 18px;transition:color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.back-button:before{content:"←";font-size:15px;line-height:1}.back-button:hover{border-color:rgba(var(--arcane-rgb),.55);box-shadow:var(--glow-arcane);color:var(--arcane-soft);transform:translateY(-1px)}.card-details-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fef8e7 10%,#f0d488 45%,#caa14f 72%,#8f6b26);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 10px 30px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:clamp(26px,4.5vw,40px);font-weight:900;letter-spacing:.05em;margin:0}.card-details-content{--el:var(--arcane);--el-rgb:var(--arcane-rgb);animation:riseIn .6s var(--ease-swift) .08s both;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(168deg,rgba(15,23,44,.82),rgba(8,12,26,.9));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);display:flex;gap:clamp(20px,4vw,44px);overflow:hidden;padding:clamp(18px,4vw,36px);position:relative}.card-details-content:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:10%;position:absolute;right:10%;top:0;z-index:2}.card-details-content:after{background:radial-gradient(46% 60% at 14% 6%,rgba(var(--el-rgb),.12),transparent 65%);content:"";inset:0;pointer-events:none;position:absolute}.card-details-content>*{position:relative;z-index:1}.card-details-content.element-fire{--el:var(--color-fire);--el-rgb:var(--color-fire-rgb);border-color:rgba(var(--color-fire-rgb),.42)}.card-details-content.element-water{--el:var(--color-water);--el-rgb:var(--color-water-rgb);border-color:rgba(var(--color-water-rgb),.42)}.card-details-content.element-earth{--el:var(--color-earth);--el-rgb:var(--color-earth-rgb);border-color:rgba(var(--color-earth-rgb),.42)}.card-details-content.element-air{--el:var(--color-air);--el-rgb:var(--color-air-rgb);border-color:rgba(var(--color-air-rgb),.42)}.card-details-content.element-light{--el:var(--color-light);--el-rgb:var(--color-light-rgb);border-color:rgba(var(--color-light-rgb),.45)}.card-details-content.element-dark{--el:var(--color-dark);--el-rgb:var(--color-dark-rgb);border-color:rgba(var(--color-dark-rgb),.42)}.card-details-content.element-rainbow{--el:var(--color-light);--el-rgb:var(--color-light-rgb);background:linear-gradient(168deg,rgba(15,23,44,.82),rgba(8,12,26,.9)) padding-box,var(--color-rainbow) border-box;border:2px solid transparent}.card-details-image{align-items:flex-start;display:flex;flex:0 0 clamp(230px,32vw,330px);justify-content:center;position:relative}.card-details-image:before{background:radial-gradient(55% 60% at 50% 40%,rgba(var(--el-rgb),.28),transparent 70%);content:"";filter:blur(22px);height:70%;left:-4%;pointer-events:none;position:absolute;right:-4%;top:-6%}.card-details-image img{border:1px solid rgba(var(--el-rgb),.55);border-radius:var(--radius-md);box-shadow:0 18px 46px rgba(0,0,0,.6),0 0 36px rgba(var(--el-rgb),.2),inset 0 0 0 1px hsla(0,0%,100%,.04);height:auto;object-fit:contain;position:relative;width:100%}.card-details-info{display:flex;flex:1 1;flex-direction:column;gap:18px;min-width:0}.card-info-group{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card-info-item{align-items:baseline;background:rgba(5,9,20,.45);border:1px solid var(--color-border);border-radius:var(--radius-xs);display:flex;gap:10px;justify-content:space-between;padding:10px 14px}.card-info-item .label{color:var(--color-text-faint);display:inline;font-size:10.5px;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.card-info-item .value{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-num);font-size:15px;font-variant-numeric:tabular-nums;font-weight:700}.value.element-fire{color:var(--color-fire);text-shadow:0 0 14px rgba(var(--color-fire-rgb),.45)}.value.element-water{color:var(--color-water);text-shadow:0 0 14px rgba(var(--color-water-rgb),.45)}.value.element-earth{color:var(--color-earth);text-shadow:0 0 14px rgba(var(--color-earth-rgb),.45)}.value.element-air{color:var(--color-air);text-shadow:0 0 14px rgba(var(--color-air-rgb),.45)}.value.element-light{color:var(--color-light);text-shadow:0 0 14px rgba(var(--color-light-rgb),.5)}.value.element-dark{color:var(--color-dark);text-shadow:0 0 14px rgba(var(--color-dark-rgb),.5)}.value.element-rainbow{background:var(--color-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.value.rarity-common,.value.rarity-normal{color:var(--color-text-dim)}.value.rarity-rare{color:var(--color-water);text-shadow:0 0 12px rgba(var(--color-water-rgb),.35)}.value.rarity-epic,.value.rarity-super_rare{color:#b7abff;text-shadow:0 0 12px rgba(var(--color-dark-rgb),.4)}.value.rarity-super_super_rare{color:var(--color-quaternary);text-shadow:0 0 12px rgba(var(--color-quaternary-rgb),.4)}.value.rarity-legendary{color:var(--gold-bright);text-shadow:0 0 16px rgba(var(--gold-rgb),.5)}.value.rarity-rainbow{background:var(--color-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.card-details-description{background:rgba(5,9,20,.45);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;padding:16px 18px;position:relative}.card-details-description:before{background:linear-gradient(180deg,transparent,rgba(var(--arcane-rgb),.55),transparent);border-radius:2px;bottom:12%;content:"";left:0;position:absolute;top:12%;width:2px}.card-details-description h3{color:var(--arcane);font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.22em;margin:0 0 8px;text-shadow:0 0 14px rgba(var(--arcane-rgb),.35);text-transform:uppercase}.card-details-description h3+h3{margin-top:16px}.card-details-description p{color:var(--color-text);font-size:14px;line-height:1.65;margin:0}.flavor-text{border-left:2px solid rgba(var(--gold-rgb),.4);color:var(--color-text-dim)!important;font-style:italic;padding-left:12px}.card-details-error,.card-details-loading{align-items:center;color:var(--color-text-dim);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:55vh;text-align:center}.card-details-error h2{color:var(--gold-bright);font-family:var(--font-display);margin:0}@media (max-width:900px){.card-details-content{align-items:center;flex-direction:column}.card-details-image{flex:none;width:min(300px,100%)}.card-details-info{width:100%}}@media (max-width:640px){.card-info-group{grid-template-columns:1fr 1fr}.card-info-item{align-items:flex-start;flex-direction:column;gap:3px}}@media (max-width:480px){.card-details-container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.card-info-group{grid-template-columns:1fr}.card-details-content{padding:14px}}.deck-builder-container{animation:riseIn .5s var(--ease-swift);margin:0 auto;max-width:1440px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl)}.deck-builder-container .deck-builder-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative}.deck-builder-container .deck-builder-header:after{background:linear-gradient(90deg,rgba(var(--gold-rgb),.8),transparent);bottom:-1px;content:"";height:1px;left:0;position:absolute;width:230px}.deck-builder-container .deck-builder-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 15%,var(--gold) 55%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 8px 30px rgba(var(--gold-rgb),.18));font-family:var(--font-display);font-size:clamp(24px,3.6vw,32px);font-weight:800;letter-spacing:.06em;margin:0}.deck-builder-container .header-actions{display:flex;gap:var(--spacing-sm)}.deck-builder-container .save-button{background:var(--gold-gradient);border:1px solid rgba(var(--gold-rgb),.55);border-radius:999px;box-shadow:0 6px 24px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;cursor:pointer;font-family:var(--font-display);font-size:13.5px;font-weight:700;letter-spacing:.08em;overflow:hidden;padding:11px 28px;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.deck-builder-container .save-button:after{animation:shimmer 3.8s var(--ease-swift) infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:220%;left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:40%}.deck-builder-container .save-button:hover:not(:disabled){box-shadow:0 10px 34px rgba(var(--gold-rgb),.45),inset 0 1px 0 hsla(0,0%,100%,.55);filter:brightness(1.08);transform:translateY(-2px)}.deck-builder-container .save-button:active:not(:disabled){transform:translateY(0) scale(.98)}.deck-builder-container .save-button:disabled{background:rgba(13,20,38,.6);border-color:var(--color-border);box-shadow:none;color:var(--color-text-faint);cursor:not-allowed}.deck-builder-container .save-button:disabled:after{display:none}.deck-builder-container .cancel-button{background:rgba(9,14,28,.6);border:1px solid var(--color-border);border-radius:999px;box-shadow:none;color:var(--color-text-dim);cursor:pointer;font-family:var(--font-family);font-size:13px;font-weight:600;letter-spacing:.04em;padding:11px 22px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.deck-builder-container .cancel-button:hover{background:rgba(255,95,107,.08);border-color:rgba(255,95,107,.45);box-shadow:none;color:#ffb3ba;transform:translateY(-1px)}.deck-builder-container .deck-builder-error{animation:riseIn .35s var(--ease-swift);background:rgba(255,95,107,.1);border:1px solid rgba(255,95,107,.42);border-left:3px solid var(--danger);border-radius:var(--radius-xs);color:#ffc9cd;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:12px 16px;text-align:center}.deck-builder-container .deck-builder-content{align-items:flex-start;display:flex;gap:var(--spacing-lg)}.deck-builder-container .deck-info-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(168deg,rgba(15,23,44,.88),rgba(8,12,26,.94));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);flex:0 0 320px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);position:relative}.deck-builder-container .deck-info-panel:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.deck-builder-container .deck-info-panel h2{border-bottom:1px dashed rgba(var(--gold-rgb),.25);color:var(--gold-bright);font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.06em;margin:0 0 var(--spacing-md);padding-bottom:10px}.deck-builder-container .deck-info-form .form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.deck-builder-container .deck-info-form select:disabled{cursor:not-allowed;opacity:.55}.deck-builder-container .element-locked-hint{color:var(--warning);font-size:11.5px;line-height:1.5;margin:6px 0 0}.deck-builder-container .db-mode-selector{display:flex;gap:10px}.deck-builder-container .db-mode-btn{align-items:center;background:rgba(5,9,20,.55);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-dim);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-family);font-size:13px;font-weight:700;gap:3px;letter-spacing:.03em;padding:10px 12px;position:relative;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.deck-builder-container .db-mode-btn small{font-size:10.5px;font-weight:500;letter-spacing:.09em;opacity:.7;text-transform:uppercase}.deck-builder-container .db-mode-btn:hover{border-color:rgba(var(--arcane-rgb),.5);box-shadow:none;color:var(--color-text);transform:translateY(-1px)}.deck-builder-container .db-mode-btn.active{background:linear-gradient(150deg,rgba(var(--gold-rgb),.14),rgba(var(--gold-rgb),.04));border-color:rgba(var(--gold-rgb),.65);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb),.3),0 0 18px rgba(var(--gold-rgb),.15);color:var(--gold-bright)}.deck-builder-container .db-mode-btn.active small{opacity:.85}.deck-builder-container .db-mode-hint{background:rgba(var(--arcane-rgb),.05);border:1px dashed rgba(var(--arcane-rgb),.3);border-radius:var(--radius-xs);color:var(--color-text-dim);font-size:11.5px;line-height:1.55;margin:8px 0 0;padding:9px 11px}.deck-builder-container .deck-stats{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.deck-builder-container .deck-stats h3{color:var(--gold-bright);font-family:var(--font-display);font-size:13.5px;font-weight:700;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.deck-builder-container .stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.deck-builder-container .stat-item{align-items:center;background:rgba(5,9,20,.5);border:1px solid var(--color-border);border-radius:var(--radius-xs);display:flex;flex-direction:column;gap:2px;padding:10px 8px;transition:border-color var(--transition-fast)}.deck-builder-container .stat-item:hover{border-color:rgba(var(--gold-rgb),.4)}.deck-builder-container .stat-label{color:var(--color-text-faint);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.deck-builder-container .stat-value{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:17px;font-variant-numeric:tabular-nums;font-weight:800;text-shadow:0 0 14px rgba(var(--gold-rgb),.25)}.deck-builder-container .deck-builder-main{flex:1 1;min-width:0}.deck-builder-container .tabs-container{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);overflow:hidden}.deck-builder-container .tabs{background:rgba(5,9,20,.4);border-bottom:1px solid var(--color-border);display:flex}.deck-builder-container .tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:var(--radius-xs) var(--radius-xs) 0 0;box-shadow:none;color:var(--color-text-dim);cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:13.5px;font-weight:600;letter-spacing:.05em;margin-bottom:-1px;padding:13px 16px;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.deck-builder-container .tab:hover:not(.active){background:rgba(151,183,230,.05);border:none;border-bottom:2px solid transparent;box-shadow:none;color:var(--color-text);transform:none}.deck-builder-container .tab.active{background:linear-gradient(180deg,transparent,rgba(var(--gold-rgb),.07));border-bottom:2px solid var(--gold);color:var(--gold-bright);text-shadow:0 0 14px rgba(var(--gold-rgb),.25)}.deck-builder-container .tab.active:hover{background:linear-gradient(180deg,transparent,rgba(var(--gold-rgb),.1));border-bottom-color:var(--gold);box-shadow:none;transform:none}.deck-builder-container .tab-content{padding:var(--spacing-md)}.deck-builder-container .collection-filters{background:rgba(5,9,20,.45);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);padding:12px}.deck-builder-container .db-cards-count{font-feature-settings:"tnum";align-self:center;color:var(--color-text-dim);font-family:var(--font-num);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600;margin-left:auto;white-space:nowrap}.deck-builder-container .cards-grid,.deck-builder-container .cards-list{max-height:min(68vh,780px);overflow-y:auto;padding-right:6px}.deck-builder-container .cards-grid .card-item:focus-visible,.deck-builder-container .cards-list .cl-row:focus-visible{outline:2px solid rgba(var(--gold-rgb),.75);outline-offset:2px}.deck-builder-container .no-cards-message{background:rgba(5,9,20,.35);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-dim);padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.deck-builder-container .no-cards-message p{font-size:var(--font-size-sm);margin:0 0 4px}.deck-builder-container .no-cards-message p:first-child{color:var(--gold-bright);font-family:var(--font-display);font-size:16px;letter-spacing:.05em}.deck-builder-container .card-item,.deck-builder-container .cl-row{position:relative}.deck-builder-container .db-card-actions{display:flex;gap:6px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .15s ease;z-index:5}.deck-builder-container .card-item:hover .db-card-actions,.deck-builder-container .cl-row:hover .db-card-actions,.deck-builder-container .db-card-actions:focus-within{opacity:1}@media (hover:none){.deck-builder-container .db-card-actions{opacity:1}}.deck-builder-container .db-action-btn{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(8,13,26,.88);border:1px solid rgba(151,183,230,.35);border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.45);color:#e6ecfa;cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease;width:30px}.deck-builder-container .db-action-btn:hover{border-color:hsla(0,0%,100%,.55);box-shadow:0 3px 14px rgba(0,0,0,.5);transform:scale(1.14)}.deck-builder-container .db-action-btn:disabled{cursor:not-allowed;opacity:.35;transform:none}.deck-builder-container .db-action-eye:hover{background:rgba(43,127,212,.75);box-shadow:0 0 14px rgba(var(--arcane-rgb),.4);color:#9fe6ff}.deck-builder-container .db-action-add:hover{background:rgba(23,128,72,.8);box-shadow:0 0 14px rgba(74,222,128,.4);color:#c8f7d9}.deck-builder-container .db-action-remove:hover:not(:disabled){background:rgba(170,36,47,.85);box-shadow:0 0 14px rgba(255,95,107,.4);color:#ffc9cd}.deck-builder-container .db-deck-badge{font-feature-settings:"tnum";background:var(--gold-gradient);border:1px solid hsla(0,0%,100%,.35);border-radius:999px;bottom:6px;box-shadow:0 2px 10px rgba(var(--gold-rgb),.4),0 1px 4px rgba(0,0,0,.4);color:#241a05;font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums;font-weight:800;min-width:24px;padding:2px 7px;position:absolute;right:6px;text-align:center;z-index:4}.deck-builder-container .db-card-blocked{animation:db-blocked-pulse 1.6s ease-in-out infinite;border:2px solid rgba(255,95,107,.85)!important;box-shadow:0 0 0 2px rgba(255,95,107,.3),0 0 14px rgba(255,95,107,.5)!important;cursor:not-allowed;position:relative}@keyframes db-blocked-pulse{0%,to{box-shadow:0 0 0 2px rgba(255,95,107,.28),0 0 10px rgba(255,95,107,.4)}50%{box-shadow:0 0 0 3px rgba(255,95,107,.55),0 0 22px rgba(255,95,107,.7)}}.deck-builder-container .db-blocked-badge{border-radius:999px;bottom:6px;box-shadow:0 1px 4px rgba(0,0,0,.55);color:#fff;font-family:var(--font-family);font-size:10.5px;font-weight:700;left:6px;letter-spacing:.02em;padding:2px 8px;pointer-events:auto;position:absolute;white-space:nowrap;z-index:3}.deck-builder-container .db-blocked-badge.is-listed{background:linear-gradient(135deg,var(--warning),#9c5a1a)}.deck-builder-container .db-blocked-badge.is-locked{background:linear-gradient(135deg,#ff5f6b,#7a1d2e)}.deck-builder-loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:420px}.deck-builder-loading .loading-spinner{animation:spin .9s linear infinite;border:3px solid rgba(var(--gold-rgb),.14);border-radius:50%;border-top-color:var(--gold);box-shadow:var(--glow-gold);height:46px;width:46px}.deck-builder-loading p{color:var(--color-text-dim);font-size:var(--font-size-sm);letter-spacing:.05em;margin:0}@media (max-width:1024px){.deck-builder-container .deck-builder-content{flex-direction:column}.deck-builder-container .deck-info-panel{flex:none;width:100%}}@media (max-width:900px){.deck-builder-container .deck-builder-header h1{font-size:24px}.deck-builder-container .tab{font-size:12.5px;padding:11px 12px}.deck-builder-container .cards-grid,.deck-builder-container .cards-list{max-height:min(60vh,680px)}}@media (max-width:640px){.deck-builder-container{padding:var(--spacing-md) var(--spacing-sm)}.deck-builder-container .deck-builder-header{align-items:stretch;flex-direction:column}.deck-builder-container .header-actions{width:100%}.deck-builder-container .cancel-button,.deck-builder-container .save-button{flex:1 1;padding:10px 14px}.deck-builder-container .deck-info-panel{padding:var(--spacing-md) var(--spacing-sm)}.deck-builder-container .cards-grid,.deck-builder-container .cards-list{max-height:none;overflow-y:visible;padding-right:0}}@media (max-width:480px){.deck-builder-container .stat-value{font-size:15px}.deck-builder-container .tab{font-size:11.5px;letter-spacing:.02em;padding:10px 8px}.deck-builder-container .db-mode-btn{font-size:11.5px;padding:8px}.deck-builder-container .db-cards-count{font-size:11.5px}}.matchmaking-container{margin:0 auto;max-width:960px;overflow:hidden;padding:var(--spacing-lg) var(--spacing-md) 56px;position:relative;width:100%}.matchmaking-container:after,.matchmaking-container:before{border-radius:50%;content:"";filter:blur(7px);opacity:.32;pointer-events:none;position:absolute}.matchmaking-container:before{animation:floatY 9s ease-in-out infinite;background:radial-gradient(circle at 38% 35%,rgba(98,217,255,.5),rgba(43,127,212,.25) 55%,transparent 75%);height:240px;right:-60px;top:-70px;width:240px}.matchmaking-container:after{animation:floatY 11s ease-in-out -4s infinite reverse;background:radial-gradient(circle at 40% 40%,rgba(232,193,90,.45),rgba(156,117,47,.2) 55%,transparent 75%);bottom:-50px;height:190px;left:-40px;width:190px}.matchmaking-container h1{-webkit-text-fill-color:transparent;animation:mm-title-pulse 2.8s ease-in-out infinite;background:linear-gradient(180deg,#fef8e7 8%,#f0d488 42%,#caa14f 68%,#8f6b26);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(30px,5vw,42px);font-weight:900;letter-spacing:.14em;margin:6px 0 22px;position:relative;text-align:center;text-transform:uppercase;z-index:1}@keyframes mm-title-pulse{0%,to{filter:drop-shadow(0 6px 26px rgba(var(--gold-rgb),.25))}50%{filter:drop-shadow(0 6px 40px rgba(var(--gold-rgb),.55)) drop-shadow(0 0 18px rgba(var(--arcane-rgb),.2))}}.matchmaking-container .matchmaking-error{animation:riseIn .35s var(--ease-swift);background:rgba(255,95,107,.1);border:1px solid rgba(255,95,107,.42);border-left:3px solid var(--danger);border-radius:var(--radius-xs);color:#ffc9cd;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:12px 16px;position:relative;text-align:center;z-index:1}.matchmaking-container .mm-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 20px;position:relative;z-index:1}.matchmaking-container .mm-tab{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(9,14,28,.62);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;color:var(--color-text-dim);cursor:pointer;display:inline-flex;flex:1 1 170px;font-family:var(--font-family);font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.04em;padding:13px 14px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.matchmaking-container .mm-tab:hover{border-color:rgba(var(--arcane-rgb),.55);box-shadow:var(--glow-arcane);color:var(--color-text);transform:translateY(-1px)}.matchmaking-container .mm-tab.active{background:linear-gradient(150deg,rgba(var(--gold-rgb),.16),rgba(var(--arcane-rgb),.07));border-color:rgba(var(--gold-rgb),.6);box-shadow:var(--glow-gold),inset 0 0 0 1px rgba(var(--gold-rgb),.22);color:var(--gold-bright)}.matchmaking-container .mm-tab-icon{filter:drop-shadow(0 0 8px rgba(var(--gold-rgb),.35));font-size:17px}.matchmaking-container .mm-body{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative;z-index:1}.matchmaking-container .mm-card{animation:riseIn .55s var(--ease-swift) both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(168deg,rgba(15,23,44,.84),rgba(8,12,26,.93));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden;padding:clamp(16px,3vw,24px);position:relative}.matchmaking-container .mm-card:nth-child(2){animation-delay:.07s}.matchmaking-container .mm-card:nth-child(3){animation-delay:.14s}.matchmaking-container .mm-card:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.6),transparent);content:"";height:1px;left:13%;position:absolute;right:13%;top:0}.matchmaking-container .mm-card-title{color:var(--gold-bright);font-family:var(--font-display);font-size:16.5px;font-weight:700;letter-spacing:.05em;margin:0 0 14px}.matchmaking-container .mm-hint{color:var(--color-text-dim);font-size:12.5px;line-height:1.55;margin:10px 0 0}.matchmaking-container .mm-deck-select{appearance:none;-webkit-appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2362d9ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:14px;padding:12px 40px 12px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.matchmaking-container .mm-deck-select:hover{border-color:rgba(var(--arcane-rgb),.5)}.matchmaking-container .mm-deck-inline{margin:12px 0 14px}.matchmaking-container .mm-deck-preview{align-items:center;background:rgba(5,9,20,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:14px;margin-top:12px;padding:12px 14px}.matchmaking-container .mm-deck-el{background:rgba(var(--arcane-rgb),.1);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:var(--radius-sm);box-shadow:inset 0 0 12px rgba(var(--arcane-rgb),.08);display:grid;flex-shrink:0;font-size:22px;height:46px;place-items:center;transition:transform var(--transition-normal);width:46px}.matchmaking-container .mm-deck-preview:hover .mm-deck-el{transform:scale(1.06)}.matchmaking-container .mm-deck-el.fire{background:rgba(var(--color-fire-rgb),.14);border-color:rgba(var(--color-fire-rgb),.55);box-shadow:0 0 16px rgba(var(--color-fire-rgb),.25)}.matchmaking-container .mm-deck-el.water{background:rgba(var(--color-water-rgb),.14);border-color:rgba(var(--color-water-rgb),.55);box-shadow:0 0 16px rgba(var(--color-water-rgb),.25)}.matchmaking-container .mm-deck-el.earth{background:rgba(var(--color-earth-rgb),.14);border-color:rgba(var(--color-earth-rgb),.55);box-shadow:0 0 16px rgba(var(--color-earth-rgb),.25)}.matchmaking-container .mm-deck-el.air{background:rgba(var(--color-air-rgb),.14);border-color:rgba(var(--color-air-rgb),.55);box-shadow:0 0 16px rgba(var(--color-air-rgb),.25)}.matchmaking-container .mm-deck-el.light{background:rgba(var(--color-light-rgb),.14);border-color:rgba(var(--color-light-rgb),.55);box-shadow:0 0 16px rgba(var(--color-light-rgb),.25)}.matchmaking-container .mm-deck-el.dark{background:rgba(var(--color-dark-rgb),.14);border-color:rgba(var(--color-dark-rgb),.55);box-shadow:0 0 16px rgba(var(--color-dark-rgb),.25)}.matchmaking-container .mm-deck-name{color:var(--color-text);font-size:15px;font-weight:700;margin:0}.matchmaking-container .mm-deck-count{font-feature-settings:"tnum";color:var(--color-text-dim);font-family:var(--font-num);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600;margin:2px 0 0}.matchmaking-container .mm-submodes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:16px}.matchmaking-container .mm-submode{align-items:flex-start;background:rgba(5,9,20,.5);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);gap:4px;justify-content:center;padding:13px 15px;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.matchmaking-container .mm-submode:hover{border-color:rgba(var(--arcane-rgb),.5);transform:translateY(-1px)}.matchmaking-container .mm-submode.active{background:linear-gradient(150deg,rgba(var(--arcane-rgb),.14),rgba(var(--arcane-rgb),.03));border-color:rgba(var(--arcane-rgb),.7);box-shadow:0 0 18px rgba(var(--arcane-rgb),.2)}.matchmaking-container .mm-submode--ranked.active{background:linear-gradient(150deg,rgba(var(--gold-rgb),.16),rgba(var(--gold-rgb),.04));border-color:rgba(var(--gold-rgb),.7);box-shadow:0 0 20px rgba(var(--gold-rgb),.22)}.matchmaking-container .mm-submode-name{font-size:14.5px;font-weight:700;letter-spacing:.02em}.matchmaking-container .mm-submode-desc{color:var(--color-text-dim);font-size:12px;line-height:1.45}.matchmaking-container .mm-stakes{margin-bottom:16px}.matchmaking-container .mm-stakes-label{color:var(--color-text-dim);font-size:12.5px;font-weight:600;letter-spacing:.04em;margin:0 0 8px}.matchmaking-container .wager-tiers{display:flex;flex-wrap:wrap;gap:8px}.matchmaking-container .wager-tier{font-feature-settings:"tnum";background:rgba(5,9,20,.6);border:1px solid var(--color-border-strong);border-radius:999px;box-shadow:none;color:var(--color-text);cursor:pointer;font-family:var(--font-num);font-size:13.5px;font-variant-numeric:tabular-nums;font-weight:600;padding:8px 18px;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.matchmaking-container .wager-tier:hover:not(.active){border-color:rgba(var(--arcane-rgb),.55);color:var(--arcane-soft);transform:translateY(-1px)}.matchmaking-container .wager-tier.active{background:var(--gold-gradient);border-color:transparent;box-shadow:0 3px 16px rgba(var(--gold-rgb),.35);color:#241a05;font-weight:800}.matchmaking-container .wager-hint{background:rgba(var(--gold-rgb),.07);border:1px solid rgba(var(--gold-rgb),.3);border-radius:var(--radius-xs);color:#f4dfae;font-size:12.5px;line-height:1.55;margin:10px 0 0;padding:10px 12px}.matchmaking-container .wager-hint strong{font-feature-settings:"tnum";color:var(--gold-bright);font-variant-numeric:tabular-nums}.matchmaking-container .mm-cta{background:var(--gold-gradient);border:none;border-radius:var(--radius-md);box-shadow:0 8px 30px rgba(var(--gold-rgb),.32),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -2px 6px rgba(120,84,20,.22);color:#241a05;cursor:pointer;font-family:var(--font-display);font-size:15.5px;font-weight:800;letter-spacing:.1em;overflow:hidden;padding:15px 20px;position:relative;text-transform:uppercase;transition:transform var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal);width:100%}.matchmaking-container .mm-cta:after{animation:shimmer 3.8s var(--ease-swift) infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:220%;left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:40%}.matchmaking-container .mm-cta:hover:not(:disabled){box-shadow:0 14px 44px rgba(var(--gold-rgb),.5),inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 -2px 6px rgba(120,84,20,.22);filter:brightness(1.07);transform:translateY(-3px) scale(1.01)}.matchmaking-container .mm-cta:active:not(:disabled){transform:translateY(0) scale(.99)}.matchmaking-container .mm-cta:disabled{background:rgba(13,20,38,.6);border:1px solid var(--color-border);box-shadow:none;color:var(--color-text-faint);cursor:not-allowed}.matchmaking-container .mm-cta:disabled:after{display:none}.matchmaking-container .ranked-searching{padding:18px 8px 10px;position:relative;text-align:center}.matchmaking-container .ranked-searching-spinner{animation:spin 1s linear infinite;border:3px solid rgba(var(--gold-rgb),.16);border-radius:50%;border-top-color:var(--gold);filter:drop-shadow(0 0 12px rgba(var(--gold-rgb),.3));height:56px;margin:0 auto 16px;position:relative;width:56px}.matchmaking-container .ranked-searching-spinner:after{animation:spin 1.4s linear infinite reverse;border:2px solid rgba(var(--arcane-rgb),.18);border-radius:50%;border-top-color:var(--arcane);content:"";inset:7px;position:absolute}.matchmaking-container .ranked-searching-title{color:var(--gold-bright);font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-shadow:0 0 16px rgba(var(--gold-rgb),.3)}.matchmaking-container .ranked-searching-title:after{animation:mm-dots 1.6s steps(1) infinite;content:"…"}@keyframes mm-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.matchmaking-container .ranked-searching-sub{font-feature-settings:"tnum";animation:pulseGlow 2.4s ease-in-out infinite;color:var(--color-text-dim);font-size:13.5px;font-variant-numeric:tabular-nums;margin:0 0 6px}.matchmaking-container .ranked-searching-mode{background:rgba(var(--arcane-rgb),.08);border:1px solid rgba(var(--arcane-rgb),.35);border-radius:999px;color:var(--arcane-soft);display:inline-block;font-size:13px;font-weight:600;letter-spacing:.03em;margin-top:6px;padding:5px 14px}.matchmaking-container .mm-cancel{background:transparent;border:1px solid rgba(255,95,107,.45);border-radius:999px;box-shadow:none;color:#ffb3ba;cursor:pointer;font-family:var(--font-family);font-size:13px;font-weight:600;letter-spacing:.04em;margin-top:18px;padding:10px 26px;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.matchmaking-container .mm-cancel:hover{background:rgba(255,95,107,.1);border-color:rgba(255,95,107,.75);box-shadow:var(--glow-danger)}.matchmaking-container .difficulty-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.matchmaking-container .difficulty-button{background:rgba(5,9,20,.55);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-dim);cursor:pointer;flex:1 1 90px;font-family:var(--font-family);font-size:13.5px;font-weight:600;padding:10px 12px;text-align:center;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.matchmaking-container .difficulty-button:hover:not(.active){border-color:rgba(var(--arcane-rgb),.5);color:var(--color-text)}.matchmaking-container .difficulty-button.active{background:linear-gradient(140deg,var(--arcane-deep),var(--arcane));border-color:transparent;box-shadow:0 4px 18px rgba(var(--arcane-rgb),.35);color:#04121f;font-weight:800}.matchmaking-container .mm-lobby{padding:14px 0 4px;text-align:center}.matchmaking-container .mm-lobby-code{color:var(--color-text-dim);font-size:14px;margin:12px 0}.matchmaking-container .mm-lobby-code strong{font-feature-settings:"tnum";background:rgba(var(--gold-rgb),.08);border:1px dashed rgba(var(--gold-rgb),.45);border-radius:var(--radius-xs);color:var(--gold-bright);display:inline-block;font-family:var(--font-num);font-size:20px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.18em;padding:5px 14px;text-shadow:0 0 16px rgba(var(--gold-rgb),.35)}.matchmaking-container .mm-open-games{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.matchmaking-container .games-list{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding-right:6px}.matchmaking-container .game-item{align-items:center;background:rgba(5,9,20,.55);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:12px;justify-content:space-between;padding:12px 14px;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.matchmaking-container .game-item:hover{border-color:rgba(var(--arcane-rgb),.55);box-shadow:var(--shadow-1),0 0 18px rgba(var(--arcane-rgb),.12);transform:translateX(4px)}.matchmaking-container .game-info{display:flex;flex-direction:column;gap:5px;min-width:0}.matchmaking-container .game-host{align-items:center;display:flex;gap:8px;min-width:0}.matchmaking-container .host-name{color:var(--color-text);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchmaking-container .host-rank{font-feature-settings:"tnum";background:rgba(var(--gold-rgb),.1);border:1px solid rgba(var(--gold-rgb),.4);border-radius:999px;color:var(--gold-bright);flex-shrink:0;font-family:var(--font-num);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;padding:2px 10px}.matchmaking-container .game-details{align-items:center;color:var(--color-text-dim);display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.matchmaking-container .game-mode-chip{align-items:center;background:rgba(151,183,230,.07);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-dim);display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;padding:3px 10px}.matchmaking-container .game-created{font-feature-settings:"tnum";align-items:center;color:var(--color-text-faint);display:inline-flex;font-family:var(--font-num);font-size:11.5px;font-variant-numeric:tabular-nums;gap:4px}.matchmaking-container .join-button{background:rgba(var(--gold-rgb),.1);border:1px solid rgba(var(--gold-rgb),.5);border-radius:999px;box-shadow:none;color:var(--gold-bright);cursor:pointer;flex-shrink:0;font-family:var(--font-family);font-size:12.5px;font-weight:700;letter-spacing:.03em;padding:8px 18px;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.matchmaking-container .join-button:hover:not(:disabled){background:var(--gold-gradient);box-shadow:0 4px 16px rgba(var(--gold-rgb),.35);color:#241a05;transform:translateY(-1px)}.matchmaking-container .join-button:disabled{cursor:not-allowed;opacity:.5}.matchmaking-container .mm-offer-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(3,5,11,.82);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:var(--z-index-modal)}.matchmaking-container .mm-offer{animation:mm-pop .28s var(--ease-bounce);background:linear-gradient(168deg,rgba(15,23,44,.97),rgba(8,12,26,.98));border:1.5px solid rgba(var(--gold-rgb),.55);border-radius:var(--radius-xl);box-shadow:var(--shadow-3),0 0 70px rgba(var(--gold-rgb),.22);padding:30px 26px 24px;position:relative;text-align:center;width:min(92vw,440px)}.matchmaking-container .mm-offer:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.8),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.matchmaking-container .mm-offer:after{background:var(--bg-abyss);color:var(--gold);content:"◆";font-size:11px;left:50%;padding:0 12px;position:absolute;text-shadow:0 0 14px rgba(var(--gold-rgb),.8);top:-8px;transform:translateX(-50%)}@keyframes mm-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.matchmaking-container .mm-offer-title{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 20%,var(--gold) 75%,#b08a3a 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:.06em;margin-bottom:10px}.matchmaking-container .mm-offer-opponent{color:var(--color-text);font-size:15px;margin-bottom:8px}.matchmaking-container .mm-offer-opponent strong{color:var(--gold-bright)}.matchmaking-container .mm-offer-stake{color:#f4dfae;font-size:14px;margin-bottom:14px}.matchmaking-container .mm-offer-stake strong{font-feature-settings:"tnum";color:var(--gold-bright);font-variant-numeric:tabular-nums}.matchmaking-container .mm-offer-countdown{font-feature-settings:"tnum";background:rgba(5,9,20,.6);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text);display:inline-block;font-family:var(--font-num);font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;margin-bottom:18px;padding:8px 16px}.matchmaking-container .mm-offer-countdown.urgent{animation:pulseGlow .9s ease-in-out infinite;border-color:rgba(255,95,107,.5);color:#ffb3ba}.matchmaking-container .mm-offer-actions{display:flex;gap:12px}.matchmaking-container .mm-offer-btn{border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;cursor:pointer;flex:1 1;font-family:var(--font-family);font-size:14.5px;font-weight:800;letter-spacing:.04em;padding:13px 16px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.matchmaking-container .mm-offer-btn.accept{background:var(--gold-gradient);box-shadow:0 6px 24px rgba(var(--gold-rgb),.35),inset 0 1px 0 hsla(0,0%,100%,.5);color:#241a05}.matchmaking-container .mm-offer-btn.decline{background:rgba(255,95,107,.12);border-color:rgba(255,95,107,.5);color:#ffb3ba}.matchmaking-container .mm-offer-btn:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-2px)}.matchmaking-container .mm-offer-btn:disabled{cursor:wait;opacity:.55}.matchmaking-container .mm-replay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(9,14,28,.6);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;color:var(--color-text-dim);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;margin:30px auto 0;max-width:420px;padding:14px;position:relative;transition:border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);width:100%;z-index:1}.matchmaking-container .mm-replay:hover{border-color:rgba(var(--arcane-rgb),.5);box-shadow:var(--glow-arcane);color:var(--color-text);transform:translateY(-2px)}.matchmaking-container .mm-replay .game-mode-icon{animation:floatY 5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(var(--arcane-rgb),.5));font-size:26px}.matchmaking-container .mm-replay .game-mode-name{color:var(--color-text);font-size:13.5px;font-weight:700;letter-spacing:.05em}.matchmaking-container .mm-replay .game-mode-desc{color:var(--color-text-faint);font-size:12px}.matchmaking-container .no-decks-card{animation:riseIn .55s var(--ease-swift);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(168deg,rgba(15,23,44,.88),rgba(8,12,26,.94));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);margin:48px auto;max-width:560px;padding:clamp(28px,5vw,40px);position:relative;text-align:center;z-index:1}.matchmaking-container .no-decks-card:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.75),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.matchmaking-container .no-decks-card:after{background:var(--bg-abyss);color:var(--gold);content:"◆";font-size:11px;left:50%;padding:0 12px;position:absolute;text-shadow:0 0 14px rgba(var(--gold-rgb),.8);top:-8px;transform:translateX(-50%)}.matchmaking-container .no-decks-card h2{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 20%,var(--gold) 75%,#b08a3a 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:.06em;margin:0 0 12px}.matchmaking-container .no-decks-card p{color:var(--color-text-dim);font-size:15px;margin:0 0 22px}.matchmaking-container .no-decks-card .create-deck-button{align-items:center;background:var(--gold-gradient);border:1px solid rgba(var(--gold-rgb),.55);border-radius:999px;box-shadow:0 6px 24px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:700;gap:8px;justify-content:center;letter-spacing:.03em;overflow:hidden;padding:12px 28px;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.matchmaking-container .no-decks-card .create-deck-button:after{animation:shimmer 4s var(--ease-swift) infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:220%;left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:40%}.matchmaking-container .no-decks-card .create-deck-button:hover{box-shadow:0 10px 34px rgba(var(--gold-rgb),.45),inset 0 1px 0 hsla(0,0%,100%,.55);filter:brightness(1.08);transform:translateY(-2px)}.matchmaking-container .create-deck-icon{font-size:16px;font-weight:800}@media (max-width:900px){.matchmaking-container{padding-top:var(--spacing-md)}}@media (max-width:640px){.matchmaking-container .mm-submodes{grid-template-columns:1fr}.matchmaking-container .mm-tabs{flex-direction:column}.matchmaking-container .mm-tab{flex-basis:auto;width:100%}.matchmaking-container .mm-offer{padding:24px 18px 20px}.matchmaking-container .games-list{max-height:220px}.matchmaking-container .game-item{flex-wrap:wrap}}@media (max-width:480px){.matchmaking-container{padding:var(--spacing-md) var(--spacing-sm) 40px}.matchmaking-container h1{font-size:27px}.matchmaking-container .wager-tier{flex:1 1 40%;padding:8px 10px}.matchmaking-container .mm-cta{font-size:14px;letter-spacing:.06em}.matchmaking-container .difficulty-button{flex:1 1 42%}.matchmaking-container .mm-offer-actions{flex-direction:column}.matchmaking-container .host-rank{display:none}}.game-log{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(9,14,28,.88);border:1px solid rgba(var(--arcane-rgb),.45);border-radius:var(--radius-md);box-shadow:var(--shadow-2),0 0 8px rgba(var(--arcane-rgb),.18);display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden}.game-log-header{align-items:center;background:rgba(3,6,14,.7);border-bottom:1px solid rgba(var(--arcane-rgb),.35);display:flex;justify-content:center;padding:10px;position:relative}.game-log-header h3{color:var(--gold-bright);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:700;letter-spacing:.1em;margin:0;text-shadow:0 0 10px rgba(var(--gold-rgb),.3);text-transform:uppercase}.game-log-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-height:0;overflow-y:auto;padding:var(--spacing-sm);scrollbar-color:rgba(var(--arcane-rgb),.6) rgba(4,8,18,.4);scrollbar-width:thin}.game-log-content::-webkit-scrollbar{width:4px}.game-log-content::-webkit-scrollbar-track{background:rgba(4,8,18,.4);border-radius:10px}.game-log-content::-webkit-scrollbar-thumb{background-color:rgba(var(--arcane-rgb),.6);border-radius:10px}.game-log-close-button{background:transparent;border:none;color:rgba(233,240,255,.7);cursor:pointer;font-size:18px;line-height:1;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color var(--transition-fast),text-shadow var(--transition-fast)}.game-log-close-button:hover{color:#ffb9bf;text-shadow:0 0 8px rgba(255,95,107,.5)}.log-empty{color:var(--color-text-dim);font-size:var(--font-size-xs);font-style:italic;opacity:.75;padding:var(--spacing-md);text-align:center}.log-item{animation:logFadeIn .3s ease-out forwards;margin-bottom:var(--spacing-xs)}.log-entry{background-color:rgba(4,8,18,.55);border-radius:var(--radius-xs);color:var(--color-text);font-size:var(--font-size-xs);line-height:1.45;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .2s ease}.log-entry:hover{background-color:rgba(13,20,38,.85)}.log-message{font-size:inherit}.log-event{background-color:rgba(var(--arcane-rgb),.1);border-left:3px solid var(--arcane)}.log-card{background-color:rgba(var(--gold-rgb),.09);border-left:3px solid var(--gold)}.log-battle{background-color:rgba(255,95,107,.1);border-left:3px solid var(--danger)}.log-effect{background-color:rgba(var(--color-dark-rgb),.12);border-left:3px solid var(--color-dark)}.log-phase{background-color:rgba(4,8,18,.4);border-left:3px solid rgba(151,183,230,.5)}.log-draw,.log-phase{color:var(--color-text-dim);font-style:italic}.log-draw{background-color:rgba(4,8,18,.3);border-left:3px solid var(--color-border)}.log-error{background-color:rgba(255,95,107,.12);border-left:3px solid var(--danger);color:#ff9aa2}@keyframes logFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.game-log-content{font-size:var(--font-size-xs);max-height:200px}.log-entry{margin-bottom:2px;padding:var(--spacing-xs)}}@media (max-width:480px){.game-log-header h3{font-size:var(--font-size-sm)}.game-log-content{max-height:150px;padding:4px}.log-entry{font-size:10px;padding:2px 4px}}.game-log-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(2,4,10,.68);display:flex;inset:0;justify-content:center;position:fixed;z-index:800}.game-log-overlay .game-log{animation:logModalIn .22s ease-out;border:1px solid rgba(var(--arcane-rgb),.5);box-shadow:var(--shadow-3),0 0 30px rgba(var(--arcane-rgb),.3);flex:none;height:min(70vh,640px);position:relative;width:min(640px,92vw)}@keyframes logModalIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.hand-card{transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.hand-area.player-hand{z-index:55}.hand-card.hand-card-selected{box-shadow:0 0 12px rgba(var(--gold-rgb),.95),0 0 28px rgba(var(--gold-rgb),.5)!important;filter:brightness(1.15) saturate(1.1)}.hand-card-playable-glow{animation:hand-playable-flash 1.2s ease-out}@keyframes hand-playable-flash{0%{box-shadow:0 0 0 rgba(var(--gold-rgb),0);filter:brightness(1)}30%{box-shadow:0 0 18px 4px rgba(var(--gold-rgb),.85);filter:brightness(1.25)}to{box-shadow:0 0 0 rgba(var(--gold-rgb),0);filter:brightness(1)}}.hand-card-unaffordable{animation:hand-unaffordable-flash .5s ease-out}@keyframes hand-unaffordable-flash{0%,to{filter:none}20%,60%{filter:brightness(.55) saturate(1.6) drop-shadow(0 0 .8cqw rgba(255,95,107,.9))}40%,80%{filter:brightness(.9) drop-shadow(0 0 .4cqw rgba(255,95,107,.5))}}.reticle-drag-source{box-shadow:0 0 12px rgba(var(--gold-rgb),.5)!important;outline:2px solid rgba(var(--gold-rgb),.7);outline-offset:2px}.reticle-drag-invalid{animation:reticle-invalid-flash .5s ease-out}@keyframes reticle-invalid-flash{0%{box-shadow:0 0 0 rgba(255,95,107,0);filter:none}30%{box-shadow:0 0 16px 4px rgba(255,95,107,.8);filter:brightness(.8)}to{box-shadow:0 0 0 rgba(255,95,107,0);filter:none}}.hand-eye-button{align-items:center;animation:hand-eye-appear .28s ease-out both;background:rgba(8,14,30,.92);border:none;border:.1cqw solid rgba(var(--gold-rgb),.5);border-radius:50%;box-shadow:0 0 10px rgba(var(--gold-rgb),.7),0 2px 6px rgba(0,0,0,.5);cursor:pointer;display:flex;height:4.8cqw;justify-content:center;left:50%;padding:0;position:absolute;top:-5.2cqw;transform:translateX(-50%);width:6.8cqw;z-index:120}.hand-eye-button:hover{border-color:rgba(var(--gold-rgb),.9);box-shadow:0 0 16px rgba(var(--gold-rgb),1),0 2px 8px rgba(0,0,0,.6)}.hand-eye-button:active{transform:translateX(-50%) scale(.92)}.hand-eye-svg{height:78%;overflow:visible;width:78%}.hand-eye-lid{fill:none;stroke:var(--gold);stroke-width:2.5}.hand-eye-pupil{fill:var(--gold-bright);animation:hand-eye-pupil-in .5s ease-out .35s both;opacity:0}.hand-eye-shutter{fill:#0a1428;animation:hand-eye-open .6s cubic-bezier(.3,1.2,.4,1) .15s both}@keyframes hand-eye-open{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-34px)}}@keyframes hand-eye-pupil-in{0%{opacity:0;transform:scale(.2);transform-origin:24px 16px}to{opacity:1;transform:scale(1);transform-origin:24px 16px}}@keyframes hand-eye-appear{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.7)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.monster-card.has-activatable{animation:gold-shine-pulse 1.6s ease-in-out infinite alternate;border:2px solid rgba(var(--gold-rgb),.85);border-radius:8px}.monster-card.ability-targetable{animation:target-pulse .9s ease-in-out infinite alternate;border-radius:8px;cursor:crosshair;position:relative}.monster-card.ability-targetable:after{content:"🎯";filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));font-size:14px;left:4px;position:absolute;top:4px;z-index:6}@keyframes gold-shine-pulse{0%{box-shadow:0 0 8px 1px rgba(var(--gold-rgb),.45)}to{box-shadow:0 0 18px 4px rgba(var(--gold-rgb),.9),0 0 34px rgba(232,160,40,.5)}}@keyframes target-pulse{0%{box-shadow:0 0 6px 2px rgba(255,95,107,.55)}to{box-shadow:0 0 16px 5px rgba(255,95,107,.95)}}.r27-ability-banner{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(42,30,6,.95),rgba(16,12,4,.95));border:1.5px solid rgba(var(--gold-rgb),.75);border-radius:var(--radius-sm);box-shadow:0 0 22px rgba(var(--gold-rgb),.3);color:var(--gold-bright);display:flex;font-size:14px;gap:14px;left:50%;padding:10px 18px;position:fixed;top:74px;transform:translateX(-50%);z-index:1500}.r27-ability-banner b{color:var(--gold)}.r27-ability-banner button{background:rgba(255,95,107,.12);border:1px solid rgba(255,95,107,.5);border-radius:var(--radius-xs);color:#ffb0b0;cursor:pointer;font-family:var(--font-ui);font-weight:700;letter-spacing:1px;padding:6px 14px;text-transform:uppercase;transition:background var(--transition-fast)}.r27-ability-banner button:hover{background:rgba(255,95,107,.28)}.pending-action{border:.2cqw solid rgba(var(--arcane-rgb),.85)}.pending-attack{border:.2cqw solid rgba(255,95,107,.85)}.pending-defense{border:.2cqw solid rgba(74,222,128,.85)}.active-battle-zone:not(.dev-mode){animation:battle-zone-pulse 1.5s infinite}.empty-zone-glow{animation:empty-zone-pulse 1.5s infinite alternate;background-color:rgba(var(--arcane-rgb),.05)!important;border:.2cqw dashed rgba(var(--arcane-rgb),.75)!important;box-shadow:0 0 1.5cqw rgba(var(--arcane-rgb),.5)!important}.defense-position{background-color:rgba(var(--arcane-rgb),.1);border:.2cqw dashed rgba(var(--arcane-rgb),.7)}.battle-zone.active-drop-target,.monsters-zone.active-drop-target{animation:defense-position-pulse 1.5s infinite alternate;border:.2cqw dashed rgba(74,222,128,.8)!important}@keyframes attacker-pulse{0%{box-shadow:0 0 .5cqw rgba(var(--color-fire-rgb),.5)}50%{box-shadow:0 0 1.5cqw rgba(var(--color-fire-rgb),.85)}to{box-shadow:0 0 .5cqw rgba(var(--color-fire-rgb),.5)}}@keyframes defender-pulse{0%{box-shadow:0 0 .5cqw rgba(var(--color-water-rgb),.5)}50%{box-shadow:0 0 1.5cqw rgba(var(--color-water-rgb),.85)}to{box-shadow:0 0 .5cqw rgba(var(--color-water-rgb),.5)}}.attacker-card:before{animation:attacker-pulse 1.5s infinite;border:.2cqw solid rgba(var(--color-fire-rgb),.85);border-radius:.8cqw}.attacker-card:before,.defender-card:before{bottom:-.5cqw;content:"";left:-.5cqw;pointer-events:none;position:absolute;right:-.5cqw;top:-.5cqw}.defender-card:before{animation:defender-pulse 1.5s infinite;border:.2cqw solid rgba(var(--color-water-rgb),.85);border-radius:.8cqw}.monster-card.just-summoned{animation:monsterSummonIn .65s cubic-bezier(.2,.9,.3,1.25) both}@keyframes monsterSummonIn{0%{filter:brightness(3) drop-shadow(0 0 18px rgba(var(--gold-rgb),.95));opacity:0;transform:translateY(-45%) scale(.25) rotate(-6deg)}55%{filter:brightness(1.6) drop-shadow(0 0 10px rgba(var(--gold-rgb),.6));opacity:1;transform:translateY(0) scale(1.08) rotate(1.5deg)}to{filter:none;opacity:1;transform:none}}.monster-card.is-token.just-summoned{animation:tokenSummonIn .75s cubic-bezier(.2,.9,.3,1.25) both}@keyframes tokenSummonIn{0%{filter:brightness(3.5) drop-shadow(0 0 22px rgba(var(--color-air-rgb),.9));opacity:0;transform:translateY(-60%) scale(.15)}55%{filter:brightness(1.8) drop-shadow(0 0 12px rgba(var(--color-air-rgb),.65));opacity:1;transform:translateY(0) scale(1.12)}to{filter:none;opacity:1;transform:none}}.monster-card.is-token{box-shadow:0 0 .8cqw rgba(0,0,0,.65),0 0 .9cqw rgba(var(--color-air-rgb),.3)}.terrain-zone{align-items:center;background:linear-gradient(150deg,rgba(10,18,30,.88),rgba(6,10,20,.92)),repeating-linear-gradient(45deg,rgba(16,36,28,.16) 0 6px,rgba(22,46,36,.16) 6px 12px);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);cursor:default;display:flex;justify-content:center;position:absolute;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);z-index:15}.terrain-zone:not(.terrain-active){box-shadow:inset 0 0 22px rgba(0,0,0,.5)}.terrain-active{border-color:rgba(var(--gold-rgb),.75);box-shadow:0 0 18px rgba(74,222,128,.32),inset 0 0 20px rgba(74,222,128,.1),var(--shadow-2);cursor:pointer}.terrain-active:hover{border-color:rgba(var(--gold-rgb),.95);box-shadow:0 0 26px rgba(var(--gold-rgb),.42),inset 0 0 20px rgba(74,222,128,.14),var(--shadow-2);transform:translate(-50%,-50%) scale(1.05);z-index:40}.terrain-enemy{border-color:rgba(var(--color-tertiary-rgb),.75);box-shadow:0 0 18px rgba(var(--color-tertiary-rgb),.3),inset 0 0 20px rgba(var(--color-tertiary-rgb),.1)}.terrain-enemy:hover{border-color:rgba(var(--color-tertiary-rgb),.95);box-shadow:0 0 26px rgba(var(--color-tertiary-rgb),.42),inset 0 0 20px rgba(var(--color-tertiary-rgb),.14)}.terrain-card{align-items:center;background:rgba(5,9,18,.9);display:flex;justify-content:center;overflow:hidden;position:relative}.terrain-card,.terrain-card-img{border-radius:var(--radius-xs);height:100%;width:100%}.terrain-card-img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.terrain-duration{background:rgba(6,48,28,.88);border:1px solid rgba(74,222,128,.6);border-radius:999px;box-shadow:0 0 10px rgba(74,222,128,.25);color:#d9ffe6;font-family:var(--font-num);font-size:clamp(9px,1.1cqw,15px);font-weight:800;min-width:1.4em;padding:0 .35em;pointer-events:none;position:absolute;right:5%;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);top:4%}.terrain-empty{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.terrain-symbol{color:rgba(184,245,208,.55);filter:drop-shadow(0 0 8px rgba(var(--color-air-rgb),.35));font-size:clamp(16px,2.2cqw,30px)}.terrain-zone:not(.terrain-active) .terrain-symbol{opacity:.3}.terrain-label{bottom:-16px;color:rgba(184,245,208,.8);font-size:clamp(8px,.8cqw,12px);font-weight:700;left:50%;letter-spacing:.1em;pointer-events:none;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.9);text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}.start-vortex-overlay{cursor:pointer;inset:0;overflow:hidden;position:fixed;z-index:2000}.vortex-canvas{inset:0;pointer-events:none;position:absolute}.start-vortex-overlay.vortex-suck{animation:vt-suck-darken 1.1s ease-in forwards;background:radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.3) 42%,rgba(3,2,8,.88) 76%,#020105 100%)}@keyframes vt-suck-darken{0%{background:radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.1) 55%,rgba(1,1,6,.45) 100%)}to{background:radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.3) 42%,rgba(3,2,8,.88) 76%,#020105 100%)}}body.vortex-sucking .battlefield-container{animation:vt-screen-suck 1.1s cubic-bezier(.55,0,.85,.36) forwards;transform-origin:50% 50%;will-change:transform,filter}@keyframes vt-screen-suck{0%{filter:brightness(1) saturate(1) blur(0);transform:scale(1) rotate(0turn)}55%{filter:brightness(.9) saturate(1.4) blur(1.5px)}to{filter:brightness(.12) saturate(1.7) blur(8px);transform:scale(.02) rotate(576deg)}}.start-vortex-overlay.vortex-black{background:#010005}.start-vortex-overlay.vortex-black .vortex-core{opacity:0;transition:opacity .3s ease-in}.start-vortex-overlay.vortex-reveal{animation:vt-reveal-fade 1s ease-out forwards;background:radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.25) 55%,rgba(1,1,6,.75) 100%)}@keyframes vt-reveal-fade{0%{opacity:1}to{opacity:0;visibility:hidden}}body.vortex-revealing .battlefield-container{animation:vt-screen-reveal 1s cubic-bezier(.05,.55,.25,1) backwards;transform-origin:50% 50%;will-change:transform,filter}@keyframes vt-screen-reveal{0%{filter:brightness(.12) saturate(1.7) blur(8px);transform:scale(.02) rotate(-576deg)}30%{filter:brightness(1.6) saturate(1.3) blur(2px)}72%{filter:brightness(1) saturate(1.05) blur(0);transform:scale(1.02) rotate(.03turn)}to{filter:brightness(1) saturate(1) blur(0);transform:scale(1) rotate(0turn)}}.vortex-flash{animation:vt-flash .5s ease-out forwards;background:radial-gradient(circle,rgba(255,244,214,.95) 0,rgba(232,193,90,.45) 26%,rgba(98,217,255,.3) 42%,transparent 70%);inset:0;pointer-events:none;position:absolute}@keyframes vt-flash{0%{opacity:1}to{opacity:0}}.vortex-core{animation:vt-core-in 1.1s cubic-bezier(.55,0,.85,.4) forwards;background:radial-gradient(circle,#000 0,#030009 26%,rgba(14,8,38,.92) 40%,rgba(232,170,60,.3) 52%,rgba(155,140,255,.16) 62%,transparent 74%);height:36vmax;left:50%;margin:-18vmax 0 0 -18vmax;pointer-events:none;top:50%;width:36vmax}.vortex-core,.vortex-core:after{border-radius:50%;position:absolute}.vortex-core:after{animation:vt-accretion 1.3s linear infinite;background:conic-gradient(from 0deg,transparent 0deg,hsla(45,85%,76%,.45) 40deg,transparent 110deg,rgba(155,140,255,.32) 220deg,transparent 300deg);content:"";inset:16%;-webkit-mask:radial-gradient(circle,transparent 0 60%,#000 76% 100%);mask:radial-gradient(circle,transparent 0 60%,#000 76% 100%)}@keyframes vt-accretion{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes vt-core-in{0%{opacity:0;transform:scale(.08)}55%{opacity:1}to{opacity:1;transform:scale(1)}}.start-vortex-overlay.vortex-reveal .vortex-core{animation:vt-core-out 1s cubic-bezier(.05,.55,.35,1) forwards}@keyframes vt-core-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.03)}}.start-vortex-overlay.vortex-draw{background:transparent;pointer-events:none}.start-vortex-overlay.vortex-draw .vortex-canvas,.start-vortex-overlay.vortex-draw .vortex-core{opacity:0;transition:opacity .3s}.vortex-draw-layer{inset:0;position:absolute}.vortex-draw-card{background:linear-gradient(155deg,#241a48,#0e0a22 60%,#181040);border:1px solid rgba(var(--color-dark-rgb),.6);border-radius:6px;box-shadow:0 0 14px rgba(var(--color-dark-rgb),.5),inset 0 0 8px rgba(0,0,0,.5);pointer-events:none;position:absolute}.vortex-draw-card:after{align-items:center;color:rgba(200,185,255,.8);content:"✦";display:flex;font-size:18px;inset:0;justify-content:center;position:absolute;text-shadow:0 0 8px rgba(var(--color-dark-rgb),.9)}.vortex-hint{animation:vt-blink 1.2s ease-in-out infinite;bottom:7%;color:rgba(226,216,255,.85);font-family:var(--font-display);font-size:15px;left:50%;letter-spacing:3px;pointer-events:none;position:absolute;text-shadow:0 0 10px rgba(var(--color-dark-rgb),.8);text-transform:uppercase;transform:translateX(-50%)}.vortex-hint.subtle{bottom:4%;color:rgba(200,195,235,.5);font-size:12px}@keyframes vt-blink{0%,to{opacity:.45}50%{opacity:1}}.action-button-container{align-items:center;background-color:transparent!important;border:none!important;box-shadow:none!important;display:flex;justify-content:center;pointer-events:none;position:absolute;z-index:50}.action-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(19,31,60,.92),rgba(8,12,26,.95));border:.2cqw solid rgba(var(--arcane-rgb),.75);border-radius:30px;border-radius:2.5cqw;box-shadow:0 0 15px rgba(var(--arcane-rgb),.45),0 .4cqw .8cqw rgba(0,0,0,.45),inset 0 .1cqw .2cqw hsla(0,0%,100%,.22);color:var(--color-text);cursor:pointer;font-family:var(--font-display);font-size:16px;font-size:calc(1.6cqw * 1 * 1);font-size:calc(1.6cqw * var(--font-scale, 1) * var(--fs-action, 1));font-weight:700;height:auto;letter-spacing:.05cqw;max-width:60cqw;min-height:38px;min-height:4.2cqw;min-width:110px;min-width:11cqw;overflow:hidden;padding:.7cqw 1.6cqw;pointer-events:auto;position:relative;text-shadow:0 .1cqw .2cqw rgba(0,0,0,.7);text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;width:auto}.action-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.18),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s;width:100%}.action-button:hover:not(:disabled):before{animation:button-shine 1.5s infinite;left:100%}@keyframes button-shine{0%{left:-100%}to{left:100%}}.action-button:hover:not(:disabled){background:linear-gradient(180deg,rgba(26,42,78,.95),rgba(12,18,36,.95));border-color:var(--arcane-soft);box-shadow:0 0 2.5cqw rgba(var(--arcane-rgb),.75),0 .8cqw 1.6cqw rgba(0,0,0,.45),inset 0 .1cqw .3cqw hsla(0,0%,100%,.3);transform:translateY(-.5cqw) scale(1.03)}.action-button:active:not(:disabled){box-shadow:0 0 2cqw rgba(var(--arcane-rgb),.6),0 .2cqw .4cqw rgba(0,0,0,.45),inset 0 .1cqw .2cqw hsla(0,0%,100%,.2);transform:translateY(-.2cqw) scale(.98);transition:all .1s}.action-button:disabled{background:linear-gradient(180deg,rgba(16,22,40,.6),rgba(8,12,24,.7));border-color:rgba(151,183,230,.22);box-shadow:0 0 .5cqw rgba(var(--arcane-rgb),.12),0 .2cqw .4cqw rgba(0,0,0,.25);color:var(--color-text-faint);cursor:not-allowed;opacity:.65}@keyframes pulse-button{0%{box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.55),0 .4cqw .8cqw rgba(0,0,0,.3),inset 0 .1cqw .2cqw hsla(0,0%,100%,.3);transform:translateY(-.2cqw) scale(1)}50%{box-shadow:0 0 3cqw rgba(var(--gold-rgb),.85),0 .8cqw 1.6cqw rgba(0,0,0,.4),inset 0 .1cqw .3cqw hsla(0,0%,100%,.45);transform:translateY(-.5cqw) scale(1.05)}to{box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.55),0 .4cqw .8cqw rgba(0,0,0,.3),inset 0 .1cqw .2cqw hsla(0,0%,100%,.3);transform:translateY(-.2cqw) scale(1)}}.action-button.awaiting-confirmation{animation:pulse-button 1.5s infinite;background:linear-gradient(180deg,rgba(64,48,12,.95),rgba(34,24,6,.95))!important;border:.2cqw solid var(--gold)!important;color:var(--gold-bright)!important;letter-spacing:.1cqw;text-shadow:0 0 .5cqw rgba(var(--gold-rgb),.6)!important;transform:translateY(-.3cqw)}.action-button.awaiting-confirmation:after{animation:border-pulse 1.5s infinite alternate;border:.3cqw solid rgba(var(--gold-rgb),.5);border-radius:3cqw;bottom:-.3cqw;content:"";left:-.3cqw;pointer-events:none;position:absolute;right:-.3cqw;top:-.3cqw}@keyframes border-pulse{0%{border-color:rgba(var(--gold-rgb),.3);opacity:.5;transform:scale(1)}to{border-color:rgba(var(--gold-rgb),.9);opacity:.9;transform:scale(1.05)}}.action-button.attack-button{background:linear-gradient(180deg,rgba(120,38,10,.92),rgba(70,16,4,.95));border:.2cqw solid rgba(var(--color-fire-rgb),.9);box-shadow:0 0 2cqw rgba(var(--color-fire-rgb),.6),0 .4cqw .8cqw rgba(0,0,0,.4),inset 0 .1cqw .2cqw hsla(0,0%,100%,.22);color:#ffe3d1;transform:translateY(-.3cqw)}.action-button.attack-button:after,.action-button.attack-button:before{animation:attack-sparks .8s infinite alternate;background-color:rgba(255,158,108,.85);content:"";filter:blur(.3cqw);height:1cqw;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1cqw}.action-button.attack-button:before{animation-delay:0s;left:-.7cqw}.action-button.attack-button:after{animation-delay:.4s;right:-.7cqw}@keyframes attack-sparks{0%{opacity:.3;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1.5)}}.action-button.defense-button{background:linear-gradient(180deg,rgba(14,44,92,.92),rgba(6,18,46,.95));border:.2cqw solid rgba(var(--color-water-rgb),.9);box-shadow:0 0 2cqw rgba(var(--color-water-rgb),.6),0 .4cqw .8cqw rgba(0,0,0,.4),inset 0 .1cqw .2cqw hsla(0,0%,100%,.22);color:#d4ecff;transform:translateY(-.3cqw)}.action-button.defense-button:before{animation:defense-aura 2s infinite alternate;background:radial-gradient(circle at center,rgba(111,214,255,.3) 0,rgba(63,182,255,.12) 50%,transparent 70%);border-radius:3cqw;bottom:-.2cqw;content:"";left:-.2cqw;pointer-events:none;position:absolute;right:-.2cqw;top:-.2cqw}@keyframes defense-aura{0%{opacity:.3;transform:scale(.98)}to{opacity:.8;transform:scale(1.05)}}.duel-coach{animation:duel-coach-in .35s var(--ease-swift);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(160deg,rgba(15,23,44,.96),rgba(8,12,26,.97));border:1px solid rgba(var(--arcane-rgb),.4);border-radius:var(--radius-md);bottom:18px;box-shadow:var(--shadow-3),0 0 34px rgba(var(--arcane-rgb),.12);color:var(--color-text);left:50%;max-width:min(560px,calc(100vw - 24px));padding:14px 46px 14px 18px;position:fixed;transform:translateX(-50%);z-index:9000}.duel-coach:before{background:linear-gradient(90deg,transparent,rgba(var(--arcane-rgb),.7),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}@keyframes duel-coach-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.duel-coach__close{align-items:center;background:rgba(151,183,230,.06);border:1px solid var(--color-border);border-radius:50%;box-shadow:none;color:var(--color-text-dim);cursor:pointer;display:flex;font-size:13px;height:26px;justify-content:center;padding:0;position:absolute;right:8px;top:8px;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);width:26px}.duel-coach__close:hover{background:rgba(255,95,107,.1);border-color:rgba(255,95,107,.45);color:#ffd9dc}.duel-coach__inner{align-items:flex-start;display:flex;gap:14px}.duel-coach__icon{animation:floatY 5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(var(--arcane-rgb),.45));font-size:1.7rem;line-height:1;margin-top:2px}.duel-coach__step{color:var(--arcane-soft);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-shadow:0 0 12px rgba(var(--arcane-rgb),.35);text-transform:uppercase}.duel-coach__title{color:var(--color-text);font-size:1rem;font-weight:700;margin:3px 0 4px}.duel-coach__body{color:var(--color-text-dim);font-size:.85rem;line-height:1.5}.duel-coach__btn{background:var(--gold-gradient);border:none;border-radius:var(--radius-xs);box-shadow:0 2px 12px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;cursor:pointer;font-size:13px;font-weight:700;margin-top:10px;padding:8px 16px;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.duel-coach__btn:hover:not(:disabled){box-shadow:0 4px 18px rgba(var(--gold-rgb),.42),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08);transform:translateY(-1px)}.turn-timer-indicator{animation:turn-timer-in .35s var(--ease-swift) both;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(4,8,20,.88);border:1px solid rgba(var(--arcane-rgb),.55);border-radius:var(--radius-sm);box-shadow:var(--shadow-2),0 0 16px rgba(var(--arcane-rgb),.28);color:var(--color-text);left:50%;min-width:170px;padding:10px 18px 8px;pointer-events:none;position:absolute;text-align:center;top:4%;transform:translateX(-50%);z-index:45}@keyframes turn-timer-in{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.turn-timer-border{border-radius:var(--radius-sm);filter:drop-shadow(0 0 5px rgba(var(--gold-rgb),.85));height:calc(100% + 4px);inset:-2px;position:absolute;width:calc(100% + 4px)}.turn-timer-indicator.critical{border-color:rgba(var(--color-tertiary-rgb),.65);box-shadow:var(--shadow-2),0 0 18px rgba(var(--color-tertiary-rgb),.35)}.turn-timer-indicator.critical .turn-timer-border{animation:turn-timer-blink .6s ease-in-out infinite;filter:drop-shadow(0 0 7px rgba(var(--color-tertiary-rgb),.95))}@keyframes turn-timer-blink{0%,to{opacity:1}50%{opacity:.55}}.turn-timer-title{color:var(--arcane-soft);font-size:15px;font-weight:700;line-height:1.25;text-shadow:0 0 10px rgba(var(--arcane-rgb),.55)}.turn-timer-sub{color:var(--color-text-dim);font-size:13px;margin-top:1px}.turn-timer-attack{color:var(--color-text-faint);font-size:12px;font-weight:700;margin-top:4px}.turn-timer-attack.mine{color:var(--warning)}.turn-timer-phase{color:var(--color-text-faint);font-size:11px;margin-top:2px}.turn-timer-count{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:15px;font-variant-numeric:tabular-nums;font-weight:800;margin-top:4px;text-shadow:0 0 10px rgba(var(--gold-rgb),.45)}.turn-timer-count.critical{color:var(--danger);text-shadow:0 0 10px rgba(var(--color-tertiary-rgb),.5)}.turn-timer-indicator.opponent{border-color:rgba(var(--color-tertiary-rgb),.5);box-shadow:var(--shadow-2),0 0 14px rgba(var(--color-tertiary-rgb),.26)}.turn-timer-title.opp{color:#ff8a8a;text-shadow:0 0 10px rgba(var(--color-tertiary-rgb),.55)}@keyframes gold-glow{0%{box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.5)}50%{box-shadow:0 0 3.5cqw rgba(var(--gold-rgb),.9)}to{box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.5)}}@keyframes red-glow{0%{box-shadow:0 0 1.5cqw rgba(255,95,107,.5)}50%{box-shadow:0 0 3.5cqw rgba(255,95,107,.9)}to{box-shadow:0 0 1.5cqw rgba(255,95,107,.5)}}@keyframes green-glow{0%{box-shadow:0 0 1.5cqw rgba(74,222,128,.5)}50%{box-shadow:0 0 3.5cqw rgba(74,222,128,.9)}to{box-shadow:0 0 1.5cqw rgba(74,222,128,.5)}}@keyframes defense-zone-pulse{0%{background-color:rgba(var(--arcane-rgb),.05);box-shadow:0 0 1.5cqw rgba(var(--arcane-rgb),.5)}50%{background-color:rgba(var(--arcane-rgb),.1);box-shadow:0 0 2.5cqw rgba(var(--arcane-rgb),.8)}to{background-color:rgba(var(--arcane-rgb),.05);box-shadow:0 0 1.5cqw rgba(var(--arcane-rgb),.5)}}@keyframes defense-position-pulse{0%{border-color:rgba(var(--arcane-rgb),.5);box-shadow:0 0 .8cqw rgba(var(--arcane-rgb),.3);opacity:.7}to{border-color:rgba(var(--arcane-rgb),.95);box-shadow:0 0 1.8cqw rgba(var(--arcane-rgb),.7);opacity:1}}@keyframes battle-zone-active-pulse{0%{background-color:rgba(var(--gold-rgb),.05);box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.5)}50%{background-color:rgba(var(--gold-rgb),.1);box-shadow:0 0 2.5cqw rgba(var(--gold-rgb),.8)}to{background-color:rgba(var(--gold-rgb),.05);box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.5)}}@keyframes connection-pulse{0%{height:.3cqw;opacity:.6}to{height:.4cqw;opacity:1}}.battle-zone.attack-zone.active-battle-zone:not(.dev-mode){animation:battle-zone-active-pulse 2s infinite!important;border:.1cqw solid rgba(var(--gold-rgb),.35)!important;box-shadow:0 0 2.5cqw rgba(var(--gold-rgb),.8)!important}.battle-zone.defense-zone.active-battle-zone:not(.dev-mode){animation:defense-zone-pulse 2s infinite!important;border:.1cqw solid rgba(var(--arcane-rgb),.35)!important;box-shadow:0 0 2.5cqw rgba(var(--arcane-rgb),.8)!important}.battle-zone.active-drop-target{animation:green-glow 1.5s infinite!important;background-color:rgba(74,222,128,.05)!important;border:.1cqw dashed rgba(74,222,128,.45)!important;box-shadow:0 0 2.5cqw rgba(74,222,128,.7)!important}.battle-zone.active-battle-zone:not(.dev-mode):before{animation:inner-glow 2s infinite alternate;border-radius:.8cqw;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.battle-zone.attack-zone.active-battle-zone:not(.dev-mode):before{box-shadow:inset 0 0 1.5cqw rgba(var(--gold-rgb),.8)}.battle-zone.defense-zone.active-battle-zone:not(.dev-mode):before{box-shadow:inset 0 0 1.5cqw rgba(var(--arcane-rgb),.8)}@keyframes inner-glow{0%{opacity:.2}to{opacity:.5}}.defense-position{align-items:center;animation:defense-position-pulse 1.5s infinite alternate;background:linear-gradient(180deg,rgba(63,182,255,.16),rgba(10,28,58,.28));border:.2cqw dashed rgba(var(--arcane-rgb),.75);border-radius:.5cqw;box-shadow:0 0 1.5cqw rgba(var(--arcane-rgb),.55);cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .3s ease}.defense-position:hover{border:.2cqw solid var(--arcane-soft)!important;box-shadow:0 0 2.5cqw rgba(var(--arcane-rgb),.95)!important;transform:translateY(-50%) scale(1.05)!important}.defense-text{color:#fff;font-family:var(--font-display);font-size:15px;font-size:calc(1.4cqw * 1 * 1);font-size:calc(1.4cqw * var(--font-scale, 1) * var(--fs-zone, 1));font-weight:700;position:relative;text-align:center;text-shadow:0 0 .3cqw #000,0 0 .6cqw #000;z-index:2}.vs-label{background:rgba(38,26,6,.88);border:.05cqw solid rgba(var(--gold-rgb),.55);border-radius:.3cqw;color:var(--gold-bright);font-size:11px;font-size:calc(.9cqw * 1 * 1);font-size:calc(.9cqw * var(--font-scale, 1) * var(--fs-zone, 1));font-weight:800;left:.5cqw;letter-spacing:.06em;padding:.2cqw .4cqw;position:absolute;top:.5cqw;z-index:10}.battle-monsters-container{height:100%;pointer-events:none;position:relative;width:100%}.battle-monster-card{border-radius:.5cqw;box-shadow:0 0 .8cqw rgba(0,0,0,.7),0 .3cqw .8cqw rgba(0,0,0,.5);cursor:pointer;overflow:visible;position:absolute;transition:all .3s ease;z-index:10}.battle-monster-card:hover{transform:translateY(-50%) scale(1.05)!important;z-index:100!important}.battle-monster-card img{border-radius:.5cqw;height:100%;object-fit:cover;width:100%}.battle-monster-card .monster-stats{background:linear-gradient(180deg,transparent,rgba(2,4,10,.88));bottom:0;display:flex;justify-content:space-between;left:0;padding:.3cqw;position:absolute;right:0;z-index:100}.battle-monster-card .attack{background:linear-gradient(150deg,rgba(232,74,21,.92),rgba(120,24,4,.92));box-shadow:0 0 .4cqw rgba(var(--color-fire-rgb),.4)}.battle-monster-card .attack,.battle-monster-card .defense{font-feature-settings:"tnum";border-radius:.3cqw;color:#fff;font-family:var(--font-num);font-size:12px;font-size:calc(.9cqw * 1 * 1);font-size:calc(.9cqw * var(--font-scale, 1) * var(--fs-monster, 1));font-variant-numeric:tabular-nums;font-weight:800;padding:.2cqw .5cqw}.battle-monster-card .defense{background:linear-gradient(150deg,rgba(31,111,224,.92),rgba(10,46,143,.92));box-shadow:0 0 .4cqw rgba(var(--color-water-rgb),.4)}.battle-monster-card .defense.damaged{color:#ff8090}.battle-monster-card .stat-buffed{color:#8dffb0;cursor:help;text-shadow:0 0 .3cqw rgba(125,255,165,.9)}.battle-monster-card .card-role{background-color:rgba(3,6,14,.85);border-radius:0 0 0 .3cqw;color:#e8eeff;font-family:var(--font-num);font-size:12px;font-size:calc(.9cqw * 1 * 1);font-size:calc(.9cqw * var(--font-scale, 1) * var(--fs-monster, 1));font-weight:800;letter-spacing:.05em;padding:.3cqw .5cqw;position:absolute;right:0;text-transform:uppercase;top:0;z-index:5}.battle-monster-card .card-role.attacker{background:linear-gradient(160deg,rgba(232,74,21,.92),rgba(130,26,4,.92));box-shadow:0 0 .6cqw rgba(var(--color-fire-rgb),.5);color:#ffe3d1}.battle-monster-card .card-role.defender{background:linear-gradient(160deg,rgba(31,111,224,.92),rgba(8,40,128,.92));box-shadow:0 0 .6cqw rgba(var(--color-water-rgb),.5);color:#d4ecff}.battle-zone-message{color:rgba(233,240,255,.9);font-size:14px;font-size:calc(1.3cqw * 1 * 1);font-size:calc(1.3cqw * var(--font-scale, 1) * var(--fs-zone, 1));font-weight:700;letter-spacing:.04em;pointer-events:none;text-align:center;text-shadow:0 0 .3cqw #000,0 0 .3cqw #000}.battle-monster-card.attacker-card{border:.2cqw solid rgba(var(--color-fire-rgb),.85)!important;box-shadow:0 0 1.5cqw rgba(var(--color-fire-rgb),.6)!important}.battle-monster-card.defender-card{border:.2cqw solid rgba(var(--color-water-rgb),.85)!important;box-shadow:0 0 1.5cqw rgba(var(--color-water-rgb),.6)!important}.battle-connection-line{animation:connection-pulse 1.5s infinite alternate;background:linear-gradient(to right,rgba(var(--color-fire-rgb),.8),rgba(var(--color-water-rgb),.8));box-shadow:0 0 .8cqw hsla(0,0%,100%,.4);height:.3cqw;pointer-events:none;position:absolute;transform-origin:left center;z-index:4}.battle-zone.active-battle-zone:not(.dev-mode){animation:battle-zone-active-pulse 2s infinite!important;border:.1cqw solid rgba(var(--gold-rgb),.35)!important}.battle-monster-card.can-undeclare{cursor:grab;pointer-events:auto}.battle-monster-card.can-undeclare:hover{filter:drop-shadow(0 0 6px rgba(var(--arcane-rgb),.9));outline:2px dashed rgba(var(--arcane-rgb),.75);outline-offset:2px}.mulligan-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed;transition:all .3s ease-in-out;z-index:1000}.mulligan-overlay,.mulligan-screen{height:100%;left:0;top:0;width:100%}.mulligan-overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:radial-gradient(90% 70% at 50% 30%,rgba(43,127,212,.1),transparent 70%),rgba(2,4,10,.82);position:absolute;z-index:-1}.mulligan-container{animation:mulligan-panel-in .4s var(--ease-swift) both;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(9,14,28,.92);border:1px solid rgba(var(--arcane-rgb),.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 34px rgba(var(--arcane-rgb),.28);left:50%;max-width:95%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:800px;z-index:1001}@keyframes mulligan-panel-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.mulligan-container h2{color:var(--gold-bright);font-family:var(--font-display);font-size:24px;letter-spacing:.08em;margin-bottom:10px;margin-top:0;text-shadow:0 0 16px rgba(var(--gold-rgb),.35)}.mulligan-container p{color:var(--color-text-dim);font-size:14px;margin-bottom:20px}.mulligan-cards{align-items:stretch;display:flex;flex-shrink:1;flex-wrap:nowrap;gap:15px;justify-content:center;margin-bottom:20px;max-width:100%;min-width:0}@media (max-width:700px){.mulligan-cards{gap:8px}.mulligan-card{aspect-ratio:2/3;height:auto;width:min(85px,19vw)}.mulligan-container{padding:12px}.mulligan-container h2{font-size:19px}.mulligan-container p{font-size:12px;margin-bottom:12px}}.mulligan-card{border:2px solid transparent;border-radius:var(--radius-sm);box-shadow:0 5px 15px rgba(0,0,0,.45);cursor:pointer;height:125px;overflow:hidden;position:relative;transition:all .3s ease;width:85px}.mulligan-card:hover{border-color:rgba(var(--arcane-rgb),.6);box-shadow:0 8px 22px rgba(0,0,0,.55),0 0 14px rgba(var(--arcane-rgb),.35);transform:translateY(-6px)}.mulligan-card img{border-radius:var(--radius-sm);height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.mulligan-card img:hover{transform:scale(1.05)}.mulligan-card.selected{border:2px solid rgba(255,95,107,.85);box-shadow:0 0 16px rgba(255,95,107,.7)}.mulligan-card-cost{font-feature-settings:"tnum";background:radial-gradient(circle at 30% 30%,#9fe6ff,var(--arcane-deep));border:1px solid hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 0 6px rgba(var(--arcane-rgb),.7);font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums;height:22px;top:5px;width:22px;z-index:10}.mulligan-card-cost,.select-button{align-items:center;color:#fff;display:flex;font-weight:800;justify-content:center;position:absolute;right:5px}.select-button{background-color:rgba(255,95,107,.78);border:none;border-radius:50%;bottom:5px;box-shadow:0 0 8px rgba(0,0,0,.7);cursor:pointer;font-size:14px;height:24px;transition:all .2s ease;width:24px;z-index:3}.select-button:active,.select-button:hover{background-color:var(--danger);transform:scale(1.1)}.card-preview-container{max-height:90vh;max-width:90vw;z-index:1002}.card-preview-container,.card-preview-wrapper{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.card-preview-wrapper{align-items:center;background-color:rgba(4,7,16,.94);border:1px solid rgba(var(--gold-rgb),.45);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 34px rgba(0,0,0,.8);display:flex;flex-direction:column;max-height:80vh;overflow:auto;padding:20px;width:80%;z-index:1050}.card-preview-close-button{align-items:center;background-color:rgba(255,95,107,.75);border:2px solid hsla(0,0%,100%,.75);border-radius:50%;box-shadow:0 0 12px rgba(0,0,0,.6);color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:36px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;top:10px;width:36px;z-index:1060}.card-preview-close-button:hover{background-color:var(--danger);border-color:#fff}.mulligan-actions{display:flex;justify-content:center;margin-top:20px}.confirm-button{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.08em;min-width:200px;padding:10px 20px;text-transform:uppercase}@media (max-width:768px){.mulligan-card{height:105px;width:70px}.mulligan-card-cost{font-size:10px;height:18px;width:18px}.select-button{font-size:12px;height:20px;width:20px}.mulligan-container h2{font-size:20px}.mulligan-container p{font-size:12px}}@media (max-width:480px){.mulligan-card{height:90px;width:60px}.select-button{font-size:10px;height:18px;width:18px}.mulligan-container{padding:15px}}@keyframes confirmKeep{0%{box-shadow:0 0 0 rgba(74,222,128,0);transform:scale(1)}50%{box-shadow:0 0 20px rgba(74,222,128,.8);transform:scale(1.1)}to{box-shadow:0 0 10px rgba(74,222,128,.5);transform:scale(1)}}@keyframes confirmReplace{0%{box-shadow:0 0 0 rgba(255,95,107,0);transform:scale(1)}50%{box-shadow:0 0 20px rgba(255,95,107,.8);transform:scale(1.1)}to{box-shadow:0 0 10px rgba(255,95,107,.5);transform:scale(1)}}.mulligan-card.confirming-keep{animation:confirmKeep .6s forwards;box-shadow:0 0 10px rgba(74,222,128,.5)}.mulligan-card.confirming-replace{animation:confirmReplace .6s forwards;box-shadow:0 0 10px rgba(255,95,107,.5)}.mulligan-card.confirming-keep .select-button{background-color:rgba(74,222,128,.85)}.mulligan-card.confirming-replace .select-button{background-color:rgba(255,95,107,.9)}.rps-overlay{animation:rps-fade-in .35s ease-out both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:radial-gradient(ellipse at center,rgba(8,5,20,.9) 0,rgba(2,2,8,.97) 100%);inset:0;justify-content:center;position:fixed;z-index:1200}.rps-overlay,.rps-panel{align-items:center;display:flex}.rps-panel{animation:rps-panel-in .45s cubic-bezier(.2,1.4,.4,1) both;background:linear-gradient(160deg,rgba(22,16,46,.92),rgba(7,5,18,.96));border:1px solid rgba(var(--color-dark-rgb),.4);border-radius:var(--radius-lg);box-shadow:0 0 40px rgba(var(--color-dark-rgb),.25),inset 0 0 30px rgba(0,0,0,.45);flex-direction:column;gap:14px;min-width:min(560px,92vw);padding:34px 46px}.rps-title{animation:rps-glow 2.2s ease-in-out infinite;color:#efe6ff;font-family:var(--font-display);font-size:34px;font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:6px;margin:0;text-shadow:0 0 18px rgba(var(--color-dark-rgb),.9)}.rps-subtitle{color:rgba(200,185,255,.75);font-size:15px;font-size:clamp(13px,1.5vw,20px);letter-spacing:7px;text-transform:uppercase}.rps-arena{gap:44px;margin:10px 0 4px}.rps-arena,.rps-side{align-items:center;display:flex}.rps-side{flex-direction:column;gap:8px}.rps-hand{filter:drop-shadow(0 0 12px rgba(var(--gold-rgb),.45));font-size:76px;font-size:clamp(56px,8vw,110px);line-height:1;transform-origin:50% 85%}.rps-hand.opponent{transform:scaleX(-1)}.rps-hand.shake{animation:rps-shake 1.1s ease-in-out infinite}.rps-hand.shake-fast{animation:rps-shake .45s ease-in-out infinite}.rps-hand.reveal{animation:rps-pop .5s cubic-bezier(.2,1.6,.4,1) both}.rps-label{color:rgba(210,200,245,.7);font-size:14px;font-size:clamp(12px,1.3vw,18px);font-weight:600;letter-spacing:3px;text-transform:uppercase}.rps-vs{animation:rvs-pulse 1.4s ease-in-out infinite;color:rgba(255,120,90,.9);font-family:var(--font-display);font-size:24px;font-size:clamp(20px,2.4vw,34px);font-weight:900;text-shadow:0 0 14px rgba(255,90,60,.7)}.rps-choices{display:flex;gap:16px;margin-top:12px}.rps-choice-btn{align-items:center;background:linear-gradient(170deg,rgba(30,22,60,.9),rgba(12,8,28,.95));border:1px solid rgba(var(--color-dark-rgb),.45);border-radius:var(--radius-md);color:#e9e0ff;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 22px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.rps-choice-btn:hover:not(:disabled){border-color:rgba(var(--gold-rgb),.8);box-shadow:0 0 22px rgba(var(--gold-rgb),.35);transform:translateY(-6px) scale(1.06)}.rps-choice-btn:disabled{cursor:default;opacity:.45}.rps-choice-btn.picked{border-color:rgba(74,222,128,.9);box-shadow:0 0 22px rgba(74,222,128,.4);opacity:1}.rps-choice-emoji{font-size:40px;font-size:clamp(32px,4vw,58px);line-height:1}.rps-choice-label{font-size:13px;font-size:clamp(12px,1.2vw,16px);font-weight:600;letter-spacing:2px;text-transform:uppercase}.rps-waiting{animation:rps-blink 1.1s ease-in-out infinite;color:hsla(45,85%,76%,.85);font-size:16px;font-size:clamp(14px,1.5vw,20px);margin-top:10px}.rps-banner{animation:rps-banner-in .4s cubic-bezier(.2,1.4,.4,1) both;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:22px;font-size:clamp(18px,2.2vw,30px);font-weight:700;letter-spacing:.08em;margin-top:12px;padding:10px 30px}.rps-banner.win{background:rgba(24,92,56,.4);border:1px solid rgba(74,222,128,.6);color:#b8ffd0;text-shadow:0 0 14px rgba(74,222,128,.6)}.rps-banner.lose{background:rgba(120,32,38,.4);border:1px solid hsla(8,100%,70%,.55);color:#ffc9c2}.rps-banner.tie{background:rgba(118,92,24,.4);border:1px solid rgba(var(--gold-rgb),.55);color:var(--gold-bright)}@keyframes rps-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rps-panel-in{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rps-glow{0%,to{text-shadow:0 0 12px rgba(var(--color-dark-rgb),.55)}50%{text-shadow:0 0 26px rgba(180,155,255,.95)}}@keyframes rps-shake{0%,to{transform:rotate(0deg) translateY(0)}25%{transform:rotate(-16deg) translateY(-8px)}50%{transform:rotate(4deg) translateY(0)}75%{transform:rotate(16deg) translateY(-8px)}}.rps-hand.opponent.shake,.rps-hand.opponent.shake-fast{animation-name:rps-shake-mirror}@keyframes rps-shake-mirror{0%,to{transform:scaleX(-1) rotate(0deg) translateY(0)}25%{transform:scaleX(-1) rotate(-16deg) translateY(-8px)}50%{transform:scaleX(-1) rotate(4deg) translateY(0)}75%{transform:scaleX(-1) rotate(16deg) translateY(-8px)}}@keyframes rps-pop{0%{opacity:0;transform:scale(.25)}65%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.rps-hand.opponent.reveal{animation-name:rps-pop-mirror}@keyframes rps-pop-mirror{0%{opacity:0;transform:scaleX(-1) scale(.25)}65%{opacity:1;transform:scaleX(-1) scale(1.3)}to{opacity:1;transform:scaleX(-1) scale(1)}}@keyframes rvs-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes rps-blink{0%,to{opacity:.5}50%{opacity:1}}@keyframes rps-banner-in{0%{opacity:0;transform:translateY(14px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.rps-panel{box-sizing:border-box;max-height:92vh;max-width:94vw;overflow:auto;text-align:center}.rps-choices{flex-wrap:wrap;justify-content:center;max-width:100%}.rps-choice-btn{box-sizing:border-box}@media (max-aspect-ratio:3/4),(max-width:640px){.rps-panel{gap:10px;min-width:0;padding:20px 16px;width:92vw}.rps-arena{gap:18px}.rps-choices{gap:10px;margin-top:8px}.rps-choice-btn{border-radius:10px;padding:10px 14px}.rps-choice-emoji{font-size:clamp(26px,8vw,44px)}.rps-choice-label{font-size:11px;letter-spacing:1px}.rps-title{letter-spacing:3px}.rps-subtitle{letter-spacing:4px}.rps-banner{padding:8px 16px}}.battlefield-container{align-items:center;background:radial-gradient(120% 90% at 50% 0,rgba(43,127,212,.07) 0,transparent 55%),radial-gradient(100% 80% at 50% 100%,rgba(232,193,90,.05) 0,transparent 60%),#02040a;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.battlefield-frame{box-shadow:0 0 6cqw rgba(var(--arcane-rgb),.1),0 0 18cqw rgba(0,0,0,.85);container-name:bf;container-type:size;height:min(100dvh,177.77778vw);margin:0 auto;overflow:hidden;position:relative;width:min(100vw,calc(100dvh*9/16))}.battlefield-video-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.battlefield-video-background video{height:100%;object-fit:contain;object-position:center;width:100%}.battlefield-image-overlay{background-position:50%;background-repeat:no-repeat;background-size:contain;z-index:1}.battlefield-image-overlay,.battlefield-main{height:100%;left:0;position:absolute;top:0;width:100%}.battlefield-main{z-index:2}.game-element{background-color:transparent!important;border:none!important;box-shadow:none!important;box-sizing:border-box;padding:0!important;position:absolute}.battlefield-frame.dev-mode .game-element:not(.attack-token){background-color:rgba(var(--arcane-rgb),.08)!important;box-shadow:0 0 .8cqw rgba(var(--arcane-rgb),.45)!important;outline:.2cqw dashed rgba(var(--arcane-rgb),.95);outline-offset:.2cqw}.life-points{font-feature-settings:"tnum";align-items:center;background:radial-gradient(circle at 35% 35%,rgba(20,30,55,.95),rgba(3,5,11,.96));border:.2cqw solid var(--arcane);border-radius:50%;box-shadow:0 0 1cqw rgba(var(--arcane-rgb),.65),0 0 2.4cqw rgba(var(--arcane-rgb),.3);color:#fff;display:flex;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:800;justify-content:center}.opponent-life span,.player-life span{font-feature-settings:"tnum"!important;font-family:var(--font-num)!important;font-variant-numeric:tabular-nums!important;font-weight:800!important;letter-spacing:.02em!important}.deck-area{border-radius:1cqw}.deck-card{background-color:#0d1426;border:.1cqw solid rgba(var(--arcane-rgb),.55);border-radius:.5cqw;box-shadow:0 0 .8cqw rgba(0,0,0,.7),0 0 1.2cqw rgba(var(--arcane-rgb),.22),inset 0 0 1.5cqw rgba(0,0,0,.55);height:100%;transition:box-shadow var(--transition-fast),border-color var(--transition-fast);width:100%}.deck-card.graveyard-flash{animation:bf-graveyard-flash .5s ease-out}@keyframes bf-graveyard-flash{0%{box-shadow:0 0 0 rgba(var(--color-dark-rgb),0);filter:brightness(1)}35%{box-shadow:0 0 2.2cqw rgba(var(--color-dark-rgb),.85);filter:brightness(1.5) saturate(1.3)}to{box-shadow:0 0 0 rgba(var(--color-dark-rgb),0);filter:brightness(1)}}.deck-card-counter{font-feature-settings:"tnum";background-color:transparent;bottom:.4cqw;color:#fff;font-family:var(--font-num);font-size:calc(1cqw*1*1);font-size:calc(1cqw*var(--font-scale, 1)*var(--fs-deck, 1));font-variant-numeric:tabular-nums;font-weight:800;position:absolute;right:.7cqw;text-shadow:0 0 .2cqw #000,0 0 .4cqw #000}.hand-area{background-color:transparent!important;border:none!important;box-shadow:none!important;display:flex;gap:.5%;overflow:visible;z-index:20}.hand-card{aspect-ratio:2/3;border-radius:.5cqw;cursor:pointer;flex-shrink:0;height:100%;overflow:hidden;position:relative;transition:all .2s ease}.hand-card img{border-radius:.5cqw;height:100%;object-fit:cover;width:100%}.player-hand .hand-card:hover{box-shadow:0 .5cqw 1.5cqw rgba(var(--arcane-rgb),.8),0 0 2.5cqw rgba(var(--arcane-rgb),.35)}@keyframes card-draw{0%{opacity:0;transform:scale(.1)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.card-drawn{animation:card-draw .5s forwards}@keyframes card-destroy{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2) rotate(5deg)}to{opacity:0;transform:scale(0)}}.card-destroyed{animation:card-destroy .5s forwards}.monsters-zone{background-color:transparent!important;border:none!important;border-radius:.8cqw;box-shadow:none!important;display:flex;justify-content:center;padding:.5%;z-index:10}.monsters-zone.empty-zone-glow{animation:empty-zone-pulse 1.5s infinite alternate!important;background-color:rgba(var(--arcane-rgb),.05)!important;border:none!important;box-shadow:0 0 1.5cqw rgba(var(--arcane-rgb),.5)!important}@keyframes empty-zone-pulse{0%{box-shadow:0 0 .8cqw rgba(var(--arcane-rgb),.3)!important;opacity:.7}to{box-shadow:0 0 1.8cqw rgba(var(--arcane-rgb),.7)!important;opacity:1}}.monster-container{align-items:center;background-color:transparent!important;border:none!important;box-shadow:none!important;display:flex;gap:.8%;height:100%;justify-content:center;width:100%}.monster-card{aspect-ratio:2/3;border-radius:.5cqw;box-shadow:0 0 .8cqw rgba(0,0,0,.7),0 .2cqw .6cqw rgba(0,0,0,.5);cursor:pointer;flex-shrink:0;height:100%;overflow:hidden;position:relative;transition:all .2s ease}.monster-card:hover{transform:scale(1.1);z-index:10}.monster-card img{border-radius:.5cqw;height:100%;object-fit:cover;width:100%}.monster-stats{font-feature-settings:"tnum";align-items:flex-end;bottom:2%;display:flex;font-family:var(--font-num);font-size:calc(1.15cqw * 1 * 1);font-size:calc(1.15cqw * var(--font-scale, 1) * var(--fs-monster, 1));font-variant-numeric:tabular-nums;justify-content:space-between;left:0;padding:0 3%;pointer-events:none;position:absolute;right:0}.monster-stats .attack,.monster-stats .defense{align-items:center;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);color:#fff;cursor:default;display:inline-flex;font-weight:900;gap:.12em;letter-spacing:.02em;line-height:1;padding:.28cqw .55cqw .28cqw .4cqw;pointer-events:auto;text-shadow:0 .05cqw .2cqw rgba(0,0,0,.9)}.monster-stats .attack{background:linear-gradient(150deg,#ff9a5c,#e84a15 55%,#8f1a00);box-shadow:0 0 .6cqw rgba(255,107,61,.55),inset 0 0 .35cqw hsla(0,0%,100%,.25)}.monster-stats .defense{background:linear-gradient(150deg,#6fd6ff,#1f6fe0 55%,#0a2e8f);box-shadow:0 0 .6cqw rgba(63,182,255,.55),inset 0 0 .35cqw hsla(0,0%,100%,.25);flex-direction:row-reverse}.monster-stats .stat-icon{filter:drop-shadow(0 0 .15cqw rgba(0,0,0,.8));font-size:.72em;opacity:.9}.monster-stats .damaged{animation:stat-hurt .9s ease-out;color:#ff6b7a;font-weight:900}@keyframes stat-hurt{0%{filter:brightness(2.2);transform:scale(1.35)}to{filter:brightness(1);transform:scale(1)}}.monster-stats .stat-lowered{animation:stat-debuff-pulse 1.6s infinite alternate;color:#ff6b6b!important;text-shadow:0 0 .35cqw rgba(255,60,60,.95)}@keyframes stat-debuff-pulse{0%{filter:brightness(1)}to{filter:brightness(1.35)}}.monster-stats .stat-buffed{color:#8dffb0;cursor:help;text-shadow:0 0 .3cqw rgba(125,255,165,.9)}.attack-indicator{animation:bf-attack-tag-pulse 2s ease-in-out infinite;background:linear-gradient(180deg,rgba(158,42,8,.92),rgba(84,20,4,.88));border:.08cqw solid rgba(255,138,76,.55);border-radius:0 0 .7cqw .7cqw;border-top:none;box-shadow:0 .2cqw .7cqw rgba(0,0,0,.6),0 0 .9cqw rgba(var(--color-fire-rgb),.35);color:#ffd9c2;font-size:calc(.95cqw * 1 * 1);font-size:calc(.95cqw * var(--font-scale, 1) * var(--fs-monster, 1));font-weight:800;left:50%;letter-spacing:.05em;padding:.22cqw .7cqw;pointer-events:none;position:absolute;text-shadow:0 .05cqw .2cqw rgba(0,0,0,.9);top:0;transform:translateX(-50%);white-space:nowrap;z-index:7}@keyframes bf-attack-tag-pulse{0%,to{box-shadow:0 .2cqw .7cqw rgba(0,0,0,.6),0 0 .6cqw rgba(var(--color-fire-rgb),.3)}50%{box-shadow:0 .2cqw .7cqw rgba(0,0,0,.6),0 0 1.3cqw rgba(var(--color-fire-rgb),.55)}}.monster-card.can-attack{animation:can-attack-pulse 1.5s infinite alternate;box-shadow:0 0 1cqw rgba(var(--color-fire-rgb),.7)}@keyframes can-attack-pulse{0%{box-shadow:0 0 .5cqw rgba(var(--color-fire-rgb),.5)}to{box-shadow:0 0 1.5cqw rgba(var(--color-fire-rgb),.8)}}.hand-card .card-cost{background:radial-gradient(circle at 30% 30%,#9fe6ff,var(--arcane-deep));border:.1cqw solid hsla(0,0%,100%,.85);border-radius:50%;box-shadow:0 0 .6cqw rgba(var(--arcane-rgb),.6);color:#fff;font-family:var(--font-num);font-size:calc(1.2cqw * 1 * 1);font-size:calc(1.2cqw * var(--font-scale, 1) * var(--fs-cost, 1));font-weight:800;height:2.4cqw;position:absolute;right:-.5cqw;top:-.5cqw;width:2.4cqw;z-index:5}.battle-zone,.hand-card .card-cost{align-items:center;display:flex;justify-content:center}.battle-zone{background-color:transparent!important;border:none!important;border-radius:.8cqw;box-shadow:none!important;pointer-events:auto;transition:all .3s ease;z-index:15}.battle-zone.active-battle-zone:not(.dev-mode){animation:battle-zone-pulse 1.5s infinite!important;background-color:rgba(255,95,107,.1)!important;border:.1cqw solid rgba(255,95,107,.3)!important;box-shadow:0 0 1.5cqw rgba(255,95,107,.5)!important}@keyframes battle-zone-pulse{0%{box-shadow:0 0 1cqw rgba(255,95,107,.3)!important;opacity:.7}50%{box-shadow:0 0 2cqw rgba(255,95,107,.7)!important;opacity:1}to{box-shadow:0 0 1cqw rgba(255,95,107,.3)!important;opacity:.7}}.battle-zone.active-drop-target,.monsters-zone.active-drop-target{animation:drop-target-pulse 1.5s infinite!important;background-color:rgba(74,222,128,.1)!important;border:.1cqw solid rgba(var(--success),.35)!important;box-shadow:0 0 1.5cqw rgba(74,222,128,.7)!important}.active-drop-target{animation:drop-target-pulse 1.5s infinite!important;background-color:rgba(74,222,128,.15)!important;border:.2cqw dashed rgba(74,222,128,.85)!important;box-shadow:0 0 2cqw rgba(74,222,128,.7)!important;opacity:1!important}@keyframes drop-target-pulse{0%{border-color:rgba(74,222,128,.5);opacity:.7}50%{border-color:rgba(74,222,128,.95);opacity:1}to{border-color:rgba(74,222,128,.5);opacity:.7}}.settings-icon{align-items:center;aspect-ratio:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(9,14,28,.72);border:1px solid var(--color-border);border-radius:50%;color:var(--arcane-soft);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-height:32px;min-width:32px;position:absolute;right:2%;top:2%;transition:all .2s ease;width:4%;z-index:100}.settings-icon:hover{border-color:rgba(var(--gold-rgb),.55);box-shadow:var(--glow-gold);color:var(--gold-bright);transform:rotate(45deg)}.settings-menu{animation:riseIn .25s var(--ease-swift) both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(9,14,28,.92);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:var(--radius-md);box-shadow:var(--shadow-3),var(--glow-arcane);max-width:80%;padding:15px;position:absolute;right:2%;top:7%;width:250px;z-index:100}.close-settings{background:none;border:none;color:rgba(233,240,255,.7);cursor:pointer;font-size:16px;padding:0;position:absolute;right:10px;top:10px}.close-settings:hover{color:#ffd9dc}.settings-title{color:var(--gold-bright);font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.08em;margin-bottom:15px;text-align:center;text-shadow:0 0 14px rgba(var(--gold-rgb),.35)}.settings-options{gap:10px}.settings-option,.settings-options{display:flex;flex-direction:column}.settings-button{background-color:rgba(4,8,18,.5);border:1px solid rgba(var(--arcane-rgb),.45);border-radius:var(--radius-xs);color:var(--color-text);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.settings-button:hover{background-color:rgba(var(--arcane-rgb),.14);border-color:rgba(var(--arcane-rgb),.8)}.settings-button.active{background-color:rgba(var(--gold-rgb),.14);border-color:rgba(var(--gold-rgb),.7);box-shadow:0 0 10px rgba(var(--gold-rgb),.3);color:var(--gold-bright)}.settings-button.danger{border-color:rgba(255,95,107,.6)}.settings-button.danger:hover{background-color:rgba(255,95,107,.22);border-color:var(--danger);box-shadow:var(--glow-danger)}.dev-info{background-color:rgba(3,6,14,.92);border:1px solid rgba(var(--arcane-rgb),.5);border-radius:var(--radius-sm);box-shadow:var(--shadow-3),0 0 14px rgba(var(--arcane-rgb),.25);color:#e8eeff;font-family:var(--font-ui);max-height:80vh;overflow-y:auto;overflow:auto;padding:8px;position:fixed;resize:both;transition:opacity .3s,width .3s;width:320px;z-index:1000}.dev-info-header{align-items:center;border-bottom:1px solid rgba(var(--arcane-rgb),.3);cursor:move;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:4px}.dev-info h3{color:var(--arcane);font-size:14px;font-weight:700;margin:0}.dev-info-toggle{background:none;border:none;color:rgba(233,240,255,.7);cursor:pointer;font-size:14px;margin-left:5px;padding:0;transition:color .2s}.dev-info-toggle:hover{color:var(--gold-bright)}.element-editor{border-bottom:1px solid rgba(var(--arcane-rgb),.25);margin-bottom:10px;padding-bottom:5px}.element-editor h4{color:var(--arcane-soft);font-size:12px;margin:5px 0}.position-controls,.size-controls{display:flex;justify-content:space-between;margin-bottom:5px}.position-entry,.size-entry{align-items:center;display:flex;width:48%}.position-entry label,.size-entry label{color:var(--color-text-dim);font-size:11px;width:20px}.position-input,.size-input{font-family:var(--font-num);padding:2px 4px;width:calc(100% - 25px)}.dev-secret-input,.position-input,.size-input{background-color:rgba(0,0,0,.55);border:1px solid rgba(var(--arcane-rgb),.45);border-radius:3px;color:#e8eeff;font-size:11px}.dev-secret-input{margin-bottom:10px;padding:4px;width:100%}.dev-controls{display:flex;gap:5px;margin-top:8px}.dev-btn{background-color:rgba(4,8,18,.6);border:1px solid rgba(var(--arcane-rgb),.45);border-radius:3px;color:#e8eeff;cursor:pointer;flex:1 1;font-size:12px;padding:5px 0;transition:all .2s}.dev-btn:hover{background-color:rgba(var(--arcane-rgb),.18)}.dev-btn.reset{border-color:rgba(255,95,107,.5)}.dev-btn.reset:hover{background-color:rgba(255,95,107,.18)}.collapsed .dev-info-content{display:none}.collapsed{height:auto!important;resize:none;width:auto!important}.battlefield-loading{align-items:center;animation:fadeIn .35s ease-out both;background:radial-gradient(80% 60% at 50% 35%,rgba(43,127,212,.1),transparent 70%),rgba(4,7,16,.94);color:var(--arcane-soft);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.battlefield-loading h2{color:var(--gold-bright);font-family:var(--font-display);letter-spacing:.1em;text-shadow:0 0 18px rgba(var(--gold-rgb),.35)}.loading-spinner{animation:spin 1s linear infinite;aspect-ratio:1;border:4px solid rgba(var(--arcane-rgb),.18);border-radius:50%;border-top-color:var(--arcane);height:auto;margin:20px 0;min-height:44px;min-width:44px;width:6cqw}.battlefield-error{align-items:center;background:radial-gradient(80% 60% at 50% 35%,rgba(255,95,107,.08),transparent 70%),rgba(4,7,16,.94);color:var(--color-text);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%;z-index:200}.battlefield-error h2{color:var(--danger);font-family:var(--font-display);margin-bottom:15px;text-shadow:0 0 16px rgba(255,95,107,.4)}.battlefield-error p{color:var(--color-text-dim);max-width:480px}.error-actions{display:flex;gap:15px;margin-top:20px}.error-message{background:rgba(255,95,107,.1);border:1px solid rgba(255,95,107,.45);border-radius:var(--radius-sm);color:#ffb9bf;font-size:14px;margin-top:16px;max-width:480px;padding:10px 18px}.error-message p{margin:0}.game-result-overlay{align-items:center;animation:grFadeIn .6s ease both;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(2,3,8,.82);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:300}@keyframes grFadeIn{0%{opacity:0}to{opacity:1}}@keyframes grPop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes grCrestPulse{0%,to{filter:drop-shadow(0 0 .6cqw currentColor);transform:scale(1)}50%{filter:drop-shadow(0 0 1.4cqw currentColor);transform:scale(1.12)}}@keyframes grRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.game-result-modal{align-items:center;animation:grPop .5s cubic-bezier(.22,1.4,.4,1) both;border:1px solid rgba(var(--gold-rgb),.35);border-radius:var(--radius-lg);box-shadow:0 0 4cqw rgba(0,0,0,.9),0 0 3cqw rgba(var(--gold-rgb),.12);color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center;max-width:640px;min-height:420px;overflow:hidden;padding:20px;position:relative;text-align:center;width:90%}.gr-backdrop{background-position:50%;background-size:cover;filter:brightness(.42) saturate(1.15);inset:0;position:absolute;transform:scale(1.05)}.gr-vignette{background:radial-gradient(ellipse at center,transparent 28%,rgba(2,4,10,.88) 100%);inset:0;position:absolute}.gr-victory .gr-vignette{box-shadow:inset 0 0 9cqw rgba(var(--gold-rgb),.28)}.gr-defeat .gr-vignette{box-shadow:inset 0 0 9cqw rgba(255,95,107,.26)}.gr-crest{animation:grCrestPulse 2.2s ease-in-out infinite;font-size:4rem;line-height:1;margin-bottom:.4cqw}.gr-crest.crest-win{color:var(--gold-bright)}.gr-crest.crest-lose{color:var(--danger)}.result-content{animation:grRise .5s ease .15s both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,rgba(9,14,28,.82),rgba(4,6,14,.9));border:1px solid rgba(var(--gold-rgb),.4);border-radius:var(--radius-md);box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.25);padding:26px 20px;position:relative;width:100%;z-index:1}.result-title{font-family:var(--font-display);font-size:2.8rem;letter-spacing:6px;margin:0 0 .6cqw;text-transform:uppercase}.result-title.title-win{-webkit-text-fill-color:transparent;animation:grRise .5s ease .2s both;background:linear-gradient(180deg,#fef8e7 8%,#f0d488 42%,#caa14f 68%,#8f6b26);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 22px rgba(var(--gold-rgb),.35))}.result-title.title-lose{animation:grRise .5s ease .2s both;color:#ffb3ab;text-shadow:0 0 12px rgba(255,95,107,.8),0 0 40px rgba(150,20,30,.5)}.result-badge{background-color:rgba(var(--gold-rgb),.12);border:1px solid rgba(var(--gold-rgb),.5);border-radius:2cqw;box-shadow:0 0 1cqw rgba(var(--gold-rgb),.25);color:var(--gold-bright);display:inline-block;font-weight:600;letter-spacing:1px;margin-bottom:1.2cqw;padding:5px 18px}.gr-series{animation:grRise .5s ease .25s both;background:rgba(2,4,10,.55);border:1px solid rgba(var(--arcane-rgb),.35);border-radius:.6cqw;display:inline-flex;flex-direction:column;gap:2px;margin:0 0 .8cqw;padding:.5cqw 1.2cqw}.gr-series-label{color:rgba(233,240,255,.6);font-size:.8rem;letter-spacing:2px;text-transform:uppercase}.gr-series-score{align-items:center;display:flex;font-size:1.2rem;gap:.8cqw;justify-content:center}.gr-series-num{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:800;text-shadow:0 0 10px rgba(var(--gold-rgb),.5)}.gr-series-me,.gr-series-opp{color:rgba(233,240,255,.75);font-size:.9rem;max-width:12cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gr-series-dash{color:rgba(233,240,255,.4)}.gr-series-count{color:rgba(233,240,255,.5);font-family:var(--font-num);font-size:.75rem}.gr-challenge-btn:disabled{cursor:wait;opacity:.75}.gr-rewards{animation:grRise .5s ease .3s both;margin:.4cqw 0 .8cqw}.gr-rewards-empty{color:rgba(233,240,255,.6);font-size:.95rem;font-style:italic}.gr-rewards-title{color:var(--gold);font-size:.85rem;letter-spacing:3px;margin-bottom:.5cqw;text-transform:uppercase}.gr-rewards-list{display:flex;flex-wrap:wrap;gap:1.2cqw;justify-content:center}.gr-reward-item{align-items:center;background:rgba(2,4,10,.55);border:1px solid rgba(var(--gold-rgb),.45);border-radius:.6cqw;display:flex;flex-direction:column;gap:2px;min-width:7cqw;padding:.6cqw 1cqw}.gr-reward-item.coin{border-color:rgba(var(--gold-rgb),.65)}.gr-reward-item.elo-up{border-color:rgba(74,222,128,.6)}.gr-reward-item.elo-down{border-color:rgba(255,95,107,.6)}.gr-reward-item.wager{border-color:rgba(var(--color-dark-rgb),.6)}.gr-reward-icon{font-size:1.6rem}.gr-reward-value{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:800}.gr-reward-item.elo-up .gr-reward-value{color:#8dffbc}.gr-reward-item.elo-down .gr-reward-value{color:#ff8d7d}.gr-reward-label{color:rgba(233,240,255,.65);font-size:.8rem;letter-spacing:1px}.gr-rewards-detail{background:rgba(2,4,10,.45);border-radius:.5cqw;display:inline-flex;flex-direction:column;gap:3px;margin-top:.5cqw;padding:.4cqw 1cqw}.gr-rewards-line{color:rgba(233,240,255,.75);display:flex;font-size:.85rem;gap:3cqw;justify-content:space-between}.gr-line-coins{color:var(--gold)}.result-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.result-button{border:none;border-radius:.5cqw;cursor:pointer;font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:10px 30px;position:relative;transition:all .2s ease}.result-button.rematch{background:var(--gold-gradient);border:.1cqw solid rgba(var(--gold-rgb),.9);box-shadow:0 0 1cqw rgba(var(--gold-rgb),.45),inset 0 1px 0 hsla(0,0%,100%,.5);color:#241a05}.result-button.rematch:hover{box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.6),0 0 30px rgba(var(--gold-rgb),.35),inset 0 1px 0 hsla(0,0%,100%,.55);filter:brightness(1.08);transform:translateY(-3px)}.result-button.quit{background:rgba(255,95,107,.16);border:.1cqw solid rgba(255,95,107,.7);box-shadow:0 0 1cqw rgba(255,95,107,.3);color:#ffc4c9}.result-button.quit:hover{background:rgba(255,95,107,.3);box-shadow:0 0 1.5cqw rgba(255,95,107,.5),0 0 30px rgba(255,95,107,.25);transform:translateY(-3px)}.battlefield-setup{align-items:center;animation:riseIn .5s var(--ease-swift) both;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(9,14,28,.88);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),var(--glow-arcane);display:flex;flex-direction:column;left:50%;max-width:800px;padding:26px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:100}.battlefield-setup h2{color:var(--gold-bright);font-family:var(--font-display);letter-spacing:.06em;margin-bottom:20px;text-align:center;text-shadow:0 0 16px rgba(var(--gold-rgb),.35)}.resume-hint{color:#c9dcf4;font-size:15px;line-height:1.6;margin:0 0 22px;max-width:520px;text-align:center}.deck-options{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.deck-option{background-color:rgba(4,8,18,.55);border:.2cqw solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex:1 1;max-width:300px;min-width:200px;padding:15px;transition:all .2s ease}.deck-option p{color:var(--color-text-dim);font-size:13.5px}.deck-option:hover{background-color:rgba(13,20,38,.75);border-color:rgba(var(--arcane-rgb),.6);box-shadow:0 0 1.5cqw rgba(var(--arcane-rgb),.4);transform:translateY(-5px)}.deck-option.selected{background:linear-gradient(165deg,rgba(30,24,8,.55),rgba(9,14,28,.75));border-color:rgba(var(--gold-rgb),.8);box-shadow:0 0 1.5cqw rgba(var(--gold-rgb),.5)}.deck-preview{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.deck-preview h3{color:var(--color-text);font-family:var(--font-display);letter-spacing:.05em;margin:0}.deck-element{background-color:rgba(0,0,0,.35);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:999px;color:var(--arcane-soft);font-size:calc(1.4cqw * 1);font-size:calc(1.4cqw * var(--font-scale, 1));font-weight:600;max-width:999px;padding:3px 10px}.deck-setup-actions{display:flex;gap:15px;justify-content:center;margin-top:10px;width:100%}.start-game-button{background:var(--gold-gradient)!important;border:none!important;box-shadow:0 6px 24px rgba(var(--gold-rgb),.35)!important;color:#241a05!important;font-weight:700;letter-spacing:.06em}.start-game-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.start-game-button:disabled{cursor:wait;opacity:.65}.battlefield-card-preview-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgba(2,4,10,.82);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.battlefield-card-preview-container{align-items:center;background:rgba(9,14,28,.95);border:1px solid rgba(var(--gold-rgb),.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 3cqw rgba(var(--gold-rgb),.3);display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:auto;padding:20px;position:relative;width:80%}.battlefield-preview-close-button{align-items:center;background-color:rgba(255,95,107,.8);border:.2cqw solid hsla(0,0%,100%,.85);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:3.6cqw;justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:0;position:fixed;right:20px;top:20px;width:3.6cqw;z-index:10000}@keyframes pending-glow{0%{box-shadow:0 0 .5cqw rgba(var(--arcane-rgb),.5)}50%{box-shadow:0 0 2cqw rgba(var(--arcane-rgb),.8)}to{box-shadow:0 0 .5cqw rgba(var(--arcane-rgb),.5)}}.pending-action{border:.2cqw solid rgba(var(--arcane-rgb),.85)!important}.pending-action,.pending-attack{animation:pending-glow 1.5s infinite}.pending-attack{border:.2cqw solid rgba(255,95,107,.85)!important}.pending-defense{animation:pending-glow 1.5s infinite;border:.2cqw solid rgba(74,222,128,.85)!important}.dragging-card{animation:card-drag-pulse 1s infinite alternate;border-radius:.5cqw;box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.65),0 0 1.5cqw rgba(var(--gold-rgb),.55);overflow:visible!important;pointer-events:none;position:fixed;transform-origin:center;z-index:1000}@keyframes card-drag-pulse{0%{box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.65),0 0 .8cqw rgba(var(--gold-rgb),.4)}to{box-shadow:0 1cqw 2.5cqw rgba(0,0,0,.65),0 0 1.8cqw rgba(var(--gold-rgb),.7)}}.dragging-card img{border-radius:.5cqw;height:100%;object-fit:cover;width:100%}.battlefield-log{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:var(--radius-md);box-shadow:var(--shadow-2),0 0 1.5cqw rgba(var(--arcane-rgb),.2);display:flex;flex-direction:column;height:60%;max-height:60%;max-width:30%;overflow:hidden;position:absolute;right:1%;top:8%;width:250px;z-index:150}@media (max-width:900px) and (max-aspect-ratio:9/13){.battlefield-log{width:200px}.settings-menu{width:220px}}@keyframes zone-impact-flash{0%{background:rgba(var(--arcane-rgb),.35);box-shadow:0 0 0 0 rgba(var(--arcane-rgb),0);opacity:1}to{background:transparent;box-shadow:0 0 3cqw .6cqw rgba(var(--arcane-rgb),.75);opacity:0}}.zone-impact:after{animation:zone-impact-flash .5s ease-out forwards;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:60}.battle-monster-card,.hand-card,.monster-card{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}.react-window-banner{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;font-size:clamp(12px,1.4cqw,18px);font-weight:600;left:50%;letter-spacing:.5px;max-width:94%;overflow:hidden;padding:10px 22px;position:absolute;text-overflow:ellipsis;top:11%;transform:translateX(-50%);white-space:nowrap;z-index:60}.react-window-banner.mine{animation:react-banner-pulse 1.4s ease-in-out infinite;background:rgba(38,26,6,.88);border:1px solid rgba(var(--gold-rgb),.8);box-shadow:0 0 18px rgba(var(--gold-rgb),.4);color:var(--gold-bright)}.react-window-banner.theirs{background:rgba(10,22,46,.88);border:1px solid rgba(var(--arcane-rgb),.55);color:#cfe4ff}@keyframes react-banner-pulse{0%,to{box-shadow:0 0 12px rgba(var(--gold-rgb),.3)}50%{box-shadow:0 0 26px rgba(var(--gold-rgb),.7)}}.graveyard-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:rgba(2,4,10,.8);display:flex;inset:0;justify-content:center;position:absolute;z-index:9000}.graveyard-modal{animation:gy-modal-in .3s ease-out both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,14,28,.96);border:1px solid rgba(var(--color-dark-rgb),.5);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 24px rgba(var(--color-dark-rgb),.3);color:#e8eeff;max-width:90%;min-width:320px;padding:18px 26px 16px;position:relative;text-align:center}@keyframes gy-modal-in{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.graveyard-modal h3{color:#b7abff;font-family:var(--font-display);font-size:18px;letter-spacing:.05em;margin:0 0 4px}.graveyard-modal-sub{color:var(--color-text-dim);font-size:12px;margin-bottom:10px}.graveyard-modal-empty{color:var(--color-text-dim);font-size:14px;padding:26px 10px}.graveyard-carousel{gap:12px;justify-content:center}.graveyard-carousel,.gy-card{align-items:center;display:flex}.gy-card{flex-direction:column;width:200px}.gy-card-img{border-radius:var(--radius-sm);box-shadow:var(--shadow-2),0 0 14px rgba(var(--color-dark-rgb),.35);height:240px;object-fit:cover;transition:box-shadow var(--transition-fast),transform var(--transition-fast);-webkit-user-select:none;user-select:none;width:160px}.gy-card:hover .gy-card-img{box-shadow:var(--shadow-3),0 0 20px rgba(var(--gold-rgb),.3);transform:translateY(-3px)}.gmc-name{color:var(--gold-bright);font-weight:700;margin-top:8px}.gmc-meta{color:#cfd8ff;font-size:12px;margin-top:2px}.gmc-stats{font-feature-settings:"tnum";color:var(--warning);font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums;margin-top:2px}.gy-arrow{background:rgba(13,20,38,.9);border:1px solid rgba(var(--color-dark-rgb),.6);border-radius:50%;color:#b7abff;cursor:pointer;flex:none;font-size:26px;height:42px;line-height:1;transition:all .15s ease;width:42px}.gy-arrow:hover:not(:disabled){background:rgba(var(--color-dark-rgb),.22);box-shadow:0 0 12px rgba(var(--color-dark-rgb),.5)}.gy-arrow:disabled{cursor:default;opacity:.25}.gy-counter{font-feature-settings:"tnum";color:var(--color-text-dim);font-family:var(--font-num);font-size:13px;font-variant-numeric:tabular-nums;margin-top:8px}.graveyard-modal-close{background:rgba(13,20,38,.9);border:1px solid rgba(var(--arcane-rgb),.55);border-radius:var(--radius-xs);color:#e8eeff;cursor:pointer;font-weight:700;margin-top:12px;padding:7px 22px;transition:all var(--transition-fast)}.graveyard-modal-close:hover{background:rgba(var(--arcane-rgb),.18);box-shadow:0 0 12px rgba(var(--arcane-rgb),.4)}.monster-card.fighter-targetable{animation:fighter-target-pulse 1.2s infinite alternate;cursor:grab;outline:2px dashed rgba(var(--gold-rgb),.9);outline-offset:2px}@keyframes fighter-target-pulse{0%{box-shadow:0 0 6px rgba(var(--gold-rgb),.35)}to{box-shadow:0 0 16px rgba(var(--gold-rgb),.8)}}.monster-card.fighter-targetable:hover{outline:2px solid var(--gold-bright)}.battle-monster-card.has-fighter,.monster-card.has-fighter{border:2px solid rgba(var(--gold-rgb),.9)}.fighter-badge{background:linear-gradient(160deg,#f6dc8f,#c9973b);border-radius:50%;box-shadow:0 0 .5cqw rgba(var(--gold-rgb),.55);color:#241a05;font-size:1.1cqw;font-weight:800;line-height:1;padding:.2cqw .35cqw;pointer-events:none;position:absolute;right:2px;top:2px;z-index:6}.battle-monster-card.fighter-locked,.monster-card.fighter-locked{filter:saturate(.85);outline:3px solid rgba(var(--color-dark-rgb),.95);outline-offset:1px}.locked-badge{background:rgba(var(--color-dark-rgb),.95);box-shadow:0 0 .5cqw rgba(var(--color-dark-rgb),.6);color:#fff;left:2px;z-index:6}.locked-badge,.stealth-badge{border-radius:50%;bottom:2px;font-size:1.1cqw;line-height:1;padding:.2cqw .35cqw;pointer-events:none;position:absolute}.stealth-badge{background:rgba(var(--arcane-rgb),.92);box-shadow:0 0 .4cqw rgba(var(--arcane-rgb),.55);color:#04121f;right:2px;z-index:5}.battle-monster-card .stealth-badge{animation:stealth-pulse 2.2s ease-in-out infinite}@keyframes stealth-pulse{0%,to{opacity:.65}50%{opacity:1}}.ui-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);overflow:hidden}.ui-card.hoverable{cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.ui-card.hoverable:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-2),0 0 30px rgba(98,217,255,.08);transform:translateY(-4px)}.ui-card-header{background:rgba(5,9,20,.3);border-bottom:1px solid var(--color-border);padding:16px 20px}.ui-card-content{padding:18px 20px}.ui-card-footer{background:rgba(5,9,20,.25);border-top:1px solid var(--color-border);padding:13px 20px 16px}.dialog-overlay{align-items:center;animation:fadeIn .25s var(--ease-swift);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(3,5,12,.72);display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:var(--z-index-modal)}.dialog-content{animation:dialogRise .4s var(--ease-swift);background:linear-gradient(170deg,rgba(16,24,46,.96),rgba(9,14,28,.97));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 60px rgba(98,217,255,.08);display:flex;flex-direction:column;max-height:calc(100vh - 48px);max-width:480px;overflow:hidden;position:relative;width:100%}.dialog-content:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:10%;position:absolute;right:10%;top:0}@keyframes dialogRise{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-content.sm{max-width:480px}.dialog-content.md{max-width:640px}.dialog-content.lg{max-width:860px}.dialog-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:20px 24px 14px}.dialog-title{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 20%,var(--gold) 80%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.03em;margin:0}.dialog-close{align-items:center;background:rgba(151,183,230,.06);border:1px solid var(--color-border);border-radius:var(--radius-xs);color:var(--color-text-dim);display:inline-flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast);width:32px}.dialog-close:hover{background:rgba(255,95,107,.12);border-color:rgba(255,95,107,.4);color:#ffd9dc;transform:rotate(90deg)}.dialog-body{font-size:var(--font-size-sm);overflow-y:auto;padding:20px 24px}.dialog-actions{background:rgba(5,8,16,.35);border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 20px}@media (max-width:480px){.dialog-overlay{padding:10px}.dialog-body,.dialog-header{padding-left:16px;padding-right:16px}.dialog-actions{padding:12px 16px 16px}.dialog-actions .ui-button{flex:1 1}}.pack-opening-container{align-items:center;animation:riseIn .5s var(--ease-swift) both;background:radial-gradient(560px 380px at 50% 28%,rgba(var(--gold-rgb),.1),transparent 65%),radial-gradient(760px 480px at 50% 112%,rgba(43,127,212,.13),transparent 60%),linear-gradient(175deg,rgba(10,16,32,.94),rgba(5,7,15,.97));border:1px solid rgba(var(--gold-rgb),.24);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),inset 0 1px 0 hsla(0,0%,100%,.04);display:flex;flex-direction:column;justify-content:center;min-height:560px;overflow:hidden;padding:var(--spacing-xl) var(--spacing-lg);position:relative;width:100%}.pack-opening-container:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.7),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0;z-index:3}.pack-opening-container:after{background:radial-gradient(120% 95% at 50% 42%,transparent 52%,rgba(2,3,8,.6));content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.pack-opening-container>*{position:relative;z-index:4}.pack-animation{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.pack-animation.initial{animation:packFloat 3.2s ease-in-out infinite}.pack-animation.shaking{animation:packShake .32s ease-in-out infinite}.pack-animation.opening{animation:none}.pack-opening-container .pack-image{height:294px;margin-bottom:var(--spacing-lg);perspective:1000px;position:relative;transform-style:preserve-3d;width:210px}.pack-opening-container .pack-image:before{animation:auraPulse 2.6s ease-in-out infinite;background:radial-gradient(circle,rgba(var(--gold-rgb),.4) 0,rgba(var(--gold-rgb),.14) 42%,transparent 70%);border-radius:50%;content:"";filter:blur(6px);inset:-46px;pointer-events:none;position:absolute}.pack-opening-container .pack-image:after{animation:auraSpin 14s linear infinite;border:1px dashed rgba(var(--gold-rgb),.35);border-radius:50%;content:"";inset:-30px;mask-image:radial-gradient(circle,transparent 58%,#000 62%);-webkit-mask-image:radial-gradient(circle,transparent 58%,#000 62%);pointer-events:none;position:absolute}.pack-animation.shaking .pack-image:before{animation-duration:.6s}.pack-animation.shaking .pack-image:after{animation-duration:3s;border-color:rgba(var(--gold-rgb),.6)}.pack-opening-container .pack-image img{filter:drop-shadow(0 22px 34px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(var(--gold-rgb),.25));height:100%;object-fit:contain;position:relative;transition:transform .5s var(--ease-swift),filter .5s var(--ease-swift);width:100%;z-index:2}.pack-opening-container .pack-image img.opening{animation:packDisappear 1s var(--ease-swift) forwards}.pack-animation.opening .pack-image:before{animation:burstRing .9s var(--ease-swift) forwards}.pack-animation.opening:after{animation:flashOut .8s var(--ease-swift) forwards;background:radial-gradient(420px 300px at 50% 42%,rgba(255,244,214,.5),transparent 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.pack-opening-container .pack-info{min-height:54px;text-align:center}.pack-message{animation:messageBreathe 2.4s ease-in-out infinite;color:var(--gold-bright);font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:.08em;margin:0 0 var(--spacing-md);text-shadow:0 0 18px rgba(var(--gold-rgb),.5)}.pack-particles{height:1px;left:50%;pointer-events:none;position:absolute;top:50%;width:1px}.particle{background-color:var(--color);border-radius:50%;box-shadow:0 0 10px var(--color),0 0 22px var(--color);height:var(--size);opacity:0;position:absolute;transform:translateZ(0);width:var(--size);will-change:transform,opacity}.opening .particle{animation:particleExplode 1.9s cubic-bezier(.16,.84,.44,1) var(--delay) forwards}.card-reveal{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:480px;perspective:1200px}.card-placeholder{animation:cardEntice 3s ease-in-out infinite;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .35s var(--ease-bounce),filter .35s var(--ease-swift)}.card-placeholder:before{animation:auraPulse 2.2s ease-in-out infinite;background:radial-gradient(closest-side,rgba(var(--gold-rgb),.3),transparent 75%);border-radius:18px;content:"";filter:blur(8px);inset:-34px;opacity:.75;pointer-events:none;position:absolute;z-index:-1}.card-placeholder:hover{filter:drop-shadow(0 0 26px rgba(var(--gold-rgb),.4));transform:scale(1.045) translateY(-4px)}.card-placeholder:active{transform:scale(1.02) translateY(-2px)}.card-front-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.reveal-instruction{animation:instructionBlink 1.6s ease-in-out infinite;color:var(--gold-bright);font-size:var(--font-size-sm);letter-spacing:.06em;margin-top:var(--spacing-lg);text-shadow:0 0 12px rgba(var(--gold-rgb),.4)}.pack-result{align-items:center;animation:riseIn .5s var(--ease-swift) both;display:flex;flex-direction:column;width:100%}.pack-result-title{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 18%,var(--gold) 60%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;letter-spacing:.07em;margin-bottom:var(--spacing-lg);position:relative;text-align:center;text-shadow:0 8px 30px rgba(var(--gold-rgb),.2);text-transform:capitalize}.pack-result-title:after{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.85),transparent);border-radius:2px;bottom:-6px;content:"";height:2px;left:0;position:absolute;width:100%}.revealed-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-lg);max-width:920px;width:100%}.revealed-card{animation:cardPopIn .65s var(--ease-bounce) forwards;opacity:0;position:relative;transition:transform var(--transition-fast),filter var(--transition-fast)}.revealed-card:after{animation:cardShine 1.4s var(--ease-swift) .35s forwards;background:linear-gradient(115deg,transparent 30%,rgba(255,248,224,.35) 50%,transparent 70%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-160%) skewX(-16deg);z-index:5}.revealed-card:hover{filter:drop-shadow(0 0 18px rgba(var(--gold-rgb),.3));transform:translateY(-4px) scale(1.02)}.pack-empty .return-button,.pack-opening-container .finish-button,.pack-opening-container .return-button{background:var(--gold-gradient);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 14px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;cursor:pointer;font-family:var(--font-family);font-size:15px;font-weight:700;letter-spacing:.04em;overflow:hidden;padding:13px 34px;position:relative;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast)}.pack-empty .return-button:hover:not(:disabled),.pack-opening-container .finish-button:hover:not(:disabled),.pack-opening-container .return-button:hover:not(:disabled){box-shadow:0 6px 26px rgba(var(--gold-rgb),.45),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08);transform:translateY(-2px)}.pack-empty .button-text,.pack-opening-container .button-text{position:relative;z-index:1}.pack-empty .button-glow,.pack-opening-container .button-glow{background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.55),transparent);height:220%;left:-30%;pointer-events:none;position:absolute;top:-60%;transform:translateX(-140%) skewX(-18deg);width:45%}.pack-empty .return-button:hover .button-glow,.pack-opening-container .finish-button:hover .button-glow,.pack-opening-container .return-button:hover .button-glow{animation:buttonGlow .9s var(--ease-swift)}.pack-empty{align-items:center;background:linear-gradient(172deg,rgba(15,23,44,.8),rgba(8,12,26,.9));border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-dim);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:300px;padding:var(--spacing-lg);text-align:center}@keyframes packShake{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-6px) rotate(-2.4deg)}50%{transform:translateX(6px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-2.4deg)}}@keyframes packDisappear{0%{filter:brightness(1);opacity:1;transform:rotateY(0deg) scale(1)}45%{filter:brightness(1.9) saturate(1.3);opacity:1;transform:rotateY(60deg) scale(1.08)}to{filter:brightness(3);opacity:0;transform:rotateY(180deg) scale(0)}}@keyframes burstRing{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}@keyframes flashOut{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes auraPulse{0%,to{opacity:.45;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes auraSpin{to{transform:rotate(1turn)}}@keyframes messageBreathe{0%,to{opacity:.75}50%{opacity:1}}@keyframes particleExplode{0%{opacity:1;transform:translateZ(0) scale(1)}70%{opacity:.9}to{opacity:0;transform:translate3d(var(--x),var(--y),0) scale(.4)}}@keyframes cardEntice{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-1.2deg)}}@keyframes cardPopIn{0%{opacity:0;transform:translateY(30px) rotateY(28deg) scale(.72)}65%{opacity:1;transform:translateY(-6px) rotateY(-4deg) scale(1.05)}to{opacity:1;transform:translateY(0) rotateY(0deg) scale(1)}}@keyframes cardShine{0%{transform:translateX(-160%) skewX(-16deg)}to{opacity:0;transform:translateX(160%) skewX(-16deg)}}@keyframes instructionBlink{0%,to{opacity:.65}50%{opacity:1}}@media (max-width:768px){.pack-opening-container{min-height:480px;padding:var(--spacing-lg) var(--spacing-md)}.pack-animation{min-height:320px}.pack-opening-container .pack-image{height:221px;width:158px}.pack-opening-container .pack-image:before{inset:-34px}.pack-opening-container .pack-image:after{inset:-22px}.card-reveal{min-height:420px}.card-placeholder{transform-origin:center}.card-placeholder:before{inset:-24px}.revealed-cards{gap:10px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.pack-result-title{font-size:var(--font-size-lg)}.pack-message{font-size:16px}}@media (max-width:480px){.pack-opening-container{min-height:440px}.pack-opening-container .pack-image{height:188px;width:134px}.revealed-cards{grid-template-columns:repeat(2,1fr)}.pack-empty .return-button,.pack-opening-container .finish-button,.pack-opening-container .return-button{padding:12px 18px;width:100%}}.card-component{--el:var(--arcane);--el-rgb:var(--arcane-rgb);cursor:pointer;perspective:1200px;position:relative;transition:transform var(--transition-normal),filter var(--transition-normal)}.card-component.element-fire{--el:var(--color-fire);--el-rgb:var(--color-fire-rgb)}.card-component.element-water{--el:var(--color-water);--el-rgb:var(--color-water-rgb)}.card-component.element-earth{--el:var(--color-earth);--el-rgb:var(--color-earth-rgb)}.card-component.element-air{--el:var(--color-air);--el-rgb:var(--color-air-rgb)}.card-component.element-light{--el:var(--color-light);--el-rgb:var(--color-light-rgb)}.card-component.element-dark{--el:var(--color-dark);--el-rgb:var(--color-dark-rgb)}.card-component.element-rainbow{--el:var(--color-light);--el-rgb:var(--color-light-rgb)}.card-component.small{font-size:.8rem;height:224px;width:160px}.card-component.medium{font-size:1rem;height:340px;width:240px}.card-component.large{font-size:1.1rem;height:452px;width:320px}.card-component:hover{transform:translateY(-6px);z-index:10}.card-component:active{transform:translateY(-2px) scale(.99)}.card-component:focus-visible{border-radius:var(--radius-md);outline:2px solid rgba(var(--gold-rgb),.75);outline-offset:3px}@keyframes ccAppear{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card-component.animated{animation:ccAppear .5s var(--ease-bounce) both}@keyframes ccHalo{0%,to{box-shadow:0 0 0 2px rgba(var(--gold-rgb),.55),0 0 26px rgba(var(--gold-rgb),.3)}50%{box-shadow:0 0 0 2px rgba(var(--gold-rgb),.9),0 0 48px rgba(var(--gold-rgb),.55)}}.card-component.highlighted{transform:translateY(-10px) scale(1.05);z-index:20}.card-component.highlighted .card-border{animation:ccHalo 1.7s ease-in-out infinite}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s var(--ease-swift);width:100%}.card-component.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.card-back{background:var(--bg-deep);transform:rotateY(180deg)}.card-border{background:linear-gradient(172deg,rgba(16,24,46,.97),rgba(7,11,23,.99));border:3px solid rgba(var(--el-rgb),.6);border-radius:var(--radius-md);box-shadow:var(--shadow-2),inset 0 0 0 1px rgba(var(--el-rgb),.16),0 0 20px rgba(var(--el-rgb),.1);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:box-shadow var(--transition-normal);width:100%}.card-component.element-rainbow .card-border{background:linear-gradient(172deg,rgba(16,24,46,.97),rgba(7,11,23,.99)) padding-box,var(--color-rainbow) border-box;border:3px solid transparent}.card-component:hover .card-border{box-shadow:var(--shadow-3),inset 0 0 0 1px rgba(var(--el-rgb),.34),0 0 34px rgba(var(--el-rgb),.32)}.card-border:after{background:linear-gradient(105deg,transparent,rgba(var(--gold-rgb),.16),transparent);bottom:-60%;content:"";left:0;pointer-events:none;position:absolute;top:-60%;transform:translateX(-160%) skewX(-18deg);width:34%}.card-component:hover .card-border:after{animation:shimmer .9s var(--ease-swift)}.card-component.rarity-legendary .card-border:after,.card-component.rarity-super-super-rare .card-border:after{animation:shimmer 3.4s var(--ease-swift) infinite}.card-border:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.55),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0;z-index:2}.card-component.rarity-common .card-border,.card-component.rarity-normal .card-border{box-shadow:var(--shadow-2),inset 0 0 0 1px rgba(151,183,230,.14)}.card-component.rarity-rare .card-border{box-shadow:var(--shadow-2),0 0 18px rgba(var(--color-water-rgb),.35),inset 0 0 0 1px rgba(var(--color-water-rgb),.2)}.card-component.rarity-epic .card-border,.card-component.rarity-super-rare .card-border{box-shadow:var(--shadow-2),0 0 22px rgba(var(--color-dark-rgb),.42),inset 0 0 0 1px rgba(var(--color-dark-rgb),.24)}.card-component.rarity-super-super-rare .card-border{box-shadow:var(--shadow-2),0 0 24px rgba(var(--color-quaternary-rgb),.45),inset 0 0 0 1px rgba(var(--color-quaternary-rgb),.26)}.card-component.rarity-legendary .card-border{box-shadow:var(--shadow-2),0 0 28px rgba(var(--gold-rgb),.5),inset 0 0 0 1px rgba(var(--gold-rgb),.3),inset 0 0 20px rgba(var(--gold-rgb),.1)}.card-component.rarity-rainbow .card-border{background:linear-gradient(172deg,rgba(16,24,46,.97),rgba(7,11,23,.99)) padding-box,var(--color-rainbow) border-box;border:3px solid transparent;box-shadow:var(--shadow-2),0 0 30px rgba(var(--color-quaternary-rgb),.4)}.card-component.rarity-rainbow .card-border:before{animation:hueShift 6s linear infinite;background:linear-gradient(90deg,transparent,rgba(var(--color-light-rgb),.8),transparent)}.card-component.rarity-legendary:hover .card-border{box-shadow:var(--shadow-3),0 0 46px rgba(var(--gold-rgb),.55),inset 0 0 0 1px rgba(var(--gold-rgb),.45)}.card-component.rarity-epic:hover .card-border,.card-component.rarity-super-rare:hover .card-border{box-shadow:var(--shadow-3),0 0 40px rgba(var(--color-dark-rgb),.5)}.card-image-container{background:radial-gradient(120% 90% at 50% 0,rgba(var(--el-rgb),.16),transparent 55%),var(--bg-deep);flex:4 1;overflow:hidden;position:relative}.card-image-container img{display:block;height:100%;object-fit:cover;transition:transform .45s var(--ease-swift);width:100%}.card-component:hover .card-image-container img{transform:scale(1.06)}.card-image-container:after{background:linear-gradient(180deg,transparent,rgba(5,8,17,.85));content:"";height:34%;inset:auto 0 0 0;pointer-events:none;position:absolute}.card-element-badge{border-radius:999px;box-shadow:0 0 5px rgba(0,0,0,.45),inset 0 0 0 1px hsla(0,0%,100%,.28);color:#fff;font-size:.62em;font-weight:700;letter-spacing:.09em;padding:2px 9px;position:absolute;right:6px;text-shadow:0 1px 3px rgba(0,0,0,.7);text-transform:uppercase;top:6px;z-index:2}.card-glow{inset:0;pointer-events:none;position:absolute;z-index:1}.legendary-glow{animation:pulseGlow 2.4s ease-in-out infinite;background:radial-gradient(85% 60% at 50% 12%,rgba(var(--gold-rgb),.26),transparent 70%);box-shadow:inset 0 0 26px rgba(var(--gold-rgb),.35)}.rainbow-glow{animation:hueShift 7s linear infinite;background:var(--color-rainbow);opacity:.16}.card-details{background:linear-gradient(180deg,rgba(11,17,33,.99),rgba(6,10,21,.99));border-top:1px solid rgba(var(--el-rgb),.28);display:flex;flex:6 1;flex-direction:column;min-height:0;overflow:hidden;padding:9px 10px 10px}.card-name{color:var(--color-text);font-family:var(--font-display);font-size:.98em;font-weight:700;letter-spacing:.04em;margin:0 0 6px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.65);white-space:nowrap}.card-type-rarity{align-items:center;display:flex;font-size:.66em;gap:6px;justify-content:space-between;margin-bottom:7px}.card-rarity,.card-type{border-radius:999px;font-weight:700;letter-spacing:.08em;line-height:1.5;padding:2px 8px;text-transform:uppercase}.card-type{background:rgba(151,183,230,.08);border:1px solid var(--color-border);color:var(--color-text-dim)}.card-rarity.rarity-common,.card-rarity.rarity-normal{background:rgba(151,183,230,.07);border:1px solid var(--color-border-strong);color:var(--color-text-dim)}.card-rarity.rarity-rare{background:rgba(var(--color-water-rgb),.12);border:1px solid rgba(var(--color-water-rgb),.45);color:var(--color-water)}.card-rarity.rarity-epic,.card-rarity.rarity-super-rare{background:rgba(var(--color-dark-rgb),.13);border:1px solid rgba(var(--color-dark-rgb),.5);color:#b7abff}.card-rarity.rarity-super-super-rare{background:rgba(var(--color-quaternary-rgb),.12);border:1px solid rgba(var(--color-quaternary-rgb),.5);color:var(--color-quaternary)}.card-rarity.rarity-legendary{background:var(--gold-gradient);border:1px solid rgba(var(--gold-rgb),.8);box-shadow:0 0 12px rgba(var(--gold-rgb),.45);color:#241a05}.card-rarity.rarity-rainbow{background:var(--color-rainbow);-webkit-background-clip:text;background-clip:text;border:1px solid rgba(var(--color-quaternary-rgb),.6);color:transparent}.rarity-normal{color:var(--color-text-dim)}.rarity-rare{color:var(--color-water)}.rarity-super-rare{color:#b7abff}.rarity-super-super-rare{color:var(--color-quaternary)}.rarity-legendary{color:var(--gold-bright)}.rarity-rainbow{background:var(--color-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.card-stats{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-bottom:7px}.card-component .stat{align-items:center;border-radius:var(--radius-xs);display:flex;flex-direction:column;gap:1px;padding:4px 2px}.card-component .stat-label{color:var(--color-text-faint);font-size:.58em;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.card-component .stat-value{font-feature-settings:"tnum";color:var(--color-text);font-family:var(--font-num);font-size:1.1em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.card-stats .stat:first-child{background:rgba(var(--color-fire-rgb),.1);border:1px solid rgba(var(--color-fire-rgb),.32)}.card-stats .stat:first-child .stat-value{color:#ffa279;text-shadow:0 0 12px rgba(var(--color-fire-rgb),.35)}.card-stats .stat:nth-child(2){background:rgba(var(--color-water-rgb),.1);border:1px solid rgba(var(--color-water-rgb),.32)}.card-stats .stat:nth-child(2) .stat-value{color:#7cc9ff;text-shadow:0 0 12px rgba(var(--color-water-rgb),.35)}.card-stats .stat:nth-child(3){background:rgba(var(--gold-rgb),.1);border:1px solid rgba(var(--gold-rgb),.36)}.card-stats .stat:nth-child(3) .stat-value{color:var(--gold-bright);text-shadow:0 0 12px rgba(var(--gold-rgb),.35)}.card-cost{align-items:center;display:flex;font-size:.8em;gap:6px;justify-content:flex-end;margin-bottom:7px}.cost-label{color:var(--color-text-faint);font-size:.72em;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.cost-value{align-items:center;background:var(--gold-gradient);border-radius:var(--radius-xs);box-shadow:0 0 12px rgba(var(--gold-rgb),.4),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;display:inline-flex;font-family:var(--font-num);font-size:.95em;font-weight:800;height:26px;justify-content:center;min-width:26px;padding:0 7px}.card-description{color:var(--color-text-dim);flex:1 1;font-size:.68em;line-height:1.4;margin-bottom:5px;max-height:60px;overflow:auto;scrollbar-width:thin}.card-description p{margin:0}.card-flavor{color:var(--color-text-faint);font-size:.66em;font-style:italic;max-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-back-design{align-items:center;background:radial-gradient(90% 70% at 50% 30%,rgba(var(--arcane-rgb),.08),transparent 60%),linear-gradient(172deg,rgba(10,15,30,.98),rgba(5,8,17,.99));display:flex;height:100%;justify-content:center;position:relative;width:100%}.card-back-design:before{animation:floatY 7s ease-in-out infinite;color:rgba(var(--gold-rgb),.1);content:"◆";font-size:7em;left:50%;position:absolute;text-shadow:0 0 40px rgba(var(--arcane-rgb),.15);top:50%;transform:translate(-50%,-50%)}.card-back-element{background-color:var(--bg-panel-solid);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(var(--gold-rgb),.22);border-radius:var(--radius-sm);box-shadow:0 0 24px rgba(0,0,0,.5),inset 0 0 0 1px rgba(var(--arcane-rgb),.14);height:90%;width:90%}@media (max-width:900px){.card-component.small{font-size:.72rem;height:196px;width:138px}.card-component.medium{font-size:.85rem;height:286px;width:200px}.card-component.large{font-size:.95rem;height:386px;width:272px}}@media (max-width:640px){.card-component.medium{height:252px;width:176px}.card-component.large{height:342px;width:240px}.card-description{max-height:46px}.card-flavor{max-height:18px}}@media (max-width:480px){.card-component.small{font-size:.6rem;height:152px;width:106px}.card-component.medium{font-size:.7rem;height:212px;width:148px}.card-component.large{font-size:.8rem;height:290px;width:204px}.card-details{padding:7px}.card-stats,.card-type-rarity{margin-bottom:4px}.card-element-badge{font-size:.56em;padding:1px 7px}}@media (prefers-reduced-motion:reduce){.card-back-design:before,.card-component.highlighted .card-border,.legendary-glow,.rainbow-glow{animation:none}}.shop-container{animation:riseIn .5s var(--ease-swift) both;margin:0 auto;max-width:1200px;padding:var(--spacing-lg) var(--spacing-md) 56px}.shop-title{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 18%,var(--gold) 60%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:var(--font-size-xxl);font-weight:800;letter-spacing:.05em;margin:0 0 6px;text-align:center;text-shadow:0 8px 30px rgba(var(--gold-rgb),.16)}.shop-subtitle{color:var(--color-text-dim);font-size:var(--font-size-sm);letter-spacing:.02em;margin:0 0 var(--spacing-lg);text-align:center}.user-coins{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(140deg,rgba(var(--gold-rgb),.06),rgba(13,20,38,.62));border:1px solid rgba(var(--gold-rgb),.28);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);overflow:hidden;padding:13px 18px;position:relative}.user-coins:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.6),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.coin-display{align-items:baseline;display:flex;gap:9px}.coin-icon{animation:coinBob 4.5s ease-in-out infinite;line-height:1}.coin-amount,.coin-icon{font-size:var(--font-size-xl)}.coin-amount{font-feature-settings:"tnum";color:var(--warning);font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:800;text-shadow:0 0 16px rgba(255,180,84,.35)}.coin-label{color:var(--color-text-faint);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.shop-container .button-text{position:relative;z-index:1}.shop-container .buy-button,.shop-container .buy-coins-button,.shop-container .confirm-button{overflow:hidden}.shop-container .button-glow{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.35),transparent);height:200%;left:-10%;opacity:0;pointer-events:none;position:absolute;top:-50%;transform:translateX(-140%) skewX(-18deg);width:120%}.shop-container .buy-button:hover .button-glow,.shop-container .buy-coins-button:hover .button-glow,.shop-container .confirm-button:hover .button-glow{animation:buttonGlow .9s var(--ease-swift);opacity:1}.shop-error{background:rgba(255,95,107,.08);border:1px solid rgba(255,95,107,.4);border-radius:var(--radius-sm);color:#ffc9cd;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.shop-loading{align-items:center;display:flex;justify-content:center;min-height:320px}.packs-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.shop-container .pack-card{background:linear-gradient(170deg,rgba(15,23,44,.85),rgba(8,12,26,.94))!important;border:1px solid var(--color-border)!important;box-shadow:var(--shadow-1)!important;position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.shop-container .pack-card:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.55),transparent);content:"";height:1px;left:14%;opacity:.55;position:absolute;right:14%;top:0;transition:opacity var(--transition-normal);z-index:2}.shop-container .pack-card:hover{border-color:rgba(var(--gold-rgb),.42)!important;box-shadow:var(--shadow-3),var(--glow-gold)!important;transform:translateY(-6px)}.shop-container .pack-card:hover:before{opacity:1}.pack-content{display:flex;flex-direction:column;height:100%}.shop-container .pack-image{align-items:center;background:radial-gradient(120% 100% at 50% 20%,rgba(var(--gold-rgb),.06),transparent 65%);border-radius:var(--radius-sm);display:flex;justify-content:center;margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-sm);position:relative}.shop-container .pack-image img{filter:drop-shadow(0 14px 26px rgba(0,0,0,.55));height:auto;max-width:100%;transition:transform .45s var(--ease-swift)}.shop-container .pack-card:hover .pack-image img{transform:scale(1.06) translateY(-3px)}.pack-glow{background:radial-gradient(circle at 50% 45%,rgba(var(--gold-rgb),.22),transparent 70%);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-normal)}.shop-container .pack-card:hover .pack-glow{animation:packGlowPulse 2.2s ease-in-out infinite alternate;opacity:1}.shop-container .pack-info{flex:1 1}.shop-container .pack-name{color:var(--gold-bright);font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:.04em;margin:0 0 var(--spacing-sm)}.pack-description{color:var(--color-text-dim);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-sm)}.pack-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-sm)}.pack-cards,.pack-rarity{align-items:center;background:rgba(5,9,20,.55);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-dim);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em;padding:4px 11px}.pack-rarity{background:rgba(var(--gold-rgb),.07);border-color:rgba(var(--gold-rgb),.3);color:var(--gold-bright)}.pack-price{align-items:center;background:rgba(5,9,20,.65);border:1px solid rgba(255,180,84,.38);border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),0 0 20px rgba(255,180,84,.07);display:flex;gap:8px;justify-content:center;margin:var(--spacing-md) 0;padding:10px 16px}.price-amount{font-feature-settings:"tnum";color:var(--warning);font-family:var(--font-num);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:800;text-shadow:0 0 14px rgba(255,180,84,.3)}.price-icon{animation:coinBob 4.5s ease-in-out -1.2s infinite;font-size:var(--font-size-md);line-height:1}.insufficient-button{background:rgba(13,20,38,.55)!important;border-color:var(--color-border)!important;box-shadow:none!important;color:var(--color-text-faint)!important;cursor:not-allowed}.confirm-purchase{background:rgba(13,20,38,.55);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);position:relative;text-align:center}.confirm-purchase:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.55),transparent);content:"";height:1px;left:16%;position:absolute;right:16%;top:0}.confirm-purchase>p{color:var(--color-text-dim)}.confirm-details{align-items:center;background:rgba(5,9,20,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm)}.confirm-pack-image{background:rgba(var(--gold-rgb),.05);border:1px solid rgba(var(--gold-rgb),.35);border-radius:var(--radius-sm);box-shadow:var(--glow-gold);flex-shrink:0;height:168px;overflow:hidden;padding:6px;position:relative;width:120px}.confirm-pack-image img{animation:packFloat 3s ease-in-out infinite alternate;height:100%;object-fit:contain;width:100%}.confirm-pack-info{flex:1 1;min-width:0;text-align:left}.confirm-pack-info p{color:var(--color-text-dim);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.confirm-pack-info p:before{color:var(--gold);content:"◆";font-size:8px;left:0;position:absolute;top:2px}.confirm-pack-info p strong{color:var(--gold-bright);font-weight:700}@keyframes coinBob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(8deg)}}@keyframes packFloat{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes packGlowPulse{0%{opacity:.45}to{opacity:.95}}@keyframes buttonGlow{0%{transform:translateX(-140%) skewX(-18deg)}to{transform:translateX(140%) skewX(-18deg)}}@media (max-width:900px){.packs-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.shop-title{font-size:var(--font-size-xl)}}@media (max-width:640px){.packs-grid{grid-template-columns:1fr}.user-coins{align-items:stretch;flex-direction:column}.coin-display{justify-content:center}.user-coins .buy-coins-button{width:100%}.confirm-details{flex-direction:column}.confirm-details,.confirm-pack-info{text-align:center}}@media (max-width:480px){.shop-container{padding:var(--spacing-md) var(--spacing-sm) 40px}.pack-details{gap:var(--spacing-xs)}.pack-price{margin:var(--spacing-sm) 0}.coin-amount{font-size:var(--font-size-lg)}.confirm-pack-image{height:134px;width:96px}}.mkt-page{animation:riseIn .5s var(--ease-swift) both;margin:0 auto;max-width:1200px;padding:var(--spacing-lg) var(--spacing-md) 56px}.mkt-header{margin-bottom:var(--spacing-lg)}.mkt-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 18%,var(--gold) 60%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:800;letter-spacing:.04em;margin:0 0 8px}.mkt-title-glyph{-webkit-text-fill-color:initial;text-shadow:none}.mkt-chain-badge{-webkit-text-fill-color:var(--arcane-soft);background:rgba(var(--arcane-rgb),.1);border:1px solid rgba(var(--arcane-rgb),.45);border-radius:999px;box-shadow:0 0 14px rgba(var(--arcane-rgb),.18);color:var(--arcane-soft);display:inline-block;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.08em;margin-left:10px;padding:3px 11px;text-transform:uppercase;vertical-align:middle}.mkt-sub{color:var(--color-text-dim);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 14px;max-width:640px}.mkt-sub strong{color:var(--color-text)}.mkt-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.mkt-refresh{background:rgba(13,20,38,.7);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-1);color:var(--color-text);font-family:var(--font-family);font-size:13px;font-weight:600;letter-spacing:.02em;padding:8px 16px;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.mkt-refresh:hover:not(:disabled){background:rgba(24,36,66,.9);border-color:rgba(var(--arcane-rgb),.55);box-shadow:var(--shadow-2);transform:translateY(-1px)}.mkt-refresh:disabled{cursor:wait;opacity:.5}.mkt-refresh.sell{background:rgba(var(--gold-rgb),.08);border-color:rgba(var(--gold-rgb),.45);color:var(--gold-bright)}.mkt-refresh.sell:hover:not(:disabled){background:rgba(var(--gold-rgb),.14);border-color:rgba(var(--gold-rgb),.7);box-shadow:0 0 18px rgba(var(--gold-rgb),.22)}.mkt-wallet-pill{font-feature-settings:"tnum";background:rgba(var(--arcane-rgb),.07);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:999px;color:var(--arcane-soft);cursor:pointer;font-family:var(--font-num);font-size:13px;font-variant-numeric:tabular-nums;padding:8px 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.mkt-wallet-pill:hover{border-color:rgba(var(--arcane-rgb),.7);box-shadow:var(--glow-arcane)}.mkt-sell-panel{animation:riseIn .35s var(--ease-swift);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(13,20,38,.65);border:1px solid rgba(var(--gold-rgb),.3);border-radius:var(--radius-md);box-shadow:var(--shadow-1);margin-bottom:var(--spacing-lg);padding:16px 18px;position:relative}.mkt-sell-panel:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.6),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.mkt-sell-panel h3{color:var(--gold-bright);font-size:16px;margin:0 0 12px}.mkt-nft-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mkt-nft-chip{background:rgba(5,9,20,.6);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-dim);cursor:pointer;font-family:var(--font-num);font-size:12px;padding:6px 13px;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.mkt-nft-chip:hover{border-color:rgba(var(--arcane-rgb),.5);color:var(--color-text)}.mkt-nft-chip.selected{background:rgba(var(--arcane-rgb),.12);border-color:rgba(var(--arcane-rgb),.75);box-shadow:0 0 12px rgba(var(--arcane-rgb),.15);color:var(--arcane-soft)}.mkt-price-row{display:flex;gap:10px}.mkt-price-row input{font-feature-settings:"tnum";flex:1 1;font-family:var(--font-num);font-variant-numeric:tabular-nums}.mkt-hint{font-size:12px;line-height:1.5;margin:10px 0 0}.mkt-close-panel,.mkt-hint{color:var(--color-text-faint)}.mkt-close-panel{align-items:center;background:transparent;border:1px solid transparent;border-radius:50%;display:flex;font-size:13px;height:30px;justify-content:center;padding:0;position:absolute;right:12px;top:10px;width:30px}.mkt-close-panel:hover{background:rgba(151,183,230,.08);border-color:var(--color-border);box-shadow:none;color:var(--color-text);transform:none}.mkt-txmsg{border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:14px;padding:11px 16px}.mkt-txmsg.ok{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.4);color:#c4f2d6}.mkt-txmsg.ko{background:rgba(255,95,107,.08);border:1px solid rgba(255,95,107,.4);color:#ffc9cd}.mkt-txmsg a{color:var(--arcane-soft);font-weight:600;margin-left:6px}.mkt-txmsg a:hover{text-decoration:underline}.mkt-error{background:rgba(255,95,107,.08);border:1px solid rgba(255,95,107,.45);border-radius:var(--radius-sm);color:#ffc9cd;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);padding:12px 16px}.mkt-empty{background:rgba(13,20,38,.45);border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:64px var(--spacing-md);text-align:center}.mkt-empty-icon{animation:floatY 5s ease-in-out infinite;display:block;font-size:44px;margin-bottom:12px}.mkt-empty p{color:var(--color-text-dim);margin:4px 0}.mkt-empty-hint{color:var(--color-text-faint);font-size:13px}.mkt-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-lg)}.mkt-filter-btn{background:rgba(13,20,38,.6);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-dim);cursor:pointer;font-family:var(--font-family);font-size:12.5px;font-weight:600;letter-spacing:.03em;padding:5px 15px;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.mkt-filter-btn:hover{border-color:rgba(var(--arcane-rgb),.5);color:var(--color-text)}.mkt-filter-btn.active{background:rgba(var(--arcane-rgb),.14);border-color:rgba(var(--arcane-rgb),.7);box-shadow:0 0 14px rgba(var(--arcane-rgb),.18);color:var(--arcane-soft)}.mkt-filter-btn.element-fire{border-color:rgba(var(--color-fire-rgb),.45)}.mkt-filter-btn.element-fire.active{background:rgba(var(--color-fire-rgb),.16);border-color:rgba(var(--color-fire-rgb),.8);box-shadow:0 0 14px rgba(var(--color-fire-rgb),.22);color:var(--color-fire)}.mkt-filter-btn.element-water{border-color:rgba(var(--color-water-rgb),.45)}.mkt-filter-btn.element-water.active{background:rgba(var(--color-water-rgb),.16);border-color:rgba(var(--color-water-rgb),.8);box-shadow:0 0 14px rgba(var(--color-water-rgb),.22);color:var(--color-water)}.mkt-filter-btn.element-earth{border-color:rgba(var(--color-earth-rgb),.5)}.mkt-filter-btn.element-earth.active{background:rgba(var(--color-earth-rgb),.16);border-color:rgba(var(--color-earth-rgb),.85);box-shadow:0 0 14px rgba(var(--color-earth-rgb),.22);color:var(--color-earth)}.mkt-filter-btn.element-air{border-color:rgba(var(--color-air-rgb),.45)}.mkt-filter-btn.element-air.active{background:rgba(var(--color-air-rgb),.14);border-color:rgba(var(--color-air-rgb),.75);box-shadow:0 0 14px rgba(var(--color-air-rgb),.2);color:var(--color-air)}.mkt-filter-btn.element-light{border-color:rgba(var(--color-light-rgb),.5)}.mkt-filter-btn.element-light.active{background:rgba(var(--color-light-rgb),.14);border-color:rgba(var(--color-light-rgb),.85);box-shadow:0 0 14px rgba(var(--color-light-rgb),.22);color:var(--color-light)}.mkt-filter-btn.element-dark{border-color:rgba(var(--color-dark-rgb),.5)}.mkt-filter-btn.element-dark.active{background:rgba(var(--color-dark-rgb),.16);border-color:rgba(var(--color-dark-rgb),.8);box-shadow:0 0 14px rgba(var(--color-dark-rgb),.22);color:var(--color-dark)}.mkt-count{font-feature-settings:"tnum";color:var(--color-text-faint);font-family:var(--font-num);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:600;margin-left:auto}.mkt-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.mkt-card{animation:riseIn .4s var(--ease-swift) both;background:linear-gradient(172deg,rgba(15,23,44,.82),rgba(8,12,26,.92));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.mkt-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-2);transform:translateY(-4px)}.mkt-card.rarity-glow-common:hover,.mkt-card.rarity-glow-n:hover,.mkt-card.rarity-glow-normal:hover{border-color:rgba(151,183,230,.4);box-shadow:var(--shadow-2),0 0 20px rgba(151,183,230,.12)}.mkt-card.rarity-glow-r:hover,.mkt-card.rarity-glow-rare:hover{border-color:rgba(var(--color-water-rgb),.55);box-shadow:var(--shadow-2),0 0 22px rgba(var(--color-water-rgb),.3)}.mkt-card.rarity-glow-epic:hover,.mkt-card.rarity-glow-sr:hover{border-color:rgba(var(--color-dark-rgb),.6);box-shadow:var(--shadow-2),0 0 24px rgba(var(--color-dark-rgb),.35)}.mkt-card.rarity-glow-ssr:hover{border-color:rgba(var(--color-fire-rgb),.65);box-shadow:var(--shadow-2),0 0 26px rgba(var(--color-fire-rgb),.4)}.mkt-card.rarity-glow-l:hover,.mkt-card.rarity-glow-legendary:hover{border-color:rgba(var(--gold-rgb),.65);box-shadow:var(--shadow-2),var(--glow-gold)}.mkt-card.rarity-glow-ac:hover{border-color:rgba(var(--arcane-rgb),.7);box-shadow:var(--shadow-2),var(--glow-arcane)}.mkt-art{aspect-ratio:3/4;background:radial-gradient(120% 100% at 50% 15%,rgba(24,36,66,.5),rgba(5,9,20,.8));overflow:hidden;position:relative}.mkt-art img{display:block;height:100%;object-fit:cover;transition:transform .5s var(--ease-swift);width:100%}.mkt-card:hover .mkt-art img{transform:scale(1.06)}.mkt-art:after{background:linear-gradient(180deg,transparent,rgba(4,7,15,.72));content:"";height:45%;inset:auto 0 0 0;pointer-events:none;position:absolute}.mkt-art-unknown{display:grid;font-size:40px;height:100%;opacity:.45;place-items:center}.mkt-cost{font-feature-settings:"tnum";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(4,7,15,.72);border:1px solid rgba(151,183,230,.35);border-radius:999px;color:#fff;font-family:var(--font-num);font-size:12.5px;font-variant-numeric:tabular-nums;font-weight:700;left:8px;padding:2px 10px;position:absolute;top:8px;z-index:1}.mkt-cost.element-fire{border-color:rgba(var(--color-fire-rgb),.6);color:var(--color-fire)}.mkt-cost.element-water{border-color:rgba(var(--color-water-rgb),.6);color:var(--color-water)}.mkt-cost.element-earth{border-color:rgba(var(--color-earth-rgb),.65);color:var(--color-earth)}.mkt-cost.element-air{border-color:rgba(var(--color-air-rgb),.55);color:var(--color-air)}.mkt-cost.element-light{border-color:rgba(var(--color-light-rgb),.65);color:var(--color-light)}.mkt-cost.element-dark{border-color:rgba(var(--color-dark-rgb),.65);color:var(--color-dark)}.mkt-escrow-badge{background:linear-gradient(135deg,rgba(var(--gold-rgb),.9),rgba(156,117,47,.9));border-radius:999px;bottom:8px;box-shadow:0 2px 10px rgba(var(--gold-rgb),.35);color:#241a05;font-size:10.5px;font-weight:800;left:8px;letter-spacing:.05em;padding:2.5px 10px;position:absolute;text-transform:uppercase;z-index:1}.mkt-body{display:flex;flex:1 1;flex-direction:column;padding:12px 14px 14px}.mkt-body h3{color:var(--color-text);font-family:var(--font-ui);font-size:15px;font-weight:700;letter-spacing:.01em;margin:0 0 7px}.mkt-meta{align-items:center;display:flex;font-size:11.5px;gap:8px;margin:0 0 10px}.element-tag{background:rgba(4,7,15,.6);border:1px solid rgba(151,183,230,.3);border-radius:999px;color:var(--color-text-dim);font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 10px;text-transform:uppercase}.element-tag.element-fire{border-color:rgba(var(--color-fire-rgb),.55);color:var(--color-fire)}.element-tag.element-water{border-color:rgba(var(--color-water-rgb),.55);color:var(--color-water)}.element-tag.element-earth{border-color:rgba(var(--color-earth-rgb),.6);color:var(--color-earth)}.element-tag.element-air{border-color:rgba(var(--color-air-rgb),.5);color:var(--color-air)}.element-tag.element-light{border-color:rgba(var(--color-light-rgb),.6);color:var(--color-light)}.element-tag.element-dark{border-color:rgba(var(--color-dark-rgb),.6);color:var(--color-dark)}.mkt-rarity{color:var(--color-text-faint);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.mkt-price{font-feature-settings:"tnum";color:var(--arcane);font-family:var(--font-num);font-size:18px;font-variant-numeric:tabular-nums;font-weight:800;margin:0 0 4px;text-shadow:0 0 16px rgba(var(--arcane-rgb),.35)}.mkt-seller{color:var(--color-text-faint);font-family:var(--font-num);font-size:11.5px;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkt-btn{border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:13px;font-weight:700;letter-spacing:.02em;margin-top:auto;padding:9px 12px;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast);width:100%}.mkt-btn.buy{background:linear-gradient(135deg,var(--arcane),var(--arcane-deep));box-shadow:0 2px 14px rgba(var(--arcane-rgb),.25),inset 0 1px 0 hsla(0,0%,100%,.35);color:#04121f}.mkt-btn.buy:hover:not(:disabled){box-shadow:var(--glow-arcane),inset 0 1px 0 hsla(0,0%,100%,.4);filter:brightness(1.1);transform:translateY(-1px)}.mkt-btn.cancel{background:rgba(13,20,38,.6);border-color:var(--color-border);color:var(--color-text-dim)}.mkt-btn.cancel:hover:not(:disabled){border-color:rgba(255,95,107,.55);box-shadow:0 0 14px rgba(255,95,107,.15);color:#ffc9cd}.mkt-btn:disabled{cursor:wait;opacity:.55;transform:none}.mkt-solscan{color:var(--arcane-soft);font-size:12px;margin-top:9px;transition:color var(--transition-fast),text-shadow var(--transition-fast)}.mkt-solscan:hover{color:var(--arcane);text-decoration:underline;text-shadow:0 0 12px rgba(var(--arcane-rgb),.45)}@media (max-width:900px){.mkt-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mkt-header h1{font-size:var(--font-size-lg)}}@media (max-width:640px){.mkt-actions{align-items:stretch;flex-direction:column}.mkt-refresh,.mkt-wallet-pill{text-align:center;width:100%}.mkt-price-row{flex-direction:column}.mkt-count{margin-left:0;text-align:right;width:100%}}@media (max-width:480px){.mkt-page{padding:var(--spacing-md) var(--spacing-sm) 40px}.mkt-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.mkt-body{padding:10px 11px 12px}.mkt-price{font-size:16px}.mkt-chain-badge{display:none}}.wm-overlay{animation:fadeIn .25s var(--ease-swift);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(3,5,11,.74);display:grid;inset:0;padding:var(--spacing-md);place-items:center;position:fixed;z-index:var(--z-index-modal)}.wm-modal{animation:wmRise .4s var(--ease-swift);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(168deg,rgba(15,23,44,.94),rgba(8,12,26,.96));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);color:var(--color-text);max-height:88vh;max-width:430px;overflow-y:auto;padding:26px 24px 22px;position:relative;width:100%}@keyframes wmRise{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.wm-modal:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.75),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.wm-close{align-items:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--color-text-faint);display:flex;font-size:14px;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;width:32px}.wm-close:hover{background:rgba(151,183,230,.08);border-color:var(--color-border);box-shadow:none;color:var(--color-text);transform:none}.wm-modal h3{color:var(--gold-bright);font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:.04em;margin:0 0 16px}.wm-wallet{align-items:center;background:rgba(13,20,38,.6);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-family);font-size:14.5px;font-weight:600;gap:12px;margin-bottom:8px;padding:12px 15px;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);width:100%}.wm-wallet:hover:not(:disabled){background:rgba(24,36,66,.85);border-color:rgba(var(--arcane-rgb),.55);box-shadow:var(--shadow-1),0 0 16px rgba(var(--arcane-rgb),.12);transform:translateY(-1px)}.wm-wallet img{border-radius:50%;box-shadow:0 0 10px rgba(var(--arcane-rgb),.25);height:26px;width:26px}.wm-wallet-icon{font-size:1.2rem}.wm-sep{align-items:center;color:var(--color-text-faint);display:flex;font-size:11px;gap:12px;letter-spacing:.2em;margin:14px 0;text-transform:uppercase}.wm-sep:after,.wm-sep:before{background:linear-gradient(90deg,transparent,var(--color-border),transparent);content:"";flex:1 1;height:1px}.wm-btn{background:rgba(13,20,38,.6);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;display:block;font-family:var(--font-family);font-size:14px;font-weight:600;letter-spacing:.02em;margin-bottom:9px;padding:12px 16px;transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);width:100%}.wm-btn:hover:not(:disabled){border-color:rgba(var(--arcane-rgb),.5);box-shadow:var(--shadow-1);transform:translateY(-1px)}.wm-btn.primary{background:var(--gold-gradient);border:none;box-shadow:0 2px 14px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05;overflow:hidden;position:relative}.wm-btn.primary:after{background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:220%;left:-30%;pointer-events:none;position:absolute;top:-60%;transform:translateX(-140%) skewX(-18deg);transition:transform .6s var(--ease-swift);width:45%}.wm-btn.primary:hover:not(:disabled){box-shadow:0 6px 26px rgba(var(--gold-rgb),.42),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08);transform:translateY(-2px)}.wm-btn.primary:hover:not(:disabled):after{transform:translateX(320%) skewX(-18deg)}.wm-btn.danger{background:rgba(255,95,107,.08);border-color:rgba(255,95,107,.4);color:#ffc9cd}.wm-btn.danger:hover:not(:disabled){border-color:rgba(255,95,107,.65);box-shadow:var(--glow-danger)}.wm-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.wm-choose,.wm-connected,.wm-created{display:flex;flex-direction:column}.wm-connected .wm-name{color:var(--color-text);font-size:15px;font-weight:700;margin:0 0 5px}.wm-address{color:var(--color-text-faint);font-family:var(--font-num);font-size:12px;margin:0 0 14px;word-break:break-all}.wm-balances{background:rgba(5,9,20,.55);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:0 0 16px;padding:12px 15px}.wm-balance-row{align-items:baseline;display:flex;justify-content:space-between;padding:4px 0}.wm-balance-row+.wm-balance-row{border-top:1px dashed var(--color-border);margin-top:4px;padding-top:9px}.wm-balance-label{color:var(--color-text-dim);font-size:12px;font-weight:600;letter-spacing:.04em}.wm-balance-label em{color:var(--color-text-faint);font-size:10.5px;font-style:normal;font-weight:400;letter-spacing:.06em;margin-left:4px;text-transform:uppercase}.wm-balance-value{font-feature-settings:"tnum";font-family:var(--font-num);font-size:17px;font-variant-numeric:tabular-nums;font-weight:800}.wm-balance-value.sol{color:var(--arcane);text-shadow:0 0 14px rgba(var(--arcane-rgb),.3)}.wm-balance-value.orin{color:var(--gold-bright);text-shadow:0 0 14px rgba(var(--gold-rgb),.3)}.wm-warning{background:rgba(255,180,84,.08);border:1px solid rgba(255,180,84,.4);border-left:3px solid var(--warning);border-radius:var(--radius-xs);color:#ffe3bd;font-size:13px;line-height:1.55;margin:0 0 14px;padding:13px 15px}.wm-warning strong{color:var(--warning)}.wm-confirm{align-items:center;color:var(--color-text-dim);cursor:pointer;display:flex;font-size:13.5px;gap:10px;margin:12px 0}.wm-confirm input[type=checkbox]{accent-color:var(--gold);cursor:pointer;height:17px;width:17px}.wm-hint{color:var(--color-text-dim);font-size:13px;line-height:1.55}.wm-hint.small{color:var(--color-text-faint);font-size:11.5px;margin-top:10px}.wm-hint a{color:var(--arcane-soft)}.wm-hint a:hover{text-shadow:0 0 12px rgba(var(--arcane-rgb),.45)}.wm-error{background:rgba(255,95,107,.08);border:1px solid rgba(255,95,107,.4);border-radius:var(--radius-xs);color:#ffc9cd;font-size:13px;margin:12px 0 0;padding:10px 13px}@media (max-width:480px){.wm-overlay{padding:var(--spacing-sm)}.wm-modal{padding:22px 16px 18px}}.cs-studio{display:flex;flex-direction:column;gap:18px}.cs-studio__header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.cs-studio__title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#fdf3d3,var(--gold) 60%,#caa14f);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 14px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:.04em;margin:0}.cs-quota{background:rgba(var(--arcane-rgb),.08);border:1px solid rgba(var(--arcane-rgb),.35);border-radius:999px;font-family:var(--font-num);font-size:12px;padding:4px 13px}.cs-quota,.cs-section__title{color:var(--arcane-soft);font-weight:700}.cs-section__title{font-size:11.5px;letter-spacing:.14em;margin:0 0 10px;text-shadow:0 0 12px rgba(var(--arcane-rgb),.25);text-transform:uppercase}.cs-gallery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.cs-card{animation:riseIn .5s var(--ease-swift) both;background:rgba(9,14,28,.6);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;overflow:hidden;padding:10px;position:relative;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.cs-card:hover{border-color:rgba(var(--arcane-rgb),.55);box-shadow:var(--shadow-2),var(--glow-arcane);transform:translateY(-3px)}.cs-card--active{background:linear-gradient(160deg,rgba(30,24,10,.5),rgba(9,14,28,.65));border-color:rgba(var(--gold-rgb),.55)}.cs-card--active:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.75),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.cs-card__badge{background:var(--gold-gradient);border-radius:999px;box-shadow:0 4px 14px rgba(var(--gold-rgb),.4);color:#241a05;font-size:11px;font-weight:800;letter-spacing:.04em;padding:3px 11px;position:absolute;right:10px;top:-8px}.cs-card__thumbs{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.cs-card__thumb{aspect-ratio:1;background:linear-gradient(45deg,rgba(151,183,230,.08) 25%,transparent 0,transparent 75%,rgba(151,183,230,.08) 0),linear-gradient(45deg,rgba(151,183,230,.08) 25%,transparent 0,transparent 75%,rgba(151,183,230,.08) 0),#0a0f1e;background-position:0 0,7px 7px;background-size:14px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:none;cursor:zoom-in;overflow:hidden;padding:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}.cs-card__thumb:hover{border-color:rgba(var(--arcane-rgb),.6);transform:scale(1.04)}.cs-card__thumb img{display:block;height:100%;object-fit:contain;width:100%}.cs-card__meta{display:flex;flex-direction:column;gap:2px;margin-top:8px;min-width:0}.cs-card__date{font-feature-settings:"tnum";color:var(--color-text-faint);font-family:var(--font-num);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.cs-card__prompt{color:var(--color-text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-card__actions{display:flex;gap:6px;margin-top:8px;min-height:30px}.cs-btn{appearance:none;background:rgba(var(--arcane-rgb),.08);border:1px solid rgba(var(--arcane-rgb),.4);border-radius:var(--radius-sm);color:var(--arcane-soft);cursor:pointer;font-family:var(--font-ui);font-size:13.5px;font-weight:700;padding:9px 16px;transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.cs-btn:hover:not(:disabled){background:rgba(var(--arcane-rgb),.16);border-color:rgba(var(--arcane-rgb),.7);box-shadow:var(--glow-arcane);transform:translateY(-1px)}.cs-btn:active:not(:disabled){transform:scale(.97)}.cs-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.cs-btn--primary{background:var(--gold-gradient);border-color:transparent;box-shadow:0 4px 18px rgba(var(--gold-rgb),.3),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05}.cs-btn--primary:hover:not(:disabled){box-shadow:0 6px 24px rgba(var(--gold-rgb),.45),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08)}.cs-btn--small{border-radius:var(--radius-xs);font-size:11.5px;padding:5px 11px}.cs-btn--danger{background:rgba(255,95,107,.07);border-color:rgba(255,95,107,.4);color:#ff9ba2}.cs-btn--danger:hover:not(:disabled){background:rgba(255,95,107,.16);border-color:rgba(255,95,107,.7);box-shadow:var(--glow-danger)}.cs-section--gen{background:rgba(9,14,28,.55);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;padding:15px;position:relative}.cs-section--gen:before{background:linear-gradient(90deg,transparent,rgba(var(--arcane-rgb),.6),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.cs-gen{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.cs-gen__field{display:flex;flex-direction:column;gap:8px}.cs-gen__label{color:var(--color-text-dim);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cs-gen__input{background:var(--bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:13.5px;padding:10px 12px;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.cs-gen__input:focus{border-color:rgba(var(--arcane-rgb),.55);box-shadow:0 0 0 3px rgba(var(--arcane-rgb),.12);outline:none}.cs-gen__count{font-feature-settings:"tnum";font-family:var(--font-num);font-size:11.5px;font-variant-numeric:tabular-nums}.cs-gen__count,.cs-hint{color:var(--color-text-faint)}.cs-hint{font-size:12px;line-height:1.5;margin:10px 0 0}.cs-error{animation:riseIn .4s var(--ease-swift);background:rgba(255,95,107,.08);border:1px solid rgba(255,95,107,.4);border-left:3px solid var(--danger);border-radius:var(--radius-xs);color:#ffc9cd;font-size:13px;margin:0;padding:10px 13px}.cs-stepper{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}.cs-stepper__step{align-items:center;display:flex;gap:7px;opacity:.4;transition:opacity var(--transition-fast)}.cs-stepper__step--current{opacity:1}.cs-stepper__step--done{opacity:.9}.cs-stepper__dot{background:rgba(151,183,230,.25);border-radius:50%;display:inline-block;height:10px;transition:background var(--transition-fast);width:10px}.cs-stepper__step--current .cs-stepper__dot{animation:csPulse 1.2s infinite;background:var(--arcane);box-shadow:0 0 0 0 rgba(var(--arcane-rgb),.6)}.cs-stepper__step--done .cs-stepper__dot{background:var(--success);box-shadow:0 0 8px rgba(74,222,128,.4)}@keyframes csPulse{0%{box-shadow:0 0 0 0 rgba(var(--arcane-rgb),.55)}70%{box-shadow:0 0 0 9px rgba(var(--arcane-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--arcane-rgb),0)}}.cs-stepper__label{color:var(--color-text-dim);font-size:11.5px;font-weight:700;letter-spacing:.05em}.cs-lightbox{align-items:center;animation:csFade .18s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(3,5,11,.88);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}@keyframes csFade{0%{opacity:0}to{opacity:1}}.cs-lightbox__fig{animation:csZoom .22s var(--ease-swift);display:flex;flex-direction:column;gap:10px;margin:0;max-width:min(86vw,640px)}@keyframes csZoom{0%{opacity:.4;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.cs-lightbox__fig img{background:linear-gradient(45deg,rgba(151,183,230,.07) 25%,transparent 0,transparent 75%,rgba(151,183,230,.07) 0),linear-gradient(45deg,rgba(151,183,230,.07) 25%,transparent 0,transparent 75%,rgba(151,183,230,.07) 0),#0a0f1e;background-position:0 0,10px 10px;background-size:20px 20px;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);max-height:74vh;object-fit:contain;width:100%}.cs-lightbox__fig figcaption{align-items:center;color:var(--color-text);display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:space-between;text-align:center}.cs-lightbox__count{font-feature-settings:"tnum";color:var(--color-text-faint);font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums}.cs-lightbox__close,.cs-lightbox__nav{align-items:center;background:rgba(13,20,38,.85);border:1px solid var(--color-border-strong);border-radius:50%;box-shadow:none;color:var(--color-text-dim);cursor:pointer;display:flex;justify-content:center;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.cs-lightbox__close{font-size:1rem;height:40px;position:absolute;right:22px;top:18px;width:40px}.cs-lightbox__close:hover,.cs-lightbox__nav:hover{background:rgba(var(--arcane-rgb),.12);border-color:rgba(var(--arcane-rgb),.6);box-shadow:none;color:var(--color-text);transform:scale(1.06)}.cs-lightbox__nav{font-size:1.5rem;height:46px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);width:46px}.cs-lightbox__nav:hover{transform:translateY(-50%) scale(1.06)}.cs-lightbox__nav--prev{left:20px}.cs-lightbox__nav--next{right:20px}.companion-studio__intro{color:var(--color-text-dim);font-size:13.5px}@media (max-width:900px){.cs-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:640px){.cs-gen{grid-template-columns:1fr}.cs-lightbox__nav--prev{left:8px}.cs-lightbox__nav--next{right:8px}}@media (max-width:480px){.cs-gallery{gap:10px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.cs-studio__title{font-size:15.5px}.cs-lightbox__close{height:34px;right:12px;top:10px;width:34px}}.profile-container{animation:riseIn .55s var(--ease-swift);margin:0 auto;max-width:1200px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl)}.profile-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.profile-container>h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 18%,var(--gold) 60%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 24px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:.1em;margin:0 auto var(--spacing-lg);text-align:center;text-transform:uppercase}.profile-container>h1:after{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.65),transparent);content:"";display:block;height:1px;margin:14px auto 0;width:200px}.profile-error{animation:riseIn .4s var(--ease-swift);background:rgba(255,95,107,.09);border:1px solid rgba(255,95,107,.4);border-left:3px solid var(--danger);border-radius:var(--radius-xs);color:#ffc9cd;font-size:13.5px;margin-bottom:var(--spacing-md);padding:12px 16px;text-align:center}.profile-content{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr}.profile-section{gap:var(--spacing-lg);min-width:0}.profile-info,.profile-section{display:flex;flex-direction:column}.profile-info{gap:var(--spacing-md)}.profile-avatar{background:conic-gradient(from 210deg,rgba(var(--gold-rgb),.9),rgba(var(--arcane-rgb),.55),rgba(var(--color-dark-rgb),.5),rgba(var(--gold-rgb),.9));border-radius:50%;box-shadow:var(--glow-gold),0 0 0 4px rgba(5,9,20,.9),0 0 0 5px rgba(var(--gold-rgb),.22);flex-shrink:0;height:128px;margin:0 auto;padding:4px;width:128px}.profile-avatar img{background:var(--bg-panel-solid);border:2px solid #0a0f1e;border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.profile-details{gap:var(--spacing-sm);min-width:0}.profile-details,.profile-item{display:flex;flex-direction:column}.profile-item{background:rgba(13,20,38,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:2px;padding:10px 14px;transition:border-color var(--transition-fast)}.profile-item:hover{border-color:var(--color-border-strong)}.profile-label{color:var(--color-text-faint);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.profile-value{color:var(--color-text);font-size:14.5px;overflow-wrap:anywhere}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-form .form-group{display:flex;flex-direction:column;gap:6px}.profile-form .form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.profile-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.profile-content .stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.profile-content .stat-item{align-items:center;background:rgba(9,14,28,.55);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:3px;padding:15px 8px;text-align:center;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.profile-content .stat-item:hover{border-color:rgba(var(--gold-rgb),.45);box-shadow:0 6px 18px rgba(0,0,0,.35);transform:translateY(-2px)}.profile-content .stat-value{font-feature-settings:"tnum";color:var(--gold-bright);font-family:var(--font-num);font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;text-shadow:0 0 16px rgba(var(--gold-rgb),.25)}.profile-content .stat-label{color:var(--color-text-faint);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.no-stats{background:rgba(13,20,38,.4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:13.5px;padding:var(--spacing-lg) var(--spacing-md);text-align:center}.no-stats p{margin:0}.preferences-form{gap:var(--spacing-md)}.preferences-form,.toggle-group{display:flex;flex-direction:column}.toggle-group{gap:var(--spacing-sm)}.toggle-item{align-items:center;background:rgba(13,20,38,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;padding:10px 14px;transition:border-color var(--transition-fast)}.toggle-item:hover{border-color:var(--color-border-strong)}.toggle-item label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:10px;letter-spacing:normal;margin:0;text-transform:none}.toggle-item input[type=checkbox]{accent-color:var(--arcane);cursor:pointer;flex-shrink:0;height:17px;margin:0;width:17px}.toggle-label{font-weight:500}.preferences-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.preference-item{align-items:center;background:rgba(13,20,38,.5);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.preference-label{color:var(--color-text-dim);font-size:13px}.preference-value{color:var(--color-text);font-size:13px;font-weight:600}.profile-logout{border-top:1px dashed var(--color-border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.profile-logout .ui-button.outline{border-color:rgba(255,95,107,.4);color:#ff9ba2}.profile-logout .ui-button.outline:hover:not(:disabled){background:rgba(255,95,107,.08);border-color:rgba(255,95,107,.7);box-shadow:var(--glow-danger);color:#ffc9cd}@media (min-width:900px){.profile-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width:640px){.profile-info{align-items:flex-start;flex-direction:row}.profile-avatar{margin:0}.profile-details{flex:1 1}}@media (max-width:480px){.profile-container{padding-top:var(--spacing-md)}.profile-content .stats-grid{grid-template-columns:repeat(2,1fr)}.profile-avatar{height:104px;width:104px}.profile-actions{flex-direction:column-reverse}.profile-actions .ui-button{width:100%}}.rankings-container{animation:riseIn .55s var(--ease-swift);margin:0 auto;max-width:1200px;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-xl)}.rankings-loading{align-items:center;display:flex;justify-content:center;min-height:300px}.rankings-container>h1{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fdf3d3 18%,var(--gold) 60%,#a87f33 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 6px 24px rgba(var(--gold-rgb),.2));font-family:var(--font-display);font-size:clamp(24px,3.6vw,32px);font-weight:800;letter-spacing:.08em;margin:0 auto var(--spacing-lg);text-align:center;text-transform:uppercase}.rankings-container>h1:after{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.65),transparent);content:"";display:block;height:1px;margin:14px auto 0;width:210px}.rankings-error{animation:riseIn .4s var(--ease-swift);background:rgba(255,95,107,.09);border:1px solid rgba(255,95,107,.4);border-left:3px solid var(--danger);border-radius:var(--radius-xs);color:#ffc9cd;font-size:13.5px;margin-bottom:var(--spacing-md);padding:12px 16px;text-align:center}.rankings-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.filter-button{background:rgba(13,20,38,.55);border:1px solid var(--color-border);border-radius:999px;box-shadow:none;color:var(--color-text-dim);font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:7px 16px;text-transform:uppercase;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.filter-button:hover:not(.active){background:rgba(var(--arcane-rgb),.07);border-color:rgba(var(--arcane-rgb),.5);box-shadow:none;color:var(--color-text);transform:none}.filter-button.active{background:var(--gold-gradient);border-color:transparent;box-shadow:0 2px 14px rgba(var(--gold-rgb),.35),inset 0 1px 0 hsla(0,0%,100%,.4);color:#241a05}.no-rankings{background:rgba(13,20,38,.4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xl) var(--spacing-md);text-align:center}.no-rankings p{color:var(--color-text-dim);font-size:14px;margin:0 0 6px}.no-rankings-hint{color:var(--color-text-faint)!important;font-size:12.5px!important}.rankings-table-container{background:rgba(9,14,28,.45);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.rankings-table{border-collapse:collapse;min-width:620px;width:100%}.rankings-table th{background:rgba(13,20,38,.72);border-bottom:1px solid rgba(var(--gold-rgb),.28);color:var(--color-text-faint);font-size:11px;font-weight:700;letter-spacing:.14em;padding:13px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.rankings-table td{border-bottom:1px solid var(--color-border);font-size:14px;padding:11px 12px;vertical-align:middle}.rankings-table tbody tr:last-child td{border-bottom:none}.rankings-table tbody tr{animation:riseIn .5s var(--ease-swift) both}.rankings-table tbody tr:first-child{animation-delay:.04s}.rankings-table tbody tr:nth-child(2){animation-delay:.09s}.rankings-table tbody tr:nth-child(3){animation-delay:.14s}.rankings-table tbody tr:nth-child(4){animation-delay:.19s}.rankings-table tbody tr:nth-child(5){animation-delay:.24s}.rankings-table tbody tr:nth-child(6){animation-delay:.29s}.rankings-table tbody tr:nth-child(7){animation-delay:.34s}.rankings-table tbody tr:nth-child(8){animation-delay:.39s}.rankings-table tbody tr:nth-child(n+9){animation-delay:.42s}.rankings-table tbody tr{transition:background var(--transition-fast),box-shadow var(--transition-fast)}.rankings-table tbody tr:hover{background:rgba(151,183,230,.05)}.rankings-table tr.current-user{background:rgba(var(--arcane-rgb),.08);box-shadow:inset 3px 0 0 var(--arcane)}.rankings-table tr.current-user:hover{background:rgba(var(--arcane-rgb),.12)}.position-col{text-align:center;width:78px}.player-col{width:32%}.losses-col,.rank-col,.ratio-col,.wins-col{text-align:center;white-space:nowrap}.rankings-table td.losses-col,.rankings-table td.ratio-col,.rankings-table td.wins-col{font-feature-settings:"tnum";color:var(--color-text-dim);font-family:var(--font-num);font-variant-numeric:tabular-nums}.rankings-table td.ratio-col{color:var(--color-text);font-weight:600}.position-badge{font-feature-settings:"tnum";align-items:center;background:rgba(13,20,38,.75);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-dim);display:inline-flex;font-family:var(--font-num);font-size:13.5px;font-variant-numeric:tabular-nums;font-weight:800;height:32px;justify-content:center;width:32px}.rank-first .position-badge{background:linear-gradient(140deg,#fdf3d3,var(--gold) 55%,#b08a3a);border-color:rgba(var(--gold-rgb),.8);box-shadow:0 0 18px rgba(var(--gold-rgb),.55);color:#241a05}.rank-second .position-badge{background:linear-gradient(140deg,#f2f6fb,#c3d2e4 55%,#8fa5bd);border-color:rgba(195,210,228,.7);box-shadow:0 0 14px rgba(195,210,228,.35);color:#16202e}.rank-third .position-badge{background:linear-gradient(140deg,#e8bd93,#c08b52 55%,#8a5a2e);border-color:rgba(192,139,82,.75);box-shadow:0 0 14px rgba(192,139,82,.4);color:#241204}.rank-first{background:linear-gradient(90deg,rgba(var(--gold-rgb),.1),transparent 55%)}.rank-second{background:linear-gradient(90deg,rgba(195,210,228,.06),transparent 55%)}.rank-third{background:linear-gradient(90deg,rgba(var(--color-earth-rgb),.08),transparent 55%)}.rank-first .player-name{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#fdf3d3,var(--gold) 60%,#caa14f);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 12px rgba(var(--gold-rgb),.3))}.rank-second .player-name{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#f2f6fb,#c3d2e4 60%,#97b3d1);-webkit-background-clip:text;background-clip:text}.rank-third .player-name{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#eed3b3,#c08b52 65%,#9a6a38);-webkit-background-clip:text;background-clip:text}.player-info{align-items:center;display:flex;gap:var(--spacing-sm);min-width:0}.player-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.player-avatar img{height:100%;object-fit:cover;width:100%}.player-avatar-initial{align-items:center;background:linear-gradient(150deg,rgba(var(--arcane-deep),.85),rgba(var(--color-dark-rgb),.6));border:1px solid rgba(var(--arcane-rgb),.4);color:var(--arcane-soft);display:flex;flex-shrink:0;font-family:var(--font-display);font-size:14px;font-weight:800;justify-content:center;text-shadow:0 0 10px rgba(var(--arcane-rgb),.4)}.player-name{color:var(--color-text);font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.rank-novice{background:rgba(151,183,230,.1);border-color:rgba(151,183,230,.35);color:#b8c9dd}.rank-adventurer{background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.35);color:#7ce8a5}.rank-champion{background:rgba(var(--color-water-rgb),.12);border-color:rgba(var(--color-water-rgb),.4);color:#7cc9ff}.rank-master{background:rgba(var(--color-dark-rgb),.12);border-color:rgba(var(--color-dark-rgb),.45);color:#b7abff}.rank-grandmaster{background:rgba(var(--color-fire-rgb),.12);border-color:rgba(var(--color-fire-rgb),.45);color:#ffa279;text-shadow:0 0 10px rgba(var(--color-fire-rgb),.35)}.rank-legendary{background:var(--gold-gradient);border-color:rgba(var(--gold-rgb),.8);box-shadow:0 0 16px rgba(var(--gold-rgb),.45);color:#241a05}.ranking-info{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,14,28,.55);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);margin-top:var(--spacing-lg);overflow:hidden;padding:20px 22px;position:relative}.ranking-info:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.55),transparent);content:"";height:1px;left:14%;position:absolute;right:14%;top:0}.ranking-info h3{color:var(--gold-bright);font-family:var(--font-display);font-size:16.5px;font-weight:700;letter-spacing:.04em;margin-bottom:var(--spacing-sm)}.ranking-info p{color:var(--color-text-dim);font-size:13.5px;margin-bottom:var(--spacing-sm)}.ranking-info ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 var(--spacing-md) var(--spacing-md);padding:0}.ranking-info li{color:var(--color-text-dim);font-size:13.5px;padding-left:14px;position:relative}.ranking-info li:before{color:rgba(var(--gold-rgb),.7);content:"◆";font-size:8px;left:0;position:absolute;top:1px}.ranking-info li strong{color:var(--gold-bright);font-weight:700}@media (max-width:900px){.rankings-table{min-width:560px}.rankings-table td,.rankings-table th{padding:11px 10px}}@media (max-width:640px){.rankings-filters{gap:6px}.filter-button{font-size:11px;padding:6px 12px}.losses-col{display:none}.rankings-table{min-width:480px}.position-col{width:58px}.player-name{font-size:13.5px}}@media (max-width:480px){.rankings-container{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}.rankings-table{min-width:420px}.rankings-table td,.rankings-table th{padding:9px 8px}.rank-badge{font-size:10.5px;padding:3px 9px}.position-badge{font-size:12.5px}.player-avatar,.position-badge{height:28px;width:28px}}.campaign-page{animation:fadeIn .4s ease;background:radial-gradient(1100px 640px at 88% -8%,rgba(43,127,212,.1),transparent 60%),radial-gradient(900px 540px at 4% 106%,rgba(155,140,255,.07),transparent 55%),var(--bg-abyss);color:var(--color-text);container-type:inline-size;min-height:100vh;padding:0 0 56px}.campaign-loading{align-items:center;animation:pulseGlow 2.2s ease-in-out infinite;color:var(--color-text-dim);display:flex;font-family:var(--font-display);font-size:1.1rem;justify-content:center;letter-spacing:.1em;min-height:320px}.campaign-error{animation:riseIn .4s ease both;animation:riseIn .4s var(--ease-swift,ease) both;background:rgba(255,95,107,.09);border:1px solid rgba(255,95,107,.4);border-left:3px solid var(--danger);border-radius:8px;border-radius:var(--radius-xs,8px);color:#ffc9cd;font-size:13.5px;margin:12px auto 14px;max-width:640px;padding:11px 16px;text-align:center}.cp-header{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(9,14,28,.66);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:16px;padding:14px clamp(14px,3cqw,28px);position:relative}.cp-header:after{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.55),transparent);bottom:-1px;content:"";height:1px;left:16%;position:absolute;right:16%}.cp-back{align-items:center;background:rgba(151,183,230,.06);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-dim);cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:13px;font-weight:600;gap:5px;padding:7px 14px;transition:color .18s ease,border-color .18s ease}.cp-back:hover{border-color:var(--color-border-strong);color:var(--color-text)}.cp-title{-webkit-text-fill-color:transparent;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;background-size:200% 100%;filter:drop-shadow(0 3px 14px rgba(0,0,0,.5));flex:1 1;font-family:var(--font-display);font-size:clamp(15px,2.6cqw,24px);font-weight:800;letter-spacing:.09em;margin:0;min-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-player{align-items:center;display:flex;gap:10px}.cp-level{background:rgba(var(--gold-rgb),.08);border:1px solid rgba(var(--gold-rgb),.35);border-radius:999px;color:var(--gold-bright);font-family:var(--font-display);font-size:12.5px;font-weight:700;letter-spacing:.06em;padding:4px 11px;white-space:nowrap}.cp-xpbar{background:rgba(5,9,20,.8);border:1px solid var(--color-border);border-radius:999px;height:6px;overflow:hidden;width:110px}.cp-xpfill{background:linear-gradient(90deg,var(--gold-deep),var(--gold));border-radius:999px;height:100%;transition:width .6s ease;transition:width .6s var(--ease-swift,ease)}.cp-stars{align-items:center;color:var(--gold-bright);display:inline-flex;font-size:13px;font-weight:700;gap:5px}.cp-stars .icon{color:var(--gold)}.cp-chapters{grid-gap:12px;display:grid;gap:12px;grid-auto-columns:clamp(148px,15cqw,216px);grid-auto-flow:column;overflow-x:auto;padding:18px clamp(14px,3cqw,28px) 10px;scroll-snap-type:x proximity;scrollbar-color:rgba(var(--gold-rgb),.3) transparent;scrollbar-width:thin}.cp-chapter{animation:riseIn .5s ease both;animation:riseIn .5s var(--ease-swift,ease) both;aspect-ratio:12/5;background:var(--bg-deep);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;overflow:hidden;padding:0;position:relative;scroll-snap-align:start;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease;transition:transform .2s var(--ease-swift,ease),border-color .2s ease,box-shadow .25s ease}.cp-chapter:first-child{animation-delay:.03s}.cp-chapter:nth-child(2){animation-delay:.08s}.cp-chapter:nth-child(3){animation-delay:.13s}.cp-chapter:nth-child(4){animation-delay:.18s}.cp-chapter:nth-child(5){animation-delay:.23s}.cp-chapter:nth-child(6){animation-delay:.28s}.cp-chapter__art{filter:brightness(.72) saturate(.9);height:100%;inset:0;object-fit:cover;position:absolute;transition:filter .25s ease,transform .35s ease;transition:filter .25s ease,transform .35s var(--ease-swift,ease);width:100%}.cp-chapter__veil{background:linear-gradient(180deg,rgba(5,8,16,.08) 30%,rgba(5,8,16,.88) 96%);inset:0;position:absolute}.cp-chapter__label{bottom:8px;display:flex;flex-direction:column;gap:1px;left:10px;position:absolute;right:10px;text-align:left}.cp-chapter__label b{color:var(--color-text);font-family:var(--font-display);font-size:clamp(12.5px,1.6cqw,16px);font-weight:800;letter-spacing:.05em}.cp-chapter__label i{color:var(--color-text-dim);font-size:11px;font-style:normal}.cp-chapter__lock{color:var(--color-text-dim);inset:0}.cp-chapter__done,.cp-chapter__lock{align-items:center;display:flex;justify-content:center;position:absolute}.cp-chapter__done{background:var(--gold-gradient);border-radius:999px;box-shadow:0 0 12px rgba(var(--gold-rgb),.5);color:#0a0d18;height:24px;right:7px;top:7px;width:24px}.cp-chapter:hover:not(.is-locked){transform:translateY(-3px)}.cp-chapter:hover:not(.is-locked) .cp-chapter__art{filter:brightness(.88) saturate(1)}.cp-chapter.is-active{border-color:rgba(var(--gold-rgb),.65);box-shadow:0 0 0 1px rgba(var(--gold-rgb),.35),0 8px 26px rgba(0,0,0,.45),0 0 34px rgba(var(--gold-rgb),.2);box-shadow:0 0 0 1px rgba(var(--gold-rgb),.35),0 8px 26px rgba(0,0,0,.45),0 0 34px var(--elem-tint,rgba(var(--gold-rgb),.2))}.cp-chapter.is-active .cp-chapter__art{filter:brightness(.95) saturate(1.05)}.cp-chapter.is-locked{cursor:not-allowed}.cp-chapter.is-locked .cp-chapter__art{filter:grayscale(.95) brightness(.4)}.cp-act{animation:riseIn .5s ease both;animation:riseIn .5s var(--ease-swift,ease) both;padding:8px clamp(14px,3cqw,28px) 0}.cp-act__head{align-items:center;display:flex;flex-direction:column;padding:10px 12px 4px;position:relative;text-align:center}.cp-act__band{border-radius:10px;height:clamp(46px,7cqw,76px);margin-bottom:10px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent,#000 22%,#000 78%,transparent);overflow:hidden;width:min(520px,82%)}.cp-act__band img{filter:brightness(.9) saturate(1.02);height:100%;object-fit:cover;width:100%}.cp-act__kicker{color:var(--arcane-soft);font-size:11px;font-weight:600;letter-spacing:.42em;margin:0 0 4px;text-transform:uppercase}.cp-act__title{-webkit-text-fill-color:transparent;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(19px,3.4cqw,30px);font-weight:800;letter-spacing:.08em;margin:0 0 6px}.cp-act__intro{color:var(--color-text-dim);font-size:13.5px;font-style:italic;line-height:1.65;margin:0;max-width:620px}.cp-map{background:var(--bg-deep);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(var(--gold-rgb),.06);height:clamp(440px,62vh,660px);margin:14px auto 0;max-width:1080px;overflow:hidden;position:relative}.cp-map__bg{animation:floatY 14s ease-in-out infinite alternate;filter:brightness(.62) saturate(.92);height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.cp-map__shade{background:linear-gradient(180deg,rgba(5,8,16,.55),transparent 26%,transparent 62%,rgba(5,8,16,.82)),radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(5,8,16,.5) 100%);inset:0;position:absolute}.cp-map__svg{height:100%;inset:0;position:absolute;width:100%}.cp-map__svg path{fill:none;vector-effect:non-scaling-stroke;stroke:rgba(var(--gold-rgb),.22);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cpEdgeDraw .85s ease forwards;animation:cpEdgeDraw .85s var(--ease-swift,ease) forwards}.cp-map__svg path.is-done{stroke:rgba(var(--gold-rgb),.8);filter:drop-shadow(0 0 3px rgba(var(--gold-rgb),.55))}@keyframes cpEdgeDraw{to{stroke-dashoffset:0}}.cp-node{align-items:center;animation:cpNodeIn .5s ease both;animation:cpNodeIn .5s var(--ease-swift,ease) both;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:0;position:absolute;transform:translate(-50%,-50%);transition:transform .18s ease;transition:transform .18s var(--ease-swift,ease)}@keyframes cpNodeIn{0%{opacity:0;transform:translate(-50%,-38%) scale(.55)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cp-node:focus-visible:not(.cp-node--locked),.cp-node:hover:not(.cp-node--locked){transform:translate(-50%,-50%) scale(1.12)}.cp-node:focus-visible{outline:none}.cp-node:focus-visible .cp-node__medal,.cp-node:focus-visible .cp-node__ring{outline:2px solid var(--arcane);outline-offset:3px}.cp-node__ring{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(5,9,20,.78);border:1.5px solid rgba(var(--gold-rgb),.45);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.45);color:var(--gold-bright);display:flex;height:46px;justify-content:center;width:46px}.cp-node--elite .cp-node__ring{height:50px;width:50px}.cp-node--boss .cp-node__ring{height:52px;width:52px}.cp-node--locked{cursor:not-allowed}.cp-node--locked .cp-node__ring{background:rgba(5,9,20,.6);border-color:var(--color-border);color:var(--color-text-faint)}.cp-node--cleared .cp-node__ring{border-color:rgba(var(--gold-rgb),.3);box-shadow:none;color:var(--gold)}.cp-node.is-current .cp-node__ring{animation:pulseGlow 2s ease-in-out infinite;border-color:var(--gold-bright)}.cp-node__halo{animation:cpHalo 2s ease-out infinite;border:1px solid rgba(var(--gold-rgb),.7);border-radius:999px;height:58px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:58px}@keyframes cpHalo{0%{opacity:.9;transform:translate(-50%,-50%) scale(.9)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.cp-node__medal{background:var(--bg-deep);border:2px solid rgba(var(--gold-rgb),.85);border-radius:999px;box-shadow:0 0 0 4px rgba(5,9,20,.6),0 0 30px rgba(var(--gold-rgb),.4),0 8px 22px rgba(0,0,0,.55);box-shadow:0 0 0 4px rgba(5,9,20,.6),0 0 30px var(--elem-tint,rgba(var(--gold-rgb),.4)),0 8px 22px rgba(0,0,0,.55);height:86px;overflow:visible;padding:0;position:relative;width:86px}.cp-node__portrait{border-radius:999px;height:100%;object-fit:cover;transition:transform .35s ease;transition:transform .35s var(--ease-swift,ease);width:100%}.cp-node--boss:hover .cp-node__portrait{transform:scale(1.06)}.cp-node__crown{align-items:center;background:var(--gold-gradient);border-radius:999px;box-shadow:0 2px 10px rgba(0,0,0,.6);color:#0a0d18;display:flex;height:28px;justify-content:center;left:50%;position:absolute;top:-9px;transform:translateX(-50%);width:28px}.cp-node--boss.cp-node--locked .cp-node__ring{height:60px;width:60px}.cp-node__stars{color:var(--gold-bright);font-size:10.5px;letter-spacing:.08em;text-shadow:0 1px 6px rgba(0,0,0,.9)}.cp-node__check,.cp-node__stars{margin-top:4px;pointer-events:none}.cp-node__check{color:var(--arcane-soft);display:flex;filter:drop-shadow(0 1px 6px rgba(0,0,0,.9))}.cp-node--cleared .cp-node__medal{filter:saturate(.7) brightness(.85)}.cine{align-items:center;animation:fadeIn .25s ease;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgba(2,4,10,.76);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:90}.cine__panel{animation:cpPanelIn .4s ease both;animation:cpPanelIn .4s var(--ease-swift,ease) both;background:linear-gradient(160deg,rgba(13,20,38,.98),rgba(8,13,28,.99));border:1px solid var(--color-border-strong);border-radius:16px;box-shadow:0 34px 90px rgba(0,0,0,.65),0 0 70px rgba(var(--gold-rgb),.14);box-shadow:0 34px 90px rgba(0,0,0,.65),0 0 70px var(--elem-tint,rgba(var(--gold-rgb),.14));display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);max-height:min(92vh,860px);overflow:hidden;width:min(900px,96vw)}@keyframes cpPanelIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.cine__art{background:var(--bg-deep);min-height:320px;overflow:hidden;position:relative}.cine__portrait{animation:cpKenburns 18s ease-in-out infinite alternate;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.cine__artshade{background:linear-gradient(270deg,rgba(8,13,28,.92),transparent 34%),linear-gradient(0deg,rgba(8,13,28,.55),transparent 30%);inset:0;position:absolute}@keyframes cpKenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1.5%,-2%)}}.cine__body{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:clamp(20px,3.4cqw,36px)}.cine__eyebrow{color:var(--arcane-soft);font-size:10.5px;font-weight:700;letter-spacing:.34em;margin:0;text-transform:uppercase}.cine__name{-webkit-text-fill-color:transparent;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:clamp(23px,4cqw,36px);font-weight:800;letter-spacing:.04em;line-height:1.12;margin:0}.cine__rank{color:var(--color-text-dim);font-size:13.5px;font-style:italic;margin:0}.cine__quote{border-left:2px solid rgba(var(--gold-rgb),.55);color:var(--color-text);font-family:Georgia,Cinzel,serif;font-size:14.5px;font-style:italic;line-height:1.7;margin:4px 0 2px;padding:4px 0 4px 14px}.cine__telegraph{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:2px 0;padding:0}.cp-chip{align-items:center;background:rgba(var(--gold-rgb),.07);border:1px solid rgba(var(--gold-rgb),.32);border-radius:999px;color:var(--gold-bright);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:5px 12px}.cp-chip .icon{color:var(--gold);flex:none}.cp-chip--diff{background:rgba(var(--arcane-rgb),.07);border-color:rgba(var(--arcane-rgb),.32);color:var(--arcane-soft)}.cp-chip--diff .icon{color:var(--arcane)}.cine__setup{border-top:1px solid var(--color-border);gap:12px;margin-top:6px;padding-top:14px}.cine__deck,.cine__setup{display:flex;flex-direction:column}.cine__deck{color:var(--color-text-dim);font-size:12px;font-weight:600;gap:5px;letter-spacing:.08em;text-transform:uppercase}.cine__deck select{background:var(--bg-input);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text);font-family:var(--font-ui);font-size:14px;outline:none;padding:9px 12px;transition:border-color .18s ease}.cine__deck select:focus{border-color:rgba(var(--gold-rgb),.55)}.cine__stars{display:flex;flex-wrap:wrap;gap:8px}.cine__starbtn{align-items:center;background:rgba(5,9,20,.5);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 14px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.cine__starbtn:hover{transform:translateY(-2px)}.cine__starbtn__stars{color:var(--color-text-dim);font-size:14px;letter-spacing:.06em}.cine__starbtn__label{color:var(--color-text-faint);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.cine__starbtn.is-on{background:rgba(var(--gold-rgb),.09);border-color:rgba(var(--gold-rgb),.65);box-shadow:0 0 18px rgba(var(--gold-rgb),.12)}.cine__starbtn.is-on .cine__starbtn__stars{color:var(--gold-bright)}.cine__starbtn.is-on .cine__starbtn__label{color:var(--gold)}.cine__replay{align-items:center;color:var(--color-text-dim);display:flex;font-size:12px;gap:7px;margin:0}.cine__replay .icon{color:var(--gold);flex:none}.cine__cta{align-items:center;background:var(--gold-gradient);background-size:200% 100%;border:none;border-radius:11px;box-shadow:0 10px 26px rgba(var(--gold-rgb),.22),inset 0 1px 0 hsla(0,0%,100%,.35);color:#141005;cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:15.5px;font-weight:800;gap:9px;justify-content:center;letter-spacing:.14em;margin-top:4px;padding:13px 26px;text-transform:uppercase;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease;transition:transform .16s var(--ease-swift,ease),box-shadow .2s ease,filter .2s ease}.cine__cta:hover:not(:disabled){animation:shimmer 2.4s linear infinite;box-shadow:0 14px 34px rgba(var(--gold-rgb),.32),inset 0 1px 0 hsla(0,0%,100%,.35);filter:brightness(1.06);transform:translateY(-2px)}.cine__cta:active:not(:disabled){transform:translateY(0)}.cine__cta:disabled{box-shadow:none;cursor:wait;filter:grayscale(.5) brightness(.7)}.cine__body--event,.cine__body--treasure{align-items:center;justify-content:center;padding-bottom:34px;padding-top:34px;text-align:center}.cine__chest,.cine__eventicon{align-items:center;background:rgba(var(--gold-rgb),.08);border:1px solid rgba(var(--gold-rgb),.4);border-radius:999px;box-shadow:0 0 34px rgba(var(--gold-rgb),.14);color:var(--gold-bright);display:flex;justify-content:center}.cine__eventicon{height:58px;width:58px}.cine__chest{animation:pulseGlow 2.6s ease-in-out infinite;height:76px;width:76px}.cine__eventtext{color:var(--color-text);font-family:Georgia,Cinzel,serif;font-size:16px;line-height:1.75;margin:0;max-width:520px}.cine__eventchosen{align-items:center;color:var(--color-text-dim);display:flex;font-size:13px;gap:8px}.cine__eventchosen .icon{color:var(--arcane);flex:none}.cine__choices{display:flex;flex-direction:column;gap:10px;width:min(460px,100%)}.cine__choice{align-items:center;background:rgba(13,20,38,.7);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-ui);font-size:14.5px;gap:12px;padding:14px 18px;text-align:left;transition:border-color .18s ease,transform .18s ease,background .18s ease,box-shadow .2s ease;transition:border-color .18s ease,transform .18s var(--ease-swift,ease),background .18s ease,box-shadow .2s ease}.cine__choice .icon{color:var(--gold);flex:none}.cine__choice:hover:not(:disabled){background:rgba(18,28,52,.85);border-color:rgba(var(--gold-rgb),.55);box-shadow:0 10px 26px rgba(0,0,0,.4);transform:translateY(-2px)}.cine__choice:disabled{cursor:wait;opacity:.55}.cine--rewards{align-items:center}.cine__panel--rewards{align-items:center;display:flex;flex-direction:column;gap:14px;grid-template-columns:none;overflow-y:auto;padding:clamp(24px,4cqw,40px) clamp(18px,3cqw,34px);text-align:center;width:min(560px,96vw)}.rw-title{-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;background-size:220% 100%;font-family:var(--font-display);font-size:clamp(26px,4.6cqw,36px);font-weight:800;letter-spacing:.1em;margin:0}.rw-quote{color:var(--color-text-dim);font-family:Georgia,Cinzel,serif;font-size:14.5px;font-style:italic}.rw-quote,.rw-text{line-height:1.7;margin:0;max-width:480px}.rw-text{color:var(--color-text);font-size:15px}.rw-flips{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:6px 0}.rw-flip{animation:cpNodeIn .5s ease both;animation:cpNodeIn .5s var(--ease-swift,ease) both;height:182px;perspective:900px;width:128px}.rw-flip__inner{animation:cpFlip .8s cubic-bezier(.2,.7,.3,1) both;height:100%;position:relative;transform-style:preserve-3d;width:100%}.rw-flip__face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--bg-deep);border:1px solid rgba(var(--gold-rgb),.4);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.5);inset:0;overflow:hidden;position:absolute}.rw-flip__back{transform:rotateY(0deg)}.rw-flip__back img{height:100%;object-fit:cover;width:100%}.rw-flip__front{transform:rotateY(180deg)}.rw-flip__front img{display:block;height:100%;object-fit:cover;width:100%}.rw-flip__label{background:linear-gradient(180deg,transparent,rgba(5,8,16,.92));bottom:0;display:flex;flex-direction:column;font-size:11px;gap:2px;left:0;line-height:1.3;padding:22px 8px 7px;position:absolute;right:0}.rw-flip__label b{color:var(--color-text);font-weight:700}.rw-rarity{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.rarity-common{color:#b8c5da}.rarity-rare{color:var(--arcane)}.rarity-epic{color:#b980ff}.rarity-legendary{color:var(--gold)}.rarity-super_rare{color:#ff9df0}@keyframes cpFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.rw-list{display:flex;flex-direction:column;gap:9px;list-style:none;margin:4px 0 0;padding:0}.rw-list li{align-items:center;color:var(--color-text);display:flex;font-size:14.5px;gap:9px;justify-content:center}.rw-list li .icon{color:var(--gold);flex:none}.rw-levelup{border-top:1px solid var(--color-border);color:var(--gold-bright)!important;font-weight:600;padding-top:8px}@media (max-width:900px){.cine__panel{grid-template-columns:1fr;max-height:94vh}.cine__art{height:32vh;min-height:0}.cine__artshade{background:linear-gradient(0deg,rgba(8,13,28,.9),transparent 46%),linear-gradient(180deg,rgba(8,13,28,.4),transparent 30%)}}@media (max-width:720px){.cp-map{border-radius:11px;height:500px}.cp-node__ring{height:40px;width:40px}.cp-node--elite .cp-node__ring{height:43px;width:43px}.cp-node__medal{height:72px;width:72px}.cp-title{font-size:15px}.cp-player{gap:8px}.cp-xpbar{width:80px}.cp-act__kicker{letter-spacing:.28em}.cine__body{padding:18px}.cine__choices{width:100%}.rw-flip{height:148px;width:104px}}@media (prefers-reduced-motion:reduce){.cp-map__svg path{animation-duration:.01s}.cine__portrait,.cp-map__bg{animation:none}.rw-flip__inner{animation-duration:.3s}}.rm-bridge-overlay{align-items:center;animation:rmFade .3s ease both;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:rgba(3,5,11,.78);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-index-modal)}@keyframes rmFade{0%{opacity:0}to{opacity:1}}@keyframes rmPop{0%{opacity:0;transform:scale(.82)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes rmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.rm-bridge-modal{animation:rmPop .35s cubic-bezier(.22,1.4,.4,1) both;background:linear-gradient(180deg,rgba(15,23,44,.97),rgba(8,12,26,.98));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 60px rgba(var(--color-fire-rgb),.16);color:var(--color-text);overflow:hidden;padding:30px 26px 26px;position:relative;text-align:center;width:min(92vw,430px)}.rm-bridge-modal:before{background:linear-gradient(90deg,transparent,rgba(var(--gold-rgb),.75),transparent);content:"";height:1px;left:12%;position:absolute;right:12%;top:0}.rm-bridge-crest{animation:rmPulse 1.6s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(var(--color-fire-rgb),.55));font-size:3rem;line-height:1}.rm-bridge-title{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#fdf3d3,var(--gold) 60%,#caa14f);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 16px rgba(var(--gold-rgb),.25));font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:.07em;margin:10px 0 12px}.rm-bridge-score{font-feature-settings:"tnum";color:rgba(230,236,250,.88);font-family:var(--font-num);font-size:1rem;font-variant-numeric:tabular-nums;margin-bottom:6px}.rm-bridge-count{color:var(--color-text-faint);font-size:.8rem;margin-left:8px}.rm-bridge-stake{color:var(--gold-bright);font-size:.9rem;font-weight:700;margin-bottom:4px;text-shadow:0 0 12px rgba(var(--gold-rgb),.3)}.rm-bridge-timer{animation:pulseGlow 1.2s ease-in-out infinite;color:var(--arcane-soft);font-family:var(--font-num);font-size:.85rem;font-weight:700;letter-spacing:.2em;margin:12px 0 18px;text-shadow:0 0 14px rgba(var(--arcane-rgb),.45);text-transform:uppercase}.rm-bridge-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.rm-btn{border:none;border-radius:999px;cursor:pointer;font-family:var(--font-ui);font-size:.95rem;font-weight:700;letter-spacing:.05em;padding:11px 24px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.rm-btn:disabled{cursor:wait;opacity:.55;transform:none}.rm-accept{background:linear-gradient(135deg,var(--color-fire),#ffb454 60%,var(--gold));box-shadow:0 4px 20px rgba(var(--color-fire-rgb),.4),inset 0 1px 0 hsla(0,0%,100%,.45);color:#241a05}.rm-accept:hover:not(:disabled){box-shadow:0 8px 30px rgba(var(--color-fire-rgb),.55),inset 0 1px 0 hsla(0,0%,100%,.5);filter:brightness(1.08);transform:translateY(-2px)}.rm-decline{background:rgba(255,95,107,.08);border:1px solid rgba(255,95,107,.45);color:#ff9ba2}.rm-decline:hover:not(:disabled){background:rgba(255,95,107,.16);border-color:rgba(255,95,107,.7);box-shadow:var(--glow-danger);color:#ffc9cd}@media (max-width:480px){.rm-bridge-modal{padding:24px 16px 20px}.rm-bridge-actions{flex-direction:column-reverse;gap:10px}.rm-btn{width:100%}}
/*# sourceMappingURL=main.269255c2.css.map*/