:root{--primary-color:#cc9d50;--primary-dark:#c6803e;--primary-light:#ff6b351a;--primary-lighter-1:#ffa5001a;--primary-lighter-2:#ffa5000d;--primary-2-color:#cc9d50;--primary-2-lighter:#cc9d5052;--primary-background-light:#cc9d501a;--primary-boder-color-light:#cc9d504d;--secondary-color:#47b276;--secondary-light:#47b2761a;--secondary-border-color-light:#47b2764d;--secondary-dark:#1f662b;--ternary-color:#47b276;--quaternary-color:#f3a712;--green-dark-color:#1f662b;--background-primary:#2a2a2a;--background-secondary:#393939;--background-tertiary:#1f1f1f;--background-dark:#161616;--background-primary-color:#a47603;--background-zone:#2b2a2a;--surface-color:#201f1f14;--surface-hover:#ffffff1f;--text-primary:#fff;--text-secondary:#e0e0e0;--text-black:#0b0b0b;--text-gray:#bbbaba;--text-muted:#b0b0b0;--border-color:#555;--border-light:#ffffff1a;--error-color:#ff4757;--success-color:#80e34f;--warning-color:#ffa502;--border-medal-active:var(--ternary-color);--scroll-highlight-color:#e9e91e2b;--tag-item-color-base:#ebeaea;--tag-item-color-active:linear-gradient(90deg, #cc9d50, #b58941);--tag-item-color-semi-active:linear-gradient(90deg, #f2d397, #f4ce8f);--tag-item-color-inactive:#ccc;--tag-item-bg:#ffffff1a;--tag-item-gauge:white;--tag-item-name:black;--tag-count-text:white;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--radius-thin:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:50%;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 8px #0000004d;--shadow-lg:0 8px 16px #0006;--shadow-xl:0 12px 24px #00000080;--shadow-glow:0 0 16px #ff6b3566;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--font-family:"Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs:9px;--font-size-sm:11px;--font-size-base:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:18px;--font-size-3xl:20px;--font-size-4xl:28px;--z-dropdown:100;--z-sidebar:150;--z-tooltip:200;--z-modal:1000;--z-notification:1100;--z-context-menu:1150;--z-loading:1200;--ranking-gold:#cb1919;--ranking-silver:#269cb2;--ranking-bronze:#bc7a3fc7;--ranking-top-10:#fff;--ranking-top-20:#acacac;--ranking-default:#1f1f1f;--filter-ex:linear-gradient(135deg, #ff6b35, #f7931e);--filter-bounty:linear-gradient(135deg, #9b59b6, #8e44ad);--filter-stepup:linear-gradient(135deg, #3498db, #2980b9);--filter-attacker:linear-gradient(135deg, #e74c3c, #c0392b);--filter-runner:linear-gradient(135deg, #2ecc71, #27ae60);--filter-defender:linear-gradient(135deg, #34495e, #2c3e50);--character-item-height:80px;--character-item-top-ranking-border:2px solid #d6be52;--character-item-top-bg:linear-gradient(135deg, #2f2e2e 10%, #0b0b0b)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes medal-set-glow{0%{border-color:var(--primary-color);box-shadow:var(--shadow-md), 0 0 2px #ffd7004d, inset 0 0 20px #ffd7001a}to{border-color:var(--primary-color)}}@keyframes light-sweep{0%{transform:rotate(45deg)translate(-150%,-30%)}to{transform:rotate(45deg)translate(50%,30%)}}@keyframes tag-light-sweep{0%{transform:translate(-100%)}30%{transform:translate(-100%)}to{transform:translate(90%)}}@keyframes twinkle{0%,50%,to{opacity:1}25%,75%{opacity:.5}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-user-select:none;user-select:none;-webkit-user-select:inherit;-webkit-touch-callout:none}body{font-family:var(--font-family), serif;background:linear-gradient(30deg, var(--background-primary-color) 0%, var(--background-dark) 20%);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}::selection{text-shadow:none;background:#7f93aebf}hr{border:0;border-top:1px solid #ccc;height:1px;margin:1em 0;padding:0;display:block}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden,[hidden]{display:none!important}.medal-item,.medal-item-wrapper,.medal-slot{-webkit-user-select:none;user-select:none}.function-btn,.filter-medal-btn,.icon-btn{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;height:fit-content;padding:6px;display:flex}.function-btn:hover,.filter-medal-btn:hover,.icon-btn:hover{background:var(--surface-hover);transform:translateY(-1px)}.function-btn.active,.active.filter-medal-btn,.active.icon-btn{color:var(--primary-color);box-shadow:var(--shadow-sm);border:var(--primary-color) 1px solid;background:#ff6b3517}.function-btn svg,.filter-medal-btn svg,.icon-btn svg{width:1.5rem;height:1.5rem}.function-btn:disabled,.filter-medal-btn:disabled,.icon-btn:disabled{background:var(--surface-color);border-color:var(--border-color);color:var(--text-muted);opacity:.6;cursor:not-allowed;transform:none}.function-btn.upcoming,.upcoming.filter-medal-btn,.upcoming.icon-btn{background:var(--surface-color);border-color:var(--border-color);color:var(--text-muted);opacity:.9;position:relative}.function-btn.upcoming:after,.upcoming.filter-medal-btn:after,.upcoming.icon-btn:after{content:"?";color:var(--primary-color);font-size:.85rem;position:absolute;top:-4px;right:-4px}.function-btn.new,.new.filter-medal-btn,.new.icon-btn{position:relative}.function-btn.new:after,.new.filter-medal-btn:after,.new.icon-btn:after{content:"";color:#fff;background:var(--primary-color);border-radius:50%;padding:2px 4px;font-size:8px;font-weight:700;position:absolute;top:-6px;right:-10px}.icon-btn{column-gap:var(--spacing-sm);padding:var(--spacing-xs)}.filter-medal-btn.active{color:var(--primary-color);box-shadow:var(--shadow-sm);border:var(--primary-color) 1px solid;background:#ff6b3517}.filter-medal-btn:hover{background:var(--surface-hover);color:var(--primary-color);border-color:var(--primary-color)}.save-btn{color:#fff;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;max-width:35%;transition:all var(--transition-normal);clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);filter:drop-shadow(-1px 6px 3px #32320080);background:linear-gradient(#27b8ed,#0b80ab);border:none;grid-column:3/4;width:fit-content;font-size:medium;font-weight:700;position:relative}.save-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.toggle-buttons{border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background:#0003;padding:2px;display:flex}.toggle-btn{color:var(--text-muted);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-lg);background:0 0;border:none;flex:1;font-weight:500}.toggle-btn:hover{color:var(--text-secondary)}.toggle-btn.active{background:rgba(from var(--primary-color) r g b/.1);color:var(--primary-color);box-shadow:var(--shadow-sm);border:var(--primary-color) 2px solid}.close-btn{color:var(--text-muted);font-size:var(--font-size-3xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.close-btn:hover{color:var(--error-color);background:#ff47571a}.display-mode-btn{width:10rem;min-width:fit-content;padding:var(--spacing-sm) var(--spacing-sm);background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);height:36px;font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.display-mode-btn:hover{background-color:var(--background-secondary)}.display-mode-btn svg{width:1.25rem;height:1.25rem;margin-left:.5rem}.dropdown-menu{top:calc(100% - var(--spacing-sm) * 2 + var(--spacing-md));background-color:var(--background-primary);border:solid 1px var(--border-color);z-index:20;border-radius:.375rem;flex-direction:column;row-gap:5px;width:16rem;max-width:max-content;display:flex;position:absolute;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-menu .dropdown-menu-des{padding:var(--spacing-xs);color:var(--text-muted);font-size:.8rem}.dropdown-menu li{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:.375rem;align-items:center;column-gap:5px;padding:.5rem 1rem;text-decoration:none;display:flex}.dropdown-menu li:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.dropdown-menu li[data-set-status=active]{color:var(--primary-color)}.dropdown-menu .dropdown-item.active{background-color:var(--background-tertiary);color:var(--secondary-color)}.dropdown-divider{border-top:1px solid gray}.dropdown-item-danger{color:red}.search-clear-btn{right:var(--spacing-sm);z-index:1;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-2xl);min-width:var(--font-size-lg);min-height:var(--font-size-lg);transition:color var(--transition-fast);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--primary-color)}.search-reset-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;font-size:20px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-reset-btn:hover{color:var(--text-primary)}.remove-btn{background:var(--error-color);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:12px;display:none;position:absolute;top:-8px;right:-8px}.remove-btn:hover{background:#ff3030;transform:scale(1.1)}.filter-action-btn{padding:var(--spacing-sm);border:1px solid var(--primary-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-normal);min-width:fit-content;box-shadow:var(--shadow-md);color:var(--primary-color);background:#ff6b351a;flex:1;transform:translateY(-2px)}.filter-action-btn.refresh{color:#eb5959;background:#ed59591c;border-color:#eb5959}.filter-action-btn:hover{background:#ff6b3533;transform:translateY(-1px)}.filter-action-btn:disabled{background:var(--surface-color);border-color:var(--border-color);color:var(--text-muted);opacity:.6;cursor:not-allowed;transform:none}.medal-set-zone.action-list{background:var(--background-tertiary);row-gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);flex-direction:column;display:flex}.medal-set-zone.action-list .function-btn,.medal-set-zone.action-list .icon-btn,.medal-set-zone.action-list .filter-medal-btn{justify-content:left;column-gap:var(--spacing-sm)}.medal-slot{border:2px solid var(--border-color);border-radius:var(--radius-full);width:64px;height:64px;transition:all var(--transition-normal);cursor:pointer;background:#0000004d 0 0/cover;flex:none;justify-content:center;align-items:center;min-width:60px;min-height:60px;display:flex;position:relative;overflow:hidden}.medal-slot.active{border:3px solid var(--border-medal-active)}.medal-slot.inactive{border:2px solid var(--border-color)}.medal-slot:hover{border-color:var(--text-primary);background:#00ff881a}.medal-slot:hover .remove-btn{display:flex}.medal-slot.drag-over{border-color:var(--secondary-color);background:#00ff881a;border-style:dashed;border-width:2px;transform:scale(1.1)}.medal-slot img{border-radius:var(--radius-full);object-fit:cover;width:56px;height:56px}.medal-slot.filled.active:before{content:"";background:linear-gradient(90deg,#fff0 0% 45%,#fffc 50%,#fff0 55% 100%);width:200%;height:200%;animation:2s linear infinite light-sweep;position:absolute;top:-50%;left:-50%}.medal-slot:not(:has(img)):after{content:"+";color:var(--border-color);font-size:28px;position:absolute}.medal-slots-row{gap:var(--spacing-sm);flex-flow:row;grid-column:1/3;justify-content:center;align-items:center;display:flex}.medal-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(50px,1fr));height:fit-content;display:grid}.medal-item{border-radius:var(--radius-full);cursor:grab;width:50px;height:50px;transition:all var(--transition-fast);z-index:2;border:2px solid #0000;position:relative;overflow:hidden}.medal-item:hover{border-color:var(--ternary-color)}.medal-item:active{cursor:grabbing;transform:scale(.95)}.medal-item img{object-fit:cover;width:100%;height:100%}.medal-item-wrapper{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.medal-item-wrapper:before{content:"";border-radius:var(--radius-full);z-index:1;opacity:0;transition:all var(--transition-fast);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0;transform:scale(.5)}.medal-item-wrapper:hover .medal-item{transform:scale(1.15)}.medal-info-header{align-items:center;gap:var(--spacing-lg);display:flex}.medal-info-text{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.medal-name{color:var(--primary-color);font-size:var(--font-size-lg);text-align:left;margin:0;font-weight:700}.medal-name-sub{color:var(--text-muted);text-align:left;margin:0;font-size:.9rem;font-weight:400}.medal-star{align-items:center;display:flex}.star-icon{color:gold;font-size:var(--font-size-xl);animation:2s infinite twinkle}.tags-progress-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.tag-progress-item{cursor:pointer;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);background:#ffffff1a;height:30px;position:relative}.tag-progress-item.active:before{content:"";z-index:-1;clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 50%,calc(100% - 17px) 100%,17px 100%,0 50%);position:absolute;inset:-2px}.tag-progress-bar{background:var(--tag-item-color-inactive);height:100%;transition:width var(--transition-normal);position:relative}.tag-progress-bar.active{background:var(--tag-item-color-active)}.tag-progress-bar.active:before{content:"";background:linear-gradient(-45deg,#fff0 0% 49%,#fffc 50%,#fff0 51% 100%);width:100%;height:200%;animation:2.5s linear infinite tag-light-sweep;position:absolute;top:-50%;left:-50%}.tag-progress-bar.semi-active{background:linear-gradient(90deg,#f6e1bb,#f4ce8f)}.tag-progress-content{font-size:var(--font-size-base);color:#1a202c;z-index:1;justify-content:space-between;align-items:center;padding:0 15px;font-weight:500;display:flex;position:absolute;inset:0}.tag-progress-name{white-space:nowrap;text-overflow:ellipsis;width:95%;font-weight:600;overflow:hidden}.tag-progress-count{color:#fff;font-size:var(--font-size-xs);background:#0009;border-radius:50%;padding:2px 6px;font-weight:700}.modal-tag-item{background:var(--tag-item-color-inactive);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.modal-tag-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-tag-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.modal-tag-item:hover:before{transform:translate(100%)}.tag-name-zone{border:2px solid var(--primary-dark);text-align:center;background:linear-gradient(135deg,#ff6b351a,#ff6b350d)}.tag-name{color:var(--primary-dark);font-size:var(--font-size-2xl);margin:0;font-weight:700}.modal{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;width:100%;height:100%;animation:.2s ease-out fadeIn;display:none;position:fixed;top:0;left:0}.modal-content{background:linear-gradient(135deg, var(--background-tertiary) 0%, var(--background-tertiary) 100%);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;width:90%;max-height:80vh;margin:5vh auto;animation:.2s ease-out slideIn;display:flex;position:relative;overflow-y:hidden}.modal-header{padding:var(--spacing-sm);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.modal-header h3{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.modal-body{padding:var(--spacing-lg);flex-direction:column;gap:5px;display:flex;overflow-y:auto}.modal-title{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:700}.modal-empty{gap:var(--spacing-sm);text-align:center;padding:var(--spacing-xl);color:var(--text-muted);display:inline-flex}.modal-empty svg{width:1.5rem;height:1.5rem}.search-container{align-items:center;gap:var(--spacing-xs);flex-direction:row;flex:1;max-width:max(50%,200px);display:flex;position:relative}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-normal);text-overflow:ellipsis;background:#0000004d;outline:none}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b3533}.search-input::placeholder{color:var(--text-muted)}.search-section{z-index:200;padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xl);transition:top .3s ease-in-out;position:sticky;top:0}.search-section.stuck{box-shadow:var(--shadow-lg)}.search-section .search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-normal);padding-right:40px}.search-section .search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #ff6b3533}.filter-section{margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.filter-section h4{margin:0 0 5px}.filter-section hr{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);border:1px solid #aaa8a8}.filter-section h3{font-size:var(--font-size-lg)}.filter-section .labeled-underline{margin-left:var(--spacing-md)}.filter-row{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.rarity-row{order:1}.class-row{order:2}.default-row{order:3}.filter-buttons{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.class-filters{justify-content:center}.filter-btn{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);font-weight:500;font-size:var(--font-size-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;width:100px;min-width:fit-content;display:flex;position:relative}.filter-btn .filter-icon{left:var(--spacing-sm);position:absolute}.filter-btn span{text-align:center;flex:1}.filter-btn:hover{box-shadow:var(--shadow-md);border-color:#e4bc0b;transform:translateY(-2px)}.filter-btn.active{color:#000;background:linear-gradient(135deg,#ffa735d9 10%,#da800a);border-color:#e4bc0b}.filter-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.filter-icon.all-icon{color:#fff}.options-container{margin:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;display:grid}.filter-option{cursor:pointer;align-items:center;display:flex}.filter-option input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-right:8px}.filter-option label{font-size:var(--font-size-base);color:#f2f0f0;-webkit-user-select:none;user-select:none;cursor:pointer}.filter-option label.highlighted-option-label{color:var(--primary-color)}.filter-option label .label-inside-parentheses{color:#8e8d8d!important}.filter-option input[type=checkbox]:checked+label{color:#1dae52}.filter-option input[type=checkbox]:checked+label:before{background:#b7e6c9;border-color:#2cbc63;width:fit-content;height:fit-content;top:0}.filter-group{margin-bottom:var(--spacing-lg)}.filter-label{margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;display:block}.filter-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-normal);background:#0000004d}.filter-select:focus{border-color:var(--ternary-color);outline:none}.filter-select option{background:var(--background-secondary);color:var(--text-primary)}.filter-actions .filter-action-group.quick-scroll{flex-direction:row;display:flex}.filter-actions{justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:2px solid gray;flex-direction:column;display:flex}.filter-actions hr{border-top-color:var(--border-color);margin:0 5rem}.filter-actions .filter-quickscroll-tip{color:var(--text-muted);font-size:var(--font-size-sm);text-align:start;align-items:center;gap:.5em;display:flex}.filter-actions .filter-quickscroll-tip svg{vertical-align:middle;width:1.2em;height:1.2em}.filter-actions .filter-action-group.quick-scroll{gap:var(--spacing-md);flex-direction:column;justify-items:left;padding:5px;display:flex}.filter-actions .filter-action-group.quick-scroll .quick-scroll-buttons{gap:var(--spacing-xs);flex-flow:wrap;display:flex}.filter-actions .filter-action-group.quick-scroll .quick-scroll-btn{border:1px solid var(--green-dark-color);color:#67aa73;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-normal);background:#2da94217;flex:1;width:fit-content;min-width:fit-content;max-width:fit-content;padding:3px}.filter-actions .filter-action-group.quick-scroll .quick-scroll-btn:hover{box-shadow:var(--shadow-md);background-color:#2d4a2d;transform:translateY(-2px)}.filter-actions .filter-action-group.quick-scroll .quick-scroll-btn.active{border-color:var(--ternary-color);color:#000;background:linear-gradient(135deg,#47b27663 10%,#47b27663)}.filter-actions .filter-action-group.buttons{gap:var(--spacing-md);flex-direction:row;justify-content:space-between;display:flex}.labeled-underline-label{color:var(--ternary-color);white-space:nowrap;padding-bottom:.2rem;padding-right:1rem;font-weight:500}hr.labeled-underline-line{border:1px dashed #c3c1c15c;flex-grow:1}.filter-group-highlight{padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:#4c4b4b}@media (width>=780px){.filter-actions .filter-action-group.quick-scroll{flex-direction:row;display:flex}}.loading-screen{background:var(--background-primary);width:100%;height:100%;z-index:var(--z-loading);transition:opacity var(--transition-slow);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.loading-content{text-align:center;padding:var(--spacing-2xl)}.loading-spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:var(--radius-full);width:48px;height:48px;margin:0 auto var(--spacing-lg);animation:1s linear infinite spin}.loading{padding:var(--spacing-xl);color:var(--text-muted);grid-column:1/-1;justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:var(--radius-full);width:32px;height:32px;animation:1s linear infinite spin}.error-message{text-align:center;padding:var(--spacing-xl);color:var(--error-color);grid-column:1/-1}.sidebar-overlay{opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--transition-normal), visibility var(--transition-normal);z-index:calc(var(--z-modal) - 100);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background:var(--background-tertiary);border-right:1px solid var(--border-color);width:clamp(200px,30%,320px);min-width:fit-content;height:100vh;transition:transform var(--transition-normal);z-index:calc(var(--z-modal) - 50);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--background-tertiary);justify-content:space-between;align-items:center;display:flex}.sidebar-header h3{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:600}.sidebar-header .sidebar-close-btn{color:var(--text-secondary);font-size:var(--font-size-2xl);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-header .sidebar-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-content{padding:var(--spacing-sm) 0;flex:1;max-width:100vw;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:var(--background-tertiary)}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-group{padding:var(--spacing-md) 0}.sidebar-group .sidebar-group-title{padding:var(--spacing-xs) var(--spacing-lg);margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.sidebar-group hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-md) 20%}.sidebar-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:1.2rem;text-decoration:none;display:flex;position:relative}.sidebar-item:before{content:"";background:var(--primary-color);width:3px;height:0;transition:height var(--transition-fast);border-radius:0 var(--radius-sm) var(--radius-sm) 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-item:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-item:hover:before{height:70%}.sidebar-item:hover .sidebar-item-icon{color:var(--primary-color);transform:scale(1.1)}.sidebar-item.active{background:var(--surface-color);color:var(--text-primary)}.sidebar-item.active:before{height:100%}.sidebar-item.active .sidebar-item-icon{color:var(--primary-color)}.sidebar-item.donate{color:pink}.sidebar-item.donate svg{fill:pink}.sidebar-item-icon{width:1rem;height:1rem;transition:all var(--transition-fast);color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-item-icon svg{width:100%;height:100%}.sidebar-item-icon.donate svg{fill:var(--primary-color)}.sidebar-item-badge{font-size:var(--font-size-xs);border-radius:var(--radius-md);margin-left:auto;padding:2px 6px;font-weight:400}.sidebar-item-badge.badge-new{color:#487d2f;background-color:#c1e5ae}.sidebar-item-badge.badge-beta{color:#7c3f96;background-color:#dbc1e7}.sidebar-item-badge.badge-coming-soon{color:#956d39;background-color:#dcd17c}.sidebar-item-badge.badge-in-development{color:#254148;background-color:#93dbeb}.sidebar-item-badge.badge-in-plan{color:#0b0b0b;background-color:#e6f8e6}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-item-label .sidebar-item-subtitle{color:var(--text-muted);font-size:.8rem}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--background-tertiary)}.sidebar-footer .sidebar-footer-info{font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;line-height:1.4}.sidebar-toggle-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary-color)}.sidebar-toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sidebar-toggle-btn svg{width:20px;height:20px}@media (width<=768px){.sidebar{width:260px}}@media (width<=480px){.sidebar{width:100%;max-width:280px}}.right-sidebar-overlay{opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity var(--transition-normal), visibility var(--transition-normal);z-index:var(--z-sidebar);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:fixed;top:0;left:0}.right-sidebar-overlay.active{opacity:1;visibility:visible}.right-sidebar{width:50vw;height:100vh;height:calc(var(--vh,1vh) * 100);background:var(--background-tertiary);transition:transform var(--transition-normal);z-index:calc(var(--z-sidebar) + 10);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 30px #0006}.right-sidebar.active{transform:translate(0)}@media (width<=480px){.right-sidebar{width:100%}}.right-sidebar-header{padding:var(--spacing-md) var(--spacing-lg);background:#ffffff05;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.right-sidebar-header h3{font-size:var(--font-size-lg);color:var(--text-primary);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:600;display:flex}.right-sidebar-header h3 .saved-sets-counter{background:var(--secondary-light);color:var(--secondary-color);font-size:var(--font-size-lg);border-radius:var(--radius-md);padding:2px 8px;font-weight:500}.right-sidebar-header .right-sidebar-close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.right-sidebar-header .right-sidebar-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.right-sidebar-toolbar{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm);background:#0003;border-bottom:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;display:flex}.saved-sets-search-container{align-items:center;display:flex;position:relative}.saved-sets-search-container .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.saved-sets-search-container .search-icon svg{width:16px;height:16px}.saved-sets-search-container input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding-left:36px;padding-right:32px}.saved-sets-search-container input::placeholder{color:var(--text-muted)}.saved-sets-search-container input:focus{border-color:var(--secondary-color);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #6366f126}.saved-sets-search-container .search-clear-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.saved-sets-search-container .search-clear-btn:hover{color:var(--text-primary);background:#ffffff1a}.saved-sets-search-container input:not(:placeholder-shown)+.search-clear-btn{opacity:1}.saved-sets-toolbar-actions{gap:var(--spacing-xs);display:flex}.saved-sets-toolbar-actions .toolbar-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;flex:1;display:flex}.saved-sets-toolbar-actions .toolbar-btn svg{width:20px;height:20px}.saved-sets-toolbar-actions .toolbar-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff26}.saved-sets-toolbar-actions .toolbar-btn.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-border-color-light)}.right-sidebar-content{padding:var(--spacing-sm);flex:1;overflow:hidden auto}.right-sidebar-content::-webkit-scrollbar{width:6px}.right-sidebar-content::-webkit-scrollbar-track{background:0 0}.right-sidebar-content::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#ffffff26}.right-sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.saved-set-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0f;display:flex;position:relative}.saved-set-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(-2px)}.saved-set-item:hover .saved-set-drag-handle,.saved-set-item:hover .saved-set-actions{opacity:1}.saved-set-item.favorite{background:linear-gradient(135deg,#ffa500c2 0%,#ffa5000d 50%);border:1px solid #ffa50033}.saved-set-item.dragging{opacity:.5;transform:scale(.98)}.saved-set-item.drag-over{border-color:var(--primary-color);background:#63f1741a}.saved-set-item.drag-over:before{content:"";background:var(--primary-color);border-radius:var(--radius-full);height:2px;position:absolute;top:-2px;left:0;right:0}.saved-set-drag-handle{color:var(--text-muted);cursor:grab;opacity:.3;transition:opacity var(--transition-fast);flex-shrink:0}.saved-set-drag-handle svg{width:16px;height:16px}.saved-set-drag-handle:active{cursor:grabbing}.saved-set-medals{flex-shrink:0;gap:2px;display:flex}.saved-set-medal-slot{background:#0000004d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.saved-set-medal-slot img{object-fit:cover;width:100%;height:100%}.saved-set-medal-slot.empty{background:#ffffff05;border-style:dashed}.saved-set-medal-slot.empty:after{content:"?";color:var(--text-muted);font-size:var(--font-size-xs)}.saved-set-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.saved-set-name{font-size:var(--font-size-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.saved-set-meta{font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:var(--spacing-xs);display:flex}.saved-set-actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;gap:2px;display:flex}@media (width<=480px){.saved-set-actions{opacity:1}}.saved-set-action-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.saved-set-action-btn svg{width:14px;height:14px}.saved-set-action-btn:hover{color:var(--text-primary);background:#ffffff1a}.saved-set-action-btn.favorite-btn.active{color:var(--warning-color)}.saved-set-action-btn.favorite-btn.active svg{fill:var(--warning-color)}.saved-set-badge{font-size:var(--font-size-xs);text-transform:uppercase;border-radius:var(--radius-sm);background:var(--success-color);color:#fff;padding:2px 6px;font-weight:600;position:absolute;top:-4px;right:-4px}.saved-set-badge.new{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.saved-set-group{margin-bottom:var(--spacing-sm)}.saved-set-group-header{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border-top-left-radius:var(--radius-xl);cursor:pointer;border-left:5px solid var(--secondary-color);transition:all var(--transition-fast);background:#ffffff08;display:flex}.saved-set-group-header:hover{background:#ffffff0f}.saved-set-group-header .group-expand-icon{color:var(--text-muted);display:flex}.saved-set-group-header .group-expand-icon svg{width:14px;height:14px}.saved-set-group-header .group-name{font-size:var(--font-size-base);color:var(--text-primary);flex:1;font-weight:500}.saved-set-group-header .group-count{font-size:var(--font-size-base);color:var(--text-muted)}.saved-set-group-header svg{color:var(--text-muted)}.saved-set-group-content{margin-left:var(--spacing-2xl);margin-top:var(--spacing-xs);padding-left:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-left:solid 2px var(--border-color);border-bottom:solid 2px var(--border-color);border-bottom-left-radius:var(--radius-xl);min-height:calc(50px + var(--spacing-sm) * 2);background-color:#28282a}.saved-sets-empty{padding:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.saved-sets-empty .empty-icon{color:var(--text-muted);margin-bottom:var(--spacing-md);opacity:.5}.saved-sets-empty .empty-title{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-xs);font-weight:500}.saved-sets-empty .empty-subtitle{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.saved-set-context-menu{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:150px;padding:var(--spacing-xs);z-index:var(--z-context-menu);background:#1e1e28fa;border:1px solid #ffffff1a;animation:.15s ease-out fadeInScale;position:fixed;box-shadow:0 8px 32px #0006}.context-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;font-size:1.2rem;display:flex}.context-menu-item svg{width:14px;height:14px}.context-menu-item:hover{color:var(--text-primary);background:#ffffff14}.context-menu-item.danger{color:var(--error-color)}.context-menu-item.danger:hover{background:#ef444426}.sort-menu{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:180px;padding:var(--spacing-xs);z-index:var(--z-tooltip);background:#1e1e28fa;border:1px solid #ffffff1a;animation:.15s ease-out fadeInScale;position:fixed;box-shadow:0 8px 32px #0006}.sort-menu-item{width:100%;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;font-size:1rem;display:block}.sort-menu-item:hover{color:var(--text-primary);background:#ffffff14}.sort-menu-item.active{color:var(--secondary-color);background:var(--background-primary)}@media (width<=480px){.sort-menu-item{font-size:1.5rem}}.saved-set-dialog-overlay{width:100%;height:100%;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.saved-set-dialog{border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e28fa;border:1px solid #ffffff1a;min-width:300px;max-width:90vw;animation:.2s ease-out slideUp;box-shadow:0 16px 64px #00000080}.saved-set-dialog h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);color:var(--text-primary)}.saved-set-dialog p{margin:0 0 var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-base)}.saved-set-dialog .dialog-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a}.saved-set-dialog .dialog-input:focus{border-color:var(--secondary-dark);box-shadow:0 0 0 3px var(--secondary-light);outline:none}.saved-set-dialog .dialog-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.saved-set-dialog .dialog-btn{padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.saved-set-dialog .dialog-btn.cancel{color:var(--text-secondary);background:0 0;border:1px solid #fff3}.saved-set-dialog .dialog-btn.cancel:hover{color:var(--text-primary);background:#ffffff0d}.saved-set-dialog .dialog-btn.confirm{background:var(--secondary-dark);color:#fff;border:none}.saved-set-dialog .dialog-btn.confirm:hover{background:var(--primary-hover)}.saved-set-dialog .dialog-btn.confirm.danger{background:var(--error-color)}.saved-set-dialog .dialog-btn.confirm.danger:hover{background:#dc2626}.saved-set-notification{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;z-index:var(--z-notification);background:#1e1e28f2;border:1px solid #ffffff1a;transition:all .3s ease-out;position:fixed;bottom:20px;right:20px;transform:translateY(100px);box-shadow:0 8px 32px #0006}.saved-set-notification.show{opacity:1;transform:translateY(0)}.saved-set-notification.success{border-left:3px solid var(--success-color)}.saved-set-notification.warning{border-left:3px solid var(--warning-color)}.saved-set-notification.error{border-left:3px solid var(--error-color)}.saved-sets-toggle-btn{position:relative}.saved-sets-toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.saved-sets-toggle-btn .toggle-btn-counter{background:var(--background-secondary);border-radius:var(--radius-full);min-width:16px;height:16px;font-weight:500;font-size:var(--font-size-lg);border-style:solid;border-width:1px;justify-content:center;align-items:center;padding:4px 0;display:flex;position:absolute;top:-4px;right:-4px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.right-sidebar-content.dragging-active .saved-set-item:not(.dragging):before{content:"";height:2px;transition:background var(--transition-fast);background:0 0;position:absolute;top:-2px;left:0;right:0}.save-options-menu{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:180px;padding:var(--spacing-xs);z-index:var(--z-tooltip);background:#1e1e28fa;border:1px solid #ffffff1a;animation:.15s ease-out fadeInScale;position:fixed;box-shadow:0 8px 32px #00000080}.save-options-menu .save-menu-item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.save-options-menu .save-menu-item svg{flex-shrink:0;width:16px;height:16px}.save-options-menu .save-menu-item span{flex:1}.save-options-menu .save-menu-item:hover{color:var(--text-primary);background:#ffffff14}.save-options-menu .save-menu-item:first-child{color:var(--primary-color)}.save-options-menu .save-menu-item:first-child:hover{background:#6366f126}.saved-set-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.saved-set-tag{font-size:var(--font-size-sm);border-radius:var(--radius-2xl);color:var(--text-secondary);white-space:nowrap;background:#6366f133;border:1px solid #6366f166;padding:2px 6px}.saved-set-tag.more{background:#ffffff1a;border-color:#fff3}.saved-set-checkbox{border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border:2px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.saved-set-checkbox:hover{border-color:var(--secondary-color)}.saved-set-checkbox.checked{background:var(--secondary-color);border-color:var(--secondary-color)}.saved-set-checkbox.checked svg{color:#fff}.saved-set-item.selected{background:var(--secondary-light);border-color:var(--secondary-color)}.multi-select-toolbar{padding:var(--spacing-sm);border:1px solid var(--secondary-border-color-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);z-index:calc(var(--z-sidebar) + 11);background:#1e2d24;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.multi-select-toolbar .selection-count{font-size:var(--font-size-base);color:var(--text-secondary)}.multi-select-toolbar .multi-select-actions{row-gap:var(--spacing-sm);column-gap:var(--spacing-md);display:flex}.multi-select-toolbar .multi-action-btn{width:28px;height:28px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.multi-select-toolbar .multi-action-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff1a}.multi-select-toolbar .multi-action-btn:disabled{opacity:.4;cursor:not-allowed}.multi-select-toolbar .multi-action-btn.danger:hover:not(:disabled){border-color:var(--error-color);color:var(--error-color);background:#ef444433}.multi-select-toolbar .multi-action-btn.danger:hover:not(:disabled) svg{background:inherit;border-color:inherit;color:inherit}.multi-select-toolbar .multi-action-btn svg{width:24px;height:24px}.context-menu-divider{height:1px;margin:var(--spacing-xs) 0;background:#ffffff1a}.context-menu-item.has-submenu{position:relative}.context-menu-item.has-submenu .submenu-arrow{opacity:.5;margin-left:auto}.context-submenu{border-radius:var(--radius-md);min-width:150px;padding:var(--spacing-xs);opacity:0;visibility:hidden;background:#1e1e28fa;border:1px solid #ffffff1a;transition:all .15s ease-out;position:absolute;top:0;left:auto;right:100%;transform:translate(10px);box-shadow:0 8px 32px #0006}.context-submenu.visible{opacity:1;visibility:visible;transform:translate(0)}.context-submenu .context-menu-item.active{color:var(--primary-color)}.group-menu-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:0;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:flex}.group-menu-btn:hover{color:var(--text-primary);background:#ffffff1a}@media (width<=480px){.group-menu-btn{opacity:1}}.saved-set-group-header:hover .group-menu-btn{opacity:1}.color-picker-grid{gap:var(--spacing-sm);padding:var(--spacing-sm);grid-template-columns:repeat(6,1fr);display:grid}.color-picker-grid .color-option{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:2px solid #0000}.color-picker-grid .color-option:hover{transform:scale(1.1)}.color-picker-grid .color-option.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.group-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.filter-dropdown-menu{background:var(--background-primary);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:300px;padding:var(--spacing-sm);z-index:var(--z-tooltip);border:1px solid #ffffff1a;animation:.15s ease-out fadeInScale;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #0006}.filter-dropdown-menu .filter-section{margin-bottom:var(--spacing-md)}.filter-dropdown-menu .filter-section h4{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;margin:0 0 var(--spacing-xs)}.filter-dropdown-menu .filter-section select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-base);background:#ffffff0d;border:1px solid #ffffff1a}.filter-dropdown-menu .filter-section .filter-tags-list{max-height:50vh;overflow-y:auto}.filter-dropdown-menu .filter-checkbox{align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--text-secondary);display:flex}.filter-dropdown-menu .filter-checkbox input{accent-color:var(--secondary-color)}.filter-dropdown-menu .filter-tags-list{flex-wrap:wrap;gap:4px;display:flex}.filter-dropdown-menu .filter-tag-item{background:color-mix(in srgb, var(--tag-color,#6366f1) 20%, transparent);border:1px solid color-mix(in srgb, var(--tag-color,#6366f1) 50%, transparent);border-radius:var(--radius-2xl);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:0 8px;display:flex}.filter-dropdown-menu .filter-tag-item input{accent-color:var(--tag-color,var(--primary-color))}.filter-dropdown-menu .filter-tag-item:has(input:checked){background:color-mix(in srgb, var(--tag-color,#6366f1) 30%, transparent);color:var(--text-primary)}.filter-dropdown-menu .filter-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid #ffffff1a;display:flex}.filter-dropdown-menu .filter-reset-btn,.filter-dropdown-menu .filter-apply-btn{padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex:1}.filter-dropdown-menu .filter-reset-btn{color:var(--text-secondary);background:0 0;border:1px solid #fff3}.filter-dropdown-menu .filter-reset-btn:hover{background:#ffffff0d}.filter-dropdown-menu .filter-apply-btn{background:var(--secondary-dark);color:#fff;border:none}.tags-dialog .tags-list-dialog{gap:var(--spacing-xs);max-height:300px;margin-bottom:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.tags-dialog .tag-checkbox-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb, var(--tag-color,#6366f1) 15%, transparent);border:1px solid color-mix(in srgb, var(--tag-color,#6366f1) 30%, transparent);border-radius:var(--radius-sm);cursor:pointer;display:flex}.tags-dialog .tag-checkbox-item input{accent-color:var(--tag-color,var(--primary-color))}.tags-dialog .tag-checkbox-item .tag-checkbox-label{font-size:var(--font-size-base);color:var(--text-secondary)}.tags-dialog .tag-checkbox-item:has(input:checked){background:color-mix(in srgb, var(--tag-color,#6366f1) 25%, transparent)}.tags-dialog .tag-checkbox-item:has(input:checked) .tag-checkbox-label{color:var(--text-primary)}.manage-tags-dialog{row-gap:var(--spacing-md);flex-direction:column;min-width:350px;display:flex}.manage-tags-dialog .tags-manage-list{gap:var(--spacing-xs);max-height:300px;margin-bottom:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.manage-tags-dialog .tag-manage-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-sm);background:#ffffff08;display:flex}.manage-tags-dialog .tag-manage-item .tag-color-input{border-radius:var(--radius-sm);cursor:pointer;border:none;width:24px;height:24px;padding:0}.manage-tags-dialog .tag-manage-item .tag-name-input{padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-base);background:#ffffff0d;border:1px solid #ffffff1a;flex:1}.manage-tags-dialog .tag-manage-item .tag-name-input:read-only{opacity:.7;cursor:not-allowed}.manage-tags-dialog .tag-manage-item .tag-delete-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.manage-tags-dialog .tag-manage-item .tag-delete-btn:hover:not(:disabled){color:var(--error-color);background:#ef444433}.manage-tags-dialog .tag-manage-item .tag-delete-btn:disabled{opacity:.3;cursor:not-allowed}.manage-tags-dialog .add-tag-btn{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px dashed #fff3}.manage-tags-dialog .add-tag-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.saved-set-group-header.drag-over,.saved-set-group-content.drag-over{border-color:var(--primary-color)!important;border:2px dashed var(--primary-color)!important;background:#13131bed!important}.navigation-bar{align-items:center;gap:var(--spacing-sm);flex-direction:row;grid-area:nav-bar;justify-content:space-between;height:fit-content;min-height:20px;display:flex}.navigation-bar .app-title{color:#0000;background-image:linear-gradient(90deg,#f76f08,#d18030,#dbb727);-webkit-background-clip:text;background-clip:text;font-size:large;font-weight:600}.navigation-bar a{color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);width:fit-content;text-decoration:none}.navigation-bar a:hover{background:var(--surface-hover)}@media (width<=768px){.navigation-bar .hide-on-mobile{display:none}}.format-style.affect-percent{color:var(--ternary-color);border-radius:5px;padding-inline:3px}.affect-section-list>ul>li.affect-limit-reached,.affect-section-list>ul>li.affect-limit-reached span{color:var(--primary-color)!important}.tag-list-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.whats-new-modal-content{max-width:700px;max-height:85vh}.whats-new-modal-content .modal-header{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));padding:var(--spacing-lg);border-bottom:none}.whats-new-modal-content .modal-header .modal-title{align-items:center;gap:var(--spacing-sm);color:#fff;font-size:var(--font-size-xl);font-weight:700;display:flex}.whats-new-modal-content .modal-header .modal-title i{width:1.5rem;height:1.5rem}.whats-new-modal-content .modal-header .close-btn{border-radius:var(--radius-md);color:#fff;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);background:#ffffff1a;border:1px solid #fff3;justify-content:center;min-width:80px;transition:all .2s;display:flex}.whats-new-modal-content .modal-header .close-btn:hover:not(.disabled){background:#fff3;transform:scale(1.05)}.whats-new-modal-content .modal-header .close-btn.disabled{opacity:.6;cursor:not-allowed}.whats-new-modal-content .modal-header .close-btn .close-icon{font-size:var(--font-size-xl)}.whats-new-modal-content .modal-header .close-btn .close-btn-text{font-size:var(--font-size-sm);font-weight:500}.whats-new-modal-content .modal-body{padding:0;overflow-y:auto}.whats-new-body{gap:var(--spacing-md);padding:var(--spacing-lg);flex-direction:column;display:flex}.whats-new-section{background:var(--background-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.whats-new-section .section-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--text-secondary);display:flex}.whats-new-section .section-header i{width:1.5rem;height:1.5rem;color:var(--primary-color)}.whats-new-section .section-header h3{font-size:var(--font-size-lg);margin:0;font-weight:600}.date-section{background:linear-gradient(135deg, rgba(var(--primary-color-rgb), .1), rgba(var(--secondary-color-rgb), .1));border:1px solid var(--primary-color)}.date-section .update-date{gap:var(--spacing-xs);flex-direction:column;display:flex}.date-section .update-date .update-date-main{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;display:flex}.date-section .update-date .update-date-main i{width:1.25rem;height:1.25rem;color:var(--primary-color)}.date-section .update-date .update-date-relative{padding-left:calc(1.25rem + var(--spacing-sm));align-items:center;display:flex}.date-section .update-date .update-date-relative .time-ago{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.medals-section .new-medals-grid{gap:var(--spacing-md);max-height:400px;padding:var(--spacing-sm);background:var(--background-tertiary);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid;overflow-y:auto}.medals-section .new-medals-grid::-webkit-scrollbar{width:8px}.medals-section .new-medals-grid::-webkit-scrollbar-track{background:var(--background-tertiary);border-radius:var(--radius-sm)}.medals-section .new-medals-grid::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.medals-section .new-medals-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.medals-section .new-medal-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--background-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;transition:all .2s;display:flex}.medals-section .new-medal-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.medals-section .new-medal-item img{border-radius:var(--radius-sm);width:100%;max-width:80px;height:auto}.medals-section .new-medal-item .medal-name{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.changes-section .changes-list{gap:var(--spacing-md);flex-direction:column;display:flex}.changes-section .change-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.changes-section .change-item{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-tertiary);border-radius:var(--radius-md);border-left:3px solid #0000;transition:all .2s;display:flex}.changes-section .change-item .change-icon{border-radius:var(--radius-md);background:rgba(var(--primary-color-rgb), .1);justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.changes-section .change-item .change-icon i{width:1.25rem;height:1.25rem}.changes-section .change-item .change-icon[data-type=feature]{color:#5ccc5b;background:#8b5cf61a;border-left-color:#5ccc5b}.changes-section .change-item .change-icon[data-type=fix]{color:#ef4444;background:#ef44441a;border-left-color:#ef4444}.changes-section .change-item .change-icon[data-type=improvement]{color:#cc9d50;background:#22c55e1a;border-left-color:#cc9d50}.changes-section .change-item .change-icon[data-type=other]{color:#8b5cf6;background:#3b82f61a;border-left-color:#8b5cf6}.changes-section .change-item .change-content{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.changes-section .change-item .change-content .change-type{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-weight:600}.changes-section .change-item .change-content .change-title{font-size:var(--font-size-base);color:var(--text-primary);margin-top:2px;font-weight:700;line-height:1.4}.changes-section .change-item .change-content .change-description{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:pre-line;line-height:1.6}.changes-section .change-item .change-content .change-description br{content:"";margin:4px 0;display:block}.changes-section .change-item:has(.change-icon[data-type=feature]){border-left-color:#5ccc5b}.changes-section .change-item:has(.change-icon[data-type=fix]){border-left-color:#ef4444}.changes-section .change-item:has(.change-icon[data-type=improvement]){border-left-color:#cc9d50}.changes-section .change-item:has(.change-icon[data-type=other]){border-left-color:#8b5cf6}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.whats-new-modal-content.shake{animation:.5s ease-in-out shake}@media (width<=768px){.whats-new-modal-content{width:95%;max-height:90vh}.whats-new-modal-content .modal-header{padding:var(--spacing-md)}.whats-new-modal-content .modal-header .modal-title{font-size:var(--font-size-lg)}.whats-new-modal-content .modal-header .modal-title i{width:1.25rem;height:1.25rem}.whats-new-modal-content .modal-header .close-btn{padding:var(--spacing-xs) var(--spacing-sm);min-width:60px;font-size:var(--font-size-sm)}.whats-new-body{padding:var(--spacing-md);gap:var(--spacing-sm)}.whats-new-section{padding:var(--spacing-md)}.whats-new-section .section-header h3{font-size:var(--font-size-base)}.medals-section .new-medals-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:300px}.medals-section .new-medal-item{padding:var(--spacing-xs)}.medals-section .new-medal-item img{max-width:60px}.medals-section .new-medal-item .medal-name{font-size:.65rem}.changes-section .change-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.changes-section .change-item .change-icon{width:28px;min-width:28px;height:28px}.changes-section .change-item .change-icon i{width:1rem;height:1rem}.changes-section .change-item .change-content .change-type{font-size:.65rem}.changes-section .change-item .change-content .change-title{font-size:.8rem}.changes-section .change-item .change-content .change-description{font-size:.75rem}.date-section .update-date .update-date-main{font-size:var(--font-size-base)}.date-section .update-date .update-date-relative .time-ago{font-size:.7rem}}@media (width<=480px){.medals-section .new-medals-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.medal-set-zone{background:var(--background-zone);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);min-height:fit-content;position:relative;overflow:hidden}.medal-set-container{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-direction:row;min-height:min-content;display:flex}#replace-medals-content.drag-over{border-color:var(--success-color);border-radius:var(--radius-sm);background:#00ff881a;border-style:dashed;border-width:1px}#clearReplaceMedalsBtn{color:#bf5151;border-color:#bf5151}.affects-tags-zone{background:var(--background-zone);border-radius:var(--radius-md);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);flex-direction:column;flex-grow:1;min-height:0;display:flex}.content-display{border-radius:var(--radius-md);min-height:100px;padding:var(--spacing-md);border:1px solid var(--border-light);background:#0003;flex-grow:1;height:50vh;overflow-y:auto}.icon-tip span{color:var(--text-muted);font-size:.875rem}.affects-list{flex-direction:column;flex:1;row-gap:.5rem;display:flex}.affect-category-section{border-bottom:1px solid var(--border-light);align-items:flex-start;padding:.5rem;transition:border-color .3s ease-in-out;display:flex}.affect-category-section[data-type=skill1],.affect-category-section[data-type=skill2]{border-radius:var(--radius-md);border:1px solid #27ae60}.affect-category-section[data-type=others]{border-radius:var(--radius-md);background-color:#065e0b12;border:1px solid #27ae60}.affect-section-title{color:var(--text-secondary);text-wrap:auto;text-align:left;flex-basis:32%;width:fit-content;max-width:30%;padding-right:.5rem;font-weight:600;display:flex}.affect-section-title[data-type=others],.affect-section-title[data-type=skill1],.affect-section-title[data-type=skill2]{color:var(--ternary-color)}.affect-section-list{flex-basis:68%}.affect-section-list ul{color:#d1d5db;row-gap:var(--spacing-sm);flex-direction:column;display:flex;list-style-type:disc!important}.affect-section-list ul li{font-size:var(--font-size-base);color:var(--text-secondary)}.affect-list:last-child.ul:last-child{border-bottom:none}.affect-label{color:var(--primary-dark);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);font-weight:600}.trio-affect{border-left:4px solid var(--success-color)}.functions-zone{background:var(--background-zone);border-radius:var(--radius-md);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);z-index:20;top:0}.function-bar{gap:var(--spacing-sm);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.function-bar-left{align-items:center;gap:var(--spacing-sm);flex:1;max-width:max(60%,400px);display:flex}.function-bar-right{align-items:center;gap:var(--spacing-sm);display:flex}.close-utility-bar{color:var(--error-color)}.medal-list-zone{background:var(--background-zone);border-radius:var(--radius-md);padding:var(--spacing-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);flex-direction:column;flex-grow:1;height:100%;min-height:0;display:flex;overflow:hidden}.medal-list-container{gap:var(--spacing-xs);padding:var(--spacing-xs);border:1px solid var(--border-light);border-radius:var(--radius-md);background:#0003;flex-direction:column;height:fit-content;display:flex;overflow:hidden visible}.medal-list-container:has(.medal-item-wrapper) .empty-tip{display:none}.medal-list-container .drag-drop-tip{color:var(--text-secondary);text-align:center;margin-top:var(--spacing-xs);border:1px dashed var(--border-light);border-radius:var(--radius-sm);padding:var(--spacing-xs);background:var(--secondary-border-color-light);font-size:.875rem}.labeled-hr{text-align:center;align-items:center;margin:.5rem 0;display:flex}.labeled-hr-label{color:var(--ternary-color);white-space:nowrap;padding-right:1rem;font-weight:500}.labeled-hr-line{border:none;border-top:1px solid #b0b0b0b8;flex-grow:1;margin:0}.sidebar-info-modal{z-index:10000;width:100%;height:100%;position:fixed;top:0;left:0}.sidebar-info-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.sidebar-info-modal-content{background:var(--background-secondary);border-radius:var(--radius-lg);max-width:700px;max-height:80vh;box-shadow:var(--shadow-xl);flex-direction:column;margin:5vh auto;display:flex;position:relative;overflow:hidden}.sidebar-info-modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--background-tertiary);justify-content:space-between;align-items:center;display:flex}.sidebar-info-modal-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin:0}.sidebar-info-modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);width:40px;height:40px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:32px;display:flex}.sidebar-info-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-info-modal-body{padding:var(--spacing-lg);color:var(--text-secondary);line-height:1.6;overflow-y:auto}.sidebar-info-modal-body h3{color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.sidebar-info-modal-body ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl)}.sidebar-info-modal-body li{margin:var(--spacing-xs) 0}.sidebar-info-modal .left-sidebar-modal-btn{margin-top:var(--spacing-md);background-color:var(--primary-light);color:var(--primary-dark);border-radius:8px;padding:10px 20px;display:inline-block}.filter-modal-content{flex-direction:column;gap:10px;width:95%;max-height:90vh;margin:3% auto;display:flex;overflow-y:hidden}.filter-modal-content .modal-body .filter-form{background:linear-gradient(135deg, var(--background-dark) 0%, var(--background-tertiary) 100%)}.filter-form{overflow:hidden auto}.medal-detail-modal,.tag-detail-modal{width:90%;max-width:1200px;overflow-y:auto}.medal-detail-modal .modal-header,.tag-detail-modal .modal-header{padding:var(--spacing-sm)}.medal-detail-body,.tag-detail-body{gap:var(--spacing-xl);padding:var(--spacing-lg);grid-template-columns:1fr 1fr;max-height:90vh;display:grid;overflow:hidden auto}.medal-detail-left,.medal-detail-right,.tag-detail-left,.tag-detail-right{gap:var(--spacing-lg);flex-direction:column;display:flex}.zone-title{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);font-weight:600}#replace-medals-content:has(.replace-medal-list .medal-item-wrapper) .zone-title{display:none}.zone-title.tags-zone-header{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.zone-title.tags-zone-header span{color:var(--text-muted);text-align:left;font-size:small}.zone-title.tags-zone-header .zone-subtitle{column-gap:var(--spacing-sm);text-align:left;flex-direction:row;display:flex}.zone-title.tags-zone-header .zone-subtitle button>span{text-wrap-mode:nowrap;padding:2px 0}.medal-detail-zone,.tag-detail-zone{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);background:#ffffff0d}.medal-info-zone{background:linear-gradient(135deg,#ff6b350a,#ff6b3508)}.medal-info-header{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.medal-info-header .function-bar .icon-btn{row-gap:var(--spacing-sm);font-size:var(--font-size-sm);background:unset;border-width:0;flex-direction:column}.medal-info-header .function-bar .icon-btn.favorite-medal-btn.active,.medal-info-header .function-bar .icon-btn.owned-medal-btn.active{color:var(--ternary-color);fill:#47b27633}.medal-detail-image{border-radius:var(--radius-full);object-fit:cover;width:80px;height:80px}.medal-info-text{align-items:start;gap:var(--spacing-md);flex:1;justify-content:space-between;display:flex}.medal-detail-zone.tip-zone{padding:var(--spacing-sm);border:1px dashed var(--border-color);color:var(--text-muted)}.medal-digit-container{row-gap:var(--spacing-sm);flex-direction:column;display:flex}.medal-digit-item{column-gap:var(--spacing-sm);flex-direction:row;display:flex}.medal-digit-options{max-width:200px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-normal);cursor:pointer;background:#0000004d}.medal-digit-options:focus{border-color:var(--primary-color);outline:none}.trait-content{border-radius:var(--radius-md);padding:var(--spacing-md);background:#0000004d}.trait-description{color:var(--text-secondary);font-size:var(--font-size-base);margin:0;line-height:1.5}.tags-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.modal-tag-item-wrapper{width:100%;margin:auto}.modal-tag-item-wrapper.active-tag{background:var(--primary-dark);border:4px solid var(--primary-dark)}.modal-tag-item-wrapper:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-tag-item-wrapper .modal-tag-item{background:var(--tag-item-color-base);padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.modal-tag-item-wrapper .modal-tag-item.active-tag{background:var(--tag-item-color-active)}.modal-tag-name{color:var(--tag-item-name);font-weight:600;font-size:var(--font-size-sm);z-index:1;position:relative}.modal-tag-count{color:var(--tag-count-text);border-radius:var(--radius-sm);font-size:var(--font-size-xs);z-index:1;background:#2f2e2e;padding:2px 8px;font-weight:700;position:relative}.similar-medals-grid,.tag-medals-grid{gap:var(--spacing-sm);border-radius:var(--radius-md);max-height:300px;padding:var(--spacing-md);background:#0000004d;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));display:grid;overflow-y:auto}.modal-medal-item{border-radius:var(--radius-full);cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);border:2px solid #0000;overflow:hidden}.modal-medal-item.title{border-radius:var(--radius-md)}.modal-medal-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow);transform:scale(1.1)}.modal-medal-item img{object-fit:cover;border-radius:var(--radius-full);width:100%;height:100%}.affects-content{gap:var(--spacing-md);flex-direction:column;display:flex}.affect-item{border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--border-light);background:#0000004d}.affect-description{color:var(--text-secondary);font-size:1rem;line-height:1.4}.pair-affect,.trio-affect{border-left:4px solid var(--primary-dark)}.modal-loading{padding:var(--spacing-xl);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.modal-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.modal-empty img{color:#fff;fill:currentColor}.modal-empty-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);opacity:.5}.medal-detail-zone.medal-info-zone{grid-area:info}.medal-detail-zone.tip-zone{grid-area:tip;max-height:fit-content}.medal-detail-zone.tags-zone{grid-area:tags}.medal-detail-zone.unique-trait-zone{grid-area:trait}#modalMedalDigits{grid-area:digits}.medal-detail-zone.similar-medals-zone{grid-area:similar}.medal-detail-zone.function-buttons-zone{gap:var(--spacing-sm);flex-wrap:wrap;grid-area:functions;display:flex}.modal-body.medal-detail-body{grid-template:"info info""trait functions""tags similar"/1fr 1fr}@media (width<=1023px){.medal-detail-body,.tag-detail-body{gap:var(--spacing-lg);grid-template-columns:1fr}.similar-medals-grid,.tag-medals-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));max-height:250px}.modal-medal-item{width:44px;height:44px}}@media (width<=768px){.medal-detail-body,.tag-detail-body{padding:var(--spacing-md);gap:var(--spacing-md)}.medal-detail-zone,.tag-detail-zone{padding:var(--spacing-md)}.medal-info-header{text-align:center;gap:var(--spacing-md)}.medal-detail-image{width:60px;height:60px}.medal-name{font-size:var(--font-size-base)}.tag-name{font-size:var(--font-size-lg)}.similar-medals-grid,.tag-medals-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:200px}.modal-medal-item{width:40px;height:40px}}.modal.explain-tag-modal{z-index:var(--z-notification);background:unset;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal.explain-tag-modal h2{font-size:var(--font-size-lg)}.modal.explain-tag-modal .modal-content.explain-modal-content{width:80vw;max-width:500px}@media (width<=480px){.medal-detail-body,.tag-detail-body{padding:var(--spacing-sm)}.zone-title.tags-zone-header{row-gap:var(--spacing-xs);flex-direction:column;align-items:flex-start}.medal-info-text{gap:var(--spacing-xs);flex-direction:column}.medal-info-text .owned-medal-btn,.medal-info-text .favorite-medal-btn{flex-direction:row}.affects-content{gap:var(--spacing-sm)}.affect-item{padding:var(--spacing-sm)}.modal-body.medal-detail-body{grid-template:"info""trait""tags""similar""functions"/1fr}}.tag-detail-modal{width:90%;max-width:1200px}.tag-detail-body{gap:var(--spacing-xl);padding:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid;overflow-y:auto}.tag-detail-left,.tag-detail-right{gap:var(--spacing-lg);flex-direction:column;display:flex}.zone-title.tip{color:var(--text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.tag-medals-grid{gap:var(--spacing-sm);border-radius:var(--radius-md);max-height:300px;padding:var(--spacing-md);background:#0000004d;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));display:grid;overflow-y:auto}.language-modal-content{width:max-content;max-width:fit-content}.language-modal-content .suggest-more-lang{margin-top:var(--spacing-lg);font-size:var(--font-size-md);color:var(--text-muted);flex-direction:row;align-items:center;margin-left:auto;display:flex}.language-modal-content .suggest-more-lang .title{margin-top:unset;justify-content:center}.language-modal-content .suggest-more-lang .icon-btn{margin-left:var(--spacing-xs);font-size:var(--font-size-lg);color:#f29ead;transition:color var(--transition-fast);border:1px solid #f29ead}.language-option-container{gap:var(--spacing-sm);max-height:min(400px,60vh);padding:var(--spacing-sm);flex-direction:column;display:flex;overflow-y:auto}.language-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;width:100%;color:var(--text-primary);display:flex}.language-option:hover{background:var(--surface-hover);border-color:var(--primary-color);transform:translateY(-1px)}.language-option.active{border-color:var(--primary-color);color:var(--primary-color);background:var(--background-primary);z-index:calc(var(--z-index-modal) + 1);top:0;position:sticky!important}.language-option .language-flag{font-size:var(--font-size-lg)}.language-option .language-name{font-weight:500}.language-option.unavailable{cursor:not-allowed;border-style:dashed;border-width:2px}.language-option.unavailable .badge{color:#a27e43;background:#a27e433b;border:1px solid;border-radius:6px;padding:2px 4px}.language-option.unavailable:hover{background:var(--surface-color);border-color:var(--border-light);transform:none}.preview-modal-content{width:95%;max-width:1200px;max-height:95vh}.preview-modal-body{padding:var(--spacing-lg);gap:var(--spacing-sm);flex-direction:column;max-height:fit-content;display:flex;overflow:hidden auto}.preview-container{border-radius:var(--radius-lg);padding:var(--spacing-md);border:2px solid var(--border-light);background:#0003;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;display:flex}.preview-container canvas{border-radius:var(--radius-md);max-width:100%;max-height:45vh;box-shadow:var(--shadow-lg);border:2px solid var(--primary-color);flex-wrap:wrap;position:relative}.preview-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--text-secondary);flex-direction:column;display:flex}.preview-loading .loading-spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:var(--radius-full);width:48px;height:48px;animation:1s linear infinite spin}.preview-error{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--error-color);text-align:center;flex-direction:column;display:flex}.preview-error .error-icon{font-size:var(--font-size-4xl);opacity:.8}.preview-error .error-text{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.regenerate-btn{background:var(--primary-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-weight:700}.regenerate-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.preview-actions{justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light);display:flex}.action-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-weight:700;font-size:var(--font-size-base);border:none;flex:1;min-height:44px}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;border:2px solid #0000}.primary-btn:hover:not(:disabled){box-shadow:var(--shadow-md);background:linear-gradient(135deg, var(--primary-dark), var(--primary-color));transform:translateY(-2px)}.secondary-btn{background:var(--surface-color);color:var(--text-primary);border:2px solid var(--border-color)}.secondary-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.canvas-style-dropdown{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;display:flex}.canvas-style-dropdown label{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:500}.canvas-style-options{max-width:200px;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-normal);cursor:pointer;background:#0000004d;flex:1}.canvas-style-options::picker(select){border-radius:8px}.canvas-style-options:focus{border-color:var(--primary-color);outline:none}.canvas-style-options option{background:var(--background-secondary);color:var(--text-primary)}.canvas-style-options option:checked{color:var(--primary-color)}.canvas-style-options option:first-of-type{border-radius:8px 8px 0 0}.canvas-style-options option:last-of-type{border-radius:0 0 8px 8px}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.success-notification{background:var(--success-color);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);z-index:10000;box-shadow:var(--shadow-lg);font-weight:700;position:fixed;top:20px;right:20px}@media (prefers-contrast:more){.preview-container{border:3px solid var(--text-primary)}.action-btn{border-width:2px}.primary-btn{background:var(--primary-color)}}@media (prefers-reduced-motion:reduce){.preview-loading .loading-spinner{border:3px solid var(--primary-color);animation:none}.action-btn:hover:not(:disabled){transform:none}.success-notification{animation:none}}.setting-modal-content{width:90%;max-width:700px}.setting-modal-content .modal-body{max-height:70vh}.settings-container{gap:var(--spacing-lg);flex-direction:column;max-height:70%;display:flex;overflow-y:auto}.setting-group{background:var(--surface-color);border-radius:var(--radius-md);transition:all var(--transition-normal)}.setting-group-header{padding:var(--spacing-md) var(--spacing-lg)}.setting-group-title{color:var(--primary-color);font-size:var(--font-size-lg);align-items:center;gap:var(--spacing-sm);margin:0;font-weight:600;display:flex}.setting-group-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.setting-item{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast);display:flex}.setting-label-wrapper{flex:1;min-width:0}.setting-label{align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-weight:500;font-size:var(--font-size-md);margin-bottom:var(--spacing-xs);display:flex}.setting-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:0;line-height:1.4}.setting-help-icon{background:var(--primary-color);color:#fff;cursor:help;width:18px;height:18px;transition:all var(--transition-fast);margin-left:var(--spacing-xs);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.setting-help-icon:hover{background:var(--primary-color-dark);transform:scale(1.1)}.setting-control{justify-content:flex-end;align-items:center;min-width:150px;display:flex}.setting-checkbox-label{cursor:pointer;display:inline-block;position:relative}.setting-checkbox-label input[type=checkbox]{opacity:0;cursor:pointer;position:absolute}.setting-checkbox-label input[type=checkbox]:checked~.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.setting-checkbox-label input[type=checkbox]:checked~.checkbox-custom:after{display:block}.setting-checkbox-label input[type=checkbox]:focus~.checkbox-custom{box-shadow:0 0 0 3px #ff6b3533}.setting-checkbox-label .checkbox-custom{background:var(--background-tertiary);border:2px solid var(--border-color);width:48px;height:26px;transition:all var(--transition-normal);border-radius:26px;display:inline-block;position:relative}.setting-checkbox-label .checkbox-custom:after{content:"";width:18px;height:18px;transition:all var(--transition-normal);background:#fff;border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.setting-checkbox-label input[type=checkbox]:checked~.checkbox-custom:after{left:calc(100% - 22px)}.setting-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-tertiary);color:var(--text-primary);font-size:var(--font-size-md);cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:150px;transition:border-color var(--transition-normal);background:#0000004d;flex:1}.setting-select:hover{border-color:var(--primary-color-light)}.setting-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #ff6b3533}.setting-select option{background:var(--background-tertiary);color:var(--text-primary)}.setting-select option:checked{color:var(--primary-color)}.setting-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast);min-width:150px}.setting-input:hover{border-color:var(--primary-color-light)}.setting-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #ff6b3533}.data-management-group .data-management-content{gap:var(--spacing-lg)}.data-management-group .data-management-item{padding:var(--spacing-lg);background:linear-gradient(135deg, var(--background-primary) 0%, var(--surface-color) 100%);border:2px dashed var(--border-color)}.data-management-group .data-management-item:hover{background:linear-gradient(135deg, var(--surface-color) 0%, var(--surface-hover) 100%)}.setting-btn{padding:var(--spacing-sm) var(--spacing-lg);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:var(--spacing-xs);border:1px solid #49c84f94;justify-content:center;min-width:120px;font-weight:600;display:flex}.setting-btn:hover{background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #52d75940}.setting-btn:active{transform:translateY(0)}.setting-btn.backup-btn,.setting-btn.backup-btn:hover,.setting-btn.restore-btn,.setting-btn.restore-btn:hover{background:#52d75940}.setting-actions{justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);border-top:2px solid var(--border-light);display:flex}.setting-action-btn{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-normal);background:var(--surface-color);color:var(--text-primary);flex:1;font-weight:600}.setting-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.setting-action-btn.reset-btn{color:#bb4d4d;border-color:#bb4d4d}.setting-action-btn.reset-btn:hover{color:#fff;background:#bb4d4d}.setting-action-btn.save-change-btn.primary{background:var(--secondary-light);border-color:var(--secondary-border-color-light);color:var(--secondary-color)}.setting-notification{padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-color);border-radius:var(--radius-md);z-index:calc(var(--z-modal) + 10);opacity:1;transition:all var(--transition-normal);max-width:300px;font-size:var(--font-size-md);background:#201f1fa6;font-weight:500;position:fixed;top:20px;right:20px;transform:translate(400px);box-shadow:0 4px 16px #0003}.setting-notification.show{opacity:1;transform:translate(0)}.setting-notification.success{color:#4caf50;border-left:4px solid #4caf50}.setting-notification.error{color:#ff5252;border-left:4px solid #ff5252}.setting-notification.info{color:#90ee90;border-left:4px solid #90ee90}.setting-notification.warning{color:#ff9800;border-left:4px solid #ff9800}@media (width<=768px){.setting-modal-content{width:95%;max-width:100%}.setting-modal-content .modal-body{padding:var(--spacing-md);max-height:75vh}.setting-item{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.setting-control{justify-content:flex-start;width:100%}.setting-select,.setting-input{width:100%}.setting-actions{flex-direction:column}.data-management-item{gap:var(--spacing-sm);flex-direction:column}.data-management-item .setting-btn{width:100%}.setting-notification{max-width:calc(100% - 20px);left:10px;right:10px}}@media (width<=480px){.setting-group-title{font-size:var(--font-size-md)}.setting-label{font-size:var(--font-size-sm)}.setting-description{font-size:var(--font-size-base)}.setting-action-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}#medalSetDetailModal{z-index:calc(var(--z-modal) - 1)}.medal-set-detail-modal-content{flex-direction:column;width:90%;max-height:90vh;display:flex;overflow:hidden}@media (width<=480px){.medal-set-detail-modal-content{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}}.medal-set-detail-modal-content .modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.medal-set-detail-header-left{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.medal-set-favorite-indicator{color:var(--text-muted);opacity:.3;flex-shrink:0;align-items:center;display:flex}.medal-set-favorite-indicator.active{color:var(--warning-color);opacity:1}.medal-set-detail-name{font-size:var(--font-size-lg);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.medal-set-detail-body{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.medal-set-detail-body::-webkit-scrollbar{width:6px}.medal-set-detail-body::-webkit-scrollbar-track{background:0 0}.medal-set-detail-body::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#ffffff26}.medal-set-detail-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.medal-set-detail-section .section-title{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid #ffffff14;font-weight:600}.medal-set-detail-preview{justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;display:flex}.medal-set-detail-slot{width:80px;height:80px;transition:all var(--transition-fast);background:#0000004d;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.medal-set-detail-slot img{object-fit:cover;width:100%;height:100%}.medal-set-detail-slot .medal-slot-tooltip{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:all var(--transition-fast);background:#000000d9;padding:4px;font-size:10px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.medal-set-detail-slot:hover .medal-slot-tooltip{opacity:1;transform:translateY(0)}.medal-set-detail-slot.active{border-color:var(--border-medal-active);box-shadow:0 0 12px #10b98166}.medal-set-detail-slot.empty{background:#ffffff05;border-style:dashed}.medal-set-detail-slot.empty .empty-slot-text{color:var(--text-muted);font-size:var(--font-size-xs)}@media (width<=480px){.medal-set-detail-slot{width:70px;height:70px}}.medal-set-detail-actions{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;display:flex}.medal-set-detail-action-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;display:flex}.medal-set-detail-action-btn svg{width:20px;height:20px}.medal-set-detail-action-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3}.medal-set-detail-action-btn.active{color:var(--warning-color);border-color:var(--warning-color);background:#f59e0b1a}.medal-set-detail-action-btn.danger{color:var(--error-color)}.medal-set-detail-action-btn.danger:hover{border-color:var(--error-color);background:#ef444426}@media (width<=480px){.medal-set-detail-action-btn{flex:1 1 calc(33.333% - var(--spacing-xs));justify-content:center;min-width:80px}}.medal-set-detail-set-tags{gap:var(--spacing-xs);flex-flow:wrap;display:flex}.medal-set-detail-tags{gap:var(--spacing-xs);flex-direction:column;display:flex}.medal-set-detail-affects{gap:var(--spacing-md);flex-direction:column;display:flex}.medal-set-detail-meta{gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);background:#ffffff05;flex-wrap:wrap;display:flex}.meta-item{gap:var(--spacing-xs);font-size:var(--font-size-xs);display:flex}.meta-item .meta-label{color:var(--text-muted)}.meta-item .meta-value{color:var(--text-secondary)}.meta-item.notes{flex-direction:column;flex:100%;gap:2px}.meta-item.notes .meta-value{padding:var(--spacing-xs);border-radius:var(--radius-sm);background:#ffffff08}.medal-set-detail-section.alternative-medal-section .medal-set-detail-alternative-medals{gap:var(--spacing-sm);border-radius:var(--radius-md);max-height:300px;padding:var(--spacing-md);background:#0000004d;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));display:grid;overflow-y:auto}.medal-set-detail-section .empty-message{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--spacing-md);margin:0}.medal-set-detail-section.preview-section{grid-area:preview}.medal-set-detail-section.actions-section{grid-area:actions}.medal-set-detail-section.set-tags-section{grid-area:set-tags}.medal-set-detail-section.alternative-medal-section{grid-area:alternative-medals}.medal-set-detail-section.tags-section{grid-area:tags}.medal-set-detail-section.affects-section{grid-area:affects}.medal-set-detail-section.meta-section{grid-area:meta}@media (width>=600px){.medal-set-detail-body{gap:var(--spacing-lg);grid-template:"preview alternative-medals"1fr"actions alternative-medals"1fr"set-tags set-tags""tags affects""meta meta"/1fr 1fr;display:grid}}.app-container{gap:var(--spacing-md);padding:var(--spacing-md);height:100vh;height:calc(var(--vh,1vh) * 100);height:100dvh;max-height:100vh;max-height:calc(var(--vh,1vh) * 100);grid-template:"nav-bar nav-bar""left-panel right-panel"1fr/.8fr 1fr;max-height:100dvh;margin:0 auto;display:grid;overflow:hidden}.left-panel{gap:var(--spacing-sm);flex-direction:column;grid-area:left-panel;min-height:0;display:flex;overflow:hidden}.right-panel{gap:var(--spacing-xs);flex-direction:column;grid-area:right-panel;min-height:0;display:flex;overflow:hidden}.left-panel,.right-panel{max-height:100%}.medal-set-zone{flex-shrink:0}.affects-tags-zone{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.affects-tags-zone .content-display{overflow:hidden auto}.functions-zone{flex-shrink:0}.medal-list-zone{flex:1;min-height:0;overflow:hidden}.medal-list-zone .medal-list-container{overflow:hidden auto}.language-toggle{top:var(--spacing-md);right:var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:calc(var(--z-dropdown) + 100);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;position:fixed}.language-toggle:hover{background:var(--surface-hover);transform:translateY(-1px)}.language-toggle .language-flag{font-size:var(--font-size-base)}.back-button-container{top:var(--spacing-md);left:var(--spacing-md);z-index:var(--z-dropdown);position:fixed}.back-button{align-items:center;gap:var(--spacing-xs);background:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--font-size-sm);display:flex}.back-button:hover{background:var(--surface-hover);color:var(--primary-color);transform:translateY(-1px)}@media (width>=1400px){.medal-grid{padding:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:5px;max-height:none}.medal-item{width:48px;height:48px}.medal-item-wrapper{width:55px;height:55px}.modal-body{padding:var(--spacing-sm)}.medal-detail-body,.tag-detail-body{max-height:none;padding:var(--spacing-sm)}.affects-content{gap:var(--spacing-sm)}.affect-item{padding:var(--spacing-sm)}}@media (width<=1023px){.medal-detail-body,.tag-detail-body{gap:var(--spacing-lg);grid-template-columns:1fr}.similar-medals-grid,.tag-medals-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));max-height:250px}.modal-medal-item{width:44px;height:44px}}@media (width>=1400px){body{overflow-y:hidden}.medal-slot{width:72px;height:72px}.medal-slot img{width:64px;height:64px}.medal-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.medal-item{width:60px;height:60px}}@media (width>=1024px) and (width<=1399px){body{overflow-y:hidden}}@media (width<=1023px){.app-container{padding:var(--spacing-sm);gap:var(--spacing-sm);grid-template-columns:1fr 1fr}body{overflow-y:hidden}.left-panel,.right-panel{max-height:100%}.medal-slots-row{justify-content:center}.medal-slot{width:64px;height:64px}.medal-slot img{width:56px;height:56px}.function-bar{gap:var(--spacing-sm)}.filter-btn{min-width:40px;height:40px}.medal-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.medal-item{width:56px;height:56px}}@media (width<=768px){.app-container{gap:var(--spacing-sm);padding:var(--spacing-sm);height:100vh;height:calc(var(--vh,1vh) * 100);height:100dvh;max-height:100vh;max-height:calc(var(--vh,1vh) * 100);grid-template:"nav-bar""left-panel""right-panel"1fr/1fr;max-height:100dvh;display:grid;overflow:hidden}.left-panel{gap:var(--spacing-sm);flex-direction:column;display:flex;overflow-y:auto}.right-panel{gap:var(--spacing-sm);flex-direction:column;min-height:0;max-height:100%;display:flex;overflow:hidden}.medal-set-zone{padding:var(--spacing-md)}.medal-set-container{z-index:10;background:var(--surface-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;box-shadow:0 2px 8px #00000014}.medal-slot{width:60px;height:60px}.medal-slot img{width:52px;height:52px}.affects-tags-zone{padding:var(--spacing-md);flex:1;min-height:200px;max-height:none;overflow:visible}.content-display{min-height:100px;overflow-y:auto}.toggle-buttons{margin-bottom:var(--spacing-xs)}.toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.functions-zone{padding:var(--spacing-sm);flex-shrink:0}.filter-btn{min-width:36px;height:36px}.medal-list-zone{padding:var(--spacing-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.medal-list-container{flex:1;overflow:hidden auto}.medal-grid{gap:var(--spacing-xs);grid-template-columns:repeat(5,minmax(min-content,1fr));max-height:none}.medal-item-wrapper,.medal-item-wrapper .medal-item{width:unset;height:unset}.language-toggle{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs);font-size:10px}.tag-progress-item{height:24px}.tag-progress-content{font-size:1rem}.tag-progress-count{font-size:.9rem}.modal-header{padding:var(--spacing-md)}.filter-modal-content,.language-modal-content{max-width:90%;max-height:90vh}.preview-modal_body{padding:var(--spacing-md);max-height:calc(100vh - 80px)}.preview-actions{padding:var(--spacing-md);margin:0 calc(-1 * var(--spacing-md));border-top:2px solid var(--border-light);flex-direction:column;position:sticky;bottom:0}.action-btn{min-height:48px;font-size:var(--font-size-lg)}}@media (width<=480px){html{font-size:16px}.app-container{gap:var(--spacing-xs);padding:var(--spacing-xs);height:100vh;height:calc(var(--vh,1vh) * 100);height:100dvh;max-height:100vh;max-height:calc(var(--vh,1vh) * 100);grid-template:"nav-bar""left-panel"1fr"right-panel"1fr/1fr;max-height:100dvh;display:grid;overflow:hidden}.left-panel{gap:var(--spacing-xs);flex-direction:column;display:flex;overflow-y:auto}.right-panel{gap:var(--spacing-xs);flex-direction:column;min-height:0;max-height:100%;display:flex;overflow:hidden}#foldLayoutBtn{display:block!important}.app-title{display:none}.medal-list-zone,.affects-tags-zone,.functions-zone{padding:var(--spacing-xs)}.options-container{grid-template-columns:1fr 1fr}.medal-list-container{min-height:20%}.medal-set-zone{padding:var(--spacing-sm)}.medal-slots-row{gap:var(--spacing-xs);flex-direction:row}.medal-slot{width:65px;height:65px}.medal-slot img{width:55px;height:55px}.medal-slot .remove-btn{width:18px;height:18px;font-size:10px;top:-6px;right:-6px}.affects-tags-zone{padding:var(--spacing-xs);flex:1;min-height:150px;max-height:none;overflow:visible}.affect-section-title{max-width:25%}.content-display{min-height:120px;padding:var(--spacing-xs);height:auto;overflow-y:auto}.affects-list li{padding:var(--spacing-xs) 0;font-size:var(--font-size-base)}.functions-zone{padding:var(--spacing-xs)}.function-bar{gap:var(--spacing-xs);flex-shrink:0}.filter-btn{min-width:32px;height:32px}.options-container{margin-bottom:var(--spacing-md);margin-left:var(--spacing-md);grid-template-columns:repeat(2,minmax(min-content,1fr));gap:5px;display:grid}.medal-list-zone{padding:var(--spacing-xs);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.medal-list-container{flex:1;min-height:200px;overflow:hidden auto}.medal-grid{gap:var(--spacing-xs);grid-template-columns:repeat(5,1fr)}.medal-item-wrapper{aspect-ratio:1;width:100%;height:auto}.medal-item-wrapper .medal-item{width:100%;height:100%}.display-mode-btn{width:100px;max-width:unset;min-width:unset}#replace-medals-content>.function-bar{row-gap:var(--spacing-xs);flex-direction:column}}.ranking-container{max-width:1200px;padding:var(--spacing-lg);background:linear-gradient(135deg, var(--background-primary) 0%, var(--background-secondary) 100%);min-height:100vh;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}.page-title{font-size:var(--font-size-4xl);color:var(--primary-color);text-shadow:0 2px 4px #0000004d;margin:0;font-weight:700}.message-panel{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1a1a1a 70%,#505050);display:flex}.message-icon{color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:70px;height:100%;max-height:70px;display:flex}.message-content{flex:1}.message-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600;font-size:var(--font-size-base)}.message-text{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}#lastUpdate{color:var(--success-color);font-weight:700}.ranking-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.character-item{background:var(--ranking-default);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-md);align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:var(--character-item-height);display:flex}.character-item:hover{box-shadow:var(--shadow-lg);background:var(--surface-hover);transform:scale(1.03)}.character-item[data-character-id="1"]{background:linear-gradient(135deg, var(--ranking-gold) 70%, #1c1c1c33);box-shadow:0 0 3px #ffd70066}.character-item[data-character-id="1"] .score-value{color:#fff!important}.character-item[data-character-id="2"]{background:linear-gradient(135deg, var(--ranking-silver) 70%, #2e2b2b);box-shadow:0 0 3px #c0c0c066}.character-item[data-character-id="2"] .score-value{color:#fff!important}.character-item[data-character-id="3"]{background:linear-gradient(135deg, var(--ranking-bronze) 70%, #0b0b0b);box-shadow:0 0 3px #cd7f3266}.character-item[data-character-id="3"] .score-value{color:#fff!important}.ranking-number{border-radius:var(--radius-md);width:40px;height:40px;font-weight:700;font-size:var(--font-size-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ranking-number img{object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;top:0;left:0}.ranking-number.rank-top-10{color:#000;background:#fff;box-shadow:0 0 15px #cd4e894d}.ranking-number.rank-top-20{color:#000;background:#fff;box-shadow:0 0 15px #cd4e4e4d}.ranking-number.rank-default{color:var(--text-primary)}.character-image{flex-shrink:0;width:60px;height:60px;position:relative;overflow:hidden}.character-image img{object-fit:cover;width:100%;height:100%}.character-image:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 10px #0000004d}.character-info{flex:1;min-width:0}.character-name{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600;line-height:1.2}.character-class{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.character-score{text-align:right;flex-shrink:0}.score-value{font-size:var(--font-size-xl);color:var(--primary-color);font-weight:700;line-height:1}.score-change.up{color:#2ecc71}.score-change.down{color:#e74c3c}.score-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;margin-top:var(--spacing-xs)}.load-more-container{padding:var(--spacing-xl);justify-content:center;display:flex}#test-scroll-view-element{scroll-margin-top:5px}.highlight-scroll{background-color:var(--scroll-highlight-color);color:var(--ternary-color);border-radius:var(--radius-md);border:1px dashed var(--quaternary-color);transition:transform .24s cubic-bezier(.2,.9,.3,1);animation:1s infinite blink;top:0}@keyframes blink{0%{background-color:var(--scroll-highlight-color)}50%{background-color:#0000}to{background-color:var(--scroll-highlight-color)}}.modal-empty-icon{fill:#00bf63;stroke:#00bf63}input[type=checkbox][name=medal_type][value=false]+label{color:#f0b521;font-size:large}input[type=checkbox][name=medal_type][value=true]+label{color:pink;font-size:large}.filter-option:has(input[type=checkbox]:not([name=medal_type]):checked){border:1px solid var(--ternary-color);border-radius:var(--radius-md);background-color:#1f342a}#replace-medals-content{row-gap:var(--spacing-md);flex-direction:column;height:100%;display:flex}#replace-medals-content hr{border:1px dashed var(--border-color);margin:0 20%}.icon-tip{color:var(--text-muted);font-size:.875rem}.icon-tip svg{width:1rem;height:1rem;margin-right:.25rem}.medal-item-wrapper.marked-item{border-width:unset;background:#b5b5b5;border-radius:8px}.medal-item[data-mark=active]{background:#e5e5e5;border-radius:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#0003}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}