@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";@layer components;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#e8edf2;font-synthesis:none;background:#0c1420;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.app-shell{background:radial-gradient(circle at 45% -15%,#173246 0,#0000 42%),#0b141f;min-height:100vh}.topbar{background:#0d1924d9;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:68px;padding:0 2.1%;display:flex}.logo{letter-spacing:1.5px;align-items:center;gap:10px;font-family:Barlow Condensed,Impact,sans-serif;font-size:23px;font-weight:800;display:flex}.logo b{color:#e9a36d}.brand-mark{color:#e9a36d;filter:drop-shadow(0 0 7px #e9a36d38);flex:none;width:34px;height:34px}.logo small{color:#738492;font-size:14px}.topbar-right{align-items:center;gap:20px;display:flex}.live,.eyebrow,.section-kicker,.tiny-label{letter-spacing:2px;color:#8498a5;font-size:10px;font-weight:700}.live{align-items:center;gap:8px;display:flex}.live.offline{color:#da8888}.status-dot{background:#6bc7a1;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #6bc7a1}.offline .status-dot{box-shadow:none;background:#d77979}.icon-btn{color:#91a2ae;background:0 0;border:0;padding:8px}.layout{grid-template-columns:minmax(250px,22%) minmax(0,1fr) minmax(265px,22%);max-width:1920px;min-height:calc(100vh - 68px);margin:auto;display:grid}.left-panel,.right-panel{background:#101d29;border-color:#ffffff0c;padding:26px 20px}.left-panel{border-right:1px solid #ffffff12;flex-direction:column;gap:20px;min-height:0;display:flex}.right-panel{border-left:1px solid #ffffff12}.profile-card,.activity-card{background:#152431;border:1px solid #ffffff10;border-radius:12px;padding:19px}.profile-head{align-items:center;gap:13px;display:flex}.avatar{color:#f8f8f8;border:2px solid;border-radius:50%;flex:none;place-items:center;font-family:Barlow Condensed,Impact,sans-serif;font-size:19px;font-weight:800;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.profile-head h2{margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:27px;line-height:1}.profile-color{align-items:center;height:10px;margin-top:7px;display:flex}.profile-color i{border-radius:50%;width:8px;height:8px}.profile-actions{gap:8px;margin:18px 0 22px;display:flex}.profile-actions button{color:#c9d5dd;background:#223340;border:1px solid #ffffff12;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 6px;font-size:11px;display:flex}.profile-actions button:hover{background:#2c4251}.my-progress{border-top:1px solid #ffffff13;padding-top:17px}.stat-row{color:#bac9d2;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-row strong{color:#fff;font-family:Barlow Condensed,Impact,sans-serif;font-size:22px}.stat-row small{color:#8295a2;font-size:14px}.progress{background:#2a3b49;border-radius:10px;height:6px;margin-top:10px;overflow:hidden}.progress>div{border-radius:10px;height:100%;transition:width .5s}.progress-caption{text-align:right;color:#8598a4;margin-top:8px;font-size:10px;display:block}.activity-card{flex-direction:column;flex:1;min-height:340px;display:flex}.activity-card h3{margin:0 0 15px;font-family:Barlow Condensed,Impact,sans-serif;font-size:24px}.activity-list{min-height:250px;max-height:calc(100vh - 520px);padding-right:4px;overflow:auto}.activity-item{border-top:1px solid #ffffff0d;gap:10px;padding:13px 0;display:flex}.activity-item p{color:#afbec7;margin:0;font-size:11px;line-height:1.55}.activity-item p b{color:#e4ebef}.activity-item p strong{color:#e8aa76;font-weight:600}.activity-item time{color:#657b89;margin-top:5px;font-size:10px;display:block}.more{color:#e3a477;background:0 0;border:0;align-items:center;gap:6px;padding:12px 0;font-size:11px;display:flex}.empty-note{color:#7d929f;font-size:12px}.collection{min-width:0;padding:36px 34px 70px}.collection-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.eyebrow{color:#d79a6c;align-items:center;gap:9px;display:flex}.collection-header h1,.welcome h1{letter-spacing:-.5px;text-transform:uppercase;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(43px,4vw,67px);line-height:1}.collection-header h1 em,.welcome h1 em{color:#e8a46e;font-style:normal}.collection-header p,.welcome p{color:#8ea0aa;margin:0;font-size:12px}.hero-count{border-left:1px solid #ffffff23;align-items:center;gap:10px;margin-bottom:4px;padding-left:18px;display:flex}.hero-count b{color:#eaa66f;font-family:Barlow Condensed,Impact,sans-serif;font-size:40px;line-height:1}.hero-count span{letter-spacing:1px;color:#8496a1;font-size:9px;line-height:1.5}.filter-bar{border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:10px;margin:30px 0 25px;padding:10px 0;display:flex}.filter-tabs{gap:4px;display:flex}.filter-tabs button{color:#94a6b0;background:0 0;border:0;border-radius:6px;padding:8px 15px;font-size:11px;font-weight:700}.filter-tabs button.active{color:#f4b781;background:#e1a26b24}.missing-toggle{color:#9dadb7;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.checkbox{border:1px solid #617481;border-radius:3px;place-items:center;width:15px;height:15px;display:grid}.missing-toggle.on .checkbox{color:#19232d;background:#e6a66f;border-color:#e6a66f}.hero-group{margin-bottom:28px}.group-title{align-items:center;gap:10px;margin-bottom:15px;display:flex}.role-icon{border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.role-icon.tank{color:#8fb9d0;background:#8fb9d01c}.role-icon.damage{color:#e5a282;background:#e5a2821c}.role-icon.support{color:#a7cfb1;background:#a7cfb11c}.group-title h2{text-transform:uppercase;letter-spacing:.5px;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:23px}.group-title span{color:#758a98;white-space:nowrap;font-size:10px}.group-line{background:#ffffff12;flex:1;height:1px;margin-left:5px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;display:grid}.hero-card{text-align:left;color:#e6edf1;background:#182733;border:1px solid #ffffff13;border-radius:8px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.hero-card:hover{border-color:#e9ad7b80;transform:translateY(-3px);box-shadow:0 8px 20px #0004}.hero-card.done{border-color:#b3d1bd65}.hero-image{background:radial-gradient(circle at 50% 80%,#526478,#253746 70%);height:112px;position:relative;overflow:hidden}.hero-image img{object-fit:contain;object-position:bottom;z-index:1;width:100%;height:100%;transition:transform .2s;position:relative}.hero-card:hover .hero-image img{transform:scale(1.07)}.hero-glow{z-index:2;background:linear-gradient(#0000,#14222d9e);height:45px;position:absolute;inset:auto 0 0}.done-mark{z-index:3;color:#17242c;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:6px;right:6px}.hero-info{height:48px;padding:7px 8px}.hero-info strong{white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,Impact,sans-serif;font-size:15px;line-height:1;display:block;overflow:hidden}.finishers{align-items:center;gap:2px;height:25px;margin-top:4px;display:flex}.finishers .avatar{border-width:1px}.finishers .avatar span{font-size:0}.image-fallback{color:#ffffff35;place-items:center;height:100%;font-family:Barlow Condensed,Impact,sans-serif;font-size:60px;display:grid}.no-results{text-align:center;color:#8195a2;padding:45px}.right-panel h2{margin:0 0 20px;font-family:Barlow Condensed,Impact,sans-serif;font-size:29px}.right-panel h2 span{color:#e9ab76;font-size:17px}.player-list{flex-direction:column;gap:12px;display:flex}.player-card{border:1px solid #ffffff12;border-left:3px solid var(--player);color:inherit;text-align:left;background:#182733;border-radius:9px;padding:14px 13px}.player-card.selected{box-shadow:0 0 0 1px var(--player);background:#1d3040}@supports (color:color-mix(in lab,red,red)){.player-card.selected{box-shadow:0 0 0 1px color-mix(in srgb,var(--player),transparent 55%)}}.player-main{align-items:center;gap:9px;display:flex}.player-name{flex-direction:column;flex:1;min-width:0;display:flex}.player-name strong{white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,Impact,sans-serif;font-size:18px;line-height:1.1;overflow:hidden}.player-name small{color:#8497a4;margin-top:3px;font-size:9px}.fraction{font-family:Barlow Condensed,Impact,sans-serif;font-size:22px}.fraction small{color:#778b99;font-size:13px}.player-card .progress{height:5px;margin-top:11px}.medals{justify-content:space-between;gap:3px;margin-top:12px;display:flex}.medal{color:#8c9aa4;background:#223441;border-radius:6px;outline:none;place-items:center;width:29px;height:29px;display:grid;position:relative}.medal.unlocked{color:#f5bc84;background:#dd96592d;box-shadow:inset 0 0 0 1px #f1b47c55}.medal.locked{opacity:.42;filter:grayscale()}.medal-tooltip{z-index:20;color:#e7edf1;text-align:left;pointer-events:none;background:#263846;border:1px solid #617786;border-radius:7px;width:170px;padding:10px;line-height:1.4;display:none;position:absolute;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0009}.medal:hover .medal-tooltip,.medal:focus .medal-tooltip{flex-direction:column;gap:3px;display:flex}.medal-tooltip b{font-size:12px}.medal-tooltip span,.medal-tooltip small{font-size:10px}.medal-tooltip small{color:#e1aa7c}.mobile-nav{display:none}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a0dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#1a2b39;border:1px solid #5b748250;border-radius:15px;width:min(100%,420px);padding:30px;position:relative;box-shadow:0 30px 80px #0009}.modal-close{color:#aab8c1;background:0 0;border:0;position:absolute;top:15px;right:15px}.modal-icon{color:#eeb07b;background:#eeb07b21;border-radius:12px;place-items:center;width:45px;height:45px;margin-bottom:15px;display:grid}.modal h2{margin:0 0 9px;font-family:Barlow Condensed,Impact,sans-serif;font-size:31px}.modal p{color:#a6b5bd;margin:0;font-size:13px;line-height:1.55}.modal-actions{justify-content:flex-end;gap:8px;margin-top:25px;display:flex}.modal-actions button,.admin-page button,.loading button{color:#dbe5eb;background:#263948;border:1px solid #50616d;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px 15px;font-size:12px;font-weight:700;display:inline-flex}.modal-actions .primary,.primary{color:#18242d!important;background:#e3a16d!important;border-color:#e3a16d!important}.editor label,.admin-login label{color:#9bacb7;margin-top:17px;font-size:11px;font-weight:700;display:block}.editor input:not([type=color]):not([type=checkbox]),.editor select,.admin-login input{color:#ecf2f5;background:#10202c;border:1px solid #4d6370;border-radius:6px;outline:none;width:100%;margin-top:7px;padding:10px 11px;display:block}.editor input:focus,.admin-login input:focus{border-color:#e4a674}.upload-row{align-items:center;gap:13px;margin-top:9px;display:flex}.upload-row>span:nth-child(2){color:#e1e9ed;border:1px solid #62737e;border-radius:6px;align-items:center;gap:7px;padding:9px;display:flex;position:relative;overflow:hidden}.upload-row input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-row small{text-overflow:ellipsis;font-weight:400;overflow:hidden}.color-row{align-items:center;gap:12px;margin-top:7px;display:flex}.color-row input{background:0 0;border:0;width:44px;height:35px;padding:0}.form-error{color:#ffacaa!important;margin-top:12px!important}.toast{z-index:80;color:#d3f1df;background:#284336;border:1px solid #77bc95;border-radius:9px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0008}.milestone{z-index:70;border:1px solid var(--player);min-width:320px;max-width:90vw;box-shadow:0 10px 50px #000b,0 0 35px var(--player);background:#263543;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab,red,red)){.milestone{box-shadow:0 10px 50px #000b,0 0 35px color-mix(in srgb,var(--player),transparent 75%)}}.milestone-icon{color:var(--player)}.milestone small{letter-spacing:2px;color:var(--player);font-size:9px;display:block}.milestone strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:21px}.milestone button{color:#9aadb8;background:0 0;border:0;margin-left:auto}.welcome{background:radial-gradient(circle at 50% 35%,#203747,#0b141f 70%);place-items:center;min-height:100vh;padding:30px;display:grid}.welcome-inner{text-align:center;width:min(100%,1000px)}.welcome .eyebrow{justify-content:center}.welcome h1{margin:0;font-size:clamp(55px,8vw,95px)}.welcome p{font-size:14px}.welcome-grid{grid-template-columns:repeat(5,1fr);gap:13px;margin-top:38px;display:grid}.welcome-card{border:1px solid var(--player);flex-direction:column;align-items:center;gap:14px;padding:28px 10px 25px;display:flex}@supports (color:color-mix(in lab,red,red)){.welcome-card{border:1px solid color-mix(in srgb,var(--player),transparent 60%)}}.welcome-card{background:linear-gradient(160deg,var(--player),#152431);border-radius:12px}@supports (color:color-mix(in lab,red,red)){.welcome-card{background:linear-gradient(160deg,color-mix(in srgb,var(--player),transparent 88%),#152431)}}.welcome-card{color:#e9eff2;transition:transform .2s,box-shadow .2s}.welcome-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0008}.welcome-card strong{font-family:Barlow Condensed,Impact,sans-serif;font-size:22px}.welcome-card>span:last-child{color:var(--player);font-size:10px}.loading{color:#aebdc6;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.brandmark{color:#e8a46d;font-family:Barlow Condensed,Impact,sans-serif;font-size:38px}.admin-page{background:#0b141f;min-height:100vh}.admin-page .topbar button{color:#aebdc6;background:0 0;border:0}.admin-login{background:#1b2a38;border:1px solid #ffffff1c;border-radius:12px;width:min(100% - 32px,410px);margin:10vh auto;padding:30px}.admin-login h1,.admin-content h1{margin:8px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:44px}.admin-login p,.admin-heading p{color:#8ea2af;font-size:12px}.admin-login .primary{width:100%;margin-top:20px}.admin-content{max-width:1050px;margin:auto;padding:36px 20px}.admin-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.admin-heading>div:last-child{gap:8px;display:flex}.admin-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:30px;display:grid}.admin-list button{text-align:left;background:#1b2a38;border:1px solid #ffffff15;align-items:center;gap:14px;display:flex}.admin-list strong{flex:1;font-family:Barlow Condensed,Impact,sans-serif;font-size:18px}.admin-list small{color:#8fa4b0;width:70px}.admin-portrait{background:#2b3f4d;border-radius:5px;width:36px;height:36px;overflow:hidden}.admin-portrait img{object-fit:contain;width:100%;height:100%}.active-status{color:#81c5a4}.inactive-status{color:#ba8181}.check-label{align-items:center;gap:8px;display:flex!important}.check-label input{accent-color:#e4a26b}@media(max-width:1200px){.layout{grid-template-columns:220px minmax(0,1fr) 240px}.left-panel,.right-panel{padding:20px 12px}.collection{padding:30px 22px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:9px}.hero-image{height:100px}}@media(max-width:900px){.layout{min-height:calc(100vh - 125px);display:block}.mobile-panel{display:none}.mobile-panel.visible{display:block}.left-panel.visible{background:0 0;border:0}.left-panel.visible .profile-card{display:none}.left-panel.visible:has(.activity-card:not(.mobile-activity)) .profile-card{display:block}.left-panel.visible:has(.mobile-activity) .profile-card{display:none}.left-panel.visible:has(.mobile-activity) .activity-card{display:flex}.left-panel.visible:not(:has(.mobile-activity)) .activity-card{display:none}.activity-list{max-height:none}.right-panel{background:0 0;border:0;max-width:650px;margin:auto}.collection{padding:28px 18px 90px}.mobile-nav{z-index:30;background:#14232f;border-top:1px solid #ffffff20;justify-content:space-around;height:62px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#8fa2af;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.mobile-nav button.active{color:#e9a975}.welcome-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.topbar{height:58px;padding:0 17px}.logo{font-size:19px}.live{font-size:0}.live .status-dot{width:8px;height:8px}.collection-header h1{font-size:43px}.collection-header p{max-width:240px;line-height:1.4}.hero-count b{font-size:31px}.filter-bar{margin:22px 0;display:block}.filter-tabs{overflow:auto}.filter-tabs button{padding:8px 13px}.missing-toggle{margin:9px 0 2px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hero-image{height:105px}.hero-info strong{font-size:15px}.welcome-grid{grid-template-columns:repeat(2,1fr);margin-top:32px}.welcome-card{padding:18px 8px}.welcome-card .avatar{width:58px!important;height:58px!important}.admin-list{grid-template-columns:1fr}.admin-heading{display:block}.admin-heading>div:last-child{margin-top:18px}.admin-page .topbar button{font-size:11px}.admin-list small{width:55px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.medal.locked{opacity:1;filter:none;background:#22323e;box-shadow:inset 0 0 0 1px #ffffff12}.medal.locked>svg{opacity:.4;filter:grayscale()}.medal-tooltip{color:#f2f5f7;opacity:1;filter:none;background:#293b49}.medal:hover,.medal:focus{z-index:25}.player-gate{background:#192a38;border:1px solid #ffffff20;border-radius:15px;flex-direction:column;align-items:center;width:min(100%,410px);padding:38px;display:flex;position:relative;box-shadow:0 25px 70px #0006}.player-gate h1{text-transform:none;margin:14px 0 3px;font-family:Barlow Condensed,Impact,sans-serif;font-size:42px}.player-gate p{color:#a4b5c0;text-align:center;margin:0 0 18px;font-size:13px}.player-gate label{text-align:left;color:#b4c3cc;align-self:stretch;margin-top:12px;font-size:12px;font-weight:700}.player-gate input{color:#f3f6f8;background:#0f1d28;border:1px solid #526878;border-radius:7px;outline:none;width:100%;margin-top:7px;padding:11px 12px;display:block}.player-gate input:focus{border-color:#e4a26b}.player-gate .gate-submit{color:#18242d;background:#e3a16d;border:0;border-radius:7px;width:100%;margin-top:22px;padding:12px;font-weight:800}.gate-back{color:#a2b2bc;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;top:17px;left:20px}.player-gate .avatar{margin-top:12px}.player-gate .form-error{text-align:left;align-self:stretch;margin:12px 0 0!important}.admin-players{border-top:1px solid #ffffff20;margin-top:34px;padding-top:22px}.admin-players h2{margin:0 0 16px;font-family:Barlow Condensed,Impact,sans-serif;font-size:27px}.admin-player-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.admin-player-list>div{background:#1b2a38;border:1px solid #ffffff15;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.admin-player-name{align-items:center;gap:9px;min-width:0;display:flex}.admin-player-name>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-player-name strong{white-space:nowrap;text-overflow:ellipsis;font-family:Barlow Condensed,Impact,sans-serif;font-size:17px;overflow:hidden}.admin-player-name small{color:#8fa4b0;font-size:10px}.admin-player-list button{white-space:nowrap}@media(max-width:700px){.admin-player-list{grid-template-columns:1fr}.player-gate{padding:32px 24px}}.celebration{--shine:#e8ac7d;z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 48%,#254153b5,#071019e8 72%);place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.celebration-collector{--shine:#d1b6ff}.celebration-role{--shine:#91d9ef}.celebration-legend{--shine:#ffd56e}.celebration-card{--shine:#e8ac7d;z-index:2;border:1px solid var(--shine);flex-direction:column;align-items:center;width:min(100%,440px);padding:38px 30px 34px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.celebration-card{border:1px solid color-mix(in srgb,var(--shine),transparent 25%)}}.celebration-card{background:radial-gradient(circle at 50% -15%,var(--shine),transparent 62%),#172734;border-radius:20px}@supports (color:color-mix(in lab,red,red)){.celebration-card{background:radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--shine),transparent 75%),transparent 62%),#172734}}.celebration-card{box-shadow:0 30px 100px #000c,0 0 55px var(--shine)}@supports (color:color-mix(in lab,red,red)){.celebration-card{box-shadow:0 30px 100px #000c,0 0 55px color-mix(in srgb,var(--shine),transparent 70%)}}.celebration-card{text-align:center}.celebration-collector .celebration-card{--shine:#d1b6ff}.celebration-role .celebration-card{--shine:#91d9ef}.celebration-legend .celebration-card{--shine:#ffd56e;border-width:2px;box-shadow:0 30px 100px #000d,0 0 95px #e8af4788,inset 0 0 32px #e8af472b}.celebration-medal{border:2px solid var(--shine);width:104px;height:104px;color:var(--shine);box-shadow:0 0 0 9px var(--shine),0 0 42px var(--shine);background:radial-gradient(circle,#ffffff27,#ffffff09 55%,#0000);border-radius:50%;place-items:center;margin:4px 0 19px;display:grid}@supports (color:color-mix(in lab,red,red)){.celebration-medal{box-shadow:0 0 0 9px color-mix(in srgb,var(--shine),transparent 89%),0 0 42px color-mix(in srgb,var(--shine),transparent 42%)}}.celebration-medal{animation:2s ease-in-out infinite celebration-pulse}.celebration-legend .celebration-medal{width:122px;height:122px;box-shadow:0 0 0 12px #ffd56e18,0 0 75px #ffd56eaa}.celebration-kicker{letter-spacing:3px;color:var(--shine);font-size:11px;font-weight:800}.celebration-card h2{text-transform:uppercase;color:#fff;margin:9px 0 7px;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(40px,8vw,58px);line-height:1}.celebration-card p{color:#d4e1e8;margin:4px 0 17px;font-size:14px;line-height:1.5}.celebration-card p strong{color:var(--player)}.celebration-accent{background:var(--shine);width:90px;height:3px;box-shadow:0 0 18px var(--shine);border-radius:5px}.celebration-close{color:#d9e2e8;cursor:pointer;background:#ffffff12;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:14px;right:15px}.celebration-particles{pointer-events:none;position:absolute;inset:0}.celebration-particles i{background:var(--shine,#e8ac7d);opacity:0;width:8px;height:16px;animation:confetti-fall 3.2s linear var(--delay) infinite;transform:translate(var(--x));border-radius:2px;position:absolute;top:-12%;left:50%}.celebration-particles i:nth-child(3n){background:#fff;border-radius:50%;width:6px;height:6px}.celebration-particles i:nth-child(4n){background:#7ed8de}.celebration-collector .celebration-particles i:nth-child(4n){background:#dbf}.celebration-legend .celebration-particles i:nth-child(4n){background:#fff1b0}.celebration-first .celebration-particles i{animation-duration:4.6s}.celebration-role .celebration-particles i{animation-duration:2.7s}.celebration-legend .celebration-particles i{animation-duration:2.1s;box-shadow:0 0 10px #ffe09c}@keyframes confetti-fall{0%{opacity:0;transform:translate(var(--x),-5vh) rotate(0)}8%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) + var(--drift)),115vh) rotate(var(--spin))}}@keyframes celebration-pulse{50%{box-shadow:0 0 0 15px color-mix(in srgb,var(--shine),transparent 91%),0 0 65px color-mix(in srgb,var(--shine),transparent 35%);transform:scale(1.07)}}.hero-card.all-done{border-color:#eac466;position:relative;box-shadow:0 0 0 1px #eac46677,0 0 21px #d9a33466,inset 0 0 15px #d9a33421}.hero-card.all-done:hover{border-color:#ffe493;box-shadow:0 8px 25px #0007,0 0 28px #e6b84a9c}.hero-card.all-done .hero-image:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(110deg,#0000 24%,#fff4bd00 40%,#fff4bd88,#fff4bd00 58%,#0000 74%);animation:3.8s ease-in-out infinite gold-sweep;position:absolute;inset:0;transform:translate(-150%)}.hero-card.all-done .hero-info strong{color:#ffe2a1}.all-done-badge{z-index:4;color:#3b2a0b;background:#f3ca66;border-radius:50%;place-items:center;width:20px;height:20px;animation:2.2s ease-in-out infinite gold-sparkle;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 0 13px #ffd96d}@keyframes gold-sweep{0%,18%{transform:translate(-150%)}55%,to{transform:translate(150%)}}@keyframes gold-sparkle{50%{filter:brightness(1.4);transform:scale(1.14);box-shadow:0 0 23px #ffe5a0}}@media(prefers-reduced-motion:reduce){.celebration-medal,.celebration-particles i,.hero-card.all-done .hero-image:after,.all-done-badge{animation:none!important}.celebration-particles{display:none}}.hero-card.silver-done{border-color:#bfcbd8;position:relative;box-shadow:0 0 0 1px #d5e2ed55,0 0 18px #b8cee14a,inset 0 0 13px #d6e6f01c}.hero-card.silver-done:hover{border-color:#edf5ff;box-shadow:0 8px 24px #0008,0 0 23px #c9dce38c}.hero-card.silver-done .hero-info strong{color:#eff6fb}.hero-card.silver-done .hero-image:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 28%,#ecf6ff00 43%,#ecf6ff5c,#ecf6ff00 57%,#0000 72%);animation:5s ease-in-out infinite silver-sweep;position:absolute;inset:0;transform:translate(-150%)}.hero-card.silver-done .done-mark{color:#243b4c;background:linear-gradient(140deg,#f0f8ff,#9aafc1);box-shadow:0 0 10px #d6e8f0ad}@keyframes silver-sweep{0%,30%{transform:translate(-150%)}65%,to{transform:translate(150%)}}.medal.unlocked .medal-tooltip{color:#fff8e8;background:radial-gradient(circle at 85% 0,#73522d 0,#0000 65%),linear-gradient(150deg,#433321,#1a2a35 78%);border:1px solid #f3ca83;border-radius:10px;gap:6px;width:196px;padding:13px 14px 14px;box-shadow:0 15px 38px #000c,0 0 20px #e7ab5970}.medal.unlocked .medal-tooltip:before{content:"✓ FREIGESCHALTET";color:#f5cf8e;letter-spacing:1.8px;margin-bottom:2px;font-size:9px;font-weight:800;display:block}.medal.unlocked .medal-tooltip b{color:#ffe0a5;font-family:Barlow Condensed,Impact,sans-serif;font-size:19px;line-height:1.1}.medal.unlocked .medal-tooltip span{color:#f0e7d7;font-size:11px}.medal.unlocked .medal-tooltip small{color:#d7e0e4;border-top:1px solid #e7bc7655;padding-top:6px}@media(prefers-reduced-motion:reduce){.hero-card.silver-done .hero-image:after{animation:none!important}}.player-card{transition:transform .2s,border-color .2s,background .2s;position:relative}.player-card:hover{background:#223646;transform:translateY(-2px)}.player-card:focus-visible{outline-offset:3px;outline:2px solid #d9e7f0}.player-card.rank-1{border:2px solid #d7b766;border-left-width:4px;box-shadow:inset 0 0 0 1px #6e572d}.player-card.rank-2{border:2px solid #b8c5cf;border-left-width:4px;box-shadow:inset 0 0 0 1px #52616d}.player-card.rank-3{border:2px solid #bd8863;border-left-width:4px;box-shadow:inset 0 0 0 1px #624936}.player-card.rank-0{border-left-color:var(--player)}.profile-backdrop{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#07121caa}.profile-preview{background:linear-gradient(155deg,#253b4a,#14232f 56%);border:1px solid #ffffff2b;border-radius:22px;width:min(100%,560px);max-height:min(85vh,760px);padding:30px;position:relative;overflow:auto;box-shadow:0 35px 100px #000b}.preview-head{align-items:center;gap:18px;padding-right:28px;display:flex}.preview-head span{letter-spacing:2px;color:#9aafbd;font-size:10px;font-weight:700}.preview-head h2{margin:1px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:36px}.preview-head p{color:#b5c5cf;margin:0;font-size:12px}.profile-preview h3{margin:27px 0 14px;font-family:Barlow Condensed,Impact,sans-serif;font-size:23px}.preview-progress{margin-top:20px}.preview-heroes{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px;display:grid}.preview-hero{background:#263b49;border:1px solid #ffffff21;border-radius:9px;flex-direction:column;justify-content:end;align-items:center;min-width:0;display:flex;overflow:hidden}.preview-hero img{object-fit:contain;object-position:bottom;width:100%;height:75px}.preview-hero small{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#dce7ed;background:#101e2a;width:100%;padding:5px 3px;font-size:10px;overflow:hidden}.hero-info{background:#172733;height:79px;padding:7px 5px}.finishers{grid-template-rows:repeat(2,31px);grid-template-columns:repeat(6,1fr);place-items:center;gap:3px 0;height:65px;margin:0;display:grid}.finisher{border:2px solid #0000;border-radius:50%;grid-column:span 2;place-items:center;width:34px;height:34px;display:grid}.finisher:nth-child(4){grid-column:2/span 2}.finisher:nth-child(5){grid-column:4/span 2}.finisher .avatar{border-width:1px}.finisher-1{border-color:#d7b766}.finisher-2{border-color:#bdcbd6}.finisher-3{border-color:#bd8863}.hero-card.silver-done{background:linear-gradient(145deg,#8796a148,#405765 55%,#22333f);border-color:#c9d7e1;box-shadow:inset 0 0 0 1px #edf6fc55,0 0 14px #b6c8d43d}.hero-card.silver-done .hero-image{background:radial-gradient(circle at 50% 80%,#899ba9,#344957 72%)}.hero-card.silver-done .hero-image:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(145deg,#edf7ff35,#0000 65%);position:absolute;inset:0}.hero-card.silver-done .hero-info{background:linear-gradient(120deg,#657a8980,#293d4b)}.hero-card.all-done{background:linear-gradient(145deg,#d5b76052,#625636 55%,#2e352e);border-color:#e7c66c;box-shadow:inset 0 0 0 1px #fff1b877,0 0 15px #bc9d4c42}.hero-card.all-done .hero-image{background:radial-gradient(circle at 50% 80%,#ad965e,#474739 72%)}.hero-card.all-done .hero-image:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(145deg,#ffe4a339,#0000 65%);position:absolute;inset:0}.hero-card.all-done .hero-info{background:linear-gradient(120deg,#8b754b99,#3c4235)}.card-sparks{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.card-sparks i{left:var(--sx);top:var(--sy);opacity:0;width:12px;height:12px;animation:spark-pop 4.6s ease-in-out var(--delay) infinite;position:absolute;transform:translate(-50%,-50%)scale(.15)rotate(45deg)}.card-sparks i:before,.card-sparks i:after{content:"";background:#fff7d3;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px 1px #ffe5a5}.card-sparks i:before{width:2px;height:12px}.card-sparks i:after{width:12px;height:2px}.silver-done .card-sparks i{width:9px;height:9px;animation-duration:6s}.silver-done .card-sparks i:before,.silver-done .card-sparks i:after{background:#f5fbff;box-shadow:0 0 4px #d8ecff}.silver-done .card-sparks i:before{height:9px}.silver-done .card-sparks i:after{width:9px}@keyframes spark-pop{0%,34%,48%,to{opacity:0;transform:translate(-50%,-50%)scale(.15)rotate(45deg)}39%{opacity:.95;transform:translate(-50%,-50%)scale(1)rotate(45deg)}44%{opacity:.4;transform:translate(-50%,-50%)scale(.65)rotate(45deg)}}.player-card{--metal:#789aaa;--metal-dark:#344c59;isolation:isolate;position:relative;overflow:visible}.player-card.rank-1{--metal:#e3bd69;--metal-dark:#715723}.player-card.rank-2{--metal:#c5d5e1;--metal-dark:#617786}.player-card.rank-3{--metal:#c58b62;--metal-dark:#704831}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0){border:2px solid var(--metal);background:linear-gradient(145deg,var(--metal),#182733 50%);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0){background:linear-gradient(145deg,color-mix(in srgb,var(--metal),transparent 89%),#182733 50%)}}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0){box-shadow:inset 0 0 0 1px var(--metal-dark),0 3px 10px #0005}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):hover{background:linear-gradient(145deg,var(--metal),#213745 55%)}@supports (color:color-mix(in lab,red,red)){.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):hover{background:linear-gradient(145deg,color-mix(in srgb,var(--metal),transparent 80%),#213745 55%)}}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):before,.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):after{content:"";z-index:2;pointer-events:none;width:13px;height:13px;position:absolute}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):before{border-top:3px solid var(--metal);border-left:3px solid var(--metal);border-radius:8px 0 0;top:-3px;left:-3px}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):after{border-right:3px solid var(--metal);border-bottom:3px solid var(--metal);border-radius:0 0 8px;bottom:-3px;right:-3px}.frame-crest,.frame-wing,.frame-foot{z-index:4;pointer-events:none;display:none;position:absolute}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-2{box-shadow:inset 0 0 0 2px var(--metal-dark),inset 0 0 0 4px var(--metal),0 4px 12px #0006}@supports (color:color-mix(in lab,red,red)){.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-2{box-shadow:inset 0 0 0 2px var(--metal-dark),inset 0 0 0 4px color-mix(in srgb,var(--metal),transparent 55%),0 4px 12px #0006}}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):is(.frame-tier-2,.frame-tier-3,.frame-tier-4,.frame-tier-5,.frame-tier-6) .frame-crest{border:3px solid var(--metal);background:var(--metal-dark);width:19px;height:19px;display:block;top:-11px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:inset 0 0 0 2px #192b37}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-3{box-shadow:inset 0 0 0 2px var(--metal-dark),inset 0 0 0 5px var(--metal),0 5px 15px #0006;border-width:3px}@supports (color:color-mix(in lab,red,red)){.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-3{box-shadow:inset 0 0 0 2px var(--metal-dark),inset 0 0 0 5px color-mix(in srgb,var(--metal),transparent 45%),0 5px 15px #0006}}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):is(.frame-tier-3,.frame-tier-4,.frame-tier-5,.frame-tier-6) .frame-wing{border:2px solid var(--metal);background:var(--metal-dark);width:11px;height:30px;display:block;top:50%;transform:translateY(-50%)}.frame-wing-left{clip-path:polygon(0 0,100% 16%,100% 84%,0 100%);left:-8px}.frame-wing-right{clip-path:polygon(100% 0,0 16%,0 84%,100% 100%);right:-8px}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-4{box-shadow:inset 0 0 0 2px var(--metal-dark),inset 0 0 0 6px var(--metal),inset 0 0 0 8px #172936,0 6px 18px #0007;border-width:3px}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):is(.frame-tier-4,.frame-tier-5,.frame-tier-6) .frame-foot{border:2px solid var(--metal);background:var(--metal-dark);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);width:58px;height:9px;display:block;bottom:-6px;left:50%;transform:translate(-50%)}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):is(.frame-tier-4,.frame-tier-5,.frame-tier-6) .frame-crest{width:24px;height:24px;top:-14px}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-5{background:linear-gradient(135deg,var(--metal),#1b2c38 35%,#182733 68%,var(--metal));border-width:4px}@supports (color:color-mix(in lab,red,red)){.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-5{background:linear-gradient(135deg,color-mix(in srgb,var(--metal),transparent 70%),#1b2c38 35%,#182733 68%,color-mix(in srgb,var(--metal),transparent 82%))}}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-5{box-shadow:inset 0 0 0 2px var(--metal),inset 0 0 0 5px var(--metal-dark),inset 0 0 0 8px var(--metal),0 7px 20px #0008}@supports (color:color-mix(in lab,red,red)){.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-5{box-shadow:inset 0 0 0 2px var(--metal),inset 0 0 0 5px var(--metal-dark),inset 0 0 0 8px color-mix(in srgb,var(--metal),transparent 45%),0 7px 20px #0008}}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0):is(.frame-tier-5,.frame-tier-6) .frame-wing{border-width:3px;width:17px;height:42px}.frame-tier-5 .frame-wing-left,.frame-tier-6 .frame-wing-left{left:-12px}.frame-tier-5 .frame-wing-right,.frame-tier-6 .frame-wing-right{right:-12px}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-6{background:linear-gradient(135deg,var(--metal),#223541 28%,#14232f 65%,var(--metal));border-width:4px}@supports (color:color-mix(in lab,red,red)){.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-6{background:linear-gradient(135deg,color-mix(in srgb,var(--metal),transparent 57%),#223541 28%,#14232f 65%,color-mix(in srgb,var(--metal),transparent 67%))}}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-6{box-shadow:inset 0 0 0 2px var(--metal),inset 0 0 0 5px #152733,inset 0 0 0 8px var(--metal),inset 0 0 0 11px var(--metal-dark),0 9px 25px #0009}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-6 .frame-crest{background:radial-gradient(circle at 50% 45%,var(--metal) 0 20%,var(--metal-dark) 25%);width:37px;height:29px;top:-18px;transform:translate(-50%)}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-6 .frame-wing{width:21px;height:54px}.player-card:is(.rank-1,.rank-2,.rank-3,.rank-0).frame-tier-6 .frame-foot{width:88px;height:13px;bottom:-8px}.player-card.rank-1 .frame-crest{clip-path:polygon(50% 0,65% 25%,100% 12%,88% 100%,12% 100%,0 12%,35% 25%);transform:translate(-50%)}.player-card.rank-1 .frame-wing{background:linear-gradient(90deg,var(--metal-dark),var(--metal),var(--metal-dark))}.player-card.rank-1.frame-tier-6 .frame-wing{clip-path:polygon(50% 0,100% 18%,83% 80%,50% 100%,17% 80%,0 18%)}.player-card.rank-2 .frame-crest{border-radius:50%}.player-card.rank-2 .frame-wing{background:linear-gradient(90deg,var(--metal-dark),var(--metal),var(--metal-dark));border-radius:45% 45% 15% 15%}.player-card.rank-3 .frame-crest{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%)}.player-card.rank-3 .frame-wing{background:var(--metal-dark);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.profile-preview.player-card{text-align:left;cursor:default;transform-origin:50%;width:min(100%,560px);max-height:min(85vh,760px);padding:30px}.profile-preview.player-card:hover{transform:none}.profile-preview.player-card .frame-crest{z-index:5}.profile-preview.player-card .modal-close{z-index:8}.preview-role{margin-top:19px}.preview-role-heading{align-items:center;gap:9px;margin-bottom:10px;display:flex}.preview-role-heading .role-icon{width:27px;height:27px}.preview-role-heading h4{text-transform:uppercase;margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:19px}.preview-role-heading small{color:#8ea4b1;font-size:11px}.preview-empty{color:#718895;margin:0 0 4px 36px;font-size:11px}.profile-preview .preview-heroes{padding-left:36px}@media(max-width:600px){.profile-preview.player-card{padding:24px 19px}.profile-preview .preview-heroes{padding-left:0}}.profile-preview.player-card{max-height:none;overflow:visible}.profile-preview .preview-content{scrollbar-width:thin;scrollbar-color:#657985 transparent;max-height:calc(85vh - 60px);overflow:auto}.profile-preview .modal-close{top:14px;right:14px}@media(max-width:600px){.profile-preview .preview-content{max-height:calc(85vh - 48px)}}.player-card.rank-0 .frame-crest{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:translate(-50%)}.player-card.rank-0 .frame-wing{background:linear-gradient(90deg,#243b48,var(--metal-dark),#243b48)}.player-card.rank-0.frame-tier-6 .frame-crest{background:radial-gradient(circle at 50% 45%,#a8c6d1 0 18%,var(--metal-dark) 25%)}@supports (color:color-mix(in lab,red,red)){.app-shell.has-hero-theme{background:radial-gradient(circle at 24% -12%,color-mix(in srgb,var(--theme-accent),transparent 70%),transparent 44%),#0b141f}}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .topbar{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent),#0d1924 87%),#0d1924 70%)}}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .left-panel,.has-hero-theme .right-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent),#101d29 94%),#101d29 62%)}}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .collection{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-accent),transparent 94%),transparent 34%)}}.has-hero-theme .collection-header h1 em,.has-hero-theme .hero-count b,.has-hero-theme .filter-tabs button.active{color:var(--theme-accent)}.has-hero-theme .filter-tabs button.active{background:var(--theme-accent)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .filter-tabs button.active{background:color-mix(in srgb,var(--theme-accent),transparent 83%)}}.has-hero-theme .brand-mark,.has-hero-theme .logo b{color:var(--theme-accent)}.theme-companion{text-align:center;border-top:1px solid var(--theme-accent);margin-top:auto;padding:15px 8px 7px}@supports (color:color-mix(in lab,red,red)){.theme-companion{border-top:1px solid color-mix(in srgb,var(--theme-accent),transparent 68%)}}.theme-companion>span{letter-spacing:1.5px;color:var(--theme-accent);font-size:9px;font-weight:800}.right-cat{text-align:center;border-top:1px solid #ffffff1a;margin:32px 0 16px;padding-top:18px}.pat-widget{color:#b8cad4;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;width:132px;min-height:125px;padding:0;transition:transform .16s;display:inline-flex;position:relative}.pat-widget:hover{transform:translateY(-4px)}.pat-widget:active,.pat-widget.is-patting{transform:translateY(3px)scale(.96)}.pat-widget:focus-visible{outline-offset:4px;border-radius:9px;outline:2px solid #e8b983}.pat-hero{object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 12px #0006);max-width:120px;height:115px}.is-patting .pat-hero{transform:translateY(5px)scale(.95)}.pat-hint{letter-spacing:1.5px;color:inherit;font-size:10px;font-weight:800}.theme-companion .pat-hint{color:var(--theme-accent)}.theme-picker{margin-top:21px}.theme-picker>strong{color:#dce9ef;font-size:12px;display:block}.theme-picker p{color:#91a7b5;margin:5px 0 10px;font-size:11px}.theme-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:205px;padding:3px;display:grid;overflow:auto}.theme-options button{background:linear-gradient(145deg,var(--choice,#668394),#13232e);border:1px solid #ffffff24;border-radius:7px;flex-direction:column;justify-content:end;align-items:center;gap:2px;min-width:0;min-height:74px;padding:5px;display:flex}@supports (color:color-mix(in lab,red,red)){.theme-options button{background:linear-gradient(145deg,color-mix(in srgb,var(--choice,#668394),transparent 79%),#13232e)}}.theme-options button{color:#e8f0f4;font-size:10px}.theme-options button.active{border:2px solid var(--choice,#e3a16d);box-shadow:0 0 0 1px var(--choice,#e3a16d)}.theme-options img{object-fit:contain;max-width:100%;height:51px}.theme-options span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.editor{max-height:85vh;overflow:auto}@media(max-width:900px){.right-cat,.theme-companion{margin-bottom:70px}}.pat-hand{opacity:0;pointer-events:none;font-size:31px;position:absolute;top:-15px;left:53%;transform:translateY(-15px)rotate(-23deg)}.is-patting .pat-hand{opacity:1;transition:transform .1s ease-out;transform:translateY(7px)rotate(-23deg)}.pat-cat-art{object-fit:contain;filter:drop-shadow(0 5px 9px #0007);transform-origin:50% 90%;width:112px;height:108px;transition:transform .12s ease-out;display:block}.is-patting .pat-cat-art{transform:translateY(4px)scaleY(.94)}.pat-widget:not(:has(.pat-hero)){min-height:108px}.pat-widget:not(:has(.pat-hero)) .pat-hint{display:none}.pat-subject{transform-origin:50% 88%;place-items:center;width:132px;height:128px;transition:transform .12s ease-out;display:grid;position:relative}.pat-hero{object-fit:contain;filter:drop-shadow(0 6px 12px #0006);width:120px;height:118px;transition:transform .12s ease-out;display:block}.is-patting .pat-subject{transform:translateY(5px)scaleY(.88)}.pat-hand-gif{z-index:2;object-fit:contain;opacity:0;pointer-events:none;width:112px;height:auto;transition:opacity 80ms,transform .12s;position:absolute;top:-12px;left:10px;transform:translateY(-8px)scale(.9)}.pat-cat-art,.pat-hand{display:none!important}.pat-widget{min-height:128px}.pet-preview{object-fit:contain;background:#0d1924;border-radius:9px;width:60px;height:60px;padding:4px}.field-hint{color:#8ea0aa;margin-top:-12px;font-size:11px;display:block}.pat-hand-gif{object-fit:contain;object-position:top left;width:112px;height:34px;top:2px;left:10px}.theme-companion .pat-widget{margin-top:8px}.right-cat{justify-content:center;display:flex}.pat-subject{isolation:isolate}.pat-hand-gif{object-fit:contain;mix-blend-mode:multiply;opacity:1;width:150px;height:auto;transition:none;top:-38px;left:-24px;transform:none}.is-patting .pat-hand-gif{opacity:1;transform:none}.pat-hand-gif{mix-blend-mode:normal;width:145px;height:auto;top:-22px;left:-24px}.app-shell.has-hero-theme{background:radial-gradient(ellipse 75% 46% at 48% -15%,var(--theme-accent),transparent 76%),var(--theme-base)}@supports (color:color-mix(in lab,red,red)){.app-shell.has-hero-theme{background:radial-gradient(ellipse 75% 46% at 48% -15%,color-mix(in srgb,var(--theme-accent),transparent 72%),transparent 76%),var(--theme-base)}}.has-hero-theme .topbar{background:linear-gradient(90deg,var(--theme-accent),var(--theme-panel) 72%)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .topbar{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent),var(--theme-panel) 82%),var(--theme-panel) 72%)}}.has-hero-theme .topbar{border-bottom-color:var(--theme-accent)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .topbar{border-bottom-color:color-mix(in srgb,var(--theme-accent),transparent 65%)}}.has-hero-theme .left-panel,.has-hero-theme .right-panel{background:linear-gradient(160deg,var(--theme-accent),var(--theme-panel) 46%)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .left-panel,.has-hero-theme .right-panel{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-accent),var(--theme-panel) 88%),var(--theme-panel) 46%)}}.has-hero-theme .left-panel,.has-hero-theme .right-panel{border-color:var(--theme-accent)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .left-panel,.has-hero-theme .right-panel{border-color:color-mix(in srgb,var(--theme-accent),transparent 82%)}}.has-hero-theme .collection{background:radial-gradient(ellipse 78% 50% at 40% 0%,var(--theme-accent),transparent 82%)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .collection{background:radial-gradient(ellipse 78% 50% at 40% 0%,color-mix(in srgb,var(--theme-accent),transparent 88%),transparent 82%)}}.has-hero-theme .profile-card,.has-hero-theme .activity-card,.has-hero-theme .player-card,.has-hero-theme .hero-card{background:linear-gradient(150deg,var(--theme-accent),var(--theme-panel))}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .profile-card,.has-hero-theme .activity-card,.has-hero-theme .player-card,.has-hero-theme .hero-card{background:linear-gradient(150deg,color-mix(in srgb,var(--theme-accent),var(--theme-raised) 88%),var(--theme-panel))}}.has-hero-theme .profile-card,.has-hero-theme .activity-card,.has-hero-theme .player-card,.has-hero-theme .hero-card{border-color:var(--theme-accent)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .profile-card,.has-hero-theme .activity-card,.has-hero-theme .player-card,.has-hero-theme .hero-card{border-color:color-mix(in srgb,var(--theme-accent),transparent 82%)}}.has-hero-theme .profile-actions button,.has-hero-theme .filter-tabs button.active{background:var(--theme-accent)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .profile-actions button,.has-hero-theme .filter-tabs button.active{background:color-mix(in srgb,var(--theme-accent),var(--theme-raised) 72%)}}.has-hero-theme .filter-bar,.has-hero-theme .group-line,.has-hero-theme .activity-item{border-color:var(--theme-accent)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .filter-bar,.has-hero-theme .group-line,.has-hero-theme .activity-item{border-color:color-mix(in srgb,var(--theme-accent),transparent 84%)}}.has-hero-theme .hero-image{background:radial-gradient(circle at 50% 88%,var(--theme-accent),var(--theme-panel) 82%)}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .hero-image{background:radial-gradient(circle at 50% 88%,color-mix(in srgb,var(--theme-accent),var(--theme-raised) 66%),var(--theme-panel) 82%)}}.has-hero-theme .hero-glow{background:linear-gradient(transparent,var(--theme-panel))}@supports (color:color-mix(in lab,red,red)){.has-hero-theme .hero-glow{background:linear-gradient(transparent,color-mix(in srgb,var(--theme-panel),transparent 12%))}}.theme-companion .pat-widget{width:210px;min-height:260px;margin-top:8px}.theme-companion .pat-subject{width:210px;height:240px}.theme-companion .pat-hero{object-fit:contain;object-position:center bottom;width:100%;height:100%}.theme-companion .pat-hand-gif{top:-20px;left:25px}.right-cat .pat-hint{display:none}.has-hero-theme .collection-header h1 em,.has-hero-theme .hero-count b,.has-hero-theme .filter-tabs button.active,.has-hero-theme .brand-mark,.has-hero-theme .logo b,.has-hero-theme .theme-companion>span{color:var(--theme-highlight)}.pat-widget .pat-hand-gif{opacity:0;will-change:transform;transition:transform .13s cubic-bezier(.18,.9,.35,1),opacity 60ms linear;transform:translateY(-58px)}.pat-widget.is-patting .pat-hand-gif{opacity:1;transform:translateY(0)}.pat-widget.pat-shaking .pat-subject,.pat-widget.pat-frenzy .pat-subject{animation:.11s linear infinite pat-subject-shake}.pat-widget.pat-shaking .pat-hand-gif,.pat-widget.pat-frenzy .pat-hand-gif{animation:.12s linear infinite pat-hand-shake}.pat-widget.pat-frenzy .pat-subject{filter:drop-shadow(0 0 14px #f5bcff)drop-shadow(0 0 20px #5bd9ff)}@keyframes pat-subject-shake{0%,to{transform:translate(-2px,4px)scaleY(.9)rotate(-1deg)}50%{transform:translate(2px,5px)scaleY(.88)rotate(1deg)}}@keyframes pat-hand-shake{0%,to{transform:translate(-2px)rotate(-2deg)}50%{transform:translate(2px,2px)rotate(2deg)}}body.pat-site-party{overflow-x:hidden}body.pat-site-party .app-shell{animation:.13s linear infinite pat-page-shake}body.pat-site-party:after{content:"";z-index:90;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(#0000,#ff65b72b 25deg,#0000 55deg,#4cf6ff2e 95deg,#0000 125deg,#ffe86630 165deg,#0000 195deg,#9b6bff2e 235deg,#0000 270deg,#66ffc12a 310deg,#0000 345deg);animation:2s linear infinite pat-party-lights;position:fixed;inset:-30vmax}@keyframes pat-page-shake{0%,to{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}}@keyframes pat-party-lights{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pat-widget.pat-shaking .pat-subject,.pat-widget.pat-frenzy .pat-subject,.pat-widget.pat-shaking .pat-hand-gif,.pat-widget.pat-frenzy .pat-hand-gif,body.pat-site-party .app-shell,body.pat-site-party:after{animation:none}}.hero-clip-mark{z-index:4;color:#f4c38d;background:#101d29d9;border:1px solid #f4c38d99;border-radius:5px;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:6px;left:6px}.preview-hero{color:inherit;font:inherit;cursor:pointer;text-align:inherit;padding:0;position:relative}.preview-hero:hover,.preview-hero:focus-visible{border-color:#f2be88;outline:none;box-shadow:0 0 0 2px #f2be8844}.preview-clip-icon{color:#ffca8d;background:#152432d9;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 1px 8px #0009}.completion-modal{width:min(100%,490px)}.clip-watch-button{color:#f4bc89;cursor:pointer;background:#e6a56e22;border:1px solid #e6a56e88;border-radius:8px;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;font-weight:700;display:inline-flex}.clip-upload{color:#d8e6ee;cursor:pointer;background:#122330;border:1px dashed #8ea9b8;border-radius:10px;align-items:center;gap:10px;min-width:0;margin-top:18px;padding:15px;display:flex;position:relative}.clip-upload:hover{background:#182d3b;border-color:#e6ad7c}.clip-upload span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.clip-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.clip-hint{color:#8ca4b1;margin-top:7px;font-size:11px;display:block}.clip-actions{flex-wrap:wrap;justify-content:flex-end}.clip-actions .danger{color:#e8a7a3;border-color:#9a5658;margin-right:auto}.clip-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04080deb}.clip-modal{width:min(100%,900px);padding:25px}.clip-title{align-items:center;gap:11px;margin-bottom:18px;padding-right:32px;display:flex}.clip-title span{color:#9eb3bf;letter-spacing:.08em;font-size:11px}.clip-title h2{margin:0;line-height:1}.clip-modal video{aspect-ratio:16/9;object-fit:contain;background:#05090d;border-radius:9px;width:100%;max-height:min(65vh,650px);display:block}.clip-empty{color:#8da5b3;text-align:center;border:1px solid #ffffff1b;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:230px;display:flex}.clip-empty p{max-width:250px}@media(max-width:600px){.clip-modal{padding:18px}.clip-actions .danger{margin-right:0}.clip-actions button{flex:1}}