.navigation{background:#4dd0e1;padding:0;box-shadow:0 4px 20px rgba(77,208,225,.3);position:relative}.navigation .nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;min-height:50px}.navigation .nav-brand{font-size:1rem;font-weight:500;color:#fff;text-decoration:none;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.15px;padding-left:1rem}.navigation .nav-brand:hover{color:#fbbf24;transform:translateY(-2px)}.navigation .drawer-toggle{display:block;background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:12px;border-radius:.375rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.navigation .drawer-toggle:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.05)}.navigation .drawer-toggle svg{width:32px;height:32px}@media(min-width: 1000px){.navigation .drawer-toggle{display:none}}.navigation .nav-menu{display:none !important;list-style:none !important;gap:1rem;align-items:center;padding:0 !important;margin:0 !important}@media(min-width: 1000px){.navigation .nav-menu{display:flex !important}}.navigation .nav-menu .nav-link{color:hsla(0,0%,100%,.9) !important;text-decoration:none !important;font-weight:500;font-size:.875rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:.5rem;white-space:nowrap}.navigation .nav-menu .nav-link:hover{color:#fff !important;background-color:hsla(0,0%,100%,.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.navigation .nav-menu .nav-link.active{color:#ffaec3 !important;font-weight:700}.navigation .nav-menu .nav-dropdown{position:relative}.navigation .nav-menu .nav-dropdown .nav-dropdown-toggle{display:flex;align-items:center;gap:.25rem;text-decoration:none !important}.navigation .nav-menu .nav-dropdown .nav-dropdown-toggle::after{content:"▼";font-size:.75rem;transition:transform .3s ease}.navigation .nav-menu .nav-dropdown .nav-dropdown-toggle:hover::after{transform:rotate(180deg)}.navigation .nav-menu .nav-dropdown .nav-dropdown-toggle.active{color:#ffaec3 !important;font-weight:700}.navigation .nav-menu .nav-dropdown .nav-dropdown-menu{position:absolute;top:100%;left:0;background:#4dd0e1;min-width:160px;box-shadow:0 4px 20px rgba(77,208,225,.3);border-radius:.5rem;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;list-style:none !important;margin:0 !important}.navigation .nav-menu .nav-dropdown .nav-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.navigation .nav-menu .nav-dropdown .nav-dropdown-link{display:block;padding:.5rem 1rem;color:hsla(0,0%,100%,.9) !important;text-decoration:none !important;font-size:.875rem;transition:all .3s ease}.navigation .nav-menu .nav-dropdown .nav-dropdown-link:hover{color:#fff !important;background-color:hsla(0,0%,100%,.2)}.navigation .nav-menu .nav-dropdown .nav-dropdown-link.active{color:#ffaec3 !important;background-color:hsla(0,0%,100%,.1);font-weight:700}.navigation .nav-menu .nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.navigation .nav-menu .nav-user-menu{display:flex;align-items:center;gap:1rem}.navigation .nav-menu .nav-user-menu .nav-user-name{color:hsla(0,0%,100%,.9);font-weight:500;font-size:.875rem}.navigation .nav-menu .nav-user-menu .nav-logout{background:none;border:none;color:hsla(0,0%,100%,.9);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem .5rem;border-radius:.5rem;cursor:pointer;font-size:.875rem}.navigation .nav-menu .nav-user-menu .nav-logout:hover{color:#fff;background-color:hsla(0,0%,100%,.2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:rgba(77,208,225,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s ease}.drawer-overlay.active{opacity:1;visibility:visible}@media(min-width: 1000px){.drawer-overlay{display:none}}.drawer-menu{position:fixed;top:0;right:0;width:280px;height:100vh;height:100dvh;background:linear-gradient(180deg, rgba(77, 208, 225, 0.95) 0%, rgba(255, 138, 149, 0.95) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:-4px 0 20px rgba(77,208,225,.3);z-index:2000;transform:translateX(100%);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1);overflow-y:auto;visibility:hidden}@media(min-width: 1000px){.drawer-menu{display:none}}.drawer-menu.open{transform:translateX(0);visibility:visible}.drawer-menu .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.3);background-color:hsla(0,0%,100%,.1)}.drawer-menu .drawer-header h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.drawer-menu .drawer-header .drawer-close{background:none;border:none;color:#fff;font-size:1.125rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .3s ease}.drawer-menu .drawer-header .drawer-close:hover{background-color:hsla(0,0%,100%,.1);transform:scale(1.05)}.drawer-nav-menu{list-style:none;padding:.5rem 0;margin:0}.drawer-nav-menu>li{margin-bottom:.25rem}.drawer-nav-menu .drawer-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:hsla(0,0%,100%,.95);text-decoration:none;font-weight:500;font-size:1rem;transition:all .2s ease;border-radius:.375rem;margin:0 .5rem;position:relative}.drawer-nav-menu .drawer-nav-link i,.drawer-nav-menu .drawer-nav-link svg{width:24px;height:24px;text-align:center;font-size:1.125rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.drawer-nav-menu .drawer-nav-link svg{width:24px;height:24px}.drawer-nav-menu .drawer-nav-link:hover{color:#fff;background-color:hsla(0,0%,100%,.12);transform:translateX(4px)}.drawer-nav-menu .drawer-nav-link.active{color:#fff;background:linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.15) 100%);font-weight:600;box-shadow:0 2px 8px hsla(0,0%,100%,.3)}.drawer-nav-menu .drawer-nav-link.active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#fff;border-radius:0 2px 2px 0}.drawer-nav-section{margin-bottom:.5rem}.drawer-nav-section .drawer-nav-section-title{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:hsla(0,0%,100%,.95);font-weight:600;font-size:.875rem;text-transform:none;letter-spacing:.3px;cursor:pointer;user-select:none;position:relative;border-radius:.375rem;margin:0 .5rem;background-color:hsla(0,0%,100%,.15);transition:all .2s ease}.drawer-nav-section .drawer-nav-section-title:has(.toggle-icon)::after{display:none}.drawer-nav-section .drawer-nav-section-title::after{content:"";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:6px solid hsla(0,0%,100%,.4)}.drawer-nav-section .drawer-nav-section-title:hover{background-color:hsla(0,0%,100%,.25);color:#fff}.drawer-nav-section .drawer-nav-section-title i,.drawer-nav-section .drawer-nav-section-title svg{width:24px;height:24px;text-align:center;font-size:1.125rem;opacity:.9;flex-shrink:0;display:flex;align-items:center;justify-content:center}.drawer-nav-section .drawer-nav-section-title svg{width:24px;height:24px}.drawer-nav-section .drawer-nav-section-title .toggle-icon{margin-left:auto;transition:transform .3s ease;opacity:.7;font-size:.875rem}.drawer-nav-section .drawer-nav-section-title.collapsed .toggle-icon{transform:rotate(0deg)}.drawer-nav-section .drawer-nav-section-title:not(.collapsed) .toggle-icon{transform:rotate(180deg)}.drawer-nav-section .drawer-nav-submenu{list-style:none;padding:.25rem 0;margin:0;max-height:500px;overflow:hidden;transition:max-height .3s ease}.drawer-nav-section .drawer-nav-submenu.collapsed{max-height:0;padding:0}.drawer-nav-section .drawer-nav-submenu .drawer-nav-link{padding-left:calc(1.5rem + 24px + 1rem);font-size:.875rem;margin-left:.5rem;margin-right:.5rem;padding-top:.5rem;padding-bottom:.5rem}.drawer-nav-section .drawer-nav-submenu .drawer-nav-link i,.drawer-nav-section .drawer-nav-submenu .drawer-nav-link svg{width:20px;height:20px;font-size:1rem}.drawer-nav-section .drawer-nav-submenu .drawer-nav-link svg{width:20px;height:20px}.drawer-logout-form{margin:0;padding:0}.drawer-logout-form .drawer-logout{width:100%;background:none;border:none;text-align:left;cursor:pointer}.drawer-menu{width:280px}body.drawer-open{overflow:hidden}.unified-item-card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.unified-item-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border-color:#4dd0e1}.unified-item-card .card-main{padding:1rem;display:flex;flex-direction:column;gap:1rem}.unified-item-card .character-info{display:flex;align-items:center;gap:1rem;padding:.5rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(59, 130, 246, 0.1));border-radius:.375rem;border:1px solid rgba(59,130,246,.2)}.unified-item-card .character-info .character-image{width:100px;height:100px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.unified-item-card .character-info .character-details{flex:1}.unified-item-card .character-info .character-details .character-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem 0}.unified-item-card .character-info .character-details .character-description{font-size:.875rem;color:#64748b;line-height:1.4;margin:0}.unified-item-card .character-info .character-details .character-description strong{font-weight:700}.unified-item-card .weapon-info{padding:.5rem;background:linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(239, 68, 68, 0.1));border-radius:.375rem;border:1px solid rgba(239,68,68,.2)}.unified-item-card .weapon-info .weapon-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.unified-item-card .weapon-info .weapon-header .weapon-image{width:100px;height:100px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.unified-item-card .weapon-info .weapon-header .weapon-details{flex:1}.unified-item-card .weapon-info .weapon-header .weapon-details .weapon-name-wrapper{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.unified-item-card .weapon-info .weapon-header .weapon-details .weapon-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.unified-item-card .weapon-info .weapon-header .weapon-details .weapon-badges{display:flex;gap:.25rem}.unified-item-card .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge.passive-badge{transition:all .3s ease;background:linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.25)) !important;color:#10b981 !important;border:1px solid rgba(16,185,129,.4) !important;box-shadow:0 2px 4px rgba(16,185,129,.2) !important}.unified-item-card .weapon-info .weapon-description{font-size:.875rem;color:#64748b;line-height:1.4;margin:0;white-space:pre-line}.unified-item-card .weapon-info .weapon-description strong{font-weight:700}.unified-item-card .weapon-info .weapon-enhancements{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(239,68,68,.2)}.unified-item-card .weapon-info .weapon-enhancements .category-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(239,68,68,.3)}.unified-item-card .weapon-info .weapon-enhancements .category-header .category-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem 0}.unified-item-card .weapon-info .weapon-enhancements .enhancement-item{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(239,68,68,.1)}.unified-item-card .weapon-info .weapon-enhancements .enhancement-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.unified-item-card .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:.875rem;font-weight:600;color:#1e293b;min-width:40px;flex-shrink:0;background:linear-gradient(135deg, rgba(100, 116, 139, 0.1), rgba(100, 116, 139, 0.15));padding:2px 6px;border-radius:4px;border:1px solid rgba(100,116,139,.2)}.unified-item-card .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:.875rem;color:#64748b;line-height:1.4;flex:1}.unified-item-card .weapon-info .weapon-enhancements .enhancement-item .enhancement-text strong{font-weight:700}.unified-item-card .weapon-info .weapon-enhancements.passive-enhancements{border-top:none !important}.unified-item-card .weapon-info .weapon-enhancements.passive-enhancements .category-header{border-bottom:none !important}.unified-item-card .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item{border-bottom:none !important}.unified-item-card .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item .enhancement-label{background:linear-gradient(135deg, rgba(66, 199, 159, 0.1), rgba(66, 199, 159, 0.15)) !important;color:#42c79f !important;border:1px solid rgba(66,199,159,.2) !important}.unified-item-card .potion-info{padding:.5rem;background:linear-gradient(135deg, rgba(139, 92, 246, 0.05), rgba(139, 92, 246, 0.1));border-radius:.375rem;border:1px solid rgba(139,92,246,.2)}.unified-item-card .potion-info .potion-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.unified-item-card .potion-info .potion-header .potion-image{width:100px;height:100px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.unified-item-card .potion-info .potion-header .potion-details{flex:1}.unified-item-card .potion-info .potion-header .potion-details .potion-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.unified-item-card .potion-info .potion-effects{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(139,92,246,.2)}.unified-item-card .potion-info .potion-effects .effect-item{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(139,92,246,.1)}.unified-item-card .potion-info .potion-effects .effect-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.unified-item-card .potion-info .potion-effects .effect-item .effect-label{font-size:.875rem;font-weight:600;color:#1e293b;min-width:60px;flex-shrink:0;background:linear-gradient(135deg, rgba(100, 116, 139, 0.1), rgba(100, 116, 139, 0.15));padding:2px 6px;border-radius:4px;border:1px solid rgba(100,116,139,.2)}.unified-item-card .potion-info .potion-effects .effect-item .effect-text{font-size:.875rem;color:#64748b;line-height:1.4;flex:1}.unified-item-card .potion-info .potion-effects .effect-item .effect-text strong{font-weight:700}.unified-item-card .weapon-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-align:center}.unified-item-card .element-badge[data-element=炎],.unified-item-card .element-badge[data-elements*=炎]{background-color:rgba(251,146,60,.1) !important;color:#ea580c !important;border:1px solid rgba(251,146,60,.3) !important}.unified-item-card .element-badge[data-element=氷],.unified-item-card .element-badge[data-elements*=氷]{background-color:rgba(68,170,255,.1) !important;color:#4af !important;border:1px solid rgba(68,170,255,.3) !important}.unified-item-card .element-badge[data-element=雷],.unified-item-card .element-badge[data-elements*=雷]{background-color:rgba(170,68,255,.1) !important;color:#a4f !important;border:1px solid rgba(170,68,255,.3) !important}.unified-item-card .element-badge[data-element=物理],.unified-item-card .element-badge[data-elements*=物理]{background-color:rgba(255,193,7,.1) !important;color:#d97706 !important;border:1px solid rgba(255,193,7,.3) !important}.unified-item-card .element-badge[data-element=異能],.unified-item-card .element-badge[data-elements*=異能]{background-color:rgba(136,136,136,.1) !important;color:#888 !important;border:1px solid rgba(136,136,136,.3) !important}.unified-item-card .type-badge[data-type=強攻]{background-color:rgba(239,68,68,.1) !important;color:#dc2626 !important;border:1px solid rgba(239,68,68,.3) !important}.unified-item-card .type-badge[data-type=剛毅]{background-color:rgba(59,130,246,.1) !important;color:#2563eb !important;border:1px solid rgba(59,130,246,.3) !important}.unified-item-card .type-badge[data-type=恩恵]{background-color:rgba(34,197,94,.1) !important;color:#16a34a !important;border:1px solid rgba(34,197,94,.3) !important}@media(max-width: 768px){.unified-item-card .card-main{padding:.5rem;gap:.5rem}.unified-item-card .character-info{flex-direction:column;text-align:center;gap:.5rem}.unified-item-card .character-info .character-image{width:80px;height:80px}.unified-item-card .character-info .character-name{font-size:1.125rem}.unified-item-card .weapon-info,.unified-item-card .potion-info{padding:.25rem}.unified-item-card .weapon-info .weapon-header,.unified-item-card .weapon-info .potion-header,.unified-item-card .potion-info .weapon-header,.unified-item-card .potion-info .potion-header{flex-direction:column;text-align:center;gap:.5rem}.unified-item-card .weapon-info .weapon-header .weapon-image,.unified-item-card .weapon-info .potion-header .weapon-image,.unified-item-card .potion-info .weapon-header .weapon-image,.unified-item-card .potion-info .potion-header .weapon-image{width:70px;height:70px}.unified-item-card .weapon-info .weapon-header .potion-image,.unified-item-card .weapon-info .potion-header .potion-image,.unified-item-card .potion-info .weapon-header .potion-image,.unified-item-card .potion-info .potion-header .potion-image{width:80px;height:80px}.unified-item-card .weapon-info .weapon-badges,.unified-item-card .potion-info .weapon-badges{justify-content:center}.unified-item-card .potion-effects .effect-item{flex-direction:column;gap:.25rem}.unified-item-card .potion-effects .effect-item .effect-label{min-width:auto}}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge.passive-badge{transition:all .3s ease;background:linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(16, 185, 129, 0.25)) !important;color:#10b981 !important;border:1px solid rgba(16,185,129,.4) !important;box-shadow:0 2px 4px rgba(16,185,129,.2) !important}.unified-item-card-popup .skill-item-name strong{font-weight:700}.passive-popup-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:10000;align-items:center;justify-content:center;animation:fadeIn .3s ease}.passive-popup-modal .passive-popup-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease;border:2px solid rgba(239,68,68,.3)}.passive-popup-modal .passive-popup-content .passive-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(239, 68, 68, 0.1))}.passive-popup-modal .passive-popup-content .passive-popup-header .passive-popup-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.passive-popup-modal .passive-popup-content .passive-popup-header .passive-popup-close{background:none;border:none;font-size:28px;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.passive-popup-modal .passive-popup-content .passive-popup-header .passive-popup-close:hover{background-color:rgba(239,68,68,.1);color:#dc2626}.passive-popup-modal .passive-popup-content .passive-popup-body{padding:1rem}.passive-popup-modal .passive-popup-content .passive-popup-body .passive-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(239,68,68,.1)}.passive-popup-modal .passive-popup-content .passive-popup-body .passive-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.passive-popup-modal .passive-popup-content .passive-popup-body .passive-item .passive-item-header{display:flex;align-items:center;margin-bottom:.25rem}.passive-popup-modal .passive-popup-content .passive-popup-body .passive-item .passive-item-number{font-size:.875rem;font-weight:700;color:#dc2626;background:linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(239, 68, 68, 0.15));padding:4px 10px;border-radius:4px;border:1px solid rgba(239,68,68,.3);display:inline-block}.passive-popup-modal .passive-popup-content .passive-popup-body .passive-item .passive-item-text{font-size:.875rem;color:#64748b;line-height:1.6;margin:0;white-space:pre-line;padding-left:.25rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.page-header{background:#4dd0e1;padding:0 0 .5rem 0;color:#fff;margin-bottom:1rem;text-align:center}@media(max-width: 768px){.page-header{padding:0 0 .25rem 0;margin-bottom:.5rem}}.page-header .header-container{max-width:1200px;margin:0 auto;padding:0 1rem .5rem;text-align:center;box-sizing:border-box;width:100%}.page-header .container{padding-top:0;padding-bottom:.5rem;margin-top:0;margin-bottom:0}.page-header .page-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.page-header .page-title i{font-size:1.875rem;display:inline-flex;align-items:center}.page-header .page-title span{display:inline-block}@media(max-width: 768px){.page-header .page-title{font-size:1.5rem}.page-header .page-title i{font-size:1.5rem}}.page-header .page-description{font-size:1.125rem;text-align:center;opacity:.9;max-width:600px;margin:0 auto;width:100%}@media(max-width: 768px){.page-header .page-description{font-size:1rem}}.page-header .breadcrumbs{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:0;margin-bottom:0;font-size:.875rem;width:100%;box-sizing:border-box;flex-wrap:wrap}.page-header .breadcrumbs .breadcrumb-item{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s ease}.page-header .breadcrumbs .breadcrumb-item:hover{color:#fff}.page-header .breadcrumbs .breadcrumb-item.active{color:#fff;font-weight:600}.page-header .breadcrumbs .breadcrumb-separator{color:hsla(0,0%,100%,.5)}.timer-type-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.timer-type-selector .type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px;color:#1e293b}.timer-type-selector .type-btn:hover{border-color:#4dd0e1;transform:translateY(-2px)}.timer-type-selector .type-btn.active{border-color:#4dd0e1;background:#4dd0e1;color:#fff}.timer-type-selector .type-btn .type-icon{font-size:1.5rem}.timer-type-selector .type-btn .type-text{font-weight:600;font-size:.9rem}.timer-container{max-width:900px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e2e8f0}.timer-container.hidden{display:none}.timer-type-selector{max-width:900px;margin:0 auto 2rem auto}.preset-buttons{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.preset-buttons h4,.preset-buttons h5{margin:0 0 1rem 0;color:#1e293b;font-size:1rem;font-weight:600}.preset-buttons .preset-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.preset-buttons .preset-actions{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center;flex-wrap:nowrap}.preset-buttons .preset-actions .btn{min-width:80px;white-space:nowrap;font-size:.85rem;padding:.5rem 1rem}.preset-buttons .preset-save-form{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e2e8f0;margin-bottom:1rem}.preset-buttons .preset-save-form .form-group{margin-bottom:.75rem}.preset-buttons .preset-save-form .form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151}.preset-buttons .preset-list .preset-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.5rem}.preset-buttons .preset-list .preset-item .preset-info{flex:1}.preset-buttons .preset-list .preset-item .preset-info h6{margin:0 0 .25rem 0;color:#1e293b;font-size:.9rem;font-weight:600}.preset-buttons .preset-list .preset-item .preset-info .preset-description{margin:0 0 .25rem 0;color:#6b7280;font-size:.8rem}.preset-buttons .preset-list .preset-item .preset-info .preset-date{color:#9ca3af;font-size:.75rem}.preset-buttons .preset-list .preset-item .preset-actions{display:flex;gap:.25rem;margin:0}.preset-buttons .preset-list .no-presets{text-align:center;color:#6b7280;font-style:italic;padding:1rem;margin:0}.timer-title{text-align:center;margin-bottom:1rem;color:#1e293b;font-size:1.3rem;font-weight:600;line-height:1.3}.timer-controls{display:flex !important;flex-direction:column !important;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;max-width:900px;margin-left:auto;margin-right:auto}.timer-input-row{display:flex !important;flex-direction:row !important;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem;width:100%}@media(max-width: 768px){.timer-input-row{flex-direction:column !important;gap:1rem}}.timer-input-group{display:flex !important;flex-direction:column !important;gap:.5rem;position:relative;padding:1rem;background:#fff;border-radius:8px;border:1px solid #f1f5f9;transition:all .2s ease;align-items:flex-start;flex:1 !important;min-width:0;max-width:none}.timer-input-group:hover{border-color:#e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.timer-input-group:focus-within{border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.timer-input-group label{font-weight:600;color:#1e293b;font-size:.9rem;margin-bottom:.25rem;display:block;white-space:nowrap}.timer-input-group label::after{content:" *";color:#ef4444;font-weight:700}.timer-input-group .timer-input{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;color:#1e293b;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);width:100%;min-width:120px}.timer-input-group .timer-input::placeholder{color:#94a3b8;font-size:.9rem;font-style:italic}.timer-input-group .timer-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1),0 1px 3px rgba(0,0,0,.1);transform:translateY(-1px)}.timer-input-group .timer-input:focus::placeholder{color:#cbd5e1}.timer-input-group .timer-input:hover{border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.15)}.timer-options{display:flex !important;flex-direction:row !important;gap:2rem;align-items:center;justify-content:center;padding-top:1.5rem;border-top:1px solid #e2e8f0;flex-wrap:wrap;width:100%}.checkbox-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:500;color:#1e293b;padding:.4rem;border-radius:6px;transition:background-color .2s ease;font-size:.85rem}.checkbox-label:hover{background-color:#f8fafc}.checkbox-label .timer-checkbox{width:1rem;height:1rem;accent-color:#4dd0e1;cursor:pointer}.sound-theme-selector{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px}.sound-theme-selector label{font-weight:500;color:#1e293b;font-size:.9rem;white-space:nowrap}.sound-theme-selector .timer-select{padding:.5rem;border:2px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;font-size:.9rem;cursor:pointer;transition:all .2s ease}.sound-theme-selector .timer-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.sound-theme-selector .timer-select:hover{border-color:#cbd5e1}.timer-display{text-align:center;margin-bottom:2rem;padding:2rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;max-width:800px;margin-left:auto;margin-right:auto;transition:all .3s ease}.timer-display.interval-mode{background:#fef3c7;border-color:#f59e0b}.timer-countdown{font-size:4rem;font-weight:700;color:#4dd0e1;font-family:"Courier New",monospace;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:color .3s ease}.timer-countdown.interval-mode{color:#f59e0b;text-shadow:0 2px 4px rgba(245,158,11,.2)}.timer-countup{font-size:4rem;font-weight:700;color:#a5d6a7;font-family:"Courier New",monospace;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1);transition:color .3s ease}.timer-status{font-size:1.1rem;color:#64748b;font-weight:500}.timer-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap;max-width:800px;margin-left:auto;margin-right:auto}.timer-buttons .btn{min-width:120px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.timer-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.timer-buttons .btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.timer-buttons .btn-primary{background:#4dd0e1;color:#fff}.timer-buttons .btn-primary:not(:disabled):hover{background:rgb(51.1557692308,201.1759615385,220.6442307692)}.timer-buttons .btn-success{background:#10b981;color:#fff}.timer-buttons .btn-success:not(:disabled):hover{background:#059669}.timer-buttons .btn-danger{background:#ef4444;color:#fff}.timer-buttons .btn-danger:not(:disabled):hover{background:#dc2626}.timer-buttons .btn-outline{background:rgba(0,0,0,0);color:#1e293b;border:2px solid #e2e8f0}.timer-buttons .btn-outline:not(:disabled):hover{background:#f8fafc;border-color:#1e293b}.timer-buttons .btn-primary,.timer-buttons .btn-success,.timer-buttons .btn-danger{min-width:180px;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.timer-buttons .btn-primary:not(:disabled):hover,.timer-buttons .btn-success:not(:disabled):hover,.timer-buttons .btn-danger:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.2)}.timer-buttons .btn-primary:not(:disabled):active,.timer-buttons .btn-success:not(:disabled):active,.timer-buttons .btn-danger:not(:disabled):active{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.voice-timer-layout{display:flex;gap:2rem;align-items:flex-start}@media(max-width: 1024px){.voice-timer-layout{flex-direction:column;gap:1.5rem}}.voice-timer-main{flex:1;min-width:0;width:400px}@media(max-width: 1024px){.voice-timer-main{width:100%}}.voice-timer-sidebar{width:400px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;position:sticky;top:2rem}@media(max-width: 1024px){.voice-timer-sidebar{width:100%;position:static;order:-1}}.voice-timer-sidebar .sidebar-header{padding:1.5rem 1.5rem 1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.voice-timer-sidebar .sidebar-header h3{margin:0;color:#1e293b;font-size:1.1rem;font-weight:600}.voice-timer-sidebar .sidebar-header .sidebar-info{display:flex;align-items:center;gap:.75rem}.voice-timer-sidebar .sidebar-header .sidebar-info .timer-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#4dd0e1;color:#fff;border-radius:12px;font-size:.8rem;font-weight:700}.voice-timer-sidebar .sidebar-content{padding:1rem 1.5rem 1.5rem 1.5rem;max-height:800px;overflow-y:auto}.voice-timer-sidebar .sidebar-content .timer-items{display:flex;flex-direction:column;gap:.5rem}.voice-timer-sidebar .sidebar-content .timer-items .timer-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:all .2s ease;font-size:.9rem}.voice-timer-sidebar .sidebar-content .timer-items .timer-item:hover{border-color:#4dd0e1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-content{display:flex;align-items:center;gap:.5rem;flex:1}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-actions{display:flex;gap:.5rem}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-time{font-weight:700;color:#4dd0e1;font-family:"Courier New",monospace;min-width:50px;font-size:.85rem}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-text{flex:1;color:#1e293b;font-weight:500;font-size:.85rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:200px}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .edit-timer,.voice-timer-sidebar .sidebar-content .timer-items .timer-item .remove-timer{padding:.2rem .4rem;font-size:.65rem;min-width:auto}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit{width:100%}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .edit-form-row{display:flex;gap:.75rem;margin-bottom:.75rem}@media(max-width: 480px){.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .edit-form-row{flex-direction:column;gap:.5rem}}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .form-group{flex:1}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .form-group label{display:block;font-size:.7rem;font-weight:600;color:#64748b;margin-bottom:.25rem}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .form-group .timer-input{padding:.5rem;border:2px solid #e2e8f0;border-radius:4px;font-size:.8rem;background:#fff;color:#1e293b;transition:all .2s ease;width:100%}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .form-group .timer-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(99,102,241,.1)}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.voice-timer-sidebar .sidebar-content .timer-items .timer-item .timer-item-edit .edit-actions .btn{padding:.25rem .75rem;font-size:.7rem;min-width:auto}.voice-timer-sidebar .sidebar-content .timer-items .no-timers{text-align:center;color:#64748b;font-style:italic;padding:2rem 1rem;background:#f1f5f9;border-radius:6px;border:1px dashed #cbd5e1;font-size:.9rem}.voice-timer-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.voice-timer-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#64748b;font-weight:500;flex:1;justify-content:center}.voice-timer-tabs .tab-btn:hover{background:#e2e8f0;color:#1e293b}.voice-timer-tabs .tab-btn.active{background:#4dd0e1;color:#fff;box-shadow:0 2px 4px rgba(99,102,241,.2)}.voice-timer-tabs .tab-btn .tab-icon{font-size:1.1rem}.voice-timer-tabs .tab-btn .tab-text{font-size:.9rem}.voice-timer-tab-content{display:none}.voice-timer-tab-content.active{display:block}.voice-timer-settings{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.voice-timer-settings h3{margin-bottom:.75rem;color:#1e293b;font-size:1rem;font-weight:600}.voice-timer-settings .timer-options{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.voice-timer-settings .voice-settings{margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.voice-timer-settings .voice-settings h4{margin-bottom:1rem;color:#1e293b;font-size:.95rem;font-weight:600}.voice-timer-settings .voice-settings .form-group{margin-bottom:1rem}.voice-timer-settings .voice-settings .form-group:last-child{margin-bottom:0}.voice-timer-settings .voice-settings .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.85rem}.voice-timer-settings .voice-settings .form-group .timer-select{width:100%;padding:.5rem;border:2px solid #e2e8f0;border-radius:6px;background:#fff;color:#1e293b;font-size:.9rem;cursor:pointer;transition:all .2s ease}.voice-timer-settings .voice-settings .form-group .timer-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.voice-timer-settings .voice-settings .form-group .timer-select:hover{border-color:#cbd5e1}.voice-timer-settings .voice-settings .form-group .timer-range{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;margin-bottom:.5rem}.voice-timer-settings .voice-settings .form-group .timer-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4dd0e1;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.voice-timer-settings .voice-settings .form-group .timer-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.voice-timer-settings .voice-settings .form-group .timer-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4dd0e1;cursor:pointer;border:none;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.voice-timer-settings .voice-settings .form-group .timer-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.voice-timer-settings .voice-settings .form-group .range-value{display:inline-block;padding:.25rem .5rem;background:#4dd0e1;color:#fff;border-radius:4px;font-size:.8rem;font-weight:600;min-width:40px;text-align:center}.voice-timer-settings .voice-settings .form-group .btn{padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:6px;transition:all .2s ease}.voice-timer-settings .voice-settings .form-group .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.voice-timer-settings .voice-settings .form-group .form-text{display:block;margin-top:.25rem;font-size:.75rem;color:#6b7280;font-style:italic}.voice-timer-execution-controls .timer-buttons{margin-bottom:1.5rem}.voice-timer-execution-controls .timer-buttons .btn-lg{min-width:150px;padding:1rem 2rem;font-size:1.1rem;font-weight:700}.voice-timer-execution-controls .execution-info{display:flex;gap:2rem;justify-content:center;padding:1.5rem;background:#f0f9ff;border-radius:8px;border:1px solid #0ea5e9;flex-wrap:wrap;text-align:center}@media(max-width: 768px){.voice-timer-execution-controls .execution-info{flex-direction:column;gap:1rem}}.voice-timer-execution-controls .execution-info .info-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.voice-timer-execution-controls .execution-info .info-item .info-label{font-size:.9rem;color:#0c4a6e;font-weight:500}.voice-timer-execution-controls .execution-info .info-item .info-value{font-size:1.5rem;color:#0ea5e9;font-weight:700;font-family:"Courier New",monospace}.start-time-settings{margin-bottom:1.5rem;padding:1rem;background:#f0f9ff;border-radius:8px;border:1px solid #0ea5e9}.start-time-settings h3{margin-bottom:.75rem;color:#0c4a6e;font-size:1rem;font-weight:600}.start-time-settings .form-row{display:flex;gap:.75rem;align-items:flex-end}@media(max-width: 768px){.start-time-settings .form-row{flex-direction:column;align-items:stretch}}.start-time-settings .form-group{display:flex;flex-direction:column;gap:.4rem;flex:1}.start-time-settings .form-group label{font-weight:600;color:#0c4a6e;font-size:.8rem}.start-time-settings .form-group .timer-input{padding:.6rem;border:2px solid #0ea5e9;border-radius:6px;font-size:.9rem;background:#fff;color:#1e293b;transition:all .2s ease}.start-time-settings .form-group .timer-input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.voice-timer-form{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.voice-timer-form h3{margin-bottom:.75rem;color:#1e293b;font-size:1rem;font-weight:600}.voice-timer-form .form-row{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:nowrap}@media(max-width: 768px){.voice-timer-form .form-row{flex-direction:column;align-items:stretch;flex-wrap:wrap}}.voice-timer-form .form-row .form-group{flex:1;min-width:0}.voice-timer-form .form-row .form-group.time-group{flex:1.2;min-width:200px}.voice-timer-form .form-row .form-group.text-group{flex:1.5;min-width:150px}.voice-timer-form .form-row .form-group.button-group{flex:0 0 auto;min-width:100px;max-width:120px;display:flex;flex-direction:column;justify-content:flex-end}.voice-timer-form .time-select-group{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem 0;padding:.5rem;background:#fff;border-radius:8px;border:2px solid #e2e8f0;transition:all .2s ease}.voice-timer-form .time-select-group:hover{border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.voice-timer-form .time-select-group:focus-within{border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.voice-timer-form .time-select-group .time-select{min-width:90px;padding:.6rem .8rem;font-size:.9rem;font-weight:500;text-align:center;border:2px solid rgba(0,0,0,0);border-radius:6px;background:#f8fafc;color:#1e293b;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}.voice-timer-form .time-select-group .time-select:focus{outline:none;border-color:#4dd0e1;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.voice-timer-form .time-select-group .time-select:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.15)}.voice-timer-form .time-select-group .time-select option{background:#fff;color:#1e293b;padding:.5rem;font-weight:500}.voice-timer-form .time-select-group .time-separator{color:#64748b;font-weight:600;font-size:1.2rem;margin:0 .25rem}@media(max-width: 768px){.voice-timer-form .time-select-group{gap:.5rem}.voice-timer-form .time-select-group .time-select{min-width:70px;padding:.5rem .6rem;font-size:.85rem}.voice-timer-form .time-select-group .time-separator{font-size:1.1rem;margin:0 .2rem}}.voice-timer-form .form-group{display:flex;flex-direction:column;gap:.4rem;flex:1}.voice-timer-form .form-group label{font-weight:600;color:#1e293b;font-size:.8rem}.voice-timer-form .form-group .timer-input{padding:.6rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#fff;color:#1e293b;transition:all .2s ease}.voice-timer-form .form-group .timer-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.voice-timer-form .form-group .btn{width:100%;padding:.6rem 1rem;font-size:.9rem;font-weight:600;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.voice-timer-form .form-group .btn .btn-icon{font-size:1rem;transition:transform .2s ease}.voice-timer-form .form-group .btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.voice-timer-form .form-group .btn:hover .btn-icon{transform:scale(1.1)}.voice-timer-form .form-group .btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.voice-timer-form .preset-buttons{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.voice-timer-form .preset-buttons h4{margin-bottom:.5rem;color:#1e293b;font-size:.9rem;font-weight:600}.voice-timer-form .preset-buttons .attribute-filter-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;max-width:400px;margin-bottom:1rem}.voice-timer-form .preset-buttons .attribute-filter-grid .attribute-btn{background:#fff;border:1px solid #e5e7eb;color:#6b7280;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;text-align:center}.voice-timer-form .preset-buttons .attribute-filter-grid .attribute-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.voice-timer-form .preset-buttons .attribute-filter-grid .attribute-btn.active{background:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);border-color:#0891b2;color:#fff;box-shadow:0 2px 8px rgba(6,182,212,.3)}.voice-timer-form .preset-buttons .preset-row{display:flex;gap:.75rem;flex-wrap:nowrap;margin-bottom:1rem;justify-content:center}@media(max-width: 768px){.voice-timer-form .preset-buttons .preset-row{flex-wrap:wrap;gap:.5rem}}.voice-timer-form .preset-buttons .preset-row .preset-tag{display:inline-flex;align-items:center;padding:.6rem 1.2rem;background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);border:2px solid #0ea5e9;border-radius:18px;color:#0c4a6e;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(14,165,233,.15);min-width:100px;max-width:150px;text-align:center;flex:1}.voice-timer-form .preset-buttons .preset-row .preset-tag::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left .5s ease}.voice-timer-form .preset-buttons .preset-row .preset-tag:hover{background:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);color:#fff;transform:translateY(-3px);box-shadow:0 6px 16px rgba(14,165,233,.4);border-color:#0284c7}.voice-timer-form .preset-buttons .preset-row .preset-tag:hover::before{left:100%}.voice-timer-form .preset-buttons .preset-row .preset-tag:active{transform:translateY(-1px);box-shadow:0 3px 8px rgba(14,165,233,.3)}.voice-timer-form .preset-buttons .preset-row .preset-tag .tag-content{display:flex;align-items:center;justify-content:center;width:100%}.voice-timer-form .preset-buttons .preset-row .preset-tag .tag-title{font-size:.85rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-timer-form .preset-buttons .preset-row .preset-tag.attribute-btn{background:#fff;border:1px solid #e5e7eb;color:#6b7280;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.voice-timer-form .preset-buttons .preset-row .preset-tag.attribute-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.voice-timer-form .preset-buttons .preset-row .preset-tag.attribute-btn.active{background:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);border-color:#0891b2;color:#fff;box-shadow:0 2px 8px rgba(6,182,212,.3)}.voice-timer-list{margin-bottom:2rem}.voice-timer-list h3{margin-bottom:1rem;color:#1e293b;font-size:1.1rem;font-weight:600}.voice-timer-list .timer-items{display:flex;flex-direction:column;gap:.5rem}.voice-timer-list .timer-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.voice-timer-list .timer-item:hover{border-color:#4dd0e1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.voice-timer-list .timer-item .timer-item-time{font-weight:700;color:#4dd0e1;font-size:1.1rem;min-width:60px;font-family:"Courier New",monospace}.voice-timer-list .timer-item .timer-item-text{flex:1;color:#1e293b;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:200px}.voice-timer-list .timer-item .remove-timer{padding:.4rem .8rem;font-size:.75rem}.voice-timer-list .no-timers{text-align:center;color:#64748b;font-style:italic;padding:2rem;background:#f8fafc;border-radius:8px;border:1px dashed #cbd5e1}.voice-timer-controls{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.voice-timer-controls .timer-options{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.voice-timer-controls .voice-test{margin-bottom:1.5rem;padding:1rem;background:#fef3c7;border-radius:8px;border:1px solid #f59e0b}.voice-timer-controls .voice-test h4{margin-bottom:.75rem;color:#92400e;font-size:1rem;font-weight:600}.voice-timer-controls .voice-test .test-buttons{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width: 768px){.voice-timer-controls .voice-test .test-buttons{flex-direction:column}}.voice-timer-status{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:1.5rem}.voice-timer-status .countdown-time{font-size:2.2rem;font-weight:700;color:#0ea5e9;font-family:"Courier New",monospace;margin-bottom:.5rem;padding:1rem 1.5rem;background:#f0f9ff;border-radius:8px;border:2px solid #0ea5e9;text-shadow:0 2px 4px rgba(14,165,233,.2)}.voice-timer-status .status-text{font-size:1rem;color:#64748b;font-weight:500}.timer-description{text-align:center;color:#64748b;margin-bottom:1.5rem;font-size:.9rem;line-height:1.4;padding:0 1rem;word-wrap:break-word}.btn-disabled{opacity:.6;cursor:not-allowed}.btn-disabled:hover{transform:none}@media(max-width: 768px){.timer-container{padding:1rem;margin:0 1rem}.timer-type-selector{margin:0 1rem 2rem 1rem}.timer-controls{grid-template-columns:1fr;gap:1.5rem}.timer-options{flex-direction:column;align-items:flex-start;gap:1rem}.timer-countdown,.timer-countup{font-size:3rem}.timer-buttons{flex-direction:column;align-items:center}.timer-buttons .btn{width:100%;max-width:200px}.voice-timer-form .form-row{flex-direction:column;align-items:stretch}.voice-timer-item{flex-direction:column;align-items:flex-start;gap:.5rem}.voice-timer-item .timer-item-time{min-width:auto}.voice-timer-status .countdown-time{font-size:2rem}}.footer-fixed{position:relative;bottom:0;width:100%;z-index:10;flex-shrink:0;margin-top:auto}footer{background:linear-gradient(135deg, #81d4fa 0%, #4dd0e1 100%);color:#fff;padding:1rem 0;box-shadow:0 -4px 20px rgba(77,208,225,.3)}footer .max-w-7xl{padding-left:1.5rem;padding-right:1rem}footer{position:relative;bottom:0;width:100%;z-index:10;flex-shrink:0;margin-top:auto}body.min-h-screen{display:flex !important;flex-direction:column !important;min-height:100vh !important}main.flex-1{flex:1 0 auto !important}footer.mt-auto{flex-shrink:0 !important;margin-top:auto !important}@media(max-width: 1024px){.navigation{padding:0}.navigation .nav-container{padding:.25rem .5rem;min-height:40px}.navigation .nav-brand{font-size:1rem;padding-left:1rem}.navigation .drawer-toggle{font-size:1rem;padding:.25rem .5rem}.navigation .drawer-toggle svg{width:32px;height:32px}.page-header{padding:0;margin-bottom:.25rem}.page-header .header-container{padding:0 .5rem .25rem;box-sizing:border-box;width:100%}.page-header .page-title{font-size:1.125rem;margin-bottom:.25rem}.page-header .page-title i{font-size:1.125rem}.page-header .page-description{font-size:.875rem;margin-top:.25rem}.page-header .breadcrumbs{margin-top:0;margin-bottom:0;font-size:.75rem;gap:.25rem}footer.text-white.py-8.mt-auto.footer-fixed,footer.footer-fixed,footer{padding:.25rem 0 !important}footer.text-white.py-8.mt-auto.footer-fixed .max-w-7xl,footer.footer-fixed .max-w-7xl,footer .max-w-7xl{padding-left:.5rem !important;padding-right:.5rem !important}footer.text-white.py-8.mt-auto.footer-fixed,footer.footer-fixed,footer{font-size:.75rem}footer.text-white.py-8.mt-auto.footer-fixed a,footer.text-white.py-8.mt-auto.footer-fixed p,footer.text-white.py-8.mt-auto.footer-fixed span,footer.text-white.py-8.mt-auto.footer-fixed div,footer.footer-fixed a,footer.footer-fixed p,footer.footer-fixed span,footer.footer-fixed div,footer a,footer p,footer span,footer div{font-size:.75rem}}@media(max-width: 768px){.navigation{display:none !important}.page-header{padding:0;margin-bottom:.25rem}.page-header .header-container{padding:0 .25rem .125rem;box-sizing:border-box;width:100%}.page-header .page-title{font-size:1rem;margin-bottom:.25rem}.page-header .page-title i{font-size:1rem}.page-header .page-description{font-size:.75rem}.page-header .breadcrumbs{margin-top:0;margin-bottom:0;font-size:.7rem;gap:.25rem}footer.text-white.py-8.mt-auto.footer-fixed,footer.footer-fixed,footer{padding:.125rem 0 !important}footer.text-white.py-8.mt-auto.footer-fixed .max-w-7xl,footer.footer-fixed .max-w-7xl,footer .max-w-7xl{padding-left:.25rem !important;padding-right:.25rem !important}footer.text-white.py-8.mt-auto.footer-fixed,footer.footer-fixed,footer{font-size:.7rem}footer.text-white.py-8.mt-auto.footer-fixed a,footer.text-white.py-8.mt-auto.footer-fixed p,footer.text-white.py-8.mt-auto.footer-fixed span,footer.text-white.py-8.mt-auto.footer-fixed div,footer.footer-fixed a,footer.footer-fixed p,footer.footer-fixed span,footer.footer-fixed div,footer a,footer p,footer span,footer div{font-size:.7rem}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -2px 8px rgba(0,0,0,.04);transition:transform .3s ease-in-out;transform:translateY(0)}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav .bottom-nav-items{display:flex;justify-content:space-around;align-items:center;max-width:100%}.bottom-nav .bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;text-decoration:none;color:#9ca3af;transition:all .15s;min-width:0;background:none;border:none;cursor:pointer;font-family:inherit}.bottom-nav .bottom-nav-item.active{color:#26c6da}.bottom-nav .bottom-nav-item .bottom-nav-icon{font-size:20px;margin-bottom:4px;line-height:1}.bottom-nav .bottom-nav-item .bottom-nav-icon i{font-size:20px}.bottom-nav .bottom-nav-item .bottom-nav-label{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.2px}@media(max-width: 768px){.bottom-nav{display:block}}@supports(padding: max(0px)){.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(max-width: 768px){body{padding-bottom:70px}@supports(padding: max(0px)){body{padding-bottom:max(70px,70px + env(safe-area-inset-bottom))}}}@media(hover: none)and (pointer: coarse){.bottom-nav-item{-webkit-tap-highlight-color:rgba(0,0,0,0)}.bottom-nav-item:active{transform:scale(0.95)}}.toolbox-background{position:relative;overflow:hidden;min-height:100vh}.toolbox-background .toolbox-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.toolbox-background .toolbox-decoration .decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(45deg, rgba(77, 208, 225, 0.03), rgba(77, 208, 225, 0.08));animation:float 6s ease-in-out infinite}.toolbox-background .toolbox-decoration .decoration-circle.decoration-circle-1{width:120px;height:120px;top:10%;right:5%;animation-delay:0s}.toolbox-background .toolbox-decoration .decoration-circle.decoration-circle-2{width:80px;height:80px;bottom:20%;left:8%;animation-delay:3s}.toolbox-background .toolbox-decoration .decoration-circle.decoration-circle-3{width:60px;height:60px;top:60%;right:15%;animation-delay:1.5s}.toolbox-background .toolbox-decoration .decoration-square{position:absolute;background:linear-gradient(135deg, rgba(77, 208, 225, 0.02), rgba(77, 208, 225, 0.06));animation:rotate 8s linear infinite}.toolbox-background .toolbox-decoration .decoration-square.decoration-square-1{width:60px;height:60px;top:30%;left:3%;animation-delay:1s}.toolbox-background .toolbox-decoration .decoration-square.decoration-square-2{width:40px;height:40px;bottom:30%;right:10%;animation-delay:4s}.toolbox-background .toolbox-decoration .decoration-square.decoration-square-3{width:50px;height:50px;top:15%;left:20%;animation-delay:2.5s}.toolbox-background .toolbox-decoration .decoration-triangle{position:absolute;width:0;height:0;background:linear-gradient(45deg, rgba(77, 208, 225, 0.04), rgba(77, 208, 225, 0.08));animation:float 7s ease-in-out infinite}.toolbox-background .toolbox-decoration .decoration-triangle.decoration-triangle-1{border-left:25px solid rgba(0,0,0,0);border-right:25px solid rgba(0,0,0,0);border-bottom:43px solid rgba(77,208,225,.05);top:40%;right:25%;animation-delay:2s}.toolbox-background .toolbox-decoration .decoration-triangle.decoration-triangle-2{border-left:20px solid rgba(0,0,0,0);border-right:20px solid rgba(0,0,0,0);border-bottom:35px solid rgba(77,208,225,.03);bottom:40%;left:15%;animation-delay:5s}.toolbox-background .page-content{position:relative;z-index:1}.toolbox-background .section-background{position:relative}.toolbox-background .section-background::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%, rgba(77, 208, 225, 0.05) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(77, 208, 225, 0.03) 0%, transparent 50%),radial-gradient(circle at 40% 60%, rgba(77, 208, 225, 0.02) 0%, transparent 50%);z-index:0}.toolbox-background .section-background.geometric-pattern::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg, transparent 25%, rgba(77, 208, 225, 0.01) 25%, rgba(77, 208, 225, 0.01) 50%, transparent 50%, transparent 75%, rgba(77, 208, 225, 0.01) 75%),linear-gradient(-45deg, transparent 25%, rgba(77, 208, 225, 0.005) 25%, rgba(77, 208, 225, 0.005) 50%, transparent 50%, transparent 75%, rgba(77, 208, 225, 0.005) 75%);background-size:60px 60px;background-position:0 0,30px 30px;z-index:0}.toolbox-background .toolbox-card{position:relative;overflow:hidden}.toolbox-background .toolbox-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 10%, rgba(77, 208, 225, 0.03) 0%, transparent 50%),radial-gradient(circle at 90% 90%, rgba(77, 208, 225, 0.02) 0%, transparent 50%);opacity:0;transition:opacity .3s ease;z-index:1}.toolbox-background .toolbox-card::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, #4dd0e1, rgb(112.6, 217.4, 231));opacity:0;transition:opacity .3s ease;z-index:2}.toolbox-background .toolbox-card:hover::before{opacity:1}.toolbox-background .toolbox-card:hover::after{opacity:1}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 768px){.toolbox-background .toolbox-decoration .decoration-circle,.toolbox-background .toolbox-decoration .decoration-square,.toolbox-background .toolbox-decoration .decoration-triangle{opacity:.5}}@media(max-width: 640px){.toolbox-background .toolbox-decoration .decoration-circle,.toolbox-background .toolbox-decoration .decoration-square,.toolbox-background .toolbox-decoration .decoration-triangle{opacity:.3}}.home-page{position:relative;overflow:hidden}.home-page .toolbox-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.home-page .toolbox-decoration .decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(45deg, rgba(77, 208, 225, 0.03), rgba(77, 208, 225, 0.08));animation:float 6s ease-in-out infinite}.home-page .toolbox-decoration .decoration-circle.decoration-circle-1{width:120px;height:120px;top:10%;right:5%;animation-delay:0s}.home-page .toolbox-decoration .decoration-circle.decoration-circle-2{width:80px;height:80px;bottom:20%;left:8%;animation-delay:3s}.home-page .toolbox-decoration .decoration-square{position:absolute;background:linear-gradient(135deg, rgba(77, 208, 225, 0.02), rgba(77, 208, 225, 0.06));animation:rotate 8s linear infinite}.home-page .toolbox-decoration .decoration-square.decoration-square-1{width:60px;height:60px;top:30%;left:3%;animation-delay:1s}.home-page .toolbox-decoration .decoration-square.decoration-square-2{width:40px;height:40px;bottom:30%;right:10%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.home-page .hero-section{text-align:center;padding:3rem 0;background:linear-gradient(135deg, #f0fdff 0%, #ffffff 100%);position:relative;overflow:hidden}.home-page .hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 20%, rgba(77, 208, 225, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(77, 208, 225, 0.08) 0%, transparent 50%),radial-gradient(circle at 40% 60%, rgba(77, 208, 225, 0.06) 0%, transparent 50%);z-index:1}.home-page .hero-section::after{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:linear-gradient(45deg, rgba(77, 208, 225, 0.1), transparent);border-radius:50%;z-index:1}.home-page .hero-section>*{position:relative;z-index:2}.home-page .hero-section .hero-title{font-size:3rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;line-height:1.2}@media(max-width: 768px){.home-page .hero-section .hero-title{font-size:1.875rem}}.home-page .hero-section .hero-subtitle{font-size:1.25rem;color:#64748b;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.home-page .hero-section .hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-page .hero-section .hero-buttons .btn{padding:1rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}.home-page .hero-section .hero-buttons .btn.btn-primary{background-color:#4dd0e1;color:#fff}.home-page .hero-section .hero-buttons .btn.btn-primary:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-2px)}.home-page .hero-section .hero-buttons .btn.btn-secondary{background-color:rgba(0,0,0,0);color:#4dd0e1;border:2px solid #4dd0e1}.home-page .hero-section .hero-buttons .btn.btn-secondary:hover{background-color:#4dd0e1;color:#fff;transform:translateY(-2px)}.home-page .features-section{padding:3rem 0;position:relative;background:linear-gradient(180deg, #ffffff 0%, white 100%)}.home-page .features-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg, transparent 25%, rgba(77, 208, 225, 0.02) 25%, rgba(77, 208, 225, 0.02) 50%, transparent 50%, transparent 75%, rgba(77, 208, 225, 0.02) 75%),linear-gradient(-45deg, transparent 25%, rgba(77, 208, 225, 0.01) 25%, rgba(77, 208, 225, 0.01) 50%, transparent 50%, transparent 75%, rgba(77, 208, 225, 0.01) 75%);background-size:60px 60px;background-position:0 0,30px 30px;z-index:1}.home-page .features-section::after{content:"";position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle, rgba(77, 208, 225, 0.05) 0%, transparent 70%);border-radius:50%;z-index:1}.home-page .features-section>*{position:relative;z-index:2}.home-page .features-section .section-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#1e293b}.home-page .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media(max-width: 1024px){.home-page .features-section .features-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}}@media(max-width: 768px){.home-page .features-section .features-grid{grid-template-columns:1fr;gap:1rem}}.home-page .features-section .feature-card{background:linear-gradient(135deg, #ffffff 0%, white 100%);padding:3rem;border-radius:.75rem;box-shadow:0 4px 20px rgba(0,0,0,.08);text-align:center;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid hsla(0,0%,100%,.1);position:relative;overflow:visible;z-index:1;display:flex;flex-direction:column;height:100%}.home-page .features-section .feature-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 10%, rgba(77, 208, 225, 0.05) 0%, transparent 50%),radial-gradient(circle at 90% 90%, rgba(77, 208, 225, 0.03) 0%, transparent 50%);opacity:0;transition:opacity .3s ease;z-index:1}.home-page .features-section .feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(77,208,225,.2)}.home-page .features-section .feature-card:hover::before{opacity:1}.home-page .features-section .feature-card:hover .feature-icon{transform:scale(1.1);background:linear-gradient(135deg, #4dd0e1, rgb(103.7, 215.05, 229.5))}.home-page .features-section .feature-card .feature-icon{width:72px;height:72px;margin:0 auto 1.5rem;background:linear-gradient(135deg, #4dd0e1, rgb(94.8, 212.7, 228));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 16px rgba(77,208,225,.3)}.home-page .features-section .feature-card .feature-icon i{font-size:2rem}.home-page .features-section .feature-card .feature-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#1e293b;line-height:1.3}.home-page .features-section .feature-card .feature-description{color:#64748b;line-height:1.6;font-size:.9rem;margin-bottom:1.5rem;flex-grow:1}.home-page .features-section .feature-card .feature-actions{margin-top:auto;padding-top:1.5rem}.home-page .quick-tools-section{padding:3rem 0;background-color:#fff}.home-page .quick-tools-section .section-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#1e293b}.home-page .quick-tools-section .quick-tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.home-page .quick-tools-section .quick-tool-card{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease}.home-page .quick-tools-section .quick-tool-card:hover{transform:translateY(-4px)}.home-page .quick-tools-section .quick-tool-card .tool-icon{width:64px;height:64px;margin:0 auto 1.5rem;background-color:#4dd0e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.home-page .quick-tools-section .quick-tool-card .tool-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.home-page .quick-tools-section .quick-tool-card .tool-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.home-page .quick-tools-section .quick-tool-card .btn{display:inline-block;padding:1rem 2rem;background-color:#4dd0e1;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease}.home-page .quick-tools-section .quick-tool-card .btn:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-2px)}.home-page .quick-tools-section .quick-tool-card .btn.btn-sm{padding:.5rem 1.5rem;font-size:.875rem}.home-page .admin-section{padding:3rem 0;background-color:#f0fdff}.home-page .admin-section .section-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#1e293b}.home-page .admin-section .admin-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.home-page .admin-section .admin-card{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease}.home-page .admin-section .admin-card:hover{transform:translateY(-4px)}.home-page .admin-section .admin-card .admin-icon{width:64px;height:64px;margin:0 auto 1.5rem;background-color:#81d4fa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.home-page .admin-section .admin-card .admin-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.home-page .admin-section .admin-card .admin-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem}.home-page .admin-section .admin-card .admin-actions .btn{display:inline-block;padding:1rem 2rem;background-color:#81d4fa;color:#fff;text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.home-page .admin-section .admin-card .admin-actions .btn:hover{background-color:rgb(92.5465648855,199.5595419847,248.5534351145);transform:translateY(-2px)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal .modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:.5rem;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e2e8f0}.modal .modal-content .modal-header h2{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal .modal-content .modal-header .close{color:#64748b;font-size:1.5rem;font-weight:bold;cursor:pointer;transition:color .3s ease}.modal .modal-content .modal-header .close:hover{color:#1e293b}.modal .modal-content .modal-body{padding:2rem}.modal .modal-content .modal-body .csv-import-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem}.modal .modal-content .modal-body .csv-import-grid .csv-import-item{background-color:#f0fdff;padding:1.5rem;border-radius:.375rem;text-align:center}.modal .modal-content .modal-body .csv-import-grid .csv-import-item h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1e293b}.modal .modal-content .modal-body .csv-import-grid .csv-import-item p{color:#64748b;margin-bottom:1rem;font-size:.875rem}.modal .modal-content .modal-body .csv-import-grid .csv-import-item .file-input{width:100%;margin-bottom:1rem;padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b}.modal .modal-content .modal-body .csv-import-grid .csv-import-item .file-input:focus{outline:none;border-color:#4dd0e1}.modal .modal-content .modal-body .csv-import-grid .csv-import-item .btn{width:100%;padding:.5rem 1rem;background-color:#4dd0e1;color:#fff;border:none;border-radius:.25rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal .modal-content .modal-body .csv-import-grid .csv-import-item .btn:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.modal .modal-content .modal-body .csv-import-grid .csv-import-item .btn:disabled{background-color:#64748b;cursor:not-allowed}.modal .modal-content .modal-body .import-status{margin-top:1.5rem;text-align:center}.modal .modal-content .modal-body .import-status .status-message{padding:1rem;border-radius:.25rem;font-weight:500}.modal .modal-content .modal-body .import-status .status-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.modal .modal-content .modal-body .import-status .status-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.modal .modal-content .modal-body .import-status .status-message.loading{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.modal .modal-content .modal-body .backup-management{margin-top:2rem;padding:1.5rem;border-radius:.375rem;background-color:#f0fdff}.modal .modal-content .modal-body .backup-management h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.modal .modal-content .modal-body .backup-management .backup-actions{display:flex;gap:1rem;margin-bottom:1.5rem}@media(max-width: 768px){.modal .modal-content .modal-body .backup-management .backup-actions{flex-direction:column}}.modal .modal-content .modal-body .backup-management .backup-list .backup-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:.375rem;overflow:hidden}.modal .modal-content .modal-body .backup-management .backup-list .backup-table th,.modal .modal-content .modal-body .backup-management .backup-list .backup-table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid #e2e8f0}.modal .modal-content .modal-body .backup-management .backup-list .backup-table th{background-color:#f0fdff;font-weight:600;color:#1e293b}.modal .modal-content .modal-body .backup-management .backup-list .backup-table td{color:#64748b}.modal .modal-content .modal-body .backup-management .backup-list .backup-table .btn-sm{padding:.25rem .5rem;font-size:.75rem}.feature-actions{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:20}.feature-actions .btn{width:100%;justify-content:center;font-size:.875rem;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer;font-weight:600;position:relative;overflow:hidden;z-index:10;display:inline-block}.feature-actions .btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.feature-actions .btn:hover::before{left:100%}.feature-actions .btn.btn-primary{background:linear-gradient(135deg, #4dd0e1, rgb(94.8, 212.7, 228));color:#fff;box-shadow:0 4px 16px rgba(77,208,225,.3)}.feature-actions .btn.btn-primary:hover{background:linear-gradient(135deg, rgb(64.0778846154, 204.5879807692, 222.8221153846), #4dd0e1);transform:translateY(-2px);box-shadow:0 8px 24px rgba(77,208,225,.4)}.feature-actions .btn.btn-outline{background-color:rgba(0,0,0,0);color:#4dd0e1;border:2px solid #4dd0e1}.feature-actions .btn.btn-outline:hover{background:linear-gradient(135deg, #4dd0e1, rgb(94.8, 212.7, 228));color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(77,208,225,.3)}.feature-actions .btn.btn-sm{padding:.5rem 1.5rem;font-size:.75rem}@media(max-width: 768px){.home-page .hero-section{padding:2rem 0}.home-page .hero-section .hero-title{font-size:1.5rem}.home-page .hero-section .hero-subtitle{font-size:1.125rem}.home-page .features-section{padding:2rem 0}.home-page .features-section .features-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.home-page .features-section .feature-card{padding:2rem}.home-page .features-section .feature-card .feature-icon{width:64px;height:64px}.home-page .features-section .feature-card .feature-icon svg{width:28px;height:28px}.home-page .features-section .feature-card .feature-title{font-size:1.125rem}.feature-actions .btn{font-size:.875rem;padding:.5rem 1.5rem}.quick-tools-grid{grid-template-columns:1fr;gap:1.5rem}.quick-tool-card{padding:1.5rem}.quick-tool-card .tool-icon{width:56px;height:56px;font-size:1.125rem}.quick-tool-card .tool-title{font-size:1rem}.admin-grid{grid-template-columns:1fr;gap:1.5rem}.admin-card{padding:1.5rem}.admin-card .admin-icon{width:56px;height:56px;font-size:1.125rem}.admin-card .admin-title{font-size:1rem}.modal .modal-content{width:95%;margin:10% auto;max-height:85vh}.modal .csv-import-grid{grid-template-columns:1fr;gap:1rem}.modal .csv-import-item{padding:1rem}}.weapons-mobile-page{min-height:100vh !important;background:#f8f9fa !important;color:#333 !important;font-family:"Noto Sans JP",sans-serif !important;padding-bottom:20px !important}.weapons-mobile-page .mobile-header{background:#fff !important;border-bottom:1px solid #e0e0e0 !important;padding:16px !important;position:sticky !important;top:0 !important;z-index:100 !important;box-shadow:0 2px 4px rgba(0,0,0,.05) !important}.weapons-mobile-page .mobile-header .header-content{display:flex;flex-direction:column;gap:12px;align-items:center}.weapons-mobile-page .mobile-header .page-title{font-size:18px;font-weight:600;margin:0;text-align:center;color:#333;width:100%}.weapons-mobile-page .mobile-header .header-nav{display:flex;gap:8px;width:100%;max-width:300px;justify-content:center}.weapons-mobile-page .mobile-header .header-nav .header-nav-link{flex:1;text-align:center;padding:10px 16px;border-radius:8px;border:1px solid #e0e0e0;text-decoration:none;font-size:14px;font-weight:500;color:#666;background:#f5f5f5;transition:all .2s ease;min-width:0}.weapons-mobile-page .mobile-header .header-nav .header-nav-link:hover{background:#e9ecef}.weapons-mobile-page .mobile-header .header-nav .header-nav-link.active{background:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 6px rgba(77,208,225,.25)}.weapons-mobile-page .search-section-mobile{padding:12px 16px !important;background:#fff !important;border-bottom:1px solid #e0e0e0 !important}.weapons-mobile-page .search-section-mobile .search-form-wrapper{display:flex;flex-direction:column;gap:8px}.weapons-mobile-page .search-section-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:8px}.weapons-mobile-page .search-section-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item{min-width:0}.weapons-mobile-page .search-section-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item .weapon-filter-combobox{width:100%}.weapons-mobile-page .search-section-mobile .weapon-filter-trigger{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:8px;background-color:#f5f5f5;transition:all .2s ease;cursor:text}.weapons-mobile-page .search-section-mobile .weapon-filter-trigger .weapon-filter-input{flex:1;padding:10px 12px;border:none;background:rgba(0,0,0,0);color:#333;font-size:16px;outline:none}.weapons-mobile-page .search-section-mobile .weapon-filter-trigger .weapon-filter-input::placeholder{color:#999}.weapons-mobile-page .search-section-mobile .search-input{width:100%;padding:10px 12px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:16px}.weapons-mobile-page .search-section-mobile .search-input::placeholder{color:#999}.weapons-mobile-page .search-section-mobile .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.weapons-mobile-page .search-section-mobile .search-btn{width:100%;padding:10px 16px;background:#007bff;border:1px solid #007bff;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.weapons-mobile-page .search-section-mobile .search-btn:hover{background:#0056b3;border-color:#0056b3}.weapons-mobile-page .search-section-mobile .search-btn:active{background:#004085;border-color:#004085}.weapons-mobile-page .relics-cta-section{padding:12px 16px !important;background:#fff !important;border-bottom:1px solid #e0e0e0 !important}.weapons-mobile-page .relics-cta-section .relics-cta-link{display:block;text-decoration:none;background:linear-gradient(135deg, rgba(77, 208, 225, 0.1), rgba(77, 208, 225, 0.05));border:1px solid rgba(77,208,225,.3);border-radius:12px;padding:14px 16px;transition:all .2s ease}.weapons-mobile-page .relics-cta-section .relics-cta-link:hover{background:linear-gradient(135deg, rgba(77, 208, 225, 0.15), rgba(77, 208, 225, 0.1));border-color:rgba(77,208,225,.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(77,208,225,.2)}.weapons-mobile-page .relics-cta-section .relics-cta-link:active{transform:translateY(0)}.weapons-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.weapons-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content .fa-gem{color:#4dd0e1;font-size:18px}.weapons-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content .relics-cta-text{flex:1;font-size:15px;font-weight:500;color:#333;text-align:left}.weapons-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content .fa-chevron-right{color:#4dd0e1;font-size:14px}.weapons-mobile-page .filter-toggle{background:linear-gradient(135deg, rgba(77, 208, 225, 0.1), rgba(77, 208, 225, 0.05));color:#333;border:1px solid rgba(77,208,225,.3);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;text-decoration:none;margin-bottom:0;width:auto;max-width:150px}.weapons-mobile-page .filter-toggle:hover{background:linear-gradient(135deg, rgba(77, 208, 225, 0.15), rgba(77, 208, 225, 0.1));border-color:rgba(77,208,225,.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(77,208,225,.2)}.weapons-mobile-page .filter-toggle:active{transform:translateY(0)}.weapons-mobile-page .filter-toggle .filter-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.weapons-mobile-page .filter-toggle .filter-toggle-content .fa-filter{color:#4dd0e1;font-size:18px}.weapons-mobile-page .filter-toggle .filter-toggle-content .filter-toggle-text{flex:1;font-size:15px;font-weight:500;color:#333;text-align:left}.weapons-mobile-page .filter-toggle .filter-toggle-content .fa-chevron-right{color:#4dd0e1;font-size:14px}.weapons-mobile-page .results-header{padding:12px 16px !important;background:#fff !important;border-bottom:1px solid #e0e0e0 !important;display:flex !important;flex-direction:column !important;gap:12px !important}.weapons-mobile-page .results-header .results-header-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.weapons-mobile-page .results-header .results-info{flex:1}.weapons-mobile-page .results-header .results-info .results-count{font-size:13px;color:#666;margin:0;margin-bottom:4px}.weapons-mobile-page .results-header .sort-controls{margin-top:0;width:100%;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.weapons-mobile-page .results-header .sort-controls form{flex:1 1 auto;min-width:0}.weapons-mobile-page .results-header .sort-controls .sort-select{width:100%;min-width:0;padding:8px 36px 8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.weapons-mobile-page .results-header .sort-controls .sort-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.weapons-mobile-page .results-header .filter-toggle{flex-shrink:0;display:block;text-decoration:none;background:linear-gradient(135deg, rgba(77, 208, 225, 0.1), rgba(77, 208, 225, 0.05));border:1px solid rgba(77,208,225,.3);border-radius:6px;padding:6px 10px;transition:all .2s ease;margin-bottom:0;width:auto;min-width:0}.weapons-mobile-page .results-header .filter-toggle:hover{background:linear-gradient(135deg, rgba(77, 208, 225, 0.15), rgba(77, 208, 225, 0.1));border-color:rgba(77,208,225,.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(77,208,225,.2)}.weapons-mobile-page .results-header .filter-toggle:active{transform:translateY(0)}.weapons-mobile-page .results-header .filter-toggle .filter-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:6px}.weapons-mobile-page .results-header .filter-toggle .filter-toggle-content .fa-filter{color:#4dd0e1;font-size:12px}.weapons-mobile-page .results-header .filter-toggle .filter-toggle-content .filter-toggle-text{flex:1;font-size:12px;font-weight:500;color:#333;text-align:left;white-space:nowrap}.weapons-mobile-page .results-header .filter-toggle .filter-toggle-content .fa-chevron-right{color:#4dd0e1;font-size:10px}.weapons-mobile-page .weapons-list{display:flex;flex-direction:column;gap:12px}.weapons-mobile-page .unified-item-card .character-info:not(:first-child),.weapons-mobile-page .unified-item-card .weapon-info:not(:first-child),.weapons-mobile-page .unified-item-card .skill-categories-section:not(:first-child),.weapons-mobile-page .unified-item-card .potion-info:not(:first-child){border-top:none !important}.weapons-mobile-page .unified-item-card .character-info:not(:last-child),.weapons-mobile-page .unified-item-card .weapon-info:not(:last-child),.weapons-mobile-page .unified-item-card .skill-categories-section:not(:last-child),.weapons-mobile-page .unified-item-card .potion-info:not(:last-child){border-bottom:none !important}.weapons-mobile-page .unified-item-card .character-info{padding:0 !important;margin-right:0 !important}.weapons-mobile-page .unified-item-card .character-info .character-details{padding:8px 12px 8px 0 !important;margin-right:0 !important}.weapons-mobile-page .unified-item-card .character-info .character-details .character-name{font-size:16px !important}.weapons-mobile-page .unified-item-card .character-info .character-details .character-description{font-size:12px !important}.weapons-mobile-page .unified-item-card .weapon-info{padding:0 !important}.weapons-mobile-page .unified-item-card .weapon-info .weapon-header .weapon-details .weapon-name{font-size:15px !important}.weapons-mobile-page .unified-item-card .weapon-info .weapon-description{font-size:12px !important}.weapons-mobile-page .unified-item-card .weapon-info .weapon-enhancements{padding:0 12px 12px !important}.weapons-mobile-page .unified-item-card .weapon-info .weapon-enhancements .category-header .category-title{font-size:14px !important}.weapons-mobile-page .unified-item-card .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:12px !important}.weapons-mobile-page .unified-item-card .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:12px !important}.weapons-mobile-page .unified-item-card .potion-info .potion-header .potion-details .potion-name{font-size:15px !important}.weapons-mobile-page .unified-item-card .potion-info .potion-effects .effect-item .effect-label{font-size:12px !important}.weapons-mobile-page .unified-item-card .potion-info .potion-effects .effect-item .effect-text{font-size:12px !important}.weapons-mobile-page .unified-item-card .weapon-badge{font-size:12px !important}.weapons-mobile-page .unified-item-card .skill-categories-section .skill-items .skill-item .skill-item-content .skill-item-name{font-size:11px !important}.weapons-mobile-page .unified-item-card .skill-categories-section .skill-category:not(:first-child){border-top:none !important;margin-top:0 !important}.weapons-mobile-page .unified-item-card .skill-categories-section .skill-category:not(:last-child){border-bottom:none !important;margin-bottom:0 !important}.weapons-mobile-page .unified-item-card-popup .character-info,.weapons-mobile-page .unified-item-card-popup .weapon-info,.weapons-mobile-page .unified-item-card-popup .skill-categories-section,.weapons-mobile-page .unified-item-card-popup .potion-info{border-radius:0 !important}.weapons-mobile-page .unified-item-card-popup .character-info:not(:first-child),.weapons-mobile-page .unified-item-card-popup .weapon-info:not(:first-child),.weapons-mobile-page .unified-item-card-popup .skill-categories-section:not(:first-child),.weapons-mobile-page .unified-item-card-popup .potion-info:not(:first-child){border-top:none !important}.weapons-mobile-page .unified-item-card-popup .character-info:not(:last-child),.weapons-mobile-page .unified-item-card-popup .weapon-info:not(:last-child),.weapons-mobile-page .unified-item-card-popup .skill-categories-section:not(:last-child),.weapons-mobile-page .unified-item-card-popup .potion-info:not(:last-child){border-bottom:none !important}.weapons-mobile-page .unified-item-card-popup .character-image,.weapons-mobile-page .unified-item-card-popup .weapon-image,.weapons-mobile-page .unified-item-card-popup .potion-image{border-radius:0 !important}.weapons-mobile-page .unified-item-card-popup .character-info{padding:0 !important;margin-right:0 !important}.weapons-mobile-page .unified-item-card-popup .character-info .character-details{padding:8px 12px 8px 0 !important;margin-right:0 !important}.weapons-mobile-page .unified-item-card-popup .character-info .character-details .character-name{font-size:16px !important}.weapons-mobile-page .unified-item-card-popup .character-info .character-details .character-description{font-size:12px !important}.weapons-mobile-page .unified-item-card-popup .weapon-info{padding:0 !important}.weapons-mobile-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-name{font-size:15px !important}.weapons-mobile-page .unified-item-card-popup .weapon-info .weapon-description{font-size:12px !important}.weapons-mobile-page .unified-item-card-popup .weapon-info .weapon-enhancements{padding:0 12px 12px !important}.weapons-mobile-page .unified-item-card-popup .weapon-info .weapon-enhancements .category-header .category-title{font-size:14px !important}.weapons-mobile-page .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:12px !important}.weapons-mobile-page .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:12px !important}.weapons-mobile-page .unified-item-card-popup .potion-info .potion-header .potion-details .potion-name{font-size:15px !important}.weapons-mobile-page .unified-item-card-popup .potion-info .potion-effects .effect-item .effect-label{font-size:12px !important}.weapons-mobile-page .unified-item-card-popup .potion-info .potion-effects .effect-item .effect-text{font-size:12px !important}.weapons-mobile-page .unified-item-card-popup .weapon-badge{font-size:12px !important}.weapons-mobile-page .unified-item-card-popup .skill-categories-section .skill-items .skill-item .skill-item-content .skill-item-name{font-size:11px !important}.weapons-mobile-page .unified-item-card-popup .skill-categories-section .skill-category:not(:first-child){border-top:none !important;margin-top:0 !important}.weapons-mobile-page .unified-item-card-popup .skill-categories-section .skill-category:not(:last-child){border-bottom:none !important;margin-bottom:0 !important}.weapons-mobile-page .empty-state{text-align:center;padding:40px 20px;color:#666}.weapons-mobile-page .empty-state p{font-size:14px;margin:0}.weapons-mobile-page .pagination-container{padding:12px 16px;display:flex;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.weapons-mobile-page .pagination-container .pagination{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:0;padding:0}.weapons-mobile-page .pagination-container .pagination .pagination-info{text-align:center;width:100%}.weapons-mobile-page .pagination-container .pagination .pagination-info .pagination-text{font-size:12px;color:#666}.weapons-mobile-page .pagination-container .pagination .pagination-links{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.weapons-mobile-page .pagination-container .pagination .pagination-links .page-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;text-decoration:none;font-weight:500;font-size:13px;transition:all .3s ease;min-width:36px;height:36px;flex-shrink:0;white-space:nowrap}.weapons-mobile-page .pagination-container .pagination .pagination-links .page-link:not(.disabled):not(.active){background-color:#fff;color:#666;border:1px solid #e0e0e0}.weapons-mobile-page .pagination-container .pagination .pagination-links .page-link.active{background-color:#007bff;color:#fff;border:1px solid #007bff}.weapons-mobile-page .pagination-container .pagination .pagination-links .page-link.disabled{background-color:#f5f5f5;color:#999;border:1px solid #e0e0e0;cursor:not-allowed}.weapons-mobile-page .filter-bottom-sheet{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:10000 !important;display:none !important;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease}.weapons-mobile-page .filter-bottom-sheet.active{display:block !important;pointer-events:auto !important;visibility:visible !important;opacity:1 !important}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.filter-bottom-sheet.active .weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-overlay{opacity:1}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background-color:#fff !important;border-radius:16px 16px 0 0 !important;max-height:90vh !important;overflow-y:auto !important;transform:translateY(100%) !important;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1) !important;box-shadow:0 -4px 20px rgba(0,0,0,.3) !important;z-index:10001 !important}.filter-bottom-sheet.active .weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content{transform:translateY(0) !important}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header{position:sticky;top:0;background-color:#fff;padding:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;z-index:10}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-title{font-size:16px;font-weight:600;color:#333;margin:0}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-close{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-close:hover{background-color:#f5f5f5;color:#333}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group{margin-bottom:24px}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons{display:flex;flex-wrap:wrap;gap:8px}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .element-btn,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .weapon-type-btn,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn{padding:8px 16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn:hover,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .element-btn:hover,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .weapon-type-btn:hover,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn:hover{background-color:#f5f5f5;border-color:#007bff}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn.active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .element-btn.active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .weapon-type-btn.active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn.active{background-color:#007bff;color:#fff;border-color:#007bff;box-shadow:0 2px 4px rgba(0,123,255,.3)}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn[data-target=強攻].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .element-btn[data-target=強攻].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .weapon-type-btn[data-target=強攻].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn[data-target=強攻].active{background-color:rgba(255,68,68,.9);border-color:#f44}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn[data-target=剛毅].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .element-btn[data-target=剛毅].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .weapon-type-btn[data-target=剛毅].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn[data-target=剛毅].active{background-color:rgba(68,136,255,.9);border-color:#48f}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn[data-target=恩恵].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .element-btn[data-target=恩恵].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .weapon-type-btn[data-target=恩恵].active,.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn[data-target=恩恵].active{background-color:rgba(34,197,94,.9);border-color:#22c55e}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn{width:100%;padding:12px 16px;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:14px;text-align:center}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-primary{background-color:#007bff;color:#fff}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-primary:hover{background-color:#0056b3}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-secondary{background-color:#f5f5f5;color:#666;border:1px solid #e0e0e0}.weapons-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-secondary:hover{background-color:#e0e0e0}@media(max-width: 480px){.weapons-mobile-page .mobile-header{padding:10px 12px}.weapons-mobile-page .mobile-header .page-title{font-size:15px}.weapons-mobile-page .search-section-mobile{padding:10px 12px}.weapons-mobile-page .results-header{padding:10px 12px}.weapons-mobile-page .weapons-list{gap:10px}}.weapons-page .weapons-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:1.5rem;max-width:1600px;margin:0 auto;padding:0}@media(min-width: 1600px){.weapons-page .weapons-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 1599px)and (min-width: 900px){.weapons-page .weapons-grid{grid-template-columns:repeat(auto-fill, minmax(450px, 1fr))}}@media(max-width: 1024px){.weapons-page .weapons-grid{grid-template-columns:repeat(auto-fill, minmax(400px, 1fr))}}@media(max-width: 768px){.weapons-page .weapons-grid{grid-template-columns:1fr;padding:0 .5rem;gap:.5rem}}.weapons-page .unified-item-card-popup{border:none !important;box-shadow:none !important}.weapons-page .unified-item-card-popup .character-info,.weapons-page .unified-item-card-popup .weapon-info,.weapons-page .unified-item-card-popup .potion-info,.weapons-page .unified-item-card-popup .skill-categories-section{margin-bottom:.75rem}.weapons-page .unified-item-card-popup .character-info:last-child,.weapons-page .unified-item-card-popup .weapon-info:last-child,.weapons-page .unified-item-card-popup .potion-info:last-child,.weapons-page .unified-item-card-popup .skill-categories-section:last-child{margin-bottom:0}.weapons-page .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.weapons-page .pagination .page-link{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.375rem;text-decoration:none;color:#64748b;transition:all .3s ease}.weapons-page .pagination .page-link:hover{background-color:#f0fdff;color:#1e293b}.weapons-page .pagination .page-link.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1}.weapons-page .pagination .page-link.disabled{opacity:.5;cursor:not-allowed}.weapons-page .pagination .page-link.disabled:hover{background-color:rgba(0,0,0,0);color:#64748b}.weapon-detail-page .weapon-detail-container{display:grid;grid-template-columns:1fr 2fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media(max-width: 768px){.weapon-detail-page .weapon-detail-container{grid-template-columns:1fr}}.weapon-detail-page .weapon-image-section{position:relative}.weapon-detail-page .weapon-image-section .weapon-detail-image-container{position:relative;width:100%;aspect-ratio:1;background-color:#f0fdff;border-radius:.5rem;overflow:hidden}.weapon-detail-page .weapon-image-section .weapon-detail-image{width:100%;height:100%;object-fit:cover;border-radius:.5rem;opacity:0;transition:opacity .3s ease}.weapon-detail-page .weapon-image-section .weapon-rarity-badge{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.weapon-detail-page .weapon-image-section .weapon-rarity-badge.ssr{background-color:rgba(255,170,0,.9);color:#000}.weapon-detail-page .weapon-image-section .weapon-rarity-badge.sr{background-color:rgba(170,68,255,.9);color:#fff}.weapon-detail-page .weapon-image-section .weapon-rarity-badge.r{background-color:rgba(68,136,255,.9);color:#fff}.weapon-detail-page .weapon-info-section .weapon-detail-name{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-detail-page .weapon-info-section .weapon-detail-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-badge{display:inline-block;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-type-badge[data-type=強攻]{background-color:rgba(255,68,68,.1) !important;color:#f44 !important;border:1px solid rgba(255,68,68,.3) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-type-badge[data-type=剛毅]{background-color:rgba(68,136,255,.1) !important;color:#48f !important;border:1px solid rgba(68,136,255,.3) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-type-badge[data-type=恩恵]{background-color:rgba(34,197,94,.15) !important;color:#15803d !important;border:1px solid rgba(34,197,94,.4) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements=物理]{background-color:rgba(255,193,7,.15) !important;color:#b8860b !important;border:1px solid rgba(255,193,7,.4) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements=炎]{background-color:rgba(251,146,60,.15) !important;color:#ea580c !important;border:1px solid rgba(251,146,60,.4) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements=氷]{background-color:rgba(68,170,255,.1) !important;color:#4af !important;border:1px solid rgba(68,170,255,.3) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements=雷]{background-color:rgba(170,68,255,.1) !important;color:#a4f !important;border:1px solid rgba(170,68,255,.3) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements=異能]{background-color:rgba(136,136,136,.1) !important;color:#888 !important;border:1px solid rgba(136,136,136,.3) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements="炎,物理"],.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements="物理,炎"]{background:linear-gradient(135deg, rgba(251, 146, 60, 0.15), rgba(255, 193, 7, 0.15)) !important;color:#ea580c !important;border:1px solid rgba(251,146,60,.4) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements="雷,氷"],.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-element-badge[data-elements="氷,雷"]{background:linear-gradient(135deg, rgba(170, 68, 255, 0.1), rgba(68, 170, 255, 0.15)) !important;color:#a4f !important;border:1px solid rgba(170,68,255,.3) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-rarity-badge.ssr{background-color:rgba(245,158,11,.15) !important;color:#d97706 !important;border:1px solid rgba(245,158,11,.4) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-rarity-badge.sr{background-color:rgba(170,68,255,.1) !important;color:#a4f !important;border:1px solid rgba(170,68,255,.3) !important}.weapon-detail-page .weapon-info-section .weapon-detail-badges .weapon-rarity-badge.r{background-color:rgba(68,136,255,.1) !important;color:#48f !important;border:1px solid rgba(68,136,255,.3) !important}.weapon-detail-page .weapon-actions{margin-top:2rem;text-align:center}.weapon-detail-page .weapon-actions .btn{padding:1rem 1.5rem;border-radius:.375rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.weapon-detail-page .weapon-actions .btn.btn-secondary{background-color:#fff;color:#64748b;border:1px solid #e2e8f0}.weapon-detail-page .weapon-actions .btn.btn-secondary:hover{background-color:#4dd0e1;color:#fff}.weapons-layout{display:grid;grid-template-columns:320px 1fr;gap:0;align-items:start}@media(max-width: 1024px){.weapons-layout{grid-template-columns:1fr;gap:1.5rem}.weapons-layout .filters-sidebar{margin-left:0;position:static;margin-bottom:1.5rem}}.filters-sidebar{position:sticky;top:1.5rem;background-color:#fff;border-radius:.5rem;padding:1rem;margin-left:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;z-index:100}.filters-sidebar .search-section{margin-bottom:1.5rem}.filters-sidebar .search-section .filters-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.filters-sidebar .search-section .filters-title .help-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;cursor:help;font-size:1rem;transition:color .2s ease}.filters-sidebar .search-section .filters-title .help-icon:hover{color:#4dd0e1}.filters-sidebar .search-section .filters-title .help-icon i{font-size:1em}.filters-sidebar .search-section .filters-title .help-icon::before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background-color:rgba(0,0,0,.9);color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;width:200px;max-width:calc(100vw - 40px);white-space:pre-line;text-align:left;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;margin-bottom:8px}.filters-sidebar .search-section .filters-title .help-icon::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-2px);border:5px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1001}.filters-sidebar .search-section .filters-title .help-icon:hover::before,.filters-sidebar .search-section .filters-title .help-icon:hover::after{opacity:1;transform:translateX(-50%) translateY(-12px)}.filters-sidebar .search-section .filters-title .help-icon:hover::after{transform:translateX(-50%) translateY(-6px)}.filters-sidebar .search-section #search-form .search-form-wrapper .search-input-wrapper{display:flex;gap:.5rem;flex-direction:column}.filters-sidebar .search-section #search-form .search-form-wrapper .search-input-wrapper .search-input{width:100%;min-width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:1rem;transition:all .3s ease}.filters-sidebar .search-section #search-form .search-form-wrapper .search-input-wrapper .search-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filters-sidebar .search-section #search-form .search-form-wrapper .search-input-wrapper .search-input::placeholder{color:#9ca3af;font-size:.875rem}.filters-sidebar .search-section #search-form .search-form-wrapper .search-input-wrapper .search-btn{width:100%;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;font-size:.875rem;text-align:center;height:auto}.filters-sidebar .search-section #search-form .search-form-wrapper.keyword-selector-section .search-btn{text-align:center !important;display:flex;justify-content:center;align-items:center}.filters-sidebar .filters-section .filters-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.filters-sidebar .filters-section .filters-title:hover{color:#4dd0e1}.filters-sidebar .filters-section .filters-title .toggle-icon{transition:transform .3s ease;font-size:.875rem}.filters-sidebar .filters-section .filters-title.collapsed .toggle-icon{transform:rotate(-90deg)}@media(max-width: 1024px){.filters-sidebar .filters-section .filters-title{margin-bottom:1rem}}@media(max-width: 1024px){.filters-sidebar .filters-section .filters-content.collapsed{display:none}}.filters-sidebar .filters-section .filter-group{margin-bottom:1.5rem}.filters-sidebar .filters-section .filter-group:has(.weapon-type-buttons):has(.element-buttons){margin-bottom:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.filters-sidebar .filters-section .filter-group .filter-label{display:block;font-weight:500;color:#1e293b;margin-bottom:.25rem;font-size:.875rem}.filters-sidebar .filters-section .filter-group .filter-input,.filters-sidebar .filters-section .filter-group .filter-select{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem;transition:all .3s ease}.filters-sidebar .filters-section .filter-group .filter-input:focus,.filters-sidebar .filters-section .filter-group .filter-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filters-sidebar .filters-section .filter-group .filter-input::placeholder{color:#9ca3af;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-sidebar .filters-section .filter-group .display-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:.25rem;margin-bottom:1rem}.filters-sidebar .filters-section .filter-group .display-buttons .display-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.filters-sidebar .filters-section .filter-group .display-buttons .display-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filters-sidebar .filters-section .filter-group .display-buttons .display-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(99,102,241,.3)}@media(max-width: 768px){.filters-sidebar .filters-section .filter-group .display-buttons .display-btn{font-size:10px;padding:.25rem}}.filters-sidebar .filters-section .filter-group .enhancement-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:.25rem;margin-bottom:1rem}.filters-sidebar .filters-section .filter-group .enhancement-buttons .enhancement-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.filters-sidebar .filters-section .filter-group .enhancement-buttons .enhancement-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filters-sidebar .filters-section .filter-group .enhancement-buttons .enhancement-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(99,102,241,.3)}@media(max-width: 768px){.filters-sidebar .filters-section .filter-group .enhancement-buttons .enhancement-btn{font-size:10px;padding:.25rem}}.filters-sidebar .filters-section .filter-group .weapon-type-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.filters-sidebar .filters-section .filter-group .weapon-type-buttons .weapon-type-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-width:auto}.filters-sidebar .filters-section .filter-group .weapon-type-buttons .weapon-type-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filters-sidebar .filters-section .filter-group .weapon-type-buttons .weapon-type-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(77,208,225,.3)}.filters-sidebar .filters-section .filter-group .weapon-type-buttons .weapon-type-btn[data-target=強攻].active{background-color:rgba(255,68,68,.9);border-color:#f44}.filters-sidebar .filters-section .filter-group .weapon-type-buttons .weapon-type-btn[data-target=剛毅].active{background-color:rgba(68,136,255,.9);border-color:#48f}.filters-sidebar .filters-section .filter-group .weapon-type-buttons .weapon-type-btn[data-target=恩恵].active{background-color:rgba(34,197,94,.9);border-color:#22c55e}.filters-sidebar .filters-section .filter-group .element-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.filters-sidebar .filters-section .filter-group .element-buttons .element-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-width:auto}.filters-sidebar .filters-section .filter-group .element-buttons .element-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filters-sidebar .filters-section .filter-group .element-buttons .element-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(77,208,225,.3)}.filters-sidebar .filters-section .filter-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;text-align:center}.filters-sidebar .filters-section .filter-actions .btn{width:100%;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem;text-align:center !important;display:flex;justify-content:center;align-items:center}.filters-sidebar .filters-section .filter-actions .btn.btn-primary{background-color:#4dd0e1;color:#fff}.filters-sidebar .filters-section .filter-actions .btn.btn-primary:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-1px);box-shadow:0 2px 4px rgba(99,102,241,.3)}.filters-sidebar .filters-section .filter-actions .btn.btn-primary:active{transform:translateY(0)}.filters-sidebar .filters-section .filter-actions .btn.btn-secondary{background-color:#f0fdff;color:#64748b;border:1px solid #e2e8f0}.filters-sidebar .filters-section .filter-actions .btn.btn-secondary:hover{background-color:#4dd0e1;color:#fff}.weapons-main{min-width:0;padding:0 1.5rem}@media(max-width: 768px){.weapons-main{padding:0 .5rem}}.search-section{flex:1;padding:0;background-color:rgba(0,0,0,0);border:none}.search-section #search-form .search-form-wrapper.keyword-selector-section .keyword-selectors{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:.5rem}.search-section #search-form .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item{min-width:0}.search-section #search-form .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item .weapon-filter-combobox{width:100%}.search-section #search-form .search-form-wrapper .weapon-filter-combobox{flex:1;min-width:0;position:relative;width:100%}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger{position:relative;display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;transition:all .2s ease;cursor:text}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger:hover{border-color:rgba(77,208,225,.5)}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger.active{border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1)}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-input{flex:1;padding:.25rem .5rem;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:1rem;outline:none}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-input::placeholder{color:#9ca3af}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons{display:flex;align-items:center;gap:.25rem;padding-right:.5rem;flex-shrink:0}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-search-icon{color:#9ca3af;flex-shrink:0}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:#9ca3af;transition:color .2s ease}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-clear-btn:hover{color:#1e293b}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-arrow{color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger.active .weapon-filter-arrow{transform:rotate(180deg)}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box{display:none;align-items:center;gap:.25rem;padding:.25rem .5rem;border-bottom:1px solid #e2e8f0;background:hsl(0,0%,98%)}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box .weapon-filter-search-icon{color:#9ca3af;flex-shrink:0}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box .weapon-filter-search-input{flex:1;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:1rem;outline:none}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box .weapon-filter-search-input::placeholder{color:#9ca3af}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options{max-height:250px;overflow-y:auto;padding:.25rem 0}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-option{padding:.25rem .5rem;cursor:pointer;font-size:.875rem;color:#1e293b;transition:all .15s ease}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-option:hover{background-color:rgba(77,208,225,.1)}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-option.selected{background-color:rgba(77,208,225,.15);color:#4dd0e1;font-weight:600}.search-section #search-form .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-no-result{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}.search-section #search-form .search-form-wrapper .search-btn{width:100%;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;font-size:.875rem;text-align:center !important;display:flex;justify-content:center;align-items:center;height:auto;margin-top:.5rem}.results-header{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem;padding-right:1.5rem;background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0;margin-bottom:1.5rem}@media(max-width: 768px){.results-header{flex-direction:column;gap:1rem;align-items:flex-start;padding:.5rem;margin-bottom:1rem}}.results-header .results-info .results-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0}.results-header .results-info .results-count{font-size:.875rem;color:#64748b;margin:0}.results-header .sort-controls{display:flex;align-items:center;gap:.5rem}.results-header .sort-controls .sort-label{font-size:.875rem;font-weight:500;color:#1e293b}.results-header .sort-controls .sort-select{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem;transition:all .3s ease}.results-header .sort-controls .sort-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem 0}.pagination .pagination-info .pagination-text{color:#64748b;font-size:.875rem}.pagination .pagination-links{display:flex;gap:.25rem;align-items:center}.pagination .pagination-links .page-link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .3s ease;min-width:40px;height:40px}.pagination .pagination-links .page-link:not(.disabled):not(.active){background-color:#fff;color:#64748b;border:1px solid #e2e8f0}.pagination .pagination-links .page-link:not(.disabled):not(.active):hover{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1}.pagination .pagination-links .page-link.active{background-color:#4dd0e1;color:#fff;border:1px solid #4dd0e1}.pagination .pagination-links .page-link.disabled{background-color:#f0fdff;color:#9ca3af;border:1px solid #e2e8f0;cursor:not-allowed}.filter-toggle{display:none;position:static;background:linear-gradient(135deg, rgba(77, 208, 225, 0.1), rgba(77, 208, 225, 0.05));color:#1e293b;border:1px solid rgba(77,208,225,.3);border-radius:12px;padding:14px 16px;cursor:pointer;box-shadow:none;transition:all .2s ease;text-decoration:none;margin-bottom:1rem;width:auto;max-width:150px}.filter-toggle:hover{background:linear-gradient(135deg, rgba(77, 208, 225, 0.15), rgba(77, 208, 225, 0.1));border-color:rgba(77,208,225,.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(77,208,225,.2)}.filter-toggle:active{transform:translateY(0)}.filter-toggle .filter-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-toggle .filter-toggle-content .fa-filter{color:#4dd0e1;font-size:18px}.filter-toggle .filter-toggle-content .filter-toggle-text{flex:1;font-size:15px;font-weight:500;color:#333;text-align:left}.filter-toggle .filter-toggle-content .fa-chevron-right{color:#4dd0e1;font-size:14px}@media(max-width: 1024px){.filter-toggle{display:block !important}}@media(max-width: 1024px){.filters-sidebar{display:none}.search-section-mobile{margin-bottom:1rem;padding:1rem;background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.search-section-mobile .filters-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.search-section-mobile .filters-title .help-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;cursor:help;font-size:1rem;transition:color .2s ease}.search-section-mobile .filters-title .help-icon:hover{color:#4dd0e1}.search-section-mobile .filters-title .help-icon i{font-size:1em}.search-section-mobile .filters-title .help-icon::before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background-color:rgba(0,0,0,.9);color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1000;width:200px;max-width:calc(100vw - 40px);white-space:pre-line;text-align:left;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word;margin-bottom:8px}.search-section-mobile .filters-title .help-icon::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-2px);border:5px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1001}.search-section-mobile .filters-title .help-icon:hover::before,.search-section-mobile .filters-title .help-icon:hover::after{opacity:1;transform:translateX(-50%) translateY(-12px)}.search-section-mobile .filters-title .help-icon:hover::after{transform:translateX(-50%) translateY(-6px)}.search-section-mobile #search-form-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:.5rem}.search-section-mobile #search-form-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item{min-width:0}.search-section-mobile #search-form-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item .weapon-filter-combobox{width:100%}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox{flex:1;min-width:0;position:relative;width:100%}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger{position:relative;display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;transition:all .2s ease;cursor:text}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger:hover{border-color:rgba(77,208,225,.5)}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger.active{border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1)}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-input{flex:1;padding:.25rem .5rem;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:16px;outline:none}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-input::placeholder{color:#9ca3af}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons{display:flex;align-items:center;gap:.25rem;padding-right:.5rem;flex-shrink:0}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-search-icon{color:#9ca3af;flex-shrink:0}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:#9ca3af;transition:color .2s ease}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-clear-btn:hover{color:#1e293b}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger .weapon-filter-icons .weapon-filter-arrow{color:#9ca3af;flex-shrink:0;transition:transform .2s ease}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-trigger.active .weapon-filter-arrow{transform:rotate(180deg)}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box{display:none;align-items:center;gap:.25rem;padding:.25rem .5rem;border-bottom:1px solid #e2e8f0;background:hsl(0,0%,98%)}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box .weapon-filter-search-icon{color:#9ca3af;flex-shrink:0}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box .weapon-filter-search-input{flex:1;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:16px;outline:none}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-search-box .weapon-filter-search-input::placeholder{color:#9ca3af}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options{max-height:250px;overflow-y:auto;padding:.25rem 0}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-option{padding:.25rem .5rem;cursor:pointer;font-size:.875rem;color:#1e293b;transition:all .15s ease}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-option:hover{background-color:rgba(77,208,225,.1)}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-option.selected{background-color:rgba(77,208,225,.15);color:#4dd0e1;font-weight:600}.search-section-mobile #search-form-mobile .search-form-wrapper .weapon-filter-combobox .weapon-filter-dropdown .weapon-filter-options .weapon-filter-no-result{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}.search-section-mobile #search-form-mobile .search-form-wrapper .search-btn{width:100%;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;font-size:.875rem;text-align:center;height:auto;margin-top:.5rem}}@media(min-width: calc(1024px + 1px)){.search-section-mobile{display:none}}.filter-bottom-sheet{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:10000 !important;display:none !important;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease}.filter-bottom-sheet.active{display:block !important;pointer-events:auto !important;visibility:visible !important;opacity:1 !important}.filter-bottom-sheet .filter-bottom-sheet-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.filter-bottom-sheet.active .filter-bottom-sheet .filter-bottom-sheet-overlay{opacity:1}.filter-bottom-sheet .filter-bottom-sheet-content{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background-color:#fff !important;border-radius:.75rem .75rem 0 0 !important;max-height:90vh !important;overflow-y:auto !important;transform:translateY(100%) !important;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1) !important;box-shadow:0 -4px 20px rgba(0,0,0,.3) !important;z-index:10001 !important}.filter-bottom-sheet.active .filter-bottom-sheet .filter-bottom-sheet-content{transform:translateY(0) !important}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header{position:sticky;top:0;background-color:#fff;padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;z-index:10}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-close{background:none;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-close:hover{background-color:#f0fdff;color:#1e293b}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body{padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group{margin-bottom:1.5rem}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group:has(.weapon-type-buttons):has(.element-buttons){margin-bottom:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-label{display:block;font-weight:500;color:#1e293b;margin-bottom:.25rem;font-size:.875rem}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-input,.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-select{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem;transition:all .3s ease}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-input:focus,.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-input::placeholder{color:#9ca3af;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .display-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:.25rem;margin-bottom:1rem}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .display-buttons .display-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .display-buttons .display-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .display-buttons .display-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(99,102,241,.3)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .enhancement-buttons{display:grid;grid-template-columns:repeat(3, 1fr);gap:.25rem;margin-bottom:1rem}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .enhancement-buttons .enhancement-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .enhancement-buttons .enhancement-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .enhancement-buttons .enhancement-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(99,102,241,.3)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-width:auto}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(77,208,225,.3)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn[data-target=強攻].active{background-color:rgba(255,68,68,.9);border-color:#f44}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn[data-target=剛毅].active{background-color:rgba(68,136,255,.9);border-color:#48f}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .weapon-type-buttons .weapon-type-btn[data-target=恩恵].active{background-color:rgba(34,197,94,.9);border-color:#22c55e}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;min-width:auto}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .element-buttons .element-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(77,208,225,.3)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn{width:100%;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem;text-align:center}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-primary{background-color:#4dd0e1;color:#fff}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-primary:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-secondary{background-color:#f0fdff;color:#64748b;border:1px solid #e2e8f0}.filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-secondary:hover{background-color:#4dd0e1;color:#fff}@media(min-width: calc(1024px + 1px)){.filter-bottom-sheet{display:none !important}}.relics-mobile-page{min-height:100vh !important;background:#f8f9fa !important;color:#333 !important;font-family:"Noto Sans JP",sans-serif !important;padding-bottom:20px !important}.relics-mobile-page .mobile-header{background:#fff !important;border-bottom:1px solid #e0e0e0 !important;padding:16px !important;position:sticky !important;top:0 !important;z-index:100 !important;box-shadow:0 2px 4px rgba(0,0,0,.05) !important}.relics-mobile-page .mobile-header .header-content{display:flex;flex-direction:column;gap:12px;align-items:center}.relics-mobile-page .mobile-header .page-title{font-size:18px;font-weight:600;margin:0;text-align:center;color:#333;width:100%}.relics-mobile-page .search-section-mobile{padding:12px 16px !important;background:#fff !important;border-bottom:1px solid #e0e0e0 !important}.relics-mobile-page .search-section-mobile .search-form-wrapper{display:flex;flex-direction:column;gap:8px}.relics-mobile-page .search-section-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:8px}.relics-mobile-page .search-section-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item{min-width:0}.relics-mobile-page .search-section-mobile .search-form-wrapper.keyword-selector-section .keyword-selectors .keyword-selector-item .relic-filter-combobox{width:100%}.relics-mobile-page .search-section-mobile .relic-filter-combobox{flex:1;min-width:0;position:relative;width:100%}.relics-mobile-page .search-section-mobile .relic-filter-trigger{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;transition:all .2s ease;cursor:text}.relics-mobile-page .search-section-mobile .relic-filter-trigger:hover{border-color:rgba(59,130,246,.5)}.relics-mobile-page .search-section-mobile .relic-filter-trigger.active{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.relics-mobile-page .search-section-mobile .relic-filter-input{flex:1;padding:.5rem .75rem;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:16px;outline:none}.relics-mobile-page .search-section-mobile .relic-filter-input::placeholder{color:#9ca3af}.relics-mobile-page .search-section-mobile .relic-filter-icons{display:flex;align-items:center;gap:.5rem;padding-right:.5rem;flex-shrink:0}.relics-mobile-page .search-section-mobile .relic-filter-search-icon{color:#6b7280;flex-shrink:0}.relics-mobile-page .search-section-mobile .relic-filter-clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:#6b7280;transition:color .2s ease}.relics-mobile-page .search-section-mobile .relic-filter-clear-btn:hover{color:#1e293b}.relics-mobile-page .search-section-mobile .relic-filter-arrow{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.relics-mobile-page .search-section-mobile .relic-filter-trigger.active .relic-filter-arrow{transform:rotate(180deg)}.relics-mobile-page .search-section-mobile .relic-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.relics-mobile-page .search-section-mobile .relic-filter-search-box{display:none;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.relics-mobile-page .search-section-mobile .relic-filter-search-box .relic-filter-search-icon{color:#6b7280;flex-shrink:0}.relics-mobile-page .search-section-mobile .relic-filter-search-input{flex:1;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:16px;outline:none}.relics-mobile-page .search-section-mobile .relic-filter-search-input::placeholder{color:#9ca3af}.relics-mobile-page .search-section-mobile .relic-filter-options{max-height:250px;overflow-y:auto;padding:.25rem 0}.relics-mobile-page .search-section-mobile .relic-filter-option{padding:.5rem .75rem;cursor:pointer;font-size:.875rem;color:#1e293b;transition:all .15s ease}.relics-mobile-page .search-section-mobile .relic-filter-option:hover{background-color:rgba(59,130,246,.1)}.relics-mobile-page .search-section-mobile .relic-filter-option.selected{background-color:rgba(59,130,246,.15);color:#3b82f6;font-weight:600}.relics-mobile-page .search-section-mobile .relic-filter-no-result{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.relics-mobile-page .search-section-mobile .search-btn{width:100%;padding:10px 16px;background:#007bff;border:1px solid #007bff;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.relics-mobile-page .search-section-mobile .search-btn:hover{background:#0056b3;border-color:#0056b3}.relics-mobile-page .search-section-mobile .search-btn:active{background:#004085;border-color:#004085}.relics-mobile-page .relics-cta-section{padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0}.relics-mobile-page .relics-cta-section .relics-cta-link{display:block;text-decoration:none;background:linear-gradient(135deg, rgba(77, 208, 225, 0.1), rgba(77, 208, 225, 0.05));border:1px solid rgba(77,208,225,.3);border-radius:12px;padding:14px 16px;transition:all .2s ease}.relics-mobile-page .relics-cta-section .relics-cta-link:hover{background:linear-gradient(135deg, rgba(77, 208, 225, 0.15), rgba(77, 208, 225, 0.1));border-color:rgba(77,208,225,.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(77,208,225,.2)}.relics-mobile-page .relics-cta-section .relics-cta-link:active{transform:translateY(0)}.relics-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.relics-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content .fa-sword{color:#4dd0e1;font-size:18px}.relics-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content .relics-cta-text{flex:1;font-size:15px;font-weight:500;color:#333;text-align:left}.relics-mobile-page .relics-cta-section .relics-cta-link .relics-cta-content .fa-chevron-right{color:#4dd0e1;font-size:14px}.relics-mobile-page .results-header{padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:12px}.relics-mobile-page .results-header .results-header-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.relics-mobile-page .results-header .results-info{flex:1}.relics-mobile-page .results-header .results-info .results-count{font-size:13px;color:#666;margin:0;margin-bottom:4px}.relics-mobile-page .results-header .sort-controls{margin-top:0;width:100%;display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.relics-mobile-page .results-header .sort-controls form{flex:1 1 auto;min-width:0}.relics-mobile-page .results-header .sort-controls .sort-select{width:100%;min-width:0;padding:8px 36px 8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.relics-mobile-page .results-header .sort-controls .sort-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.relics-mobile-page .results-header .filter-toggle{flex-shrink:0;display:block;text-decoration:none;background:linear-gradient(135deg, rgba(77, 208, 225, 0.1), rgba(77, 208, 225, 0.05));border:1px solid rgba(77,208,225,.3);border-radius:6px;padding:6px 10px;transition:all .2s ease;margin-bottom:0;width:auto;min-width:0}.relics-mobile-page .results-header .filter-toggle:hover{background:linear-gradient(135deg, rgba(77, 208, 225, 0.15), rgba(77, 208, 225, 0.1));border-color:rgba(77,208,225,.5);transform:translateY(-1px);box-shadow:0 2px 8px rgba(77,208,225,.2)}.relics-mobile-page .results-header .filter-toggle:active{transform:translateY(0)}.relics-mobile-page .results-header .filter-toggle .filter-toggle-content{display:flex;align-items:center;justify-content:space-between;gap:6px}.relics-mobile-page .results-header .filter-toggle .filter-toggle-content .fa-filter{color:#4dd0e1;font-size:12px}.relics-mobile-page .results-header .filter-toggle .filter-toggle-content .filter-toggle-text{flex:1;font-size:12px;font-weight:500;color:#333;text-align:left;white-space:nowrap}.relics-mobile-page .results-header .filter-toggle .filter-toggle-content .fa-chevron-right{color:#4dd0e1;font-size:10px}.relics-mobile-page .relics-grid{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;padding:12px 16px !important}.relics-mobile-page .relic-card{background:linear-gradient(135deg, rgba(34, 197, 94, 0.05), rgba(34, 197, 94, 0.1)) !important;border:1px solid rgba(34,197,94,.2) !important;border-radius:8px !important;padding:.75rem !important;transition:all .3s ease !important;position:relative !important;overflow:hidden !important;min-height:auto !important}.relics-mobile-page .relic-content{position:relative !important;z-index:2 !important;height:100% !important;display:flex !important;flex-direction:column !important}.relics-mobile-page .relic-header{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:1rem !important}.relics-mobile-page .relic-name-wrapper{display:flex !important;align-items:center !important;gap:.75rem !important;flex:1 !important}.relics-mobile-page .relic-image{width:48px !important;height:48px !important;object-fit:cover !important;flex-shrink:0 !important}.relics-mobile-page .relic-name{margin:0 !important;color:#1e293b !important;font-size:1.25rem !important;font-weight:700 !important;text-shadow:0 1px 2px hsla(0,0%,100%,.8) !important}.relics-mobile-page .relic-rarity{padding:.25rem .75rem !important;border-radius:12px !important;font-size:.75rem !important;font-weight:600 !important;text-transform:uppercase !important;box-shadow:0 2px 4px rgba(0,0,0,.1) !important;backdrop-filter:blur(4px) !important}.relics-mobile-page .rarity-ssr{background:#fbbf24 !important;color:#92400e !important}.relics-mobile-page .rarity-sr{background:#a78bfa !important;color:#5b21b6 !important}.relics-mobile-page .rarity-r{background:#60a5fa !important;color:#1e40af !important}.relics-mobile-page .rarity-n{background:#9ca3af !important;color:#374151 !important}.relics-mobile-page .rarity-unknown{background:#d1d5db !important;color:#6b7280 !important}.relics-mobile-page .relic-description{display:flex !important;flex-direction:column !important;gap:0 !important}.relics-mobile-page .relic-skill.effect-item{display:flex !important;gap:.5rem !important;align-items:flex-start !important;margin-bottom:.5rem !important;padding-bottom:.5rem !important;border-bottom:1px solid rgba(34,197,94,.1) !important;border-left:none !important}.relics-mobile-page .relic-skill.effect-item:last-child{margin-bottom:0 !important;padding-bottom:0 !important;border-bottom:none !important}.relics-mobile-page .relic-stars{display:flex !important;flex-direction:column !important;gap:0 !important;margin-top:.5rem !important;padding-top:.5rem !important;border-top:1px solid rgba(34,197,94,.2) !important}.relics-mobile-page .star-effect.effect-item{display:flex !important;gap:.5rem !important;align-items:flex-start !important;margin-bottom:.5rem !important;padding-bottom:.5rem !important;border-bottom:1px solid rgba(34,197,94,.1) !important;border-left:none !important}.relics-mobile-page .star-effect.effect-item:last-child{margin-bottom:0 !important;padding-bottom:0 !important;border-bottom:none !important}.relics-mobile-page .effect-label{font-weight:600 !important;color:#1e293b !important;font-size:.875rem !important;min-width:40px !important}.relics-mobile-page .effect-text{flex:1 !important;color:#374151 !important;font-size:.875rem !important;line-height:1.5 !important}.relics-mobile-page .empty-state{text-align:center;padding:40px 20px;color:#666}.relics-mobile-page .empty-state p{font-size:14px;margin:0}.relics-mobile-page .pagination-container{padding:12px 16px;display:flex;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.relics-mobile-page .pagination-container .pagination{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:0;padding:0}.relics-mobile-page .pagination-container .pagination .pagination-info{text-align:center;width:100%}.relics-mobile-page .pagination-container .pagination .pagination-info .pagination-text{font-size:12px;color:#666}.relics-mobile-page .pagination-container .pagination .pagination-links{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.relics-mobile-page .pagination-container .pagination .pagination-links .page-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:6px;text-decoration:none;font-weight:500;font-size:13px;transition:all .3s ease;min-width:36px;height:36px;flex-shrink:0;white-space:nowrap}.relics-mobile-page .pagination-container .pagination .pagination-links .page-link:not(.disabled):not(.active){background-color:#fff;color:#666;border:1px solid #e0e0e0}.relics-mobile-page .pagination-container .pagination .pagination-links .page-link.active{background-color:#007bff;color:#fff;border:1px solid #007bff}.relics-mobile-page .pagination-container .pagination .pagination-links .page-link.disabled{background-color:#f5f5f5;color:#999;border:1px solid #e0e0e0;cursor:not-allowed}.relics-mobile-page .filter-bottom-sheet{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:10000 !important;display:none !important;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease}.relics-mobile-page .filter-bottom-sheet.active{display:block !important;pointer-events:auto !important;visibility:visible !important;opacity:1 !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.filter-bottom-sheet.active .relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-overlay{opacity:1}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content{position:absolute !important;bottom:0 !important;left:0 !important;right:0 !important;background-color:#fff !important;border-radius:16px 16px 0 0 !important;max-height:90vh !important;overflow-y:auto !important;transform:translateY(100%) !important;transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1) !important;box-shadow:0 -4px 20px rgba(0,0,0,.3) !important;z-index:10001 !important}.filter-bottom-sheet.active .relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content{transform:translateY(0) !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header{position:sticky;top:0;background-color:#fff;padding:16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;z-index:10}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-title{font-size:16px;font-weight:600;color:#333;margin:0}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-close{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-header .filter-bottom-sheet-close:hover{background-color:#f5f5f5;color:#333}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group{margin-bottom:24px}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .filter-label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .rarity-buttons{display:flex !important;flex-wrap:wrap !important;gap:8px !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .rarity-buttons .rarity-btn{padding:8px 16px !important;border:1px solid #e0e0e0 !important;border-radius:8px !important;background-color:#fff !important;color:#666 !important;font-size:14px !important;font-weight:500 !important;cursor:pointer !important;transition:all .3s ease !important;text-align:center !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .rarity-buttons .rarity-btn:hover{background-color:#f5f5f5 !important;border-color:#007bff !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-group .rarity-buttons .rarity-btn.active{background-color:#007bff !important;color:#fff !important;border-color:#007bff !important;box-shadow:0 2px 4px rgba(0,123,255,.3) !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body fieldset.filter-group{border:none;padding:0;margin:0 0 24px 0}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body fieldset.filter-group legend.filter-label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:14px;padding:0;width:100%}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body fieldset.filter-group .rarity-buttons{display:flex !important;flex-wrap:wrap !important;gap:8px !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body fieldset.filter-group .rarity-buttons .rarity-btn{padding:8px 16px !important;border:1px solid #e0e0e0 !important;border-radius:8px !important;background-color:#fff !important;color:#666 !important;font-size:14px !important;font-weight:500 !important;cursor:pointer !important;transition:all .3s ease !important;text-align:center !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body fieldset.filter-group .rarity-buttons .rarity-btn:hover{background-color:#f5f5f5 !important;border-color:#007bff !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body fieldset.filter-group .rarity-buttons .rarity-btn.active{background-color:#007bff !important;color:#fff !important;border-color:#007bff !important;box-shadow:0 2px 4px rgba(0,123,255,.3) !important}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn{width:100%;padding:12px 16px;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:14px;text-align:center}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-primary{background-color:#007bff;color:#fff}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-primary:hover{background-color:#0056b3}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-secondary{background-color:#f5f5f5;color:#666;border:1px solid #e0e0e0}.relics-mobile-page .filter-bottom-sheet .filter-bottom-sheet-content .filter-bottom-sheet-body .filter-actions .btn.btn-secondary:hover{background-color:#e0e0e0}@media(max-width: 480px){.relics-mobile-page .mobile-header{padding:10px 12px}.relics-mobile-page .mobile-header .page-title{font-size:15px}.relics-mobile-page .search-section-mobile{padding:10px 12px}.relics-mobile-page .results-header{padding:10px 12px}.relics-mobile-page .relics-grid{gap:10px;padding:10px 12px}}.set-effects-section{margin:2rem 1.5rem;padding:1.5rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));border-radius:.5rem;border:2px solid rgba(59,130,246,.3)}.set-effects-section .set-effects-header{margin-bottom:1.5rem}.set-effects-section .set-effects-header .set-effects-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .5rem 0;text-align:center}.set-effects-section .set-effects-header .set-effects-description{font-size:.875rem;color:#64748b;margin:0 0 .25rem 0;text-align:center;font-style:italic}.set-effects-section .set-effects-header .set-effects-note{font-size:.75rem;color:#9ca3af;margin:0;text-align:center;font-style:italic}.set-effects-section .set-effect-group{margin-bottom:1.5rem;background:rgba(0,0,0,0);border-radius:.375rem;border:1px solid #e2e8f0;overflow:hidden}.set-effects-section .set-effect-group:last-child{margin-bottom:0}.set-effects-section .set-effect-group .set-effect-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));border-bottom:none;cursor:pointer;transition:all .3s ease}.set-effects-section .set-effect-group .set-effect-header:hover{background:linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(147, 51, 234, 0.15))}.set-effects-section .set-effect-group .set-effect-header .set-effect-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.set-effects-section .set-effect-group .set-effect-header .set-effect-toggle-btn{background:#4dd0e1;color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;transition:all .3s ease}.set-effects-section .set-effect-group .set-effect-header .set-effect-toggle-btn:hover{background:#4f46e5}.set-effects-section .set-effect-group .set-effect-header .set-effect-toggle-btn .toggle-icon{font-size:.875rem;font-weight:bold}.set-effects-section .set-effect-group .set-effect-content{transition:all .3s ease;margin:0}.set-effects-section .set-effect-group .set-effect-content.collapsed{max-height:0;min-height:0;padding:0;margin:0;opacity:0;display:none}.set-effects-section .set-effect-group .set-effect-content.expanded{max-height:none;opacity:1;display:block;padding:0;margin:0}.important-effects-section{margin:2rem 1.5rem;padding:1.5rem;background:linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 152, 0, 0.1));border-radius:.5rem;border:2px solid rgba(255,193,7,.3)}.important-effects-section .effects-header{margin-bottom:1.5rem}.important-effects-section .effects-header .effects-title-container{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;position:relative}.important-effects-section .effects-header .effects-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.important-effects-section .effects-header .effects-toggle-btn{position:absolute;right:0;background:#4dd0e1;color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;transition:all .3s ease}.important-effects-section .effects-header .effects-toggle-btn:hover{background:#4f46e5}.important-effects-section .effects-header .effects-toggle-btn .toggle-icon{font-size:.875rem;font-weight:bold}.important-effects-section .effects-header .effects-description{font-size:.875rem;color:#64748b;margin:0;font-style:italic}.important-effects-section .effects-content{transition:all .3s ease}.important-effects-section .effects-content.collapsed{max-height:0;min-height:0;padding:0;margin:0;opacity:0;display:none}.important-effects-section .effects-content.expanded{max-height:none;opacity:1;display:block}.important-effects-container{margin-top:1.5rem;padding:1rem;background:#f2eeec;border-radius:.375rem;border:2px solid rgba(242,238,236,.3)}@media(max-width: 1024px){.important-effects-container{margin-top:0;padding:.5rem 1rem;padding-top:0}}@media(max-width: 768px){.important-effects-container{padding:.25rem .5rem;padding-top:0}}.important-category{margin-bottom:1.5rem}.important-category:last-child{margin-bottom:0}.important-category .category-title{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 1rem 0;padding-bottom:.25rem;border-bottom:2px solid #4dd0e1;display:flex;align-items:center;gap:.5rem}@media(max-width: 1024px){.important-category .category-title{font-size:.875rem;margin:0 0 .25rem 0;padding:.25rem .5rem}}@media(max-width: 768px){.important-category .category-title{font-size:.75rem;padding:.25rem}}.important-category .category-effects{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1rem}@media(max-width: 1024px){.important-category .category-effects{gap:.5rem}}@media(max-width: 768px){.important-category .category-effects{grid-template-columns:1fr;gap:.25rem}}@media(max-width: 1024px){.important-category{margin-bottom:1rem}}@media(max-width: 768px){.important-category{margin-bottom:.5rem}}.important-effect-card{background:#fff;border-radius:.375rem;padding:1rem;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}@media(max-width: 1024px){.important-effect-card{padding:.25rem .5rem;margin-bottom:.25rem}}@media(max-width: 768px){.important-effect-card{padding:.25rem}}.important-effect-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#4dd0e1}.important-effect-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#4dd0e1}.important-effect-card.weapon-effect{border-left-color:#e0d1d0;background:linear-gradient(135deg, rgba(224, 209, 208, 0.1), rgba(224, 209, 208, 0.05))}.important-effect-card.weapon-effect::before{background:#e0d1d0}.important-effect-card.potion-effect{border-left-color:#9b9fc4;background:linear-gradient(135deg, rgba(155, 159, 196, 0.1), rgba(155, 159, 196, 0.05))}.important-effect-card.potion-effect::before{background:#9b9fc4}.important-effect-card.trait-effect{border-left-color:#f9f2ec;background:linear-gradient(135deg, rgba(249, 242, 236, 0.1), rgba(249, 242, 236, 0.05))}.important-effect-card.trait-effect::before{background:#f9f2ec}.important-effect-card.other-effect{border-left-color:#6b7280;background:linear-gradient(135deg, rgba(107, 114, 128, 0.05), rgba(107, 114, 128, 0.02))}.important-effect-card.other-effect::before{background:#6b7280}.important-effect-card .effect-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.important-effect-card .effect-header .category-icon{font-size:1.125rem}@media(max-width: 1024px){.important-effect-card .effect-header .category-icon{font-size:.875rem}}@media(max-width: 768px){.important-effect-card .effect-header .category-icon{font-size:.75rem}}.important-effect-card .effect-header .effect-name{font-size:1rem;font-weight:600;color:#1e293b;flex:1}@media(max-width: 1024px){.important-effect-card .effect-header .effect-name{font-size:.75rem;margin:0 0 .25rem 0}}@media(max-width: 768px){.important-effect-card .effect-header .effect-name{font-size:.7rem}}.important-effect-card .effect-header .importance-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;background:#f0fdff;color:#64748b}@media(max-width: 1024px){.important-effect-card .effect-header .importance-badge{font-size:.7rem}}@media(max-width: 768px){.important-effect-card .effect-header .importance-badge{font-size:.65rem}}@media(max-width: 1024px){.important-effect-card .effect-header{flex-direction:row;align-items:center;gap:.25rem;margin-bottom:.25rem}}.important-effect-card .effect-description{font-size:.875rem;color:#64748b;line-height:1.4;margin-bottom:.5rem}@media(max-width: 1024px){.important-effect-card .effect-description{font-size:.7rem;margin:.25rem 0 0 0}}@media(max-width: 768px){.important-effect-card .effect-description{font-size:.65rem}}.important-effect-card .effect-description .highlight-percentage{color:#dc2626;font-weight:700;background:rgba(220,38,38,.1);padding:1px 3px;border-radius:3px}.important-effect-card .effect-description .highlight-damage{color:#dc2626;font-weight:600}.important-effect-card .effect-description .highlight-critical{color:#f59e0b;font-weight:600}.important-effect-card .effect-description .highlight-elemental{color:#3b82f6;font-weight:600}.important-effect-card .effect-description .highlight-shieldbreak{color:#8b5cf6;font-weight:600}.important-effect-card .effect-description .highlight-special{color:#10b981;font-weight:600}.important-effect-card .effect-description .highlight-stack{color:#6b7280;font-weight:600}.important-effect-card .effect-source{font-size:.75rem;color:#9ca3af;font-style:italic}.no-important-effects{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}@media(max-width: 768px){.important-effects-section{margin-top:1.5rem;padding:1rem}.important-effects-section .important-effects-title{font-size:1.125rem}.important-category .category-effects{grid-template-columns:1fr;gap:.5rem}.important-effect-card{padding:.5rem}.important-effect-card .effect-header{flex-direction:column;align-items:flex-start;gap:.25rem}.important-effect-card .effect-header .effect-name{font-size:.875rem}}.loadouts-page .loadouts-effects-semi-modal{display:none}@media(max-width: 1024px){.loadouts-page .loadouts-effects-semi-modal{display:block;position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;padding-top:1.5rem;background:linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);backdrop-filter:blur(10px);border-top:3px solid #4dd0e1;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:10000;max-height:calc(100vh - 80px);height:200px;overflow-y:auto;transition:bottom .3s ease,max-height .3s ease,height .3s ease}.loadouts-page .loadouts-effects-semi-modal.dragging{transition:none}.loadouts-page .loadouts-effects-semi-modal .semi-modal-handle{position:absolute;top:0;left:0;right:0;height:24px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;z-index:1001;user-select:none;touch-action:none}.loadouts-page .loadouts-effects-semi-modal .semi-modal-handle:hover{background-color:rgba(77,208,225,.1)}.loadouts-page .loadouts-effects-semi-modal .semi-modal-handle:active{background-color:rgba(77,208,225,.2)}.loadouts-page .loadouts-effects-semi-modal .semi-modal-handle .handle-grip{width:40px;height:4px;background-color:rgb(34.8461538462,187.0076923077,206.7538461538);border-radius:2px;transition:background-color .2s ease}.semi-modal-handle:hover .loadouts-page .loadouts-effects-semi-modal .semi-modal-handle .handle-grip{background-color:#4dd0e1}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content{padding-top:1rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile{margin-bottom:1rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile .effects-title{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile .effects-description{font-size:.7rem;color:#64748b;margin:0 0 .25rem 0}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile .effects-note{font-size:.65rem;color:#9ca3af;margin:0}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .set-effects-mobile{margin-bottom:1rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .set-effects-mobile:last-child{margin-bottom:0}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .set-effects-mobile .set-effect-card .set-effect-header .set-effect-title{font-size:.75rem;margin:0 0 .25rem 0}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .set-effects-mobile .set-effect-card .set-effect-body{font-size:.7rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header{display:flex;flex-direction:row;align-items:center;gap:.25rem;margin-bottom:.25rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header .category-icon{font-size:.875rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header .effect-name{font-size:.75rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header .importance-badge{font-size:.7rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-description{font-size:.7rem}}@media(max-width: 1024px)and (max-width: 768px){.loadouts-page .loadouts-effects-semi-modal{padding:.5rem 1rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile{margin-bottom:.5rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile .effects-title{font-size:.75rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile .effects-description{font-size:.65rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .effects-header-mobile .effects-note{font-size:.6rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .set-effects-mobile{margin-bottom:.5rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .set-effects-mobile .set-effect-card .set-effect-header .set-effect-title{font-size:.7rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .set-effects-mobile .set-effect-card .set-effect-body{font-size:.65rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header{gap:.25rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header .category-icon{font-size:.75rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header .effect-name{font-size:.7rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-header .importance-badge{font-size:.65rem}.loadouts-page .loadouts-effects-semi-modal .loadouts-effects-semi-modal-content .important-effects-container .important-category .category-effects .important-effect-card .effect-description{font-size:.65rem}}@media(max-width: 1024px){.loadouts-page .effects-section{display:none}.loadouts-page .set-effects{display:none}}@media(max-width: 1024px){.loadouts-page .loadouts-actions .btn.btn-cta{display:none !important;visibility:hidden;opacity:0;width:0;height:0;padding:0;margin:0;flex:0 0 0;min-width:0;max-width:0;overflow:hidden;pointer-events:none}.loadouts-page{font-size:.875rem}.loadouts-page .max-w-7xl{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.loadouts-page .loadouts-actions{padding:.5rem 1rem;margin:0;gap:.5rem;display:flex;flex-wrap:nowrap}.loadouts-page .loadouts-actions .btn{min-width:90px;max-width:120px;padding:.25rem .5rem;font-size:.875rem}.loadouts-page .loadouts-actions .btn.btn-cta{display:none !important}.loadouts-page .loadouts-layout{display:block;width:100%;margin:0;padding:0;gap:0}.loadouts-page .loadouts-layout .main-content{width:100%;margin:0;padding:1rem 1rem .5rem 1rem;padding-top:.5rem;order:2;display:block;flex:none;position:static}.loadouts-page .loadouts-layout .main-content .headers-row{width:100%;margin:0;margin-bottom:1rem;padding:0;display:block;flex-direction:column;gap:.5rem}.loadouts-page .loadouts-layout .main-content .headers-row .effects-section{display:none}.loadouts-page .loadouts-layout .main-content .headers-row .simulator-section{width:100%;margin:0;padding:0}.loadouts-page .loadouts-layout .main-content .headers-row .simulator-section .simulator-header{padding:.5rem;margin:0}.loadouts-page .loadouts-layout .main-content .headers-row .simulator-section .simulator-header .simulator-title{font-size:1rem;margin:0 0 .25rem 0;font-weight:600}.loadouts-page .loadouts-layout .main-content .headers-row .simulator-section .simulator-header .simulator-description{font-size:.75rem;margin:0;color:#9ca3af}.loadouts-page .loadouts-layout .main-content .set-row{width:100%;margin:0;margin-bottom:1rem;padding:0;display:block;flex-direction:column;gap:.5rem}.loadouts-page .loadouts-layout .main-content .set-row .set-effects{display:none}.loadouts-page .loadouts-layout .main-content .set-row .set-composition{width:100%;margin:0;padding:0}.loadouts-page .loadouts-layout .right-column{width:100%;margin:0;padding:0;order:1;display:block;position:static;height:auto;min-height:auto;max-height:none;overflow:visible;flex:none}.loadouts-page .loadouts-layout .right-column .items-section{width:100%;margin:0;padding:.5rem 1rem;padding-top:0;padding-bottom:.25rem;display:block;position:static;top:auto;max-height:none;overflow-x:visible;overflow-y:visible;box-shadow:none;border:none;background-color:rgba(0,0,0,0);border-radius:0;height:auto;min-height:auto}.loadouts-page .loadouts-layout .right-column .items-section .items-header{width:100%;margin:0;margin-bottom:.25rem;padding:0;text-align:center;border-bottom:none}.loadouts-page .loadouts-layout .right-column .items-section .items-header .items-title{font-size:.875rem;margin:0 0 .25rem 0;font-weight:600;text-align:center}.loadouts-page .loadouts-layout .right-column .items-section .items-header .items-filter{width:100%;margin:0;margin-top:.25rem;display:flex;justify-content:center}.loadouts-page .loadouts-layout .right-column .items-section .items-header .items-filter .search-input{width:100%;padding:.25rem .5rem;font-size:.875rem;border-radius:.375rem;border:1px solid #e2e8f0}.loadouts-page .loadouts-layout .right-column .items-section .items-grid{width:100%;display:flex;flex-direction:row;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.loadouts-page .loadouts-layout .right-column .items-section .items-grid::-webkit-scrollbar{height:6px}.loadouts-page .loadouts-layout .right-column .items-section .items-grid::-webkit-scrollbar-track{background:#f0fdff;border-radius:3px}.loadouts-page .loadouts-layout .right-column .items-section .items-grid::-webkit-scrollbar-thumb{background:#4dd0e1;border-radius:3px}.loadouts-page .loadouts-layout .right-column .items-section .items-grid::-webkit-scrollbar-thumb:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692)}.loadouts-page .loadouts-layout .right-column .items-section .items-grid>*{flex-shrink:0;width:120px;min-width:120px;max-width:120px}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card{width:120px;min-width:120px;max-width:120px;min-height:140px;padding:.5rem;border-radius:.375rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card:hover{transform:none;border-color:#4dd0e1;box-shadow:0 2px 8px rgba(99,102,241,.15)}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card.selected{border:2px solid #4dd0e1;background:linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(99, 102, 241, 0.12));box-shadow:0 4px 12px rgba(99,102,241,.3),0 0 0 1px rgba(99,102,241,.1)}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-character,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h4.item-character,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h4{font-size:.75rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-weapon,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h5.item-weapon{font-size:.75rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-type,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info p.item-type,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info p{font-size:.65rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-potion,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h5.item-potion{font-size:.65rem}}@media(max-width: 768px){.loadouts-page .max-w-7xl{padding-left:0;padding-right:0}.loadouts-page .loadouts-actions{padding:.25rem .5rem;gap:.25rem}.loadouts-page .loadouts-actions .btn{min-width:80px;max-width:100px;padding:.25rem .5rem;font-size:.75rem}.loadouts-page .loadouts-layout .main-content{padding:.5rem .5rem .25rem .5rem;padding-top:.25rem}.loadouts-page .loadouts-layout .main-content .headers-row{margin-bottom:.5rem}.loadouts-page .loadouts-layout .main-content .headers-row .simulator-section .simulator-header{padding:.25rem}.loadouts-page .loadouts-layout .main-content .headers-row .simulator-section .simulator-header .simulator-title{font-size:.875rem}.loadouts-page .loadouts-layout .main-content .headers-row .simulator-section .simulator-header .simulator-description{font-size:.7rem}.loadouts-page .loadouts-layout .main-content .set-row{margin-bottom:.5rem}.loadouts-page .loadouts-layout .main-content .loadouts-effects-semi-modal{padding:.25rem .5rem .5rem .5rem;padding-top:.5rem}.loadouts-page .loadouts-layout .right-column .items-section{padding:.25rem .5rem;padding-top:0;padding-bottom:.25rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid{gap:.25rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid>*{width:100px;min-width:100px;max-width:100px}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card{width:100px;min-width:100px;max-width:100px;min-height:120px;padding:.25rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-character,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h4.item-character,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h4{font-size:.65rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-weapon,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h5.item-weapon{font-size:.65rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-type,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info p.item-type,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info p{font-size:.6rem}.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info .item-potion,.loadouts-page .loadouts-layout .right-column .items-section .items-grid .item-card .item-info h5.item-potion{font-size:.6rem}.loadouts-page .loadouts-layout .loadouts-effects-semi-modal{padding:.5rem 1rem 1rem 1rem;padding-top:1rem}}@media(max-width: 1024px){.modal .modal-content.item-detail-modal .modal-header{padding:.5rem 1rem}.modal .modal-content.item-detail-modal .modal-header h3{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-header .modal-close{font-size:1rem;width:25px;height:25px}.modal .modal-content.item-detail-modal .modal-body{padding:0}.modal .modal-content.item-detail-modal .modal-body .item-detail-content{padding:1px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .card-main{padding:.5rem 1rem;gap:.5rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info{gap:.5rem;padding:.25rem;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-image{width:80px;height:80px;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-name{font-size:1rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-description{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info{padding:.25rem;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header{gap:.5rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-image{width:80px;height:80px;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-name{font-size:1rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge{font-size:.7rem;padding:3px 10px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements{margin-top:.25rem;padding-top:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item{padding:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:.7rem;min-width:40px;padding:2px 5px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info{border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-label{font-size:.7rem;min-width:40px;padding:2px 5px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-text{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-image{border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header{gap:.5rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-image{width:80px;height:80px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-details .potion-name{font-size:1rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item .skill-item-content .skill-item-name{font-size:.75rem}}@media(max-width: 768px){.modal .modal-content.item-detail-modal .modal-header{padding:.25rem .5rem}.modal .modal-content.item-detail-modal .modal-header h3{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-header .modal-close{font-size:.9rem;width:22px;height:22px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .card-main{padding:.25rem .5rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info{gap:.25rem;padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-image{width:60px;height:60px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-name{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-description{font-size:.7rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header{gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-image{width:60px;height:60px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-name{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge{font-size:.65rem;padding:2px 8px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements{margin-top:.25rem;padding-top:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item{padding:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:.65rem;min-width:35px;padding:1px 4px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:.7rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info{border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-label{font-size:.65rem;min-width:35px;padding:1px 4px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-text{font-size:.7rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header{gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-image{border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-image{width:60px;height:60px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-details .potion-name{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item .skill-item-content .skill-item-name{font-size:.7rem}}.history-container{padding:3rem 2rem;max-width:75rem;margin:0 auto}.history-header{margin-bottom:2rem}.history-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.history-header p{color:#64748b;font-size:1rem}.history-actions{margin-bottom:2rem}.history-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .2s ease}.history-actions .btn.btn-primary{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:#fff;border:none}.history-actions .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.history-loading{text-align:center;padding:3rem 0}.history-loading .spinner{display:inline-block;width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.history-loading p{margin-top:1rem;color:#64748b;font-size:1.125rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.history-list{display:flex;flex-direction:column;gap:2rem}.history-item{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease;border:1px solid #e5e7eb;margin-bottom:2rem}.history-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.history-item:last-child{margin-bottom:0}.history-item-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:1.25rem 1.5rem;position:relative}.history-item-header h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem 0}.history-item-header .history-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;opacity:.9}.history-item-header .team-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3)}.history-item-header .source-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.history-item-header .source-badge.source-db{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:#fff;border:1px solid rgba(59,130,246,.3)}.history-item-header .source-badge.source-local{background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color:#fff;border:1px solid rgba(245,158,11,.3)}.history-item-header .history-actions{position:absolute;top:1.25rem;right:1.5rem;display:flex;gap:.375rem;margin:0}.history-item-header .history-actions .btn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);color:#fff;backdrop-filter:blur(8px);transition:all .2s ease;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;min-width:auto;cursor:pointer}.history-item-header .history-actions .btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.history-item-header .history-actions .btn.btn-delete{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4)}.history-item-header .history-actions .btn.btn-delete:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5)}.history-content{padding:1.5rem}.loadout-preview{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.set-card-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.625rem;padding:.875rem;transition:all .2s ease}.set-card-preview:hover{border-color:#3b82f6;background:#f0f9ff}.set-card-preview .set-header-preview{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.set-card-preview .set-name-preview{font-weight:600;color:#1e293b;font-size:.875rem}.set-card-preview .set-description-preview{font-size:.75rem;color:#64748b;margin-top:.5rem;line-height:1.4}.equipment-grid-preview{display:grid;gap:.5rem}.equipment-row-preview{display:flex;gap:.5rem}.equipment-slot-preview{width:3.75rem;height:3.75rem;border:2px solid #cbd5e1;border-radius:.5rem;background:#f1f5f9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.equipment-slot-preview.equipped{border-color:#3b82f6;background:#dbeafe}.equipment-slot-preview img{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.equipment-slot-preview:not(.trait-slot):not(.relic-slot) img{transform:scale(1.4);transform-origin:center}.equipment-slot-preview.trait-slot img,.equipment-slot-preview.relic-slot img{transform:scale(1.2);transform-origin:center}.equipment-slot-preview .multiplier-badge-preview{position:absolute;top:-4px;right:-4px;background:#f59e0b;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .25rem;border-radius:.25rem;border:1px solid #fff;min-width:1rem;text-align:center;z-index:2}.equipment-slot-preview .set-count-badge-preview{position:absolute;bottom:-4px;left:-4px;background:#3b82f6;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .25rem;border-radius:.25rem;border:1px solid #fff;min-width:1rem;text-align:center;z-index:2}.history-empty{text-align:center;padding:4rem 0}.history-empty .empty-icon{font-size:5rem;color:#d1d5db;margin-bottom:1.5rem}.history-empty h3{font-size:1.5rem;font-weight:500;color:#1e293b;margin-bottom:1rem}.history-empty p{color:#64748b;margin-bottom:2rem;font-size:1.125rem}.history-empty .btn{padding:.875rem 2rem;font-size:1.125rem}@media(max-width: 768px){.history-container{padding:2rem 1rem}.loadout-preview{grid-template-columns:1fr}.history-item-header{padding:1rem 1.25rem}.history-item-header .history-actions{position:static;margin-top:.75rem;justify-content:flex-end}.history-content{padding:1.25rem}}@media(max-width: 480px){.history-container{padding:1.5rem .75rem}.history-item-header{padding:.875rem 1rem}.history-item-header h3{font-size:1.25rem}.history-item-header .history-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.history-content{padding:1rem}}.loadouts-page .team-formation-cta{margin-bottom:2rem}.loadouts-page .team-formation-cta .cta-card{background:linear-gradient(135deg, #4dd0e1 0%, #81d4fa 100%);border-radius:.5rem;padding:2rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);position:relative;overflow:hidden}.loadouts-page .team-formation-cta .cta-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);pointer-events:none}.loadouts-page .team-formation-cta .cta-card .cta-content{display:flex;align-items:center;gap:2rem;position:relative;z-index:1}@media(max-width: 768px){.loadouts-page .team-formation-cta .cta-card .cta-content{flex-direction:column;text-align:center;gap:1.5rem}}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-icon{flex-shrink:0}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-icon .team-members-preview .member-row{display:flex;gap:.5rem}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-icon .team-members-preview .member-row .member-slot{width:40px;height:40px;background:hsla(0,0%,100%,.2);border-radius:.375rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-text{flex:1}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-text .cta-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-text .cta-description{color:hsla(0,0%,100%,.9);font-size:1rem;line-height:1.6;margin-bottom:1rem}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-text .cta-features{display:flex;gap:.5rem;flex-wrap:wrap}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-text .cta-features .feature-tag{background:hsla(0,0%,100%,.2);color:#fff;padding:.25rem .5rem;border-radius:20px;font-size:.875rem;font-weight:500;backdrop-filter:blur(10px)}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-actions{flex-shrink:0}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-actions .cta-button{display:flex;align-items:center;gap:.5rem;background:#fff;color:#4dd0e1;padding:1rem 2rem;border-radius:.375rem;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-actions .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.2);background:hsla(0,0%,100%,.95)}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-actions .cta-button .arrow-icon{transition:transform .3s ease}.loadouts-page .team-formation-cta .cta-card .cta-content .cta-actions .cta-button:hover .arrow-icon{transform:translateX(4px)}.loadouts-page .loadouts-layout{display:flex;gap:2rem;align-items:flex-start}@media(max-width: 1024px){.loadouts-page .loadouts-layout{flex-direction:column;gap:1.5rem}}.loadouts-page .main-content{flex:5;display:flex;flex-direction:column;gap:0;padding-left:1.5rem}.loadouts-page .loadouts-actions{display:flex;justify-content:flex-start;gap:1rem;margin-top:1rem;margin-bottom:1rem;padding-left:1.5rem}@media(max-width: 768px){.loadouts-page .loadouts-actions{justify-content:center;padding-left:0}}.loadouts-page .loadouts-actions .btn{padding:.5rem 1rem;border-radius:6px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;line-height:1}.loadouts-page .loadouts-actions .btn.btn-primary{background:#4dd0e1;color:#fff}.loadouts-page .loadouts-actions .btn.btn-primary:hover{background:#81d4fa}.loadouts-page .loadouts-actions .btn.btn-outline{background:rgba(0,0,0,0);color:#1e293b;border:2px solid #4dd0e1}.loadouts-page .loadouts-actions .btn.btn-outline:hover{background:#4dd0e1;color:#fff;transform:translateY(-1px)}.loadouts-page .loadouts-actions .btn.btn-cta{background:linear-gradient(135deg, #4dd0e1, rgb(94.8, 212.7, 228));color:#fff;border:2px solid #4dd0e1;box-shadow:0 4px 12px rgba(77,208,225,.3);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.25rem}.loadouts-page .loadouts-actions .btn.btn-cta i{font-size:.875rem}.loadouts-page .loadouts-actions .btn.btn-cta::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.loadouts-page .loadouts-actions .btn.btn-cta:hover{background:linear-gradient(135deg, rgb(64.0778846154, 204.5879807692, 222.8221153846), #4dd0e1);transform:translateY(-2px);box-shadow:0 6px 16px rgba(77,208,225,.4)}.loadouts-page .loadouts-actions .btn.btn-cta:hover::before{left:100%}@media(max-width: 768px){.loadouts-page .loadouts-actions .btn{flex:1;min-width:120px}}.loadouts-page .headers-row{display:flex;gap:2rem;margin-bottom:1.5rem}.loadouts-page .simulator-section{flex:0 0 auto;width:calc((100% - 2rem)*2/5);max-width:400px;min-width:250px}.loadouts-page .effects-section{flex:1;min-width:0}.loadouts-page .set-row{display:flex;gap:2rem;margin-bottom:1.5rem}.loadouts-page .set-composition{flex:0 0 auto;width:calc((100% - 2rem)*2/5);max-width:400px;min-width:250px}.loadouts-page .set-effects{flex:1;min-width:0}.loadouts-page .right-column{flex:0 0 300px;position:sticky;top:1.5rem;max-height:calc(100vh - 100px);overflow-y:auto;padding-right:1.5rem}.loadouts-page .sets-section{display:flex;flex-direction:column;gap:1rem;align-items:center}.loadouts-page .loadout-slot{background-color:#f8f9fa;border-radius:.375rem;padding:1rem;border:2px solid #e2e8f0;transition:all .3s ease;width:100%;margin-bottom:1rem}.loadouts-page .loadout-slot:hover{border-color:#4dd0e1;box-shadow:0 4px 12px rgba(0,0,0,.1)}.loadouts-page .loadout-slot .slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.loadouts-page .loadout-slot .slot-header .slot-title-input{background:none;border:none;font-size:1.1rem;font-weight:600;color:#1e293b;flex:1;padding:.25rem}.loadouts-page .loadout-slot .slot-header .slot-title-input:focus{outline:none;background-color:rgba(0,0,0,.05);border-radius:.25rem}.loadouts-page .loadout-slot .slot-header .slot-actions{display:flex;gap:.25rem;align-items:center}.loadouts-page .loadout-slot .slot-header .save-slot-btn{background-color:#4dd0e1;color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.loadouts-page .loadout-slot .slot-header .save-slot-btn:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.loadouts-page .loadout-slot .slot-header .clear-slot-btn{background-color:#ffab91;color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.85rem;cursor:pointer;transition:background-color .2s ease}.loadouts-page .loadout-slot .slot-header .clear-slot-btn:hover{background-color:rgb(255,140.4545454545,105)}.loadouts-page .loadout-slot .slot-content .equipment-section{margin-bottom:1rem}.loadouts-page .loadout-slot .slot-content .equipment-section:last-child{margin-bottom:0}.loadouts-page .loadout-slot .slot-content .equipment-section .section-header{margin-bottom:.5rem}.loadouts-page .loadout-slot .slot-content .equipment-section .section-header .section-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .weapon-row,.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .potion-row,.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .trait-row,.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .relic-row{display:flex;gap:.5rem;margin-bottom:.5rem}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .weapon-row:last-child,.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .potion-row:last-child,.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .trait-row:last-child,.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .relic-row:last-child{margin-bottom:0}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot{width:80px;height:80px;border:2px solid #e2e8f0;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.empty{background-color:#f0fdff;border-style:dashed}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.empty:hover{border-color:#4dd0e1;background-color:rgba(77,208,225,.1)}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.equipped{border-color:#a5d6a7;background-color:rgba(165,214,167,.1)}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.equipped:hover{border-color:#ffcc80}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot img{width:100%;height:100%;object-fit:cover;border-radius:.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.weapon-slot img,.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.potion-slot img{transform:translate(-50%, -50%) scale(1.2);transform-origin:center}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.trait-slot img{transform:translate(-50%, -50%) scale(1.1);transform-origin:center}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot.relic-slot img{transform:translate(-50%, -50%) scale(1);transform-origin:center}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot .remove-slot-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:none;border-radius:50%;background:#ffab91;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2);padding:0;line-height:1;opacity:0;pointer-events:none}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot .remove-slot-btn:hover{background:rgb(255,140.4545454545,105);transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot .remove-slot-btn:active{transform:scale(0.95)}.loadouts-page .loadout-slot .slot-content .equipment-section .equipment-slots .equipment-slot:hover .remove-slot-btn{opacity:1;pointer-events:auto}.loadouts-page .loadout-slot .slot-content .description-input{width:100%;min-height:80px;padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;font-size:.9rem;resize:vertical;background-color:#f0fdff}.loadouts-page .loadout-slot .slot-content .description-input:focus{outline:none;border-color:#4dd0e1}.loadouts-page .effects-section{background-color:#edf1fe;border-radius:.5rem;padding:1.5rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.loadouts-page .effects-section .effects-header .effects-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0}.loadouts-page .effects-section .effects-header .effects-description{font-size:.875rem;color:#64748b;margin:0 0 .25rem 0}.loadouts-page .effects-section .effects-header .effects-note{font-size:.75rem;color:#94a3b8;margin:0}.loadouts-page .effects-container{display:flex;flex-direction:column;gap:1rem;width:100%}.loadouts-page .set-effect-card{background-color:#edf1fe;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);overflow:hidden;width:100%;flex:1}.loadouts-page .set-effect-card .set-effect-header{background:linear-gradient(to right, rgba(219, 234, 254, 0.8), rgba(233, 213, 255, 0.8));padding:1rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.2)}.loadouts-page .set-effect-card .set-effect-header .set-effect-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.loadouts-page .set-effect-card .set-effect-body{padding:1.5rem}.loadouts-page .set-effect-card .set-effect-body .no-effects-message{padding:1.5rem;background-color:#f0fdff;border-radius:.25rem;text-align:center;border:1px dashed #e2e8f0}.loadouts-page .set-effect-card .set-effect-body .no-effects-message p{margin:0;font-size:.9rem;color:#64748b;font-style:italic}.loadouts-page .simulator-section{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:flex-start}.loadouts-page .simulator-section .simulator-header{text-align:center;width:100%}.loadouts-page .simulator-section .simulator-header .simulator-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0}.loadouts-page .simulator-section .simulator-header .simulator-description{font-size:.875rem;color:#64748b;margin:0}.loadouts-page .simulator-section .loadout-slots{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;justify-content:center;width:100%}@media(max-width: 1024px){.loadouts-page .simulator-section .loadout-slots{justify-content:flex-start}}@media(max-width: 768px){.loadouts-page .simulator-section .loadout-slots{flex-direction:column;align-items:center}}.loadouts-page .simulator-section .performance-section{background-color:#f0fdff;border-radius:.375rem;padding:1.5rem;border:1px solid #e2e8f0;margin-bottom:2rem}.loadouts-page .simulator-section .performance-section .performance-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;text-align:center}.loadouts-page .simulator-section .performance-section .performance-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.loadouts-page .simulator-section .performance-section .performance-stats .stat-item{text-align:center;padding:1rem;background-color:#fff;border-radius:.25rem;border:1px solid #e2e8f0}.loadouts-page .simulator-section .performance-section .performance-stats .stat-item .stat-label{display:block;font-size:.875rem;color:#64748b;margin-bottom:.25rem;font-weight:500}.loadouts-page .simulator-section .performance-section .performance-stats .stat-item .stat-value{display:block;font-size:1.125rem;font-weight:700;color:#4dd0e1}.loadouts-page .left-column{display:flex;flex-direction:column;gap:1.5rem;flex:1}.loadouts-page .items-section{background-color:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;position:sticky;top:1.5rem;max-height:150vh;overflow-y:auto;z-index:100;width:100%;flex-shrink:0;margin-bottom:1.5rem}@media(max-width: 1024px){.loadouts-page .items-section{margin-bottom:0;padding-bottom:.25rem}}.loadouts-page .items-section .items-header{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.loadouts-page .items-section .items-header .items-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.loadouts-page .items-section .items-header .items-title.clickable{cursor:pointer;transition:color .2s ease}.loadouts-page .items-section .items-header .items-title.clickable:hover{color:#4dd0e1}.loadouts-page .items-section .items-header .items-filter .search-input{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#f0fdff;color:#1e293b;font-size:.875rem;transition:all .3s ease}.loadouts-page .items-section .items-header .items-filter .search-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.loadouts-page .items-section .items-header .items-filter .search-input::placeholder{color:#9ca3af}.loadouts-page .items-section .items-grid{display:flex;flex-direction:column;gap:1rem}@media(max-width: 1024px){.loadouts-page .items-section .items-grid{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:.5rem;padding:0 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.loadouts-page .items-section .items-grid>*{flex-shrink:0;width:120px;min-width:120px;max-width:120px}}@media(max-width: 768px){.loadouts-page .items-section .items-grid{gap:.25rem}.loadouts-page .items-section .items-grid>*{width:100px;min-width:100px;max-width:100px}}.loadouts-page .items-section .items-grid .item-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#f0fdff;background-size:80%;background-position:center center;background-repeat:no-repeat;border-radius:.25rem;border:1px solid #e2e8f0;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:100px}.loadouts-page .items-section .items-grid .item-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center, rgba(249, 250, 251, 0.8) 0%, rgba(249, 250, 251, 0.9) 50%, rgba(249, 250, 251, 0.98) 80%);z-index:1}.loadouts-page .items-section .items-grid .item-card>*{position:relative;z-index:2}.loadouts-page .items-section .items-grid .item-card:hover{border-color:#4dd0e1;box-shadow:0 2px 8px rgba(99,102,241,.1);transform:translateY(-1px)}.loadouts-page .items-section .items-grid .item-card.selected{border-top:3px solid #4dd0e1;border-color:#4dd0e1;box-shadow:0 2px 8px rgba(99,102,241,.2)}.loadouts-page .items-section .items-grid .item-card .item-info{flex:1;min-width:0;text-align:center}.loadouts-page .items-section .items-grid .item-card .item-info .item-character{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 .25rem 0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 1px 3px hsla(0,0%,100%,.9),0 0 10px hsla(0,0%,100%,.7)}.loadouts-page .items-section .items-grid .item-card .item-info .item-weapon{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 .25rem 0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 1px 2px hsla(0,0%,100%,.9)}.loadouts-page .items-section .items-grid .item-card .item-info .item-type{font-size:.75rem;color:#4dd0e1;margin:0 0 .25rem 0;font-weight:600;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 1px 2px hsla(0,0%,100%,.9)}.loadouts-page .items-section .items-grid .item-card .item-info .item-potion{font-size:.75rem;color:#9ca3af;margin:0;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 1px 2px hsla(0,0%,100%,.9)}@media(max-width: 1024px){.loadouts-page .items-section .items-grid .item-card .item-info .item-character{font-size:.75rem !important}.loadouts-page .items-section .items-grid .item-card .item-info .item-weapon{font-size:.75rem !important}.loadouts-page .items-section .items-grid .item-card .item-info .item-type{font-size:.65rem !important}.loadouts-page .items-section .items-grid .item-card .item-info .item-potion{font-size:.65rem !important}}@media(max-width: 768px){.loadouts-page .items-section .items-grid .item-card .item-info .item-character{font-size:.65rem !important}.loadouts-page .items-section .items-grid .item-card .item-info .item-weapon{font-size:.65rem !important}.loadouts-page .items-section .items-grid .item-card .item-info .item-type{font-size:.6rem !important}.loadouts-page .items-section .items-grid .item-card .item-info .item-potion{font-size:.6rem !important}}.loadouts-page .items-section .items-grid .item-card .item-actions{display:flex;justify-content:center}.loadouts-page .items-section .items-grid .item-card .item-actions .btn{padding:.25rem .5rem;border-radius:.25rem;font-weight:500;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:.75rem}.loadouts-page .items-section .items-grid .item-card .item-actions .btn.btn-primary{background-color:#4dd0e1;color:#fff}.loadouts-page .items-section .items-grid .item-card .item-actions .btn.btn-primary:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.loadouts-page .items-section .items-grid .item-card .item-actions .btn.btn-sm{padding:.25rem .5rem;font-size:.75rem}@media(max-width: 768px){.loadouts-page .loadouts-layout{flex-direction:column}.loadouts-page .items-section{position:static;max-height:none}.loadouts-page .loadout-slots{grid-template-columns:1fr}.loadouts-page .performance-stats{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 640px){.loadouts-page .performance-stats{grid-template-columns:1fr}.loadouts-page .item-card .item-info{text-align:center}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal .modal-content .modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal .modal-content .modal-header .modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal .modal-content .modal-header .modal-close:hover{background:#f0fdff;color:#1e293b}.modal .modal-content .modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal .modal-content .modal-body .search-box{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.modal .modal-content .modal-body .search-box .search-input-wrapper{position:relative;width:60%;max-width:400px}.modal .modal-content .modal-body .search-box .search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.modal .modal-content .modal-body .search-box .search-input-wrapper .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.modal .modal-content .modal-body .search-box .search-input-wrapper .search-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1);transform:translateY(-1px)}.modal .modal-content .modal-body .search-box .search-input-wrapper .search-input:focus+.search-icon{color:#4dd0e1}.modal .modal-content .modal-body .search-box .search-input-wrapper .search-input::placeholder{color:#64748b}.modal .modal-content .modal-body .weapon-filters{margin-bottom:1.5rem;padding:1rem;background:#f0fdff;border-radius:8px;border:1px solid #e2e8f0}.modal .modal-content .modal-body .weapon-filters .filter-group{margin-bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.modal .modal-content .modal-body .weapon-filters .filter-group:last-child{margin-bottom:0}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn{padding:.375rem .75rem !important;border:1px solid #e2e8f0 !important;border-radius:6px !important;background-color:#fff !important;color:#64748b !important;font-size:.8125rem !important;font-weight:500 !important;cursor:pointer !important;transition:all .3s ease !important;text-align:center !important;min-width:auto !important}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn:hover{background-color:#f0fdff !important;color:#1e293b !important;border-color:#4dd0e1 !important;transform:translateY(-1px) !important}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn.active{background-color:#4dd0e1 !important;color:#fff !important;border-color:#4dd0e1 !important;box-shadow:0 2px 4px rgba(77,208,225,.3) !important}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn[data-target=強攻].active{background-color:rgba(255,68,68,.9) !important;border-color:#f44 !important}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn[data-target=剛毅].active{background-color:rgba(68,136,255,.9) !important;border-color:#48f !important}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn[data-target=恩恵].active{background-color:rgba(34,197,94,.9) !important;border-color:#22c55e !important}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons .element-btn{padding:.375rem .75rem !important;border:1px solid #e2e8f0 !important;border-radius:6px !important;background-color:#fff !important;color:#64748b !important;font-size:.8125rem !important;font-weight:500 !important;cursor:pointer !important;transition:all .3s ease !important;text-align:center !important;min-width:auto !important}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons .element-btn:hover{background-color:#f0fdff !important;color:#1e293b !important;border-color:#4dd0e1 !important;transform:translateY(-1px) !important}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons .element-btn.active{background-color:#4dd0e1 !important;color:#fff !important;border-color:#4dd0e1 !important;box-shadow:0 2px 4px rgba(77,208,225,.3) !important}.modal .modal-content .modal-body .item-grid{display:grid;gap:1rem}.modal .modal-content .modal-body .item-grid.weapon-grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr))}.modal .modal-content .modal-body .item-grid.relic-grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr))}.modal .modal-content .modal-body .item-grid.potion-grid,.modal .modal-content .modal-body .item-grid.trait-grid{grid-template-columns:1fr}.modal .modal-content .modal-body .item-grid .item-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.modal .modal-content .modal-body .item-grid .item-card:hover{border-color:#4dd0e1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.modal .modal-content .modal-body .item-grid .item-card.weapon-card{text-align:center}.modal .modal-content .modal-body .item-grid .item-card.weapon-card .item-image{width:60px;height:60px;border-radius:6px;margin:0 auto .5rem;display:block;overflow:hidden}.modal .modal-content .modal-body .item-grid .item-card.weapon-card .item-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.modal .modal-content .modal-body .item-grid .item-card.weapon-card .item-name{font-size:.875rem;font-weight:500;color:#1e293b;margin:0;line-height:1.2}.modal .modal-content .modal-body .item-grid .item-card.weapon-card .item-rarity{font-size:.75rem;color:#64748b;margin-top:.25rem}.modal .modal-content .modal-body .item-grid .item-card.relic-card{text-align:center}.modal .modal-content .modal-body .item-grid .item-card.relic-card .item-image{width:60px;height:60px;border-radius:6px;margin:0 auto .5rem;display:block;overflow:hidden}.modal .modal-content .modal-body .item-grid .item-card.relic-card .item-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.modal .modal-content .modal-body .item-grid .item-card.relic-card .item-name{font-size:.875rem;font-weight:500;color:#1e293b;margin:0;line-height:1.2}.modal .modal-content .modal-body .item-grid .item-card.relic-card .item-rarity{font-size:.75rem;color:#64748b;margin-top:.25rem}.modal .modal-content .modal-body .item-grid .item-card.potion-card,.modal .modal-content .modal-body .item-grid .item-card.trait-card{display:flex;align-items:flex-start;gap:1rem}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-image-container{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100px;min-width:100px}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container .item-image,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-image-container .item-image{width:60px;height:60px;object-fit:cover;border-radius:6px}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container .item-image{transform:scale(1.4);transform-origin:center}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container .item-name,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-image-container .item-name{font-size:.75rem;font-weight:500;color:#1e293b;background:#f0fdff;border:1px solid #e2e8f0;border-radius:12px;padding:.25rem .5rem;margin:0;line-height:1.2;text-align:center;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:90px;min-height:1.2rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content{flex:1;min-width:0}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .item-description,.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-description,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .item-description,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-description{font-size:.75rem;color:#64748b;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;margin:0 0 .5rem 0}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag{display:inline-block;font-size:.6rem;font-weight:600;padding:.15rem .3rem;border-radius:8px;margin-right:.5rem;margin-bottom:.25rem}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag.effect-2set,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag.effect-2set{background:linear-gradient(135deg, #4ade80, #22c55e);color:#fff}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag.effect-3set,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag.effect-3set{background:linear-gradient(135deg, #8b5cf6, #7c3aed);color:#fff}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag.effect-4set,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag.effect-4set{background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .item-rarity,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .item-rarity{font-size:.75rem;color:#64748b;margin-top:.5rem}.item-detail-modal .modal-content{max-width:800px;max-height:80vh;overflow-y:auto}.item-detail-modal .item-detail-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.item-detail-modal .item-detail-card{display:flex;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:.375rem;background:#fff;transition:all .2s ease}.item-detail-modal .item-detail-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.item-detail-modal .item-detail-card .item-detail-image{width:60px;height:60px;margin-right:1rem;flex-shrink:0}.item-detail-modal .item-detail-card .item-detail-image img{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.item-detail-modal .item-detail-card .item-detail-info{flex:1}.item-detail-modal .item-detail-card .item-detail-info .item-detail-character{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0}.item-detail-modal .item-detail-card .item-detail-info .item-detail-weapon{font-size:.875rem;font-weight:500;color:#64748b;margin:0 0 .25rem 0}.item-detail-modal .item-detail-card .item-detail-info .item-detail-type{font-size:.75rem;color:#9ca3af;margin:0 0 .25rem 0}.item-detail-modal .item-detail-card .item-detail-info .item-detail-potion{font-size:.75rem;color:#9ca3af;margin:0 0 .5rem 0}.item-detail-modal .item-detail-card .item-detail-info .item-detail-actions .btn{font-size:.75rem;padding:.25rem .5rem}.item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements{border-top:none}.item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .category-header{border-bottom:none}.item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item{border-bottom:none}.item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item .enhancement-label{background:#42c79f;color:#fff}.unified-item-card-popup{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:none;overflow:hidden}.unified-item-card-popup .card-main{padding:1rem;display:flex;flex-direction:column;gap:1rem}.unified-item-card-popup .character-info{display:flex;align-items:center;gap:1rem;padding:.5rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(59, 130, 246, 0.1));border-radius:.375rem;border:1px solid rgba(59,130,246,.2)}.unified-item-card-popup .character-info .character-image{width:80px;height:80px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.unified-item-card-popup .character-info .character-details{flex:1}.unified-item-card-popup .character-info .character-details .character-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem 0}.unified-item-card-popup .character-info .character-details .character-description{font-size:.875rem;color:#64748b;line-height:1.4;margin:0}.unified-item-card-popup .weapon-info{padding:.5rem;background:linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(239, 68, 68, 0.1));border-radius:.375rem;border:1px solid rgba(239,68,68,.2)}.unified-item-card-popup .weapon-info .weapon-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.unified-item-card-popup .weapon-info .weapon-header .weapon-image{width:80px;height:80px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details{flex:1}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges{display:flex;gap:.25rem}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:.375rem;border:1px solid;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=異能]{background:linear-gradient(135deg, rgba(136, 136, 136, 0.15), rgba(136, 136, 136, 0.25));color:#888;border:1px solid rgba(136,136,136,.4);box-shadow:0 2px 4px rgba(136,136,136,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=雷]{background:linear-gradient(135deg, rgba(170, 68, 255, 0.15), rgba(170, 68, 255, 0.25));color:#a4f;border:1px solid rgba(170,68,255,.4);box-shadow:0 2px 4px rgba(170,68,255,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=炎]{background:linear-gradient(135deg, rgba(251, 146, 60, 0.15), rgba(251, 146, 60, 0.25));color:#ea580c;border:1px solid rgba(251,146,60,.4);box-shadow:0 2px 4px rgba(251,146,60,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=物理]{background:linear-gradient(135deg, rgba(218, 165, 32, 0.15), rgba(218, 165, 32, 0.25));color:#daa520;border:1px solid rgba(218,165,32,.4);box-shadow:0 2px 4px rgba(218,165,32,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=氷]{background:linear-gradient(135deg, rgba(68, 170, 255, 0.15), rgba(68, 170, 255, 0.25));color:#4af;border:1px solid rgba(68,170,255,.4);box-shadow:0 2px 4px rgba(68,170,255,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=氷・雷]{background:linear-gradient(135deg, rgba(68, 170, 255, 0.15), rgba(68, 170, 255, 0.25));color:#4af;border:1px solid rgba(68,170,255,.4);box-shadow:0 2px 4px rgba(68,170,255,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=雷・氷]{background:linear-gradient(135deg, rgba(170, 68, 255, 0.15), rgba(170, 68, 255, 0.25));color:#a4f;border:1px solid rgba(170,68,255,.4);box-shadow:0 2px 4px rgba(170,68,255,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=物理・炎]{background:linear-gradient(135deg, rgba(218, 165, 32, 0.15), rgba(218, 165, 32, 0.25));color:#daa520;border:1px solid rgba(218,165,32,.4);box-shadow:0 2px 4px rgba(218,165,32,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=炎・物理]{background:linear-gradient(135deg, rgba(251, 146, 60, 0.15), rgba(251, 146, 60, 0.25));color:#ea580c;border:1px solid rgba(251,146,60,.4);box-shadow:0 2px 4px rgba(251,146,60,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .type-badge[data-type=強攻]{background:linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.25));color:#dc2626;border:1px solid rgba(239,68,68,.4);box-shadow:0 2px 4px rgba(239,68,68,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .type-badge[data-type=剛毅]{background:linear-gradient(135deg, rgba(184, 134, 11, 0.15), rgba(184, 134, 11, 0.25));color:#b8860b;border:1px solid rgba(184,134,11,.4);box-shadow:0 2px 4px rgba(184,134,11,.2)}.unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .type-badge[data-type=恩恵]{background:linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.25));color:#16a34a;border:1px solid rgba(34,197,94,.4);box-shadow:0 2px 4px rgba(34,197,94,.2)}.unified-item-card-popup .weapon-info .weapon-description{font-size:.875rem;color:#64748b;line-height:1.4;margin:0;white-space:pre-line}.unified-item-card-popup .weapon-info .weapon-enhancements{margin-top:.5rem;padding-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item{display:flex;gap:.5rem;align-items:flex-start;padding:.5rem;background:hsla(0,0%,100%,.8);border-radius:.25rem;border:1px solid rgba(0,0,0,.1);margin-bottom:0}.unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:.75rem;font-weight:600;color:#fff;min-width:50px;flex-shrink:0;background:#f78a8a;padding:2px 6px;border-radius:.25rem;text-align:center}.unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:.875rem;color:#64748b;line-height:1.4;flex:1}.unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements{border-top:none}.unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .category-header{border-bottom:none}.unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item{border-bottom:none}.unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item .enhancement-label{background:#42c79f !important;color:#fff !important}.unified-item-card-popup .skill-categories-section{padding:.5rem;background:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.unified-item-card-popup .skill-categories-section .skill-category{margin-bottom:1rem}.unified-item-card-popup .skill-categories-section .skill-category:last-child{margin-bottom:0}.unified-item-card-popup .skill-categories-section .skill-category .category-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #4dd0e1}@media(max-width: 1024px){.unified-item-card-popup .skill-categories-section .skill-category .category-header{margin-bottom:.25rem;padding-bottom:.25rem}}.unified-item-card-popup .skill-categories-section .skill-category .category-header .category-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem 0}@media(max-width: 1024px){.unified-item-card-popup .skill-categories-section .skill-category .category-header .category-title{font-size:1rem;margin:0 0 .25rem 0}}@media(max-width: 768px){.unified-item-card-popup .skill-categories-section .skill-category .category-header .category-title{font-size:.875rem}}.unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher{display:flex;gap:.25rem;flex-wrap:wrap}.unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher .tab-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher .tab-btn.active{background:#4dd0e1;color:#fff;border-color:#4dd0e1}.unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher .tab-btn:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);color:#fff}.unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item{display:none;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;margin-bottom:.5rem}.unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item:last-child{margin-bottom:0}.unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item.active{display:block}.unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item .skill-item-content .skill-item-name{font-size:.9rem;font-weight:500;color:#64748b;margin:0 0 .25rem 0;line-height:1.4;white-space:pre-line}.unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item .skill-item-content .skill-item-name strong{font-weight:700;color:#1e293b}.unified-item-card-popup .skill-categories-section .skill-category.normal-attack .category-header{border-bottom-color:#ff6b6b}.unified-item-card-popup .skill-categories-section .skill-category.normal-attack .tab-btn.active{background:#ff6b6b;border-color:#ff6b6b}.unified-item-card-popup .skill-categories-section .skill-category.evasion .category-header{border-bottom-color:#4ecdc4}.unified-item-card-popup .skill-categories-section .skill-category.evasion .tab-btn.active{background:#4ecdc4;border-color:#4ecdc4}.unified-item-card-popup .skill-categories-section .skill-category.skill .category-header{border-bottom-color:#45b7d1}.unified-item-card-popup .skill-categories-section .skill-category.skill .tab-btn.active{background:#45b7d1;border-color:#45b7d1}.unified-item-card-popup .skill-categories-section .skill-category.co-op-skill .category-header{border-bottom-color:#4dd0e1}.unified-item-card-popup .skill-categories-section .skill-category.co-op-skill .tab-btn.active{background:#96ceb4;border-color:#96ceb4}.unified-item-card-popup .skill-categories-section .no-skills-message{text-align:center;padding:1rem;color:#64748b;font-style:italic}.unified-item-card-popup .potion-info{padding:.5rem;background:linear-gradient(135deg, rgba(34, 197, 94, 0.05), rgba(34, 197, 94, 0.1));border-radius:.375rem;border:1px solid rgba(34,197,94,.2)}.unified-item-card-popup .potion-info .potion-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.unified-item-card-popup .potion-info .potion-header .potion-image{width:80px;height:80px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.unified-item-card-popup .potion-info .potion-header .potion-details{flex:1}.unified-item-card-popup .potion-info .potion-header .potion-details .potion-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.unified-item-card-popup .potion-info .potion-effects{display:flex;flex-direction:column;gap:.25rem}.unified-item-card-popup .potion-info .potion-effects .effect-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:hsla(0,0%,100%,.5);border-radius:.25rem;border:1px solid rgba(0,0,0,.1)}.unified-item-card-popup .potion-info .potion-effects .effect-item .effect-label{font-size:.75rem;font-weight:600;color:#1e293b;background:#a5d6a7;color:#fff;padding:2px 6px;border-radius:.25rem;min-width:50px;text-align:center;flex-shrink:0}.unified-item-card-popup .potion-info .potion-effects .effect-item .effect-text{font-size:.875rem;color:#64748b;line-height:1.4;flex:1}.unified-item-card-popup .item-actions-popup{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid #e2e8f0}.unified-item-card-popup .item-actions-popup .btn{padding:.5rem 1.5rem;font-weight:500}.relic-detail-popup{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:hidden}.relic-detail-popup .relic-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg, rgba(251, 191, 36, 0.05), rgba(251, 191, 36, 0.1));border-bottom:1px solid rgba(251,191,36,.2)}.relic-detail-popup .relic-header .relic-image{width:120px;height:120px;object-fit:contain;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:hsla(0,0%,100%,.5);padding:.5rem;border:2px solid rgba(251,191,36,.2)}.relic-detail-popup .relic-header .relic-info{flex:1}.relic-detail-popup .relic-header .relic-info .relic-name{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem 0}.relic-detail-popup .relic-header .relic-info .rarity-badge{display:inline-block;padding:4px 12px;border-radius:.25rem;font-size:.875rem;font-weight:600}.relic-detail-popup .relic-header .relic-info .rarity-badge.rarity-SSR{background:linear-gradient(135deg, #fbbf24, #f59e0b);color:#fff}.relic-detail-popup .relic-header .relic-info .rarity-badge.rarity-SR{background:linear-gradient(135deg, #a78bfa, #8b5cf6);color:#fff}.relic-detail-popup .relic-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.relic-detail-popup .relic-content .relic-skill{padding:1rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(59, 130, 246, 0.1));border-radius:.375rem;border:1px solid rgba(59,130,246,.2)}.relic-detail-popup .relic-content .relic-skill .skill-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem 0}.relic-detail-popup .relic-content .relic-skill p{font-size:1rem;color:#1e293b;font-weight:500;line-height:1.6;margin:0}.relic-detail-popup .relic-content .relic-skill p strong{color:#dc2626;font-weight:700}.relic-detail-popup .relic-content .relic-stars{display:flex;flex-direction:column;gap:.5rem}.relic-detail-popup .relic-content .relic-stars .star-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:hsla(0,0%,100%,.5);border-radius:.25rem;border:1px solid rgba(0,0,0,.1)}.relic-detail-popup .relic-content .relic-stars .star-item .star-badge{font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg, #f59e0b, #d97706);padding:4px 8px;border-radius:.25rem;min-width:40px;text-align:center;flex-shrink:0}.relic-detail-popup .relic-content .relic-stars .star-item .star-text{font-size:.875rem;color:#1e293b;font-weight:500;line-height:1.6;flex:1}.relic-detail-popup .relic-content .relic-stars .star-item .star-text strong{color:#dc2626;font-weight:700}.relic-detail-popup .effect-tag{display:inline-block;font-size:.6rem;font-weight:600;padding:.15rem .3rem;border-radius:8px;margin-right:.5rem;margin-bottom:.25rem}.relic-detail-popup .effect-tag.effect-2set{background:linear-gradient(135deg, #4ade80, #22c55e);color:#fff}.relic-detail-popup .effect-tag.effect-3set{background:linear-gradient(135deg, #8b5cf6, #7c3aed);color:#fff}.relic-detail-popup .effect-tag.effect-4set{background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff}.relic-detail-popup .effect-description{font-size:.75rem;color:#64748b;margin:.25rem 0;line-height:1.4}.relic-detail-popup .potion-multiplier{position:absolute;bottom:-8px;right:-8px;z-index:10}.relic-detail-popup .potion-multiplier .multiplier-trigger{width:24px;height:24px;border:none;border-radius:50%;background:#a5d6a7;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.relic-detail-popup .potion-multiplier .multiplier-trigger:hover{background:rgb(138.9618320611,202.1381679389,141.5404580153);transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.relic-detail-popup .potion-multiplier .multiplier-trigger .multiplier-text{font-size:.7rem;line-height:1}.relic-detail-popup .potion-multiplier .multiplier-dropdown{position:absolute;bottom:28px;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:60px;z-index:20;overflow:hidden}.relic-detail-popup .potion-multiplier .multiplier-dropdown .multiplier-option{width:100%;padding:6px 10px;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.relic-detail-popup .potion-multiplier .multiplier-dropdown .multiplier-option:hover{background:#a5d6a7;color:#fff}.relic-detail-popup .potion-multiplier .multiplier-dropdown .multiplier-option:first-child{border-radius:6px 6px 0 0}.relic-detail-popup .potion-multiplier .multiplier-dropdown .multiplier-option:last-child{border-radius:0 0 6px 6px}.equipment-slot.empty .potion-set-count{display:none}.potion-set-count{position:absolute;bottom:-8px;right:-8px;z-index:10}.potion-set-count .set-count-trigger{width:24px;height:24px;border:none;border-radius:50%;background:#a5d6a7;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.potion-set-count .set-count-trigger:hover{background:rgb(138.9618320611,202.1381679389,141.5404580153);transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.potion-set-count .set-count-trigger .set-count-text{font-size:.7rem;line-height:1}.potion-set-count .set-count-dropdown{position:absolute;bottom:28px;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:60px;z-index:20;overflow:hidden}.potion-set-count .set-count-dropdown .set-count-option{width:100%;padding:6px 10px;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.potion-set-count .set-count-dropdown .set-count-option:hover{background:#a5d6a7;color:#fff}.potion-set-count .set-count-dropdown .set-count-option:first-child{border-radius:6px 6px 0 0}.potion-set-count .set-count-dropdown .set-count-option:last-child{border-radius:0 0 6px 6px}.slot-header{display:flex;align-items:center;gap:.5rem}.slot-header .slot-title-input{flex:0 0 auto;width:150px;border:none;background:rgba(0,0,0,0);font-size:1.1rem;font-weight:600;color:#1e293b;padding:.25rem 0;outline:none;border-bottom:2px solid rgba(0,0,0,0);transition:border-color .3s ease}.slot-header .slot-title-input:focus{border-bottom-color:#4dd0e1}.slot-header .slot-title-input::placeholder{color:#9ca3af;font-weight:400}.description-input{width:100%;min-height:80px;margin-top:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.9rem;color:#1e293b;background:#fff;resize:vertical;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.description-input:focus{border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1);background:#fff}.description-input::placeholder{color:#9ca3af}.equipment-effects-section{background-color:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;margin:0 1.5rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:center}.effects-header{margin-bottom:1.5rem;text-align:center}.effects-header .effects-title-container{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.effects-header .effects-title-container .effects-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0}.effects-header .effects-title-container .effects-toggle-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.effects-header .effects-title-container .effects-toggle-btn:hover{background:#f0fdff}.effects-header .effects-title-container .effects-toggle-btn .toggle-icon{font-size:1rem;color:#64748b;transition:transform .3s ease}.effects-header .effects-description{color:#64748b;font-size:.9rem;margin:0}.effects-content{min-height:100px;display:grid;grid-template-columns:1.2fr 1.2fr .6fr;gap:1.5rem;transition:all .3s ease;overflow:visible}@media(max-width: 1024px){.effects-content{grid-template-columns:1fr;gap:1rem}}.effects-content.collapsed{max-height:0;min-height:0;padding:0;margin:0;opacity:0;display:none}.effects-content.expanded{max-height:none;opacity:1;display:grid}.effects-column{background:#f0fdff;border-radius:.375rem;padding:1rem;border:1px solid #e2e8f0}.effects-column .column-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem 0;text-align:center;padding-bottom:.5rem;border-bottom:2px solid #4dd0e1;position:sticky;top:0;background:#f0fdff;z-index:10}.weapon-effects-column .column-title{color:#dc2626;border-bottom-color:#dc2626}.potion-effects-column .column-title{color:#16a34a;border-bottom-color:#16a34a}.trait-effects-column .column-title{color:#888;border-bottom-color:#888;font-size:.875rem}.weapon-effects-list,.trait-effects-list{display:flex;flex-direction:column;gap:.5rem}.trait-effects-list .effect-item{padding:.25rem;margin-bottom:.25rem;flex-direction:row;align-items:flex-start}.trait-effects-list .effect-item .effect-content{flex:1;margin-left:.25rem}.trait-effects-list .effect-item .effect-content .effect-name{font-size:.75rem;line-height:1.1;margin-bottom:.25rem;font-weight:600}.trait-effects-list .effect-item .effect-content .effect-description{font-size:.75rem;line-height:1.2;margin-bottom:0}.trait-effects-list .effect-item .effect-content .effect-source{font-size:.75rem;display:none}.trait-effects-list .effect-item .effect-icon{width:14px;height:14px;font-size:.5rem;flex-shrink:0}.potion-effects-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(max-width: 768px){.potion-effects-grid{grid-template-columns:1fr}}.potion-effect-item{background:rgba(34,197,94,.05);border:1px solid rgba(34,197,94,.2)}.potion-effect-item .effect-icon{background:#16a34a}.no-effects-message{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}.effect-item{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;margin-bottom:.5rem;background:#f0fdff;border-radius:.375rem;border-left:4px solid #4dd0e1}.effect-item .effect-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#4dd0e1;color:#fff;border-radius:50%;font-size:.8rem;font-weight:600}.effect-item .effect-content{flex:1}.effect-item .effect-content .effect-name{font-weight:600;color:#1e293b;margin:0 0 .25rem 0;font-size:1rem}.effect-item .effect-content .effect-description{color:#64748b;margin:0;font-size:.9rem;line-height:1.4}.effect-item .effect-content .effect-source{color:#9ca3af;font-size:.8rem;margin:.25rem 0 0 0}@media(max-width: 768px){.slot-header{gap:.25rem}.slot-header .slot-title-input{font-size:1rem;width:120px}.description-input{min-height:60px;font-size:.85rem;padding:.5rem}.left-column{gap:1rem}.items-section{width:100%;margin-left:0;margin-right:0;margin-top:1.5rem;margin-bottom:1rem}.equipment-effects-section{margin:0 1rem 1.5rem 1rem;padding:1rem}.effects-header .effects-title{font-size:1.3rem}.effect-item{padding:.5rem;gap:.25rem}.effect-item .effect-icon{width:20px;height:20px;font-size:.7rem}.effect-item .effect-content .effect-name{font-size:.9rem}.effect-item .effect-content .effect-description{font-size:.85rem}.effects-column{max-height:300px}.weapon-effects-list,.trait-effects-list{max-height:250px}.potion-effects-grid{max-height:250px}}.skill-categories-section{padding:.5rem;background:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.skill-categories-section .skill-category{margin-bottom:1rem}.skill-categories-section .skill-category:last-child{margin-bottom:0}.skill-categories-section .skill-category .category-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #4dd0e1}@media(max-width: 1024px){.skill-categories-section .skill-category .category-header{margin-bottom:.25rem;padding-bottom:.25rem}}.skill-categories-section .skill-category .category-header .category-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem 0}@media(max-width: 1024px){.skill-categories-section .skill-category .category-header .category-title{font-size:1rem;margin:0 0 .25rem 0}}@media(max-width: 768px){.skill-categories-section .skill-category .category-header .category-title{font-size:.875rem}}.skill-categories-section .skill-category .category-header .tab-switcher{display:flex;gap:.25rem;flex-wrap:wrap;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#e2e8f0 rgba(0,0,0,0)}.skill-categories-section .skill-category .category-header .tab-switcher::-webkit-scrollbar{height:4px}.skill-categories-section .skill-category .category-header .tab-switcher::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.skill-categories-section .skill-category .category-header .tab-switcher::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.skill-categories-section .skill-category .category-header .tab-switcher .tab-btn{padding:.2rem .4rem;font-size:.75rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:.25rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.skill-categories-section .skill-category .category-header .tab-switcher .tab-btn:hover{background:#f0fdff;border-color:#4dd0e1}.skill-categories-section .skill-category .category-header .tab-switcher .tab-btn.active{background:#4dd0e1;color:#fff;border-color:#4dd0e1}.skill-categories-section .skill-category .skill-items .skill-item{display:none;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;margin-bottom:.5rem}.skill-categories-section .skill-category .skill-items .skill-item:last-child{margin-bottom:0}.skill-categories-section .skill-category .skill-items .skill-item.active{display:block}.skill-categories-section .skill-category .skill-items .skill-item .skill-item-content .skill-item-name{font-size:.9rem;font-weight:500;color:#64748b;margin:0 0 .25rem 0;line-height:1.4;white-space:pre-line}.skill-categories-section .skill-category .skill-items .skill-item .skill-item-content .skill-item-name strong{font-weight:700;color:#1e293b}.skill-categories-section .skill-category.normal-attack .category-header{border-bottom-color:#ff6b6b}.skill-categories-section .skill-category.normal-attack .tab-btn.active{background:#ff6b6b;border-color:#ff6b6b}.skill-categories-section .skill-category.evasion .category-header{border-bottom-color:#4ecdc4}.skill-categories-section .skill-category.evasion .tab-btn.active{background:#4ecdc4;border-color:#4ecdc4}.skill-categories-section .skill-category.skill .category-header{border-bottom-color:#45b7d1}.skill-categories-section .skill-category.skill .tab-btn.active{background:#45b7d1;border-color:#45b7d1}.skill-categories-section .skill-category.co-op-skill .category-header{border-bottom-color:#96ceb4}.skill-categories-section .skill-category.co-op-skill .tab-btn.active{background:#96ceb4;border-color:#96ceb4}.skill-categories-section .no-skills-message{text-align:center;padding:1rem;color:#64748b;font-style:italic}.tools-page .tools-section{padding:3rem 0;background-color:#f0fdff}.tools-page .tools-section .tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.tools-page .tools-section .tool-card{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0}.tools-page .tools-section .tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.tools-page .tools-section .tool-card.coming-soon{opacity:.7;position:relative}.tools-page .tools-section .tool-card.coming-soon::after{content:"Coming Soon";position:absolute;top:1rem;right:1rem;background-color:#81d4fa;color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.tools-page .tools-section .tool-card .tool-icon{width:80px;height:80px;margin:0 auto 1.5rem;background-color:#4dd0e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;transition:transform .3s ease}.tools-page .tools-section .tool-card .tool-icon svg{width:50px;height:50px}.tools-page .tools-section .tool-card .tool-icon i{font-size:2.5rem}.tool-card:hover .tools-page .tools-section .tool-card .tool-icon{transform:scale(1.1)}.tools-page .tools-section .tool-card .tool-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1e293b}.tools-page .tools-section .tool-card .tool-description{color:#64748b;line-height:1.6;margin-bottom:1.5rem;min-height:3rem}.tools-page .tools-section .tool-card .tool-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.tools-page .tools-section .tool-card .tool-features .feature-tag{background-color:#f0fdff;color:#64748b;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500;border:1px solid #e2e8f0}.tools-page .tools-section .tool-card .tool-actions{display:flex;flex-direction:column;gap:.5rem}.tools-page .tools-section .tool-card .tool-actions .btn{display:inline-block;padding:1rem 2rem;text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.tools-page .tools-section .tool-card .tool-actions .btn.btn-primary{background-color:#4dd0e1;color:#fff}.tools-page .tools-section .tool-card .tool-actions .btn.btn-primary:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-2px)}.tools-page .tools-section .tool-card .tool-actions .btn.btn-outline{background-color:rgba(0,0,0,0);color:#4dd0e1;border:2px solid #4dd0e1}.tools-page .tools-section .tool-card .tool-actions .btn.btn-outline:hover{background-color:#4dd0e1;color:#fff;transform:translateY(-2px)}.tools-page .tools-section .tool-card .tool-actions .btn.btn-secondary{background-color:#81d4fa;color:#fff}.tools-page .tools-section .tool-card .tool-actions .btn.btn-secondary:hover{background-color:rgb(92.5465648855,199.5595419847,248.5534351145);transform:translateY(-2px)}.tools-page .tools-section .tool-card .tool-actions .btn.btn-secondary.disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed}.tools-page .tools-section .tool-card .tool-actions .btn.btn-secondary.disabled:hover{transform:none;background-color:#9ca3af}@media(max-width: 768px){.tools-page .tools-section .tools-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.tools-page .tools-section .tool-card{padding:1.5rem}.tools-page .tools-section .tool-card .tool-icon{width:64px;height:64px;font-size:2rem}.tools-page .tools-section .tool-card .tool-title{font-size:1.125rem}.tools-page .tools-section .tool-card .tool-description{font-size:.875rem;min-height:2.5rem}.tools-page .tools-section .tool-card .tool-actions .btn{padding:.5rem 1.5rem;font-size:.875rem}}.timer-type-selector{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}@media(max-width: 640px){.timer-type-selector{gap:.5rem;margin-bottom:1.5rem}}.timer-type-selector .type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background-color:#fff;border:2px solid #e2e8f0;border-radius:.5rem;text-decoration:none;color:#1e293b;cursor:pointer;transition:all .3s ease;min-width:140px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.timer-type-selector .type-btn:hover{background-color:#f0fdff;border-color:#4dd0e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.timer-type-selector .type-btn.active{background-color:#4dd0e1;border-color:#4dd0e1;color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.timer-type-selector .type-btn.active .type-icon{color:#fff}.timer-type-selector .type-btn .type-icon{font-size:1.5rem;color:#4dd0e1;transition:color .3s ease}.timer-type-selector .type-btn .type-text{font-size:.875rem;font-weight:600;text-align:center}@media(max-width: 640px){.timer-type-selector .type-btn{padding:1rem 1.5rem;min-width:120px}.timer-type-selector .type-btn .type-icon{font-size:1.25rem}.timer-type-selector .type-btn .type-text{font-size:.75rem}}#voice-timer.timer-container{max-width:1200px;margin:0 auto;width:100%;padding-top:2rem !important;padding-bottom:2rem !important}.container{padding-top:2rem !important;padding-bottom:2rem !important}.voice-timer-main{display:flex;gap:2rem;align-items:flex-start;width:100%}@media(max-width: 1024px){.voice-timer-main{flex-direction:column;gap:1.5rem}}.voice-timer-left-area{flex:1;background-color:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0}.voice-timer-right-area{flex:2;background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;min-width:300px}.voice-timer-list{background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0;height:fit-content}.voice-timer-list .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.voice-timer-list .list-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.voice-timer-list .list-header .list-info{display:flex;align-items:center;gap:.5rem}.voice-timer-list .list-header .list-info .timer-count-badge{background-color:#4dd0e1;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:600;min-width:1.5rem;text-align:center}.voice-timer-list .list-content{min-height:200px;padding:1rem 1.5rem}.voice-timer-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem;width:100%}.voice-timer-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;color:#64748b}.voice-timer-tabs .tab-btn:hover{background-color:#f0fdff;color:#1e293b}.voice-timer-tabs .tab-btn.active{background-color:#4dd0e1;color:#fff}.voice-timer-tabs .tab-btn .tab-icon{font-size:1.125rem}.voice-timer-tab-content{display:none;flex:1}.voice-timer-tab-content.active{display:flex;flex-direction:column}.start-time-settings{margin-bottom:0;padding:1.5rem;background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.start-time-settings h3{margin:0 0 1.5rem 0;font-size:1.125rem;font-weight:600;color:#1e293b}.form-row{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}@media(max-width: 640px){.form-row{flex-direction:column;align-items:stretch}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.time-group{flex:1;min-width:200px}.form-group.text-group{flex:2;min-width:250px}.form-group.button-group{flex:0 0 auto;align-self:end;min-width:100px}.form-group label{font-weight:500;color:#1e293b;font-size:.875rem}.timer-input{padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem;transition:border-color .3s ease,box-shadow .3s ease}.timer-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.2)}.timer-input::placeholder{color:#9ca3af}#start-time{width:120px}.start-time-settings .form-row{gap:.5rem;align-items:flex-end}.preset-buttons{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.preset-buttons h4,.preset-buttons h5{margin:0 0 1rem 0;font-size:1rem;font-weight:600;color:#1e293b}.preset-buttons .attribute-filter-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.preset-buttons .attribute-btn{padding:.5rem 1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.25rem;color:#64748b;cursor:pointer;transition:all .3s ease;font-size:.875rem}.preset-buttons .attribute-btn:hover{background-color:#f0fdff;color:#1e293b}.preset-buttons .attribute-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1}.custom-presets .preset-actions{display:flex;gap:.5rem;margin-bottom:1rem}.custom-presets .preset-save-form{background-color:#fff;padding:1rem;border-radius:.25rem;border:1px solid #e2e8f0;margin-bottom:1rem}.custom-presets .preset-save-form .form-group{margin-bottom:1rem}.custom-presets .preset-save-form .form-group:last-child{margin-bottom:0}.custom-presets .preset-list .preset-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.25rem;margin-bottom:.5rem;gap:.5rem}.custom-presets .preset-list .preset-item:last-child{margin-bottom:0}.custom-presets .preset-list .preset-item .preset-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25rem;text-align:left;width:100%}.custom-presets .preset-list .preset-item .preset-info .preset-name{font-weight:600;color:#1e293b;font-size:1rem;margin:0;text-align:left;width:100%}.custom-presets .preset-list .preset-item .preset-info .preset-description{font-size:.875rem;color:#64748b;line-height:1.4;margin:0;text-align:left;width:100%;word-wrap:break-word;overflow-wrap:break-word}.custom-presets .preset-list .preset-item .preset-info .preset-date{font-size:.75rem;color:#9ca3af;margin:0;text-align:left;width:100%;display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.custom-presets .preset-list .preset-item .preset-actions{display:flex;gap:.25rem;align-items:center;margin-top:0}.custom-presets .preset-list .preset-item .preset-actions .btn{padding:.125rem .375rem;font-size:.75rem;min-width:auto;width:auto;height:20px;line-height:1;border-radius:.25rem}.voice-timer-settings{margin-top:2rem;padding:1.5rem;background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.voice-timer-settings h3,.voice-timer-settings h4{margin:0 0 1.5rem 0;font-size:1.125rem;font-weight:600;color:#1e293b}.voice-timer-settings h4{font-size:1rem;margin-bottom:1rem}.timer-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#1e293b}.checkbox-label .timer-checkbox{width:18px;height:18px;accent-color:#4dd0e1}.voice-timing-settings{margin-top:1.5rem;padding:1.5rem;background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.voice-timing-settings h4{margin:0 0 1rem 0;font-size:1rem;font-weight:600;color:#1e293b}.voice-timing-settings .form-group{display:flex;flex-direction:column;gap:.5rem}.voice-timing-settings .form-group label{font-weight:500;color:#1e293b;font-size:.875rem}.voice-timing-settings .form-group .timer-select{padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem}.voice-timing-settings .form-group .timer-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.2)}.voice-settings .form-group{margin-bottom:1rem}.voice-settings .form-group:last-child{margin-bottom:0}.voice-settings .timer-select{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem}.voice-settings .timer-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.2)}.voice-settings .timer-range{width:100%;margin:.5rem 0;accent-color:#4dd0e1}.voice-settings .range-value{display:inline-block;min-width:2rem;text-align:center;font-size:.875rem;color:#64748b;background-color:#fff;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #e2e8f0}.voice-timer-status{text-align:center;margin-bottom:2rem;padding:1.5rem;background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.voice-timer-status .countdown-time{font-size:1.5rem;font-weight:700;color:#4dd0e1;margin-bottom:.5rem}.voice-timer-status .status-text{font-size:1.125rem;color:#64748b}.voice-timer-execution-controls .timer-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}@media(max-width: 640px){.voice-timer-execution-controls .timer-buttons{flex-direction:column}}.voice-timer-execution-controls .execution-info{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;padding:1.5rem;background-color:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.voice-timer-execution-controls .execution-info .info-item{display:flex;justify-content:space-between;align-items:center}.voice-timer-execution-controls .execution-info .info-item .info-label{font-size:.875rem;color:#64748b}.voice-timer-execution-controls .execution-info .info-item .info-value{font-size:1rem;font-weight:600;color:#1e293b}.timer-items .timer-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.25rem;margin-bottom:.5rem;position:relative;z-index:5;min-height:auto}.timer-items .timer-item:last-child{margin-bottom:0}.timer-items .timer-item .timer-info{flex:1;margin-right:1rem;display:flex;align-items:center;gap:1rem}.timer-items .timer-item .timer-info .timer-time{font-weight:600;color:#4dd0e1;font-size:1rem;flex-shrink:0}.timer-items .timer-item .timer-info .timer-text{font-size:.875rem;color:#1e293b;word-break:break-word;line-height:1.4;flex:1}.timer-items .timer-item .timer-actions{display:flex;gap:.25rem;flex-shrink:0;align-items:center}.voice-timer-list .timer-item .timer-actions .edit-timer,.voice-timer-list .timer-item .timer-actions .remove-timer{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;white-space:nowrap;width:50px;height:28px;line-height:1}.voice-timer-list .timer-item .timer-actions .edit-timer:hover,.voice-timer-list .timer-item .timer-actions .remove-timer:hover{opacity:.8}.voice-timer-list .timer-item .timer-actions .edit-timer:active,.voice-timer-list .timer-item .timer-actions .remove-timer:active{transform:scale(0.95)}.voice-timer-list .timer-item .timer-actions .edit-timer{background-color:#70bfe4;color:#fff;border-color:#7dd3fc}.voice-timer-list .timer-item .timer-actions .edit-timer:hover{background-color:#38bdf8;border-color:#38bdf8}.voice-timer-list .timer-item .timer-actions .remove-timer{background-color:#f97263;color:#fff;border-color:#f97263}.voice-timer-list .timer-item .timer-actions .remove-timer:hover{background-color:#ef4444;border-color:#ef4444}.add-timer-quick{padding:.5rem;text-align:center;border-top:1px solid #e2e8f0}.add-timer-quick .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.25rem}.add-timer-quick .btn .btn-icon{font-size:1.125rem;font-weight:bold}.quick-add-form{padding:.5rem;background-color:#f0fdff;border-top:1px solid #e2e8f0}.quick-add-form .quick-add-inputs{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.quick-add-form .quick-add-inputs .timer-input{flex:1;min-width:80px;padding:.25rem .5rem;font-size:.875rem;border:1px solid #e2e8f0;border-radius:.25rem}.quick-add-form .quick-add-inputs .timer-input:first-child{max-width:80px}.quick-add-form .quick-add-inputs .btn{flex-shrink:0;padding:.25rem .5rem;font-size:.875rem;min-width:60px}.timer-item-edit{width:100%}.timer-item-edit .edit-form-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;width:100%}.timer-item-edit .edit-form-row .form-group{display:flex;flex-direction:column;gap:.25rem;width:100%}.timer-item-edit .edit-form-row .form-group label{font-size:.875rem;font-weight:500;color:#1e293b;margin-bottom:.25rem}.timer-item-edit .edit-form-row .form-group .timer-input{padding:.5rem;border:1px solid #e2e8f0;border-radius:.25rem;font-size:.875rem;background-color:#fff;color:#1e293b;transition:border-color .2s ease}.timer-item-edit .edit-form-row .form-group .timer-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1)}.timer-item-edit .edit-form-row .form-group .edit-time-input{width:90px;max-width:120px}.timer-item-edit .edit-form-row .form-group .edit-text-input{width:100%;max-width:none}.timer-item-edit .edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.timer-item-edit .edit-actions .btn{padding:.25rem 1rem;font-size:.875rem;border-radius:.25rem;border:1px solid;cursor:pointer;transition:all .2s ease}.timer-item-edit .edit-actions .btn.save-edit{background-color:#4dd0e1;border-color:#4dd0e1;color:#fff}.timer-item-edit .edit-actions .btn.save-edit:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692);border-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.timer-item-edit .edit-actions .btn.cancel-edit{background-color:#fff;border-color:#e2e8f0;color:#1e293b}.timer-item-edit .edit-actions .btn.cancel-edit:hover{background-color:#f0fdff;border-color:rgb(195.2863636364,207.6409090909,224.1136363636)}.timer-item:has(.timer-item-edit){display:block;width:100%}.timer-table{width:100%;border-collapse:collapse;background-color:#f0fdff;border-radius:.25rem;overflow:hidden}.timer-table thead{background-color:#f0fdff}.timer-table thead th{padding:.5rem 1rem;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;font-size:.875rem}.timer-table thead th:first-child{width:100px;min-width:100px}.timer-table thead th:nth-child(2){width:auto;min-width:200px}.timer-table thead th:last-child{width:120px;min-width:120px;text-align:right}.timer-table tbody tr{border-bottom:1px solid #e2e8f0;background-color:#f0fdff}.timer-table tbody tr:last-child{border-bottom:none}.timer-table tbody tr:hover{background-color:rgb(240.75,253.1,255)}.timer-table tbody td{padding:.5rem 1rem;vertical-align:middle;border:none}.timer-table tbody td:first-child{font-weight:600;color:#4dd0e1;font-size:1rem;width:100px;min-width:100px}.timer-table tbody td:nth-child(2){color:#1e293b;font-size:.875rem;word-break:break-word;width:auto;min-width:200px}.timer-table tbody td:last-child{text-align:right;width:120px;min-width:120px}.timer-table tbody td:last-child .btn{padding:.25rem .5rem;font-size:.75rem;margin-left:.25rem}.timer-table tbody td:last-child .btn:first-child{margin-left:0}.btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:none;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background-color:#4dd0e1;color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-1px)}.btn.btn-outline{background-color:rgba(0,0,0,0);color:#4dd0e1;border:1px solid #4dd0e1;padding:.5rem;height:auto;line-height:1.2}.btn.btn-outline:hover:not(:disabled){background-color:#4dd0e1;color:#fff}.btn.btn-danger{background-color:#ffab91;color:#fff}.btn.btn-danger:hover:not(:disabled){background-color:rgb(255,140.4545454545,105);transform:translateY(-1px)}.btn.btn-success{background-color:#a5d6a7;color:#fff}.btn.btn-success:hover:not(:disabled){background-color:rgb(138.9618320611,202.1381679389,141.5404580153);transform:translateY(-1px)}.btn.btn-secondary{background-color:#81d4fa;color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:rgb(92.5465648855,199.5595419847,248.5534351145);transform:translateY(-1px)}.btn.btn-sm{padding:.5rem .75rem;font-size:.75rem}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn .btn-icon{font-size:.875rem}@media(max-width: 1024px){.voice-timer-right-area{position:static;order:-1}}@media(max-width: 768px){.form-row{flex-direction:column;align-items:stretch}.form-row .form-group.button-group{align-self:stretch}.voice-timer-execution-controls .timer-buttons{flex-direction:column}}@media(max-width: 640px){#voice-timer.timer-container{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.container{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.voice-timer-left-area,.voice-timer-right-area{padding:1rem}.start-time-settings,.voice-timer-settings,.voice-timer-list{padding:1rem}.voice-timer-tabs .tab-btn{padding:.5rem 1rem;font-size:.875rem}}.login-promotion{margin:1rem 0;padding:2rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;text-align:center}.login-promotion .login-promotion-content .login-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.login-promotion .login-promotion-content h6{margin:0 0 .5rem 0;color:#1e293b;font-size:1.1rem;font-weight:600}.login-promotion .login-promotion-content p{margin:0 0 1.5rem 0;color:#64748b;font-size:.9rem}.login-promotion .login-promotion-content .btn{display:inline-block;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;text-decoration:none;border:none;border-radius:8px;font-weight:600;transition:background-color .2s}.login-promotion .login-promotion-content .btn:hover{background:#2563eb;color:#fff;text-decoration:none}.damage-calculator-page .formation-import-section{margin-bottom:1rem;padding:0}.damage-calculator-page .formation-import-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;flex-wrap:wrap;gap:1rem}.damage-calculator-page .formation-import-section .section-header .section-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.damage-calculator-page .formation-import-section .section-header .import-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.damage-calculator-page .formation-import-section .section-header .import-controls .form-select{min-width:250px;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#fff;color:#1e293b;font-size:1rem;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%237c3aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.damage-calculator-page .formation-import-section .section-header .import-controls .form-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1)}.damage-calculator-page .formation-import-section .section-header .import-controls .form-select:hover{border-color:rgb(112.6,217.4,231)}.damage-calculator-page .formation-import-section .section-header .import-controls .btn{padding:.5rem 1.5rem;border-radius:.375rem;font-weight:600;font-size:.875rem;transition:all .3s ease;border:none;cursor:pointer;min-width:100px;white-space:nowrap}.damage-calculator-page .formation-import-section .section-header .import-controls .btn.btn-primary{background:#4dd0e1;color:#fff}.damage-calculator-page .formation-import-section .section-header .import-controls .btn.btn-primary:hover:not(:disabled){background:rgb(51.1557692308,201.1759615385,220.6442307692)}.damage-calculator-page .formation-import-section .section-header .import-controls .btn.btn-primary:disabled{opacity:.6;cursor:not-allowed}.damage-calculator-page .formation-import-section .section-header .import-controls .btn.btn-sm{padding:.5rem 1.5rem;font-size:.875rem;min-width:100px}.damage-calculator-page .formation-import-section .import-description{color:#64748b;font-size:.875rem;margin:0;line-height:1.6}.damage-calculator-page .weapon-section,.damage-calculator-page .potion-section,.damage-calculator-page .trait-section,.damage-calculator-page .arche-section{margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg, rgb(249.9, 249.9, 249.9) 0%, rgb(242.25, 242.25, 242.25) 100%);border-radius:.375rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transition:all .3s ease;overflow:visible !important;position:relative;z-index:1}.damage-calculator-page .weapon-section.has-open-dropdown,.damage-calculator-page .potion-section.has-open-dropdown,.damage-calculator-page .trait-section.has-open-dropdown,.damage-calculator-page .arche-section.has-open-dropdown{z-index:200}.damage-calculator-page .weapon-section:hover,.damage-calculator-page .potion-section:hover,.damage-calculator-page .trait-section:hover,.damage-calculator-page .arche-section:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transform:translateY(-1px)}.damage-calculator-page .weapon-section .section-header,.damage-calculator-page .potion-section .section-header,.damage-calculator-page .trait-section .section-header,.damage-calculator-page .arche-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:.5rem;border-bottom:2px solid #4dd0e1}.damage-calculator-page .weapon-section .section-header .section-title,.damage-calculator-page .potion-section .section-header .section-title,.damage-calculator-page .trait-section .section-header .section-title,.damage-calculator-page .arche-section .section-header .section-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.25rem}.damage-calculator-page .weapon-section .section-header .btn,.damage-calculator-page .potion-section .section-header .btn,.damage-calculator-page .trait-section .section-header .btn,.damage-calculator-page .arche-section .section-header .btn{padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer;box-shadow:none;min-width:100px}.damage-calculator-page .weapon-section .section-header .btn.btn-primary,.damage-calculator-page .potion-section .section-header .btn.btn-primary,.damage-calculator-page .trait-section .section-header .btn.btn-primary,.damage-calculator-page .arche-section .section-header .btn.btn-primary{background:#4dd0e1;color:#fff;border:1px solid #4dd0e1}.damage-calculator-page .weapon-section .section-header .btn.btn-primary:hover,.damage-calculator-page .potion-section .section-header .btn.btn-primary:hover,.damage-calculator-page .trait-section .section-header .btn.btn-primary:hover,.damage-calculator-page .arche-section .section-header .btn.btn-primary:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);border-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-1px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .weapon-section .section-header .btn.btn-primary:active,.damage-calculator-page .potion-section .section-header .btn.btn-primary:active,.damage-calculator-page .trait-section .section-header .btn.btn-primary:active,.damage-calculator-page .arche-section .section-header .btn.btn-primary:active{transform:translateY(0)}.damage-calculator-page .weapon-section .section-header .btn.btn-sm,.damage-calculator-page .potion-section .section-header .btn.btn-sm,.damage-calculator-page .trait-section .section-header .btn.btn-sm,.damage-calculator-page .arche-section .section-header .btn.btn-sm{padding:.25rem 1rem;font-size:.75rem;min-width:90px}.damage-calculator-page .weapon-section .items-list,.damage-calculator-page .potion-section .items-list,.damage-calculator-page .trait-section .items-list,.damage-calculator-page .arche-section .items-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem;overflow:visible !important;position:relative;width:100%;box-sizing:border-box;z-index:1}@media(max-width: 1024px){.damage-calculator-page .weapon-section .items-list,.damage-calculator-page .potion-section .items-list,.damage-calculator-page .trait-section .items-list,.damage-calculator-page .arche-section .items-list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.damage-calculator-page .weapon-section .items-list,.damage-calculator-page .potion-section .items-list,.damage-calculator-page .trait-section .items-list,.damage-calculator-page .arche-section .items-list{grid-template-columns:1fr}}.damage-calculator-page .weapon-section .items-list .item-row,.damage-calculator-page .potion-section .items-list .item-row,.damage-calculator-page .trait-section .items-list .item-row,.damage-calculator-page .arche-section .items-list .item-row{width:100%;max-width:100%;box-sizing:border-box;position:relative}.damage-calculator-page .weapon-section .items-list .item-row.has-open-dropdown,.damage-calculator-page .potion-section .items-list .item-row.has-open-dropdown,.damage-calculator-page .trait-section .items-list .item-row.has-open-dropdown,.damage-calculator-page .arche-section .items-list .item-row.has-open-dropdown{z-index:200}.damage-calculator-page .item-row{background:linear-gradient(135deg, #ffffff 0%, rgb(249.9, 249.9, 249.9) 100%);border-radius:.25rem;border:1px solid #e2e8f0;padding:.5rem;transition:all .3s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);position:relative;overflow:visible;margin-bottom:.25rem;z-index:1;width:100%;max-width:100%;box-sizing:border-box}.damage-calculator-page .item-row.has-open-dropdown{z-index:300}.damage-calculator-page .item-row .item-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid #e2e8f0;gap:.25rem;cursor:pointer;user-select:none;position:relative}.damage-calculator-page .item-row .item-row-header::after{content:"▼";position:absolute;right:calc(60px + .5rem);top:50%;transform:translateY(-50%);font-size:.75rem;color:#4dd0e1;transition:transform .3s ease;pointer-events:none}.damage-calculator-page .item-row .item-row-header .item-name-input-group,.damage-calculator-page .item-row .item-row-header .preset-controls,.damage-calculator-page .item-row .item-row-header .delete-item-btn{pointer-events:auto}.damage-calculator-page .item-row .item-row-header .item-name-input-group{display:flex;align-items:center;gap:.5rem;flex:1}.damage-calculator-page .item-row .item-row-header .item-name-input-group .item-name-input{flex:1;padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:hsl(0,0%,98%);color:#1e293b;font-size:.75rem;font-weight:500;transition:all .3s ease;min-width:120px}.damage-calculator-page .item-row .item-row-header .item-name-input-group .item-name-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .item-name-input::placeholder{color:#64748b;font-weight:400}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls{display:flex;align-items:center;gap:.25rem;position:relative}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .save-preset-btn,.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .load-preset-btn{padding:.25rem;font-size:.75rem;border-radius:.25rem;border:none;cursor:pointer;min-width:28px;min-height:28px;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;min-width:auto;white-space:nowrap}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .save-preset-btn{background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);color:#fff}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .save-preset-btn:hover{background:linear-gradient(135deg, rgb(64.0778846154, 204.5879807692, 222.8221153846) 0%, rgb(38.2336538462, 197.7639423077, 218.4663461538) 100%);transform:translateY(-2px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper{position:relative;overflow:visible;z-index:1}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper.open{z-index:10005}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .load-preset-btn{background:linear-gradient(135deg, #81d4fa 0%, rgb(92.5465648855, 199.5595419847, 248.5534351145) 100%);color:#fff}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .load-preset-btn:hover{background:linear-gradient(135deg, rgb(110.7732824427, 205.7797709924, 249.2767175573) 0%, rgb(74.3198473282, 193.3393129771, 247.8301526718) 100%);transform:translateY(-2px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-dropdown{display:none;position:absolute;top:100%;left:0;margin-top:.25rem;min-width:250px;max-width:350px;background-color:#fff;border:2px solid #e2e8f0;border-radius:.375rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);z-index:10006;overflow:hidden;overflow-y:auto;max-height:300px}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper.open .preset-select-dropdown{display:block}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-search{padding:.5rem;border-bottom:1px solid #e2e8f0;background-color:hsl(0,0%,98%)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-search .preset-select-search-input{width:100%;padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-search .preset-select-search-input:focus{outline:none;border-color:#4dd0e1}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options{padding:.25rem 0}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(226,232,240,.5)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option:last-child{border-bottom:none}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option:hover{background-color:rgba(77,208,225,.1)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .preset-name-container{flex:1;display:flex;align-items:center;gap:.25rem;cursor:pointer}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .preset-name-container:hover{opacity:.8}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .preset-name{color:#1e293b;font-weight:500;font-size:.875rem}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .preset-source-badge{display:inline-flex;align-items:center;padding:2px .25rem;border-radius:.25rem;font-size:.75rem;font-weight:600;white-space:nowrap;line-height:1.2}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .preset-source-local{background-color:rgba(129,212,250,.2);color:#81d4fa;border:1px solid rgba(129,212,250,.4)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .preset-source-database{background-color:rgba(77,208,225,.2);color:#4dd0e1;border:1px solid rgba(77,208,225,.4)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .delete-preset-btn{padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem;border:none;cursor:pointer;background-color:#ffab91;color:#fff;transition:all .2s ease}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option .delete-preset-btn:hover{background-color:rgb(255,140.4545454545,105)}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option.preset-select-empty{cursor:default;color:#64748b;justify-content:center;padding:1.5rem;font-style:italic}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .preset-select-wrapper .preset-select-options .preset-select-option.preset-select-empty:hover{background-color:rgba(0,0,0,0)}.damage-calculator-page .item-row .item-row-header .item-name{font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.damage-calculator-page .item-row .item-row-header .delete-item-btn{padding:.25rem .5rem;border-radius:.25rem;font-weight:600;font-size:.75rem;transition:all .3s ease;border:1px solid #ffab91;cursor:pointer;background:#ffab91;color:#fff;box-shadow:none;min-width:60px}.damage-calculator-page .item-row .item-row-header .delete-item-btn:hover{background:linear-gradient(135deg, rgb(255, 155.7272727273, 125) 0%, rgb(255, 125.1818181818, 85) 100%);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.damage-calculator-page .item-row .item-row-header .delete-item-btn:active{transform:translateY(0)}.damage-calculator-page .item-row.collapsed .item-row-body{display:none}.damage-calculator-page .item-row.collapsed .item-row-header::after{transform:translateY(-50%) rotate(-90deg)}.damage-calculator-page .item-row .item-row-body{display:grid;grid-template-columns:1fr;gap:.25rem;padding:.25rem 0;overflow:visible !important;position:relative;transition:all .3s ease}@media(max-width: 768px){.damage-calculator-page .item-row .item-row-body{grid-template-columns:1fr;gap:1.5rem}}.damage-calculator-page .item-row .item-row-body .buff-column{padding:.25rem;background-color:hsl(0,0%,97%);border-radius:.25rem;border:1px solid #e2e8f0;transition:all .3s ease;overflow:visible !important;position:relative;min-width:0;z-index:1}.damage-calculator-page .item-row .item-row-body .buff-column:has(.custom-select-wrapper.open){z-index:1000}.damage-calculator-page .item-row .item-row-body .buff-column:hover{background-color:hsl(0,0%,95%);border-color:#4dd0e1}.damage-calculator-page .item-row .item-row-body .buff-column .buff-column-header{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid #4dd0e1}.damage-calculator-page .item-row .item-row-body .buff-column .buff-column-header .buff-label{font-size:.75rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.25rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group{display:flex;gap:.25rem;margin-bottom:.25rem;align-items:stretch;position:relative;overflow:visible}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper[data-buff-type=value]{flex:0 0 30%;min-width:0}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper[data-buff-type=buff]{flex:1;min-width:0}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .buff-input{flex:1;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:.5rem;background-color:#fff;color:#1e293b;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .buff-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 4px rgba(77,208,225,.1),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transform:translateY(-2px)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .buff-input:hover{border-color:rgb(112.6,217.4,231)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .buff-input::placeholder{color:#9ca3af;font-weight:400}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper{position:relative;flex:1;z-index:10}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper.open{z-index:10002}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper.open .custom-select-button{border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1);background:hsl(0,0%,99%)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper.open .custom-select-button .custom-select-arrow{transform:rotate(180deg)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper.open .custom-select-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background:#fff;color:#1e293b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:none;position:relative;min-height:32px}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-button:hover{border-color:#4dd0e1;background:hsl(0,0%,99%)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-button .custom-select-text{flex:1;text-align:left;color:#1e293b;font-weight:500;font-size:.75rem;min-width:0}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-button .custom-select-text:empty::before{content:"選択してください";color:#9ca3af}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-button .custom-select-arrow{margin-left:.5rem;color:#4dd0e1;transition:transform .2s ease;flex-shrink:0;width:10px;height:6px;opacity:.7}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;background:#fff;border:2px solid #4dd0e1;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;pointer-events:none;max-height:400px;overflow:hidden;display:flex;flex-direction:column;z-index:10003}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown.dropdown-fixed{position:fixed;z-index:10004}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-search{padding:1rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg, rgb(249.9, 249.9, 249.9) 0%, rgb(242.25, 242.25, 242.25) 100%)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-search .custom-select-search-input{width:100%;padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:.375rem;background-color:#fff;color:#1e293b;font-size:1rem;transition:all .3s ease}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-search .custom-select-search-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options{position:relative;z-index:10004;flex:1;min-height:40px;max-height:400px;overflow-y:auto;overflow-x:hidden;padding:.25rem;scrollbar-width:thin;scrollbar-color:#4dd0e1 rgba(0,0,0,0);background:#fff;display:flex;flex-direction:column;width:100%;visibility:visible;opacity:1}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options>.custom-select-option:first-child{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options>.custom-select-option:last-child{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-section{padding:.25rem .5rem;margin-top:.25rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-section:first-child{margin-top:0}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-section .custom-select-section-title{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:.25rem 0;border-bottom:1px solid #e2e8f0;margin-bottom:.25rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar{width:6px}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar-thumb{background-color:#4dd0e1;border-radius:3px}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar-thumb:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option{padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease;color:#1e293b;font-weight:500;position:relative;overflow:hidden;display:block;min-height:32px;line-height:1.5;background:rgba(0,0,0,0)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option[data-type=buff-type]{display:flex;flex-direction:column;padding:.25rem .5rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option[data-type=buff-type] .buff-type-name{font-weight:600;color:#1e293b;margin-bottom:2px;font-size:.75rem;line-height:1.2}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option[data-type=buff-type] .buff-type-description{font-size:.75rem;color:#64748b;line-height:1.2}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option::before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg, #4dd0e1, rgb(94.8, 212.7, 228));transition:width .3s ease;z-index:-1}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option:hover{background-color:rgba(77,208,225,.1);color:#4dd0e1;transform:translateX(4px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option:hover::before{width:4px}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option:active{transform:translateX(2px) scale(0.98)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option.custom-input-option{background-color:rgba(77,208,225,.05);border-bottom:1px solid #e2e8f0;margin-bottom:.25rem;padding-bottom:.5rem;order:-1}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option.custom-input-option .custom-input-label{color:#4dd0e1;font-weight:600;font-size:.75rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-select-option.custom-input-option:hover{background-color:rgba(77,208,225,.1)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container{padding:.5rem;border-bottom:1px solid #e2e8f0;margin-bottom:.25rem;background-color:rgba(77,208,225,.02);order:-1}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper{display:flex;flex-direction:column;gap:.25rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-field{width:100%;padding:.25rem .5rem;border:2px solid #4dd0e1;border-radius:.25rem;background-color:#fff;color:#1e293b;font-size:.875rem;font-weight:500;transition:all .2s ease}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-field:focus{outline:none;border-color:rgb(51.1557692308,201.1759615385,220.6442307692);box-shadow:0 0 0 3px rgba(77,208,225,.1)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-field::placeholder{color:#9ca3af}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-buttons{display:flex;flex-direction:column;gap:.25rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-buttons .custom-input-submit-btn,.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-buttons .custom-input-cancel-btn{width:100%;padding:.1875rem .375rem;border-radius:.25rem;font-size:.675rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-buttons .custom-input-submit-btn{background:#4dd0e1;color:#fff}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-buttons .custom-input-submit-btn:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-1px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-buttons .custom-input-cancel-btn{background:#f0fdff;color:#64748b}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper .custom-select-dropdown .custom-select-options .custom-input-container .custom-input-wrapper .custom-input-buttons .custom-input-cancel-btn:hover{background:rgb(215.25,249.7,255)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .add-single-buff-btn{padding:.25rem .5rem;border-radius:.25rem;font-weight:600;font-size:.75rem;transition:all .2s ease;border:1px solid #4dd0e1;cursor:pointer;background:#4dd0e1;color:#fff;white-space:nowrap;min-height:32px;min-width:60px;box-shadow:none}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .add-single-buff-btn:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);border-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-1px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .add-single-buff-btn:active{transform:translateY(0)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list{display:flex;flex-wrap:wrap;gap:.25rem;min-height:40px;padding:.25rem;background:linear-gradient(135deg, rgb(242.25, 242.25, 242.25) 0%, rgb(234.6, 234.6, 234.6) 100%);border-radius:.25rem;border:1px dashed #e2e8f0;transition:all .3s ease}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list:hover{border-color:#4dd0e1;border-style:solid}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:linear-gradient(135deg, #ffffff 0%, rgb(249.9, 249.9, 249.9) 100%);border:1px solid #4dd0e1;border-radius:.25rem;font-size:.75rem;transition:all .3s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);position:relative}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item:hover{background:linear-gradient(135deg, rgb(246.1, 252.65, 253.5) 0%, rgb(237.2, 250.3, 252) 100%);transform:translateY(-3px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item .frame-number-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;line-height:1;margin-right:.25rem;flex-shrink:0}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item .buff-value{font-weight:600;color:#4dd0e1;font-size:.75rem;min-width:40px;text-align:center}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item .delete-buff-btn{padding:.25rem 1rem;border-radius:.25rem;font-weight:600;font-size:.75rem;transition:all .3s ease;border:none;cursor:pointer;background:linear-gradient(135deg, #ffab91 0%, rgb(255, 140.4545454545, 105) 100%);color:#fff;white-space:nowrap;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);min-width:60px}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item .delete-buff-btn:hover{background:linear-gradient(135deg, rgb(255, 155.7272727273, 125) 0%, rgb(255, 125.1818181818, 85) 100%);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item .delete-buff-btn:active{transform:translateY(0)}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list:empty{display:flex;align-items:center;justify-content:center}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list:empty::before{content:"バフ値が追加されていません";color:#9ca3af;font-size:.875rem;font-style:italic;padding:1.5rem}.damage-calculator-page .action-section{display:none}.damage-calculator-page .action-section .btn{padding:1rem 2rem;border-radius:.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;min-width:150px}.damage-calculator-page .action-section .btn.btn-primary{background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .action-section .btn.btn-primary:hover{background:linear-gradient(135deg, rgb(64.0778846154, 204.5879807692, 222.8221153846) 0%, rgb(38.2336538462, 197.7639423077, 218.4663461538) 100%);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.damage-calculator-page .action-section .btn.btn-primary:active{transform:translateY(0)}.damage-calculator-page .action-section .btn.btn-secondary{background:linear-gradient(135deg, #f0fdff 0%, rgb(215.25, 249.7, 255) 100%);color:#1e293b;border:2px solid #e2e8f0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .action-section .btn.btn-secondary:hover{background:linear-gradient(135deg, rgb(215.25, 249.7, 255) 0%, rgb(190.5, 246.4, 255) 100%);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.damage-calculator-page .action-section .btn.btn-secondary:active{transform:translateY(0)}.damage-calculator-page .action-section .btn.btn-lg{padding:1.5rem 3rem;font-size:1.125rem;min-width:180px}.damage-calculator-page .result-section .result-card{display:flex;gap:1rem;align-items:stretch}@media(max-width: 768px){.damage-calculator-page .result-section .result-card{flex-direction:column}}.damage-calculator-page .result-section .result-card .result-chart-container{flex:1;min-width:0;padding:1rem;background:linear-gradient(135deg, #ffffff 0%, rgb(249.9, 249.9, 249.9) 100%);border-radius:.375rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;min-height:300px}.damage-calculator-page .result-section .result-card .result-chart-container canvas{max-width:100%;max-height:100%}.damage-calculator-page .result-section .result-card .result-item{flex:0 0 200px;min-width:180px;align-self:flex-start;padding:1rem;background:linear-gradient(135deg, #ffffff 0%, rgb(249.9, 249.9, 249.9) 100%);border-radius:.375rem;border:1px solid #e2e8f0;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .result-section .result-card .result-item:hover{transform:translateY(-4px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border-color:#4dd0e1}.damage-calculator-page .result-section .result-card .result-item.result-total{background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);border-color:#4dd0e1;color:#fff}.damage-calculator-page .result-section .result-card .result-item.result-total .result-label{color:#fff}.damage-calculator-page .result-section .result-card .result-item.result-total .result-value{color:#fff}.damage-calculator-page .result-section .result-card .result-item.result-total .result-formula{color:#fff;background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);font-weight:600}.damage-calculator-page .result-section .result-card .result-item .result-label{font-size:.75rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;letter-spacing:.5px}.damage-calculator-page .result-section .result-card .result-item .result-value{font-size:1.25rem;font-weight:700;color:#4dd0e1;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.damage-calculator-page .result-section .result-card .result-item .result-value.result-total-value{font-size:1.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.damage-calculator-page .result-section .result-card .result-item .result-formula{font-size:.75rem;color:#1e293b;line-height:1.4;font-family:"Courier New",monospace;background-color:hsl(0,0%,95%);padding:.25rem .5rem;border-radius:.25rem;margin-top:.25rem;border:1px solid #e2e8f0;font-weight:500}.damage-calculator-page .detailed-formula-btn{display:inline-flex;align-items:center;gap:.25rem;width:100%;justify-content:center}.damage-calculator-page .detailed-formula-item{font-size:.875rem;color:#1e293b;line-height:1.6;font-family:"Courier New",monospace;background-color:#fff;padding:.5rem 1rem;border-radius:.25rem;border:1px solid rgb(228.9,234.3,241.5);font-weight:500}.damage-calculator-page .frame-number-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600;line-height:1;margin-right:.25rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);flex-shrink:0}.damage-calculator-page .result-section{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;padding-top:1.5rem;background:linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 100%);backdrop-filter:blur(10px);border-top:3px solid #4dd0e1;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:1000;transform:translateY(100%);transition:transform .3s ease,bottom .3s ease;max-height:calc(100vh - 80px);height:auto;overflow-y:auto}.damage-calculator-page .result-section.dragging{transition:none}.damage-calculator-page .result-section.active{transform:translateY(0)}.damage-calculator-page .result-section .semi-modal-handle{position:absolute;top:0;left:0;right:0;height:24px;cursor:ns-resize;display:flex;align-items:center;justify-content:center;z-index:1001;user-select:none;touch-action:none}.damage-calculator-page .result-section .semi-modal-handle:hover{background-color:rgba(77,208,225,.1)}.damage-calculator-page .result-section .semi-modal-handle:active{background-color:rgba(77,208,225,.2)}.damage-calculator-page .result-section .semi-modal-handle .handle-grip{width:40px;height:4px;background-color:rgb(34.8461538462,187.0076923077,206.7538461538);border-radius:2px;transition:background-color .2s ease}.semi-modal-handle:hover .damage-calculator-page .result-section .semi-modal-handle .handle-grip{background-color:#4dd0e1}.damage-calculator-page .result-section .section-title{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;text-align:center;display:none}.damage-calculator-page .result-section .result-card{display:flex;gap:1rem;align-items:stretch;max-width:100%}@media(max-width: 768px){.damage-calculator-page .result-section .result-card{flex-direction:column}}.damage-calculator-page .result-section .members-results{max-height:300px;overflow-y:auto !important;margin-bottom:1rem !important;padding:.5rem !important;background-color:hsl(0,0%,95%) !important;border-radius:.375rem !important;border:1px solid #e2e8f0 !important;display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:.5rem !important}@media(max-width: 1024px){.damage-calculator-page .result-section .members-results{grid-template-columns:repeat(3, 1fr) !important}}@media(max-width: 768px){.damage-calculator-page .result-section .members-results{grid-template-columns:repeat(2, 1fr) !important}}@media(max-width: 480px){.damage-calculator-page .result-section .members-results{grid-template-columns:1fr !important}}.damage-calculator-page .result-section .members-results .member-result-card{padding:1.5rem !important;background:linear-gradient(135deg, #ffffff 0%, rgb(247.35, 247.35, 247.35) 100%) !important;border-radius:.375rem !important;border:2px solid #e2e8f0 !important;margin-bottom:0 !important;box-shadow:0 1px 2px 0 rgba(0,0,0,.05) !important;transition:all .3s ease !important;position:relative !important;overflow:hidden !important}.damage-calculator-page .result-section .members-results .member-result-card:hover{transform:translateY(-2px) !important;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1) !important;border-color:#4dd0e1 !important;background:linear-gradient(135deg, white 0%, rgb(252.45, 252.45, 252.45) 100%) !important}.damage-calculator-page .result-section .members-results .member-result-card::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;width:4px !important;height:100% !important;background:linear-gradient(180deg, var(--member-color, #4dd0e1) 0%, rgba(0, 0, 0, 0.2) 100%) !important;background-blend-mode:multiply !important;opacity:.8 !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-title{font-size:1rem !important;font-weight:700 !important;color:#1e293b !important;margin:0 0 1rem 0 !important;padding:.5rem 1rem !important;padding-left:1.5rem !important;background:linear-gradient(135deg, rgb(246.1, 252.65, 253.5) 0%, transparent 100%) !important;border-radius:.25rem !important;border-bottom:2px solid rgb(130.4,222.1,234) !important;position:relative !important;letter-spacing:.5px !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item{margin-bottom:.5rem !important;padding:.5rem 1rem !important;background:linear-gradient(135deg, rgb(249.9, 249.9, 249.9) 0%, rgb(242.25, 242.25, 242.25) 100%) !important;border-radius:.25rem !important;border:1px solid rgb(228.9,234.3,241.5) !important;transition:all .2s ease !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item:hover{background:linear-gradient(135deg, white 0%, rgb(247.35, 247.35, 247.35) 100%) !important;border-color:rgb(112.6,217.4,231) !important;transform:translateX(2px) !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item:last-child{margin-bottom:0 !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item .result-label{font-size:.75rem !important;font-weight:600 !important;color:rgb(24,32.8,47.2) !important;margin-bottom:.25rem !important;text-transform:uppercase !important;letter-spacing:1px !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item .result-value{font-size:1.125rem !important;font-weight:700 !important;color:#4dd0e1 !important;margin-bottom:.25rem !important;text-shadow:0 2px 4px rgba(0,0,0,.1) !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item .result-formula{font-size:.75rem !important;color:rgb(27,36.9,53.1) !important;font-family:"Courier New",monospace !important;background-color:hsl(0,0%,92%) !important;padding:.25rem .5rem !important;border-radius:.25rem !important;border:1px solid rgb(227.45,233.15,240.75) !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item.result-total{background:linear-gradient(135deg, #4dd0e1 0%, rgb(38.2336538462, 197.7639423077, 218.4663461538) 100%) !important;border-color:#4dd0e1 !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item.result-total .result-label{color:#fff !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item.result-total .result-value{color:#fff !important;font-size:1.25rem !important;text-shadow:0 2px 8px rgba(0,0,0,.3) !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item.result-total .result-formula{color:#fff !important;background-color:hsla(0,0%,100%,.2) !important;border-color:hsla(0,0%,100%,.3) !important}@media(max-width: 768px){.damage-calculator-page .result-section{padding:.5rem 1rem}.damage-calculator-page .result-section .members-results{max-height:200px;padding:.25rem !important;grid-template-columns:1fr !important;gap:.25rem !important}.damage-calculator-page .result-section .members-results .member-result-card{padding:.5rem !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-title{font-size:.75rem !important;padding:.25rem .5rem !important;padding-left:1rem !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item{padding:.25rem .5rem !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item .result-label{font-size:.75rem !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item .result-value{font-size:1rem !important}.damage-calculator-page .result-section .members-results .member-result-card .member-result-content .result-item.result-total .result-value{font-size:1.125rem !important}}.damage-calculator-page .members-section{margin-bottom:2rem}.damage-calculator-page .members-section .member-section{margin-bottom:1.5rem;padding:1rem;background-color:hsl(0,0%,99%);border-radius:.375rem;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:visible !important;z-index:1}.damage-calculator-page .members-section .member-section.has-open-dropdown{z-index:200}.damage-calculator-page .members-section .member-section::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg, var(--member-color, #4dd0e1) 0%, rgba(0, 0, 0, 0.2) 100%);background-blend-mode:multiply;opacity:.8}.damage-calculator-page .members-section .member-section .member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0;user-select:none}.damage-calculator-page .members-section .member-section .member-header .member-header-content{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:.25rem}.damage-calculator-page .members-section .member-section .member-header .member-header-content:hover{opacity:.8}.damage-calculator-page .members-section .member-section .member-header .member-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.damage-calculator-page .members-section .member-section .member-header .member-title::before{content:"▼";font-size:.875rem;transition:transform .3s ease;color:var(--member-color, #4dd0e1)}.damage-calculator-page .members-section .member-section .member-header .delete-member-btn{flex-shrink:0;margin-left:.5rem}.damage-calculator-page .members-section .member-section.collapsed .member-equipment{display:none}.damage-calculator-page .members-section .member-section.collapsed .member-header .member-title::before{transform:rotate(-90deg)}.damage-calculator-page .members-section .member-section .member-equipment{position:relative;z-index:1}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section{margin-bottom:1rem;position:relative;z-index:1}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section:has(.item-row.has-open-dropdown){z-index:10002}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section:last-child{margin-bottom:0}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem 1rem;background-color:hsl(0,0%,98%);border-radius:.375rem;border:1px solid #e2e8f0;transition:all .2s ease}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header:hover{background-color:hsl(0,0%,96%);border-color:rgb(112.6,217.4,231)}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header .equipment-type-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.25rem;cursor:pointer;user-select:none;flex:1}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header .equipment-type-title:hover{color:#4dd0e1}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header .equipment-type-title::before{content:"▼";font-size:.875rem;transition:transform .3s ease;color:#4dd0e1;margin-right:.25rem}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header .add-member-item-btn{padding:.25rem 1rem;border-radius:.375rem;font-weight:600;font-size:.75rem;transition:all .2s ease;border:1px solid #4dd0e1;cursor:pointer;background:#4dd0e1;color:#fff;white-space:nowrap;min-height:32px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);flex-shrink:0}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header .add-member-item-btn:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);border-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .equipment-type-header .add-member-item-btn:active{transform:translateY(0);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section.collapsed .member-items-list{display:none}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section.collapsed .equipment-type-header .equipment-type-title::before{transform:rotate(-90deg)}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .member-items-list{margin-top:.5rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem;width:100%;box-sizing:border-box;overflow:visible !important;position:relative;z-index:1}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .member-items-list:has(.item-row.has-open-dropdown){z-index:10003}@media(max-width: 1024px){.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .member-items-list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .member-items-list{grid-template-columns:1fr}}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .member-items-list .item-row{width:100%;max-width:100%;box-sizing:border-box;position:relative}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .member-items-list .item-row.has-open-dropdown{z-index:300}.damage-calculator-page .members-section .member-section .member-equipment .equipment-type-section .member-items-list .item-row:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transform:none;border-color:#e2e8f0}.damage-calculator-page .members-results{margin-bottom:2rem}.damage-calculator-page .members-results .member-result-card{margin-bottom:1.5rem;padding:1.5rem;background-color:hsl(0,0%,98%);border-radius:.375rem;border:1px solid #e2e8f0}.damage-calculator-page .members-results .member-result-card:last-child{margin-bottom:0}.damage-calculator-page .members-results .member-result-card .member-result-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 1rem 0;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.damage-calculator-page .members-results .member-result-card .member-result-content .result-item{margin-bottom:1rem}.damage-calculator-page .members-results .member-result-card .member-result-content .result-item:last-child{margin-bottom:0}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section{margin-top:1rem}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-title{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid #e2e8f0}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-list{display:flex;flex-direction:column;gap:.5rem}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-frame{padding:.5rem;background:#fff;border-radius:.25rem;border:1px solid rgb(228.9,234.3,241.5)}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-frame .buff-details-frame-header{font-size:.75rem;font-weight:600;color:#4dd0e1;margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid rgb(228.9,234.3,241.5)}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-frame .buff-details-items{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.25rem}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-frame .buff-details-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;background:hsl(0,0%,99%);border-radius:.25rem;font-size:.75rem}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-frame .buff-details-item .buff-details-name{color:#1e293b;font-weight:500}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-frame .buff-details-item .buff-details-value{color:#4dd0e1;font-weight:600}.damage-calculator-page .members-results .member-result-card .member-result-content .buff-details-section .buff-details-frame .buff-details-frame-total{font-size:.75rem;font-weight:600;color:#64748b;text-align:right;padding-top:.25rem;border-top:1px solid rgb(228.9,234.3,241.5)}@media(max-width: 768px){.damage-calculator-page{padding:1.5rem 0}.damage-calculator-page .calculator-header{padding:2rem}.damage-calculator-page .calculator-header .calculator-title{font-size:1.5rem}.damage-calculator-page .calculator-body{padding:1.5rem}.damage-calculator-page .assumptions-section{margin-bottom:.5rem}.damage-calculator-page .assumptions-section .assumptions-header .section-title{font-size:.875rem}.damage-calculator-page .assumptions-section .assumptions-header .assumptions-info-btn{width:28px;height:28px}.damage-calculator-page .assumptions-section .assumptions-header .assumptions-info-btn i{font-size:.75rem}.damage-calculator-page .assumptions-section .assumptions-popup{padding:1rem}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content{max-width:100%;max-height:90vh}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-popup-header{padding:1rem 1.5rem}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-popup-header h4{font-size:1.125rem}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-list{padding:1.5rem}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-list li{padding:.5rem 0;padding-left:1.5rem;font-size:.875rem}.damage-calculator-page .weapon-section,.damage-calculator-page .potion-section,.damage-calculator-page .trait-section{padding:1.5rem}.damage-calculator-page .weapon-section .section-header,.damage-calculator-page .potion-section .section-header,.damage-calculator-page .trait-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1rem;margin-bottom:0}.damage-calculator-page .weapon-section .section-header .section-title,.damage-calculator-page .potion-section .section-header .section-title,.damage-calculator-page .trait-section .section-header .section-title{font-size:1.25rem}.damage-calculator-page .weapon-section .section-header .btn,.damage-calculator-page .potion-section .section-header .btn,.damage-calculator-page .trait-section .section-header .btn{width:100%;min-width:auto}.damage-calculator-page .formation-import-section{padding:1.5rem}.damage-calculator-page .formation-import-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1rem;margin-bottom:0}.damage-calculator-page .formation-import-section .section-header .section-title{font-size:1.125rem}.damage-calculator-page .formation-import-section .section-header .import-controls{width:100%;flex-direction:column;align-items:stretch;gap:.5rem}.damage-calculator-page .formation-import-section .section-header .import-controls .form-select{width:100%;min-width:auto}.damage-calculator-page .formation-import-section .section-header .import-controls .btn{width:100%;min-width:auto}.damage-calculator-page .formation-import-section .import-description{font-size:.875rem;padding:.5rem}.damage-calculator-page .item-row{padding:1.5rem}.damage-calculator-page .item-row:not(:first-child).collapsed .item-row-body{display:none}.damage-calculator-page .item-row .item-row-header{flex-direction:column;align-items:stretch;gap:.5rem;padding-right:1.5rem}.damage-calculator-page .item-row .item-row-header::after{right:.5rem;top:.25rem}.damage-calculator-page .item-row .item-row-header .item-name-input-group{width:100%;flex-direction:row;align-items:center;gap:.25rem}.damage-calculator-page .item-row .item-row-header .item-name-input-group .item-name-input{flex:1;width:auto;min-width:0;padding:.5rem 1rem;font-size:.875rem}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls{flex-shrink:0;display:flex;gap:.25rem;align-items:center}.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .save-preset-btn,.damage-calculator-page .item-row .item-row-header .item-name-input-group .preset-controls .load-preset-btn{padding:.5rem;min-width:40px;min-height:40px;font-size:1rem}.damage-calculator-page .item-row .item-row-header .item-name{font-size:1.125rem}.damage-calculator-page .item-row .item-row-header .delete-item-btn{width:100%;min-width:auto;padding:.5rem 1rem;font-size:.875rem;min-height:44px}.damage-calculator-page .item-row .item-row-body{grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}.damage-calculator-page .item-row .item-row-body .buff-column{padding:1rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-column-header .buff-label{font-size:1rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group{flex-direction:row;gap:.25rem;align-items:stretch}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .custom-select-wrapper{flex:1;min-width:0}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .buff-input,.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .buff-select{width:100%}.damage-calculator-page .item-row .item-row-body .buff-column .buff-input-group .add-single-buff-btn{flex-shrink:0;min-width:60px;white-space:nowrap}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list{padding:1rem;gap:.5rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item{flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:.5rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item .buff-value{font-size:.875rem}.damage-calculator-page .item-row .item-row-body .buff-column .buff-list .buff-item .delete-buff-btn{min-width:auto;padding:.25rem .5rem}.damage-calculator-page .action-section{flex-direction:column}.damage-calculator-page .action-section .btn{width:100%;min-width:auto}.damage-calculator-page .result-section{padding:.5rem 1rem}.damage-calculator-page .result-section .result-card{grid-template-columns:repeat(3, 1fr);gap:.25rem}.damage-calculator-page .result-section .result-card .result-item{padding:.5rem}.damage-calculator-page .result-section .result-card .result-item .result-label{font-size:.75rem;margin-bottom:.25rem}.damage-calculator-page .result-section .result-card .result-item .result-value{font-size:1.125rem;margin-bottom:.25rem}.damage-calculator-page .result-section .result-card .result-item .result-value.result-total-value{font-size:1.25rem}.damage-calculator-page .result-section .result-card .result-item .result-formula{font-size:.75rem;padding:.25rem;line-height:1.3}}.damage-calculator-page .damage-calculator-items-section{background-color:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;margin-top:0;margin-bottom:1rem;width:100%}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header{margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-header-left{display:flex;align-items:center;gap:.5rem;flex:1}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-header-left .damage-calculator-items-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0;cursor:pointer;user-select:none}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-header-left .damage-calculator-items-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s ease;width:24px;height:24px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-header-left .damage-calculator-items-toggle i{font-size:.875rem;transition:transform .3s ease}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-header-left .damage-calculator-items-toggle:hover{background:#f0fdff;color:#1e293b}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-filter{width:50%;margin-top:0;margin-left:auto;transition:opacity .3s ease,max-height .3s ease;overflow:hidden}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-filter.hidden{opacity:0;max-height:0;margin:0;padding:0}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-filter .damage-calculator-search-input{width:100%;padding:.25rem .5rem;font-size:.875rem;border-radius:.375rem;border:1px solid #e2e8f0;background-color:#fff;color:#1e293b;transition:all .2s ease}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-filter .damage-calculator-search-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-filter .damage-calculator-search-input::placeholder{color:#9ca3af}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease;max-height:2000px;opacity:1}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-content.collapsed{max-height:0;opacity:0;margin:0;padding:0}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:1rem;padding:.5rem 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#4dd0e1 rgba(0,0,0,0)}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid::-webkit-scrollbar{height:8px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid::-webkit-scrollbar-thumb{background-color:#4dd0e1;border-radius:4px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid::-webkit-scrollbar-thumb:hover{background-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid>*{flex-shrink:0;width:150px;min-width:150px;max-width:150px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:linear-gradient(135deg, #ffffff 0%, rgb(249.9, 249.9, 249.9) 100%);border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .2s ease;min-height:180px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card:hover{border-color:#4dd0e1;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transform:translateY(-2px)}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-image{width:100%;height:120px;object-fit:contain;margin-bottom:.25rem;border-radius:.25rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info{width:100%;text-align:center}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-character,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info h4{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-weapon,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info h5{font-size:.75rem;font-weight:500;color:#64748b;margin:0 0 .25rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-type,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info p{font-size:.75rem;color:#9ca3af;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-potion{font-size:.75rem;font-weight:500;color:#64748b;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .loading-message{width:100%;text-align:center;padding:2rem;color:#9ca3af}@media(max-width: 1024px){.damage-calculator-page .damage-calculator-items-section{padding:.5rem 1rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header{margin-bottom:.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-header-left{width:100%;justify-content:space-between}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-header-left .damage-calculator-items-title{font-size:.875rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-filter{width:100%;margin-left:0;margin-top:0}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-header .damage-calculator-items-filter.hidden{opacity:0;max-height:0;margin:0;padding:0}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid{gap:.5rem;padding:.25rem 0}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid>*{width:120px;min-width:120px;max-width:120px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card{min-height:150px;padding:.25rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-image{height:100px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-character,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info h4{font-size:.75rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-weapon,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info h5{font-size:.7rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-type,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info p{font-size:.65rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-potion{font-size:.7rem}}@media(max-width: 768px){.damage-calculator-page .damage-calculator-items-section{padding:.25rem .5rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid{gap:.25rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid>*{width:100px;min-width:100px;max-width:100px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card{min-height:130px;padding:.25rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-image{height:80px}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-character,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info h4{font-size:.7rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-weapon,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info h5{font-size:.65rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-type,.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info p{font-size:.6rem}.damage-calculator-page .damage-calculator-items-section .damage-calculator-items-grid .item-card .item-info .item-potion{font-size:.65rem}}.damage-calculator-page .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.damage-calculator-page .modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.damage-calculator-page .modal .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.damage-calculator-page .modal .modal-content .modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.damage-calculator-page .modal .modal-content .modal-header .modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.damage-calculator-page .modal .modal-content .modal-header .modal-close:hover{background:#f0fdff;color:#1e293b}.damage-calculator-page .modal .modal-content .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.damage-calculator-page .item-detail-modal .modal-content{max-width:800px;max-height:80vh;overflow-y:auto}.damage-calculator-page .item-detail-modal .item-detail-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.damage-calculator-page .item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements{border-top:none}.damage-calculator-page .item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .category-header{border-bottom:none}.damage-calculator-page .item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item{border-bottom:none}.damage-calculator-page .item-detail-modal .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item .enhancement-label{background:#42c79f;color:#fff}.damage-calculator-page .unified-item-card-popup{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:hidden}.damage-calculator-page .unified-item-card-popup .card-main{padding:1rem;display:flex;flex-direction:column;gap:1rem}.damage-calculator-page .unified-item-card-popup .character-info{display:flex;align-items:center;gap:1rem;padding:.5rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.05), rgba(59, 130, 246, 0.1));border-radius:.375rem;border:1px solid rgba(59,130,246,.2)}.damage-calculator-page .unified-item-card-popup .character-info .character-image{width:80px;height:80px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.damage-calculator-page .unified-item-card-popup .character-info .character-details{flex:1}.damage-calculator-page .unified-item-card-popup .character-info .character-details .character-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem 0}.damage-calculator-page .unified-item-card-popup .character-info .character-details .character-description{font-size:.875rem;color:#64748b;line-height:1.4;margin:0}.damage-calculator-page .unified-item-card-popup .weapon-info{padding:.5rem;background:linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(239, 68, 68, 0.1));border-radius:.375rem;border:1px solid rgba(239,68,68,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-image{width:80px;height:80px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details{flex:1}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem 0}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges{display:flex;gap:.25rem}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:.375rem;border:1px solid;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=異能]{background:linear-gradient(135deg, rgba(136, 136, 136, 0.15), rgba(136, 136, 136, 0.25));color:#888;border:1px solid rgba(136,136,136,.4);box-shadow:0 2px 4px rgba(136,136,136,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=雷]{background:linear-gradient(135deg, rgba(170, 68, 255, 0.15), rgba(170, 68, 255, 0.25));color:#a4f;border:1px solid rgba(170,68,255,.4);box-shadow:0 2px 4px rgba(170,68,255,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=炎]{background:linear-gradient(135deg, rgba(251, 146, 60, 0.15), rgba(251, 146, 60, 0.25));color:#ea580c;border:1px solid rgba(251,146,60,.4);box-shadow:0 2px 4px rgba(251,146,60,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=物理]{background:linear-gradient(135deg, rgba(218, 165, 32, 0.15), rgba(218, 165, 32, 0.25));color:#daa520;border:1px solid rgba(218,165,32,.4);box-shadow:0 2px 4px rgba(218,165,32,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements*=氷]{background:linear-gradient(135deg, rgba(68, 170, 255, 0.15), rgba(68, 170, 255, 0.25));color:#4af;border:1px solid rgba(68,170,255,.4);box-shadow:0 2px 4px rgba(68,170,255,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=氷・雷]{background:linear-gradient(135deg, rgba(68, 170, 255, 0.15), rgba(68, 170, 255, 0.25));color:#4af;border:1px solid rgba(68,170,255,.4);box-shadow:0 2px 4px rgba(68,170,255,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=雷・氷]{background:linear-gradient(135deg, rgba(170, 68, 255, 0.15), rgba(170, 68, 255, 0.25));color:#a4f;border:1px solid rgba(170,68,255,.4);box-shadow:0 2px 4px rgba(170,68,255,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=物理・炎]{background:linear-gradient(135deg, rgba(218, 165, 32, 0.15), rgba(218, 165, 32, 0.25));color:#daa520;border:1px solid rgba(218,165,32,.4);box-shadow:0 2px 4px rgba(218,165,32,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .element-badge[data-elements=炎・物理]{background:linear-gradient(135deg, rgba(251, 146, 60, 0.15), rgba(251, 146, 60, 0.25));color:#ea580c;border:1px solid rgba(251,146,60,.4);box-shadow:0 2px 4px rgba(251,146,60,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .type-badge[data-type=強攻]{background:linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.25));color:#dc2626;border:1px solid rgba(239,68,68,.4);box-shadow:0 2px 4px rgba(239,68,68,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .type-badge[data-type=剛毅]{background:linear-gradient(135deg, rgba(184, 134, 11, 0.15), rgba(184, 134, 11, 0.25));color:#b8860b;border:1px solid rgba(184,134,11,.4);box-shadow:0 2px 4px rgba(184,134,11,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .type-badge[data-type=恩恵]{background:linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.25));color:#16a34a;border:1px solid rgba(34,197,94,.4);box-shadow:0 2px 4px rgba(34,197,94,.2)}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-description{font-size:.875rem;color:#64748b;line-height:1.4;margin:0;white-space:pre-line}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements{margin-top:.5rem;padding-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item{display:flex;gap:.5rem;align-items:flex-start;padding:.5rem;background:hsla(0,0%,100%,.8);border-radius:.25rem;border:1px solid rgba(0,0,0,.1);margin-bottom:0}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:.75rem;font-weight:600;color:#fff;min-width:50px;flex-shrink:0;background:#f78a8a;padding:2px 6px;border-radius:.25rem;text-align:center}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:.875rem;color:#64748b;line-height:1.4;flex:1}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements{border-top:none}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .category-header{border-bottom:none}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item{border-bottom:none}.damage-calculator-page .unified-item-card-popup .weapon-info .weapon-enhancements.passive-enhancements .enhancement-item .enhancement-label{background:#42c79f !important;color:#fff !important}.damage-calculator-page .unified-item-card-popup .skill-categories-section{padding:.5rem;background:#f0fdff;border-radius:.375rem;border:1px solid #e2e8f0}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category{margin-bottom:1rem}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category:last-child{margin-bottom:0}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid #4dd0e1}@media(max-width: 1024px){.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header{margin-bottom:.25rem;padding-bottom:.25rem}}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header .category-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem 0}@media(max-width: 1024px){.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header .category-title{font-size:1rem;margin:0 0 .25rem 0}}@media(max-width: 768px){.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header .category-title{font-size:.875rem}}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher{display:flex;gap:.25rem;flex-wrap:wrap}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher .tab-btn{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;background:#fff;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher .tab-btn.active{background:#4dd0e1;color:#fff;border-color:#4dd0e1}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .category-header .tab-switcher .tab-btn:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);color:#fff}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item{display:none;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;margin-bottom:.5rem}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item:last-child{margin-bottom:0}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item.active{display:block}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item .skill-item-content .skill-item-name{font-size:.9rem;font-weight:500;color:#64748b;margin:0 0 .25rem 0;line-height:1.4;white-space:pre-line}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category .skill-items .skill-item .skill-item-content .skill-item-name strong{font-weight:700;color:#1e293b}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.normal-attack .category-header{border-bottom-color:#ff6b6b}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.normal-attack .tab-btn.active{background:#ff6b6b;border-color:#ff6b6b}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.evasion .category-header{border-bottom-color:#4ecdc4}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.evasion .tab-btn.active{background:#4ecdc4;border-color:#4ecdc4}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.skill .category-header{border-bottom-color:#45b7d1}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.skill .tab-btn.active{background:#45b7d1;border-color:#45b7d1}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.co-op-skill .category-header{border-bottom-color:#4dd0e1}.damage-calculator-page .unified-item-card-popup .skill-categories-section .skill-category.co-op-skill .tab-btn.active{background:#96ceb4;border-color:#96ceb4}.damage-calculator-page .unified-item-card-popup .skill-categories-section .no-skills-message{text-align:center;padding:1rem;color:#64748b;font-style:italic}.damage-calculator-page .unified-item-card-popup .potion-info{padding:.5rem;background:linear-gradient(135deg, rgba(34, 197, 94, 0.05), rgba(34, 197, 94, 0.1));border-radius:.375rem;border:1px solid rgba(34,197,94,.2)}.damage-calculator-page .unified-item-card-popup .potion-info .potion-header{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.damage-calculator-page .unified-item-card-popup .potion-info .potion-header .potion-image{width:80px;height:80px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.damage-calculator-page .unified-item-card-popup .potion-info .potion-header .potion-details{flex:1}.damage-calculator-page .unified-item-card-popup .potion-info .potion-header .potion-details .potion-name{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.damage-calculator-page .unified-item-card-popup .potion-info .potion-effects{display:flex;flex-direction:column;gap:.25rem}.damage-calculator-page .unified-item-card-popup .potion-info .potion-effects .effect-item{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:hsla(0,0%,100%,.5);border-radius:.25rem;border:1px solid rgba(0,0,0,.1)}.damage-calculator-page .unified-item-card-popup .potion-info .potion-effects .effect-item .effect-label{font-size:.75rem;font-weight:600;color:#1e293b;background:#a5d6a7;color:#fff;padding:2px 6px;border-radius:.25rem;min-width:50px;text-align:center;flex-shrink:0}.damage-calculator-page .unified-item-card-popup .potion-info .potion-effects .effect-item .effect-text{font-size:.875rem;color:#64748b;line-height:1.4;flex:1}.damage-calculator-page .unified-item-card-popup .relic-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg, rgba(251, 191, 36, 0.05), rgba(251, 191, 36, 0.1));border-radius:.375rem;border:1px solid rgba(251,191,36,.2)}.damage-calculator-page .unified-item-card-popup .relic-info .relic-image{width:100px;height:100px;object-fit:cover;border-radius:.375rem;opacity:0;transition:opacity .3s ease;background-color:rgba(0,0,0,0);mix-blend-mode:multiply;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));border:2px solid hsla(0,0%,100%,.1)}.damage-calculator-page .unified-item-card-popup .relic-info .relic-details{flex:1}.damage-calculator-page .unified-item-card-popup .relic-info .relic-details .relic-name{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem 0}.damage-calculator-page .unified-item-card-popup .relic-info .relic-details .relic-rarity{font-size:.875rem;color:#64748b;margin:0 0 .25rem 0}.damage-calculator-page .unified-item-card-popup .relic-info .relic-details .relic-description{font-size:.875rem;color:#64748b;margin:0;line-height:1.4}@media(max-width: 1024px){.modal .modal-content.item-detail-modal .modal-header{padding:.5rem 1rem}.modal .modal-content.item-detail-modal .modal-header h3{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-header .modal-close{font-size:1rem;width:25px;height:25px}.modal .modal-content.item-detail-modal .modal-body{padding:0}.modal .modal-content.item-detail-modal .modal-body .item-detail-content{padding:1px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .card-main{padding:.5rem 1rem;gap:.5rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info{gap:.5rem;padding:.25rem;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-image{width:80px;height:80px;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-name{font-size:1rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-description{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info{padding:.25rem;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header{gap:.5rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-image{width:80px;height:80px;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-name{font-size:1rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge{font-size:.7rem;padding:3px 10px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements{margin-top:.25rem;padding-top:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item{padding:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:.7rem;min-width:40px;padding:2px 5px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info{border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-label{font-size:.7rem;min-width:40px;padding:2px 5px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-text{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header{gap:.5rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-image{width:80px;height:80px;border-radius:0 !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-details .potion-name{font-size:1rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item .skill-item-content .skill-item-name{font-size:.75rem}}@media(max-width: 768px){.modal .modal-content.item-detail-modal .modal-header{padding:.25rem .5rem}.modal .modal-content.item-detail-modal .modal-header h3{font-size:.75rem}.modal .modal-content.item-detail-modal .modal-header .modal-close{font-size:.9rem;width:22px;height:22px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .card-main{padding:.25rem .5rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info{gap:.25rem;padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-image{width:60px;height:60px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-name{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .character-info .character-details .character-description{font-size:.7rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header{gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-image{width:60px;height:60px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-name{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-header .weapon-details .weapon-badges .weapon-badge{font-size:.65rem;padding:2px 8px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements{margin-top:.25rem;padding-top:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item{padding:.25rem;gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-label{font-size:.65rem;min-width:35px;padding:1px 4px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .weapon-info .weapon-enhancements .enhancement-item .enhancement-text{font-size:.7rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:first-child){border-top:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info:not(:last-child){border-bottom:none !important}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-label{font-size:.65rem;min-width:35px;padding:1px 4px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .effect-item .effect-text{font-size:.7rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header{gap:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-image{width:60px;height:60px}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .potion-info .potion-header .potion-details .potion-name{font-size:.875rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item{padding:.25rem}.modal .modal-content.item-detail-modal .modal-body .unified-item-card-popup .skill-items .skill-item .skill-item-content .skill-item-name{font-size:.7rem}}.damage-calculator-page{min-height:100vh}.damage-calculator-page .page-content{padding-bottom:0;transition:padding-bottom .3s ease}.damage-calculator-page .calculator-container{max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.damage-calculator-page .calculator-card{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow:visible;position:relative;width:100%;box-sizing:border-box}.damage-calculator-page .calculator-card .btn-reset{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:hsl(0,0%,95%);color:rgb(24,32.8,47.2);border:1px solid rgb(228.9,234.3,241.5);border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .calculator-card .btn-reset i{font-size:.75rem}@media(max-width: 768px){.damage-calculator-page .calculator-card .btn-reset span{display:none}}.damage-calculator-page .calculator-card .btn-reset:hover{background-color:hsl(0,0%,92%);border-color:rgb(112.6,217.4,231);color:#4dd0e1;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.damage-calculator-page .calculator-card .btn-reset:active{transform:translateY(0);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.damage-calculator-page .calculator-body{padding:3rem;overflow:visible;position:relative;width:100%;box-sizing:border-box}.damage-calculator-page .assumptions-section{margin-bottom:1rem;position:relative}.damage-calculator-page .assumptions-section .assumptions-header{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.damage-calculator-page .assumptions-section .assumptions-header .section-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.damage-calculator-page .assumptions-section .assumptions-header .assumptions-info-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:2px solid #4dd0e1;background:rgba(0,0,0,0);color:#4dd0e1;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.damage-calculator-page .assumptions-section .assumptions-header .assumptions-info-btn i{font-size:.875rem}.damage-calculator-page .assumptions-section .assumptions-header .assumptions-info-btn:hover{background:rgb(246.1,252.65,253.5);border-color:rgb(51.1557692308,201.1759615385,220.6442307692);transform:scale(1.1)}.damage-calculator-page .assumptions-section .assumptions-header .assumptions-info-btn:active{transform:scale(0.95)}.damage-calculator-page .assumptions-section .assumptions-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.damage-calculator-page .assumptions-section .assumptions-popup.active{display:flex}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:popupFadeIn .3s ease}@keyframes popupFadeIn{from{opacity:0;transform:scale(0.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg, rgb(249.9, 249.9, 249.9) 0%, rgb(242.25, 242.25, 242.25) 100%);border-radius:.5rem .5rem 0 0}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-popup-header h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-popup-header .assumptions-popup-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,0);color:#64748b;cursor:pointer;transition:all .2s ease;padding:0}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-popup-header .assumptions-popup-close i{font-size:1.125rem}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-popup-header .assumptions-popup-close:hover{background:hsl(0,0%,95%);color:#1e293b;transform:rotate(90deg)}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-list{list-style:none;padding:2rem;margin:0}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-list li{padding:1rem 0;color:#1e293b;line-height:1.8;position:relative;padding-left:2rem;font-size:1rem}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-list li::before{content:"•";position:absolute;left:1rem;color:#4dd0e1;font-weight:bold;font-size:1.125rem}.damage-calculator-page .assumptions-section .assumptions-popup .assumptions-popup-content .assumptions-list li:not(:last-child){border-bottom:1px solid #e2e8f0}.damage-calculator-page .detailed-formula-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.damage-calculator-page .detailed-formula-popup.active{display:flex}.damage-calculator-page .detailed-formula-popup .detailed-formula-popup-content{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative;animation:popupFadeIn .3s ease}.damage-calculator-page .detailed-formula-popup .detailed-formula-popup-content .detailed-formula-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg, rgb(249.9, 249.9, 249.9) 0%, rgb(242.25, 242.25, 242.25) 100%);border-radius:.5rem .5rem 0 0}.damage-calculator-page .detailed-formula-popup .detailed-formula-popup-content .detailed-formula-popup-header h4{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.damage-calculator-page .detailed-formula-popup .detailed-formula-popup-content .detailed-formula-popup-header .detailed-formula-popup-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,0);color:#64748b;cursor:pointer;transition:all .2s ease;padding:0}.damage-calculator-page .detailed-formula-popup .detailed-formula-popup-content .detailed-formula-popup-header .detailed-formula-popup-close i{font-size:1.125rem}.damage-calculator-page .detailed-formula-popup .detailed-formula-popup-content .detailed-formula-popup-header .detailed-formula-popup-close:hover{background:hsl(0,0%,95%);color:#1e293b;transform:rotate(90deg)}.damage-calculator-page .detailed-formula-popup .detailed-formula-popup-content .detailed-formula-list{padding:2rem;display:flex;flex-direction:column;gap:.5rem}.buff-calculator-page .page-header .header-container{max-width:1600px}.buff-calculator-page .buff-calculator-wrap{max-width:1600px;margin:0 auto;padding:0 1rem 2rem}.buff-calculator-page .buff-calculator-hint-box{margin:0;padding:.65rem .85rem;font-size:.8rem;line-height:1.5;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.buff-calculator-page .buff-calculator-hint-box code{font-size:.85em;padding:.05em .25em;background:#e2e8f0;border-radius:4px}.buff-calculator-page .buff-calculator-hint-box__lead{margin:0 0 .4rem}.buff-calculator-page .buff-calculator-hint-box__lead:last-child{margin-bottom:0}.buff-calculator-page .buff-calculator-hint-box__list{margin:0;padding-left:1.05rem;list-style:disc}.buff-calculator-page .buff-calculator-hint-box__list li{margin:.15rem 0}.buff-calculator-page .buff-calculator-hint-box--intro{margin-bottom:.85rem}.buff-calculator-page .buff-calculator-hint-box--full-width{flex:1 1 100%}.buff-calculator-page .buff-calculator-mitigation{margin-top:1.5rem;margin-bottom:1rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.buff-calculator-page .buff-calculator-mitigation--in-results{grid-column:1/-1;margin-top:0;margin-bottom:0;padding-top:0;border-top:none}.buff-calculator-page .buff-calculator-mitigation__label{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:#475569}.buff-calculator-page .buff-calculator-mitigation .buff-calculator-controls{margin-bottom:0}.buff-calculator-page .buff-calculator-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.buff-calculator-page .buff-calculator-controls--mitigation{align-items:flex-end}.buff-calculator-page .buff-calculator-controls--attack-under-total{margin-bottom:0}.buff-calculator-page .buff-calculator-controls .buff-calculator-field{display:flex;flex-direction:column;gap:.35rem}.buff-calculator-page .buff-calculator-controls .buff-calculator-field label{font-size:.8rem;font-weight:600;color:#475569}.buff-calculator-page .buff-calculator-controls .buff-calculator-field input{min-width:140px;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.buff-calculator-page .buff-calculator-controls .btn-reset-buff-calc{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #64748b;background:#fff;color:#334155;font-size:.875rem;cursor:pointer;transition:background .15s ease}.buff-calculator-page .buff-calculator-controls .btn-reset-buff-calc:hover{background:#f1f5f9}.buff-calculator-page .buff-calculator-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.5rem}.buff-calculator-page .buff-calculator-table-toolbar__note{font-size:.78rem;color:#64748b;line-height:1.4;flex:1 1 12rem}.buff-calculator-page .buff-calculator-table-toolbar .btn-add-slot{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;color:#1e40af;background:#eff6ff;border:1px solid #93c5fd;border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.buff-calculator-page .buff-calculator-table-toolbar .btn-add-slot:hover{background:#dbeafe;border-color:#60a5fa}.buff-calculator-page .buff-calculator-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid rgba(148,163,184,.4);background:#fff;box-shadow:0 4px 24px rgba(15,23,42,.06)}.buff-calculator-page .buff-calculator-table{--buff-calc-col-no-width: 2.75rem;width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem}.buff-calculator-page .buff-calculator-table th,.buff-calculator-page .buff-calculator-table td{border-bottom:1px solid #e2e8f0;padding:.35rem .5rem;vertical-align:top}.buff-calculator-page .buff-calculator-table thead th{background:#f8fafc;color:#475569;font-weight:600;text-align:center;position:sticky;top:0;z-index:3}.buff-calculator-page .buff-calculator-table thead th.col-no,.buff-calculator-page .buff-calculator-table thead th.col-title{z-index:5}.buff-calculator-page .buff-calculator-table thead th.col-subtotal{z-index:6;background:#f0f9ff}.buff-calculator-page .buff-calculator-table .col-no{width:var(--buff-calc-col-no-width);min-width:var(--buff-calc-col-no-width);max-width:var(--buff-calc-col-no-width);text-align:center;font-weight:600;color:#64748b;background:#fafafa;position:sticky;left:0;z-index:4;box-shadow:1px 0 0 #e2e8f0}.buff-calculator-page .buff-calculator-table .col-title{min-width:11rem;max-width:14rem;text-align:left;font-weight:600;color:#1e293b;background:#fafafa;position:sticky;left:var(--buff-calc-col-no-width);z-index:4;box-shadow:1px 0 0 #e2e8f0}.buff-calculator-page .buff-calculator-table .col-cell{position:relative;z-index:1;min-width:5.5rem;background:#fff}.buff-calculator-page .buff-calculator-table .col-subtotal{width:5.75rem;min-width:5.75rem;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;color:#0369a1;background:#f0f9ff;position:sticky;right:0;z-index:4;box-shadow:-1px 0 0 #e2e8f0,-4px 0 12px rgba(15,23,42,.06)}.buff-calculator-page .buff-calculator-table tbody tr:hover td.col-cell,.buff-calculator-page .buff-calculator-table tbody tr:focus-within td.col-cell{background:#f4f7fb}.buff-calculator-page .buff-calculator-table tbody tr:hover .col-no,.buff-calculator-page .buff-calculator-table tbody tr:hover .col-title,.buff-calculator-page .buff-calculator-table tbody tr:focus-within .col-no,.buff-calculator-page .buff-calculator-table tbody tr:focus-within .col-title{background:#e2e6ed}.buff-calculator-page .buff-calculator-table tbody tr:hover .col-subtotal,.buff-calculator-page .buff-calculator-table tbody tr:focus-within .col-subtotal{background:#dbeafe}.buff-calculator-page .buff-calc-cell{display:flex;flex-direction:column;gap:.2rem}.buff-calculator-page .buff-calc-cell-label-input{display:block;width:100%;margin:0;padding:.1rem .15rem;font-size:.65rem;line-height:1.25;color:#64748b;min-height:2.2em;word-break:break-word;border:1px solid rgba(0,0,0,0);border-radius:4px;background:rgba(0,0,0,0);box-sizing:border-box;cursor:text}.buff-calculator-page .buff-calc-cell-label-input::placeholder{color:#94a3b8}.buff-calculator-page .buff-calc-cell-label-input:hover{border-color:rgba(148,163,184,.45);background:rgba(248,250,252,.9)}.buff-calculator-page .buff-calc-cell-label-input:focus{outline:none;border-color:#93c5fd;background:#fff;box-shadow:0 0 0 1px rgba(59,130,246,.2);color:#334155}.buff-calculator-page .buff-calc-input{width:100%;padding:.35rem .4rem;padding-right:1.25rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.8rem;text-align:right;font-variant-numeric:tabular-nums}.buff-calculator-page .buff-calc-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.15)}.buff-calculator-page .buff-calc-percent-field{position:relative;display:inline-block;width:100%}.buff-calculator-page .buff-calc-percent-field input{width:100%;padding-right:1.6rem}.buff-calculator-page .buff-calc-input-suffix{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);font-size:.78rem;color:#94a3b8;pointer-events:none;user-select:none}.buff-calculator-page .buff-preset-inline-save{display:flex;align-items:flex-end;gap:.5rem;flex:0 0 auto}.buff-calculator-page .buff-preset-inline-save label{font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.35rem}.buff-calculator-page .buff-preset-inline-save .buff-preset-name-input{min-width:220px;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;background:#fff}.buff-calculator-page .buff-preset-inline-save--guest .buff-preset-name-input{opacity:.75;background:#f8fafc;cursor:not-allowed}.buff-calculator-page .buff-preset-inline-save--guest .buff-preset-name-input::placeholder{font-size:.85rem}.buff-calculator-page .btn-buff-preset-save{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .95rem;border-radius:8px;border:1px solid #3b82f6;background:#eff6ff;color:#1e40af;font-weight:700;font-size:.875rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.buff-calculator-page .btn-buff-preset-save:hover{background:#dbeafe;border-color:#60a5fa}.buff-calculator-page .btn-buff-preset-save:disabled{opacity:.55;cursor:not-allowed;background:#f8fafc;border-color:#cbd5e1;color:#64748b}.buff-calculator-page .btn-buff-preset-login-link{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .8rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-weight:700;font-size:.85rem;text-decoration:none;transition:background .15s ease}.buff-calculator-page .btn-buff-preset-login-link:hover{background:#f1f5f9;text-decoration:none;color:#334155}.buff-calculator-page .buff-preset-login-tooltip{display:inline-flex;position:relative}.buff-calculator-page .buff-preset-login-tooltip::after{content:"🔒ログインユーザー限定";position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%) translateX(-4px);background:rgba(15,23,42,.95);color:#fff;padding:.35rem .55rem;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:10}.buff-calculator-page .buff-preset-login-tooltip:hover::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.buff-calculator-page .buff-preset-select-row{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.buff-calculator-page .buff-preset-select-row .buff-preset-select-field{display:flex;flex-direction:column;gap:.35rem}.buff-calculator-page .buff-preset-select-row .buff-preset-select-field label{font-size:.8rem;font-weight:600;color:#475569}.buff-calculator-page .buff-preset-select-row .buff-preset-select-field .buff-preset-select{min-width:280px;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:.95rem}.buff-calculator-page .buff-preset-select-field--inline{display:flex;flex-direction:column;gap:.35rem}.buff-calculator-page .btn-buff-preset-delete{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .95rem;border-radius:8px;border:1px solid #ef4444;background:#fff;color:#b91c1c;font-weight:800;font-size:.875rem;cursor:pointer}.buff-calculator-page .btn-buff-preset-delete:disabled{opacity:.45;cursor:not-allowed}.buff-calculator-page .buff-preset-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;align-items:center;justify-content:center}.buff-calculator-page .buff-preset-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}.buff-calculator-page .buff-preset-modal-content{position:relative;width:min(720px,92vw);background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:1.25rem 1.25rem 1.1rem;border:1px solid rgba(148,163,184,.35);max-height:84vh;overflow:auto}.buff-calculator-page .buff-preset-modal-content h3{font-size:1.05rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.buff-calculator-page .buff-preset-modal-content .buff-preset-modal-text{color:#475569;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.buff-calculator-page .buff-preset-modal-content .buff-preset-modal-save-name{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.buff-calculator-page .buff-preset-modal-content .buff-preset-modal-save-name label{font-size:.8rem;font-weight:700;color:#475569}.buff-calculator-page .buff-preset-modal-content .buff-preset-modal-save-name input{padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem}.buff-calculator-page .buff-preset-modal-content .buff-preset-modal-save-note{margin:.15rem 0 0;color:#64748b;font-size:.78rem;line-height:1.45}.buff-calculator-page .buff-preset-modal-content .buff-preset-modal-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.buff-calculator-page .buff-preset-modal-content .buff-preset-modal-actions button{border-radius:10px;padding:.7rem 1rem;font-weight:800;cursor:pointer}.buff-calculator-page .btn-buff-preset-modal-primary{border:1px solid #3b82f6;background:#eff6ff;color:#1e40af}.buff-calculator-page .btn-buff-preset-modal-secondary{border:1px solid #64748b;background:#f8fafc;color:#334155}.buff-calculator-page .btn-buff-preset-modal-cancel{border:1px solid #cbd5e1;background:#fff;color:#334155}.buff-calculator-page .buff-calculator-results{margin-top:1.5rem;display:grid;gap:1rem;grid-template-columns:1fr}.buff-calculator-page .buff-result-card{background:linear-gradient(135deg, #1e3a5f 0%, #0f172a 100%);color:#f8fafc;border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 12px 40px rgba(15,23,42,.25)}.buff-calculator-page .buff-result-card h3{font-size:.85rem;font-weight:500;opacity:.85;margin-bottom:.35rem}.buff-calculator-page .buff-result-card .buff-result-value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}.buff-calculator-page .buff-result-card .buff-result-sub{margin-top:.5rem;font-size:.8rem;opacity:.8;line-height:1.5}.buff-calculator-page .buff-result-card .buff-result-detail{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid hsla(0,0%,100%,.15)}.buff-calculator-page .buff-result-card .buff-result-line{margin:0 0 .35rem;font-size:.8rem;font-weight:500;opacity:.88;line-height:1.45}.buff-calculator-page .buff-result-card .buff-result-line--formula{font-size:.72rem;opacity:.75}.buff-calculator-page .buff-result-range{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.85rem;opacity:.9}.buff-calculator-page .buff-result-range span{font-variant-numeric:tabular-nums}.boss-buffs-mobile-page{min-height:100vh;background:#f8f9fa;color:#333;font-family:"Noto Sans JP",sans-serif;padding-bottom:20px}.boss-buffs-mobile-page .mobile-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.05)}.boss-buffs-mobile-page .mobile-header .header-content{display:flex;flex-direction:column;gap:8px}.boss-buffs-mobile-page .mobile-header .page-title{font-size:18px;font-weight:600;margin:0;text-align:center;color:#333}.boss-buffs-mobile-page .boss-selector-section{padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0}.boss-buffs-mobile-page .boss-selector-section .selector-form{width:100%}.boss-buffs-mobile-page .boss-selector-section .boss-selectors{display:flex;flex-direction:column;gap:12px}.boss-buffs-mobile-page .boss-selector-section .boss-selector-item{width:100%}.boss-buffs-mobile-page .boss-selector-section .boss-select{width:100%;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;transition:all .2s ease}.boss-buffs-mobile-page .boss-selector-section .boss-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.boss-buffs-mobile-page .boss-selector-section .boss-select:hover{border-color:#007bff}.boss-buffs-mobile-page .boss-selector-section .boss-select option{background:#fff;color:#333}.boss-buffs-mobile-page .boss-buffs-container{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.boss-buffs-mobile-page .boss-card{background:#fff;border:none;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease}.boss-buffs-mobile-page .boss-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.12)}.boss-buffs-mobile-page .boss-header{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.boss-buffs-mobile-page .boss-header .boss-name{font-size:18px;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg, #4a5568 0%, #2d3748 100%);padding:8px 16px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-block;width:100%;text-align:center;box-sizing:border-box}.boss-buffs-mobile-page .boss-header .boss-name.boss-minotaur{background:linear-gradient(135deg, #8b4513 0%, #654321 100%)}.boss-buffs-mobile-page .boss-header .boss-name.boss-apophis{background:linear-gradient(135deg, #2c3e50 0%, #1a252f 100%)}.boss-buffs-mobile-page .boss-header .boss-name.boss-frozen-mech{background:linear-gradient(135deg, #3498db 0%, #2980b9 100%)}.boss-buffs-mobile-page .boss-header .boss-name.boss-landil{background:linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%)}.boss-buffs-mobile-page .boss-header .boss-name.boss-nanyin{background:linear-gradient(135deg, #e74c3c 0%, #c0392b 100%)}.boss-buffs-mobile-page .boss-header .boss-name.boss-yaoxiao{background:linear-gradient(135deg, #1abc9c 0%, #16a085 100%)}.boss-buffs-mobile-page .boss-header .boss-name.boss-tetsuyou{background:linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%)}.boss-buffs-mobile-page .buffs-list{display:flex;flex-direction:column;gap:12px}.boss-buffs-mobile-page .buff-item{padding:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.boss-buffs-mobile-page .buff-item:hover{background:#f0f0f0;border-color:#007bff}.boss-buffs-mobile-page .buff-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.boss-buffs-mobile-page .buff-level{background:#667eea;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-shrink:0}.boss-buffs-mobile-page .buff-title{font-size:15px;font-weight:600;color:#333;margin:0;flex:1;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.boss-buffs-mobile-page .buff-description{color:#666;line-height:1.6;margin:0;font-size:14px;margin-top:4px}.boss-buffs-mobile-page .empty-state{text-align:center;padding:40px 20px;color:#666}.boss-buffs-mobile-page .empty-state p{font-size:16px;margin:0}@media(max-width: 480px){.boss-buffs-mobile-page .mobile-header{padding:10px 12px}.boss-buffs-mobile-page .mobile-header .page-title{font-size:16px}.boss-buffs-mobile-page .boss-selector-section{padding:10px 12px}.boss-buffs-mobile-page .boss-buffs-container{padding:10px 12px;gap:10px}.boss-buffs-mobile-page .boss-card{padding:10px}.boss-buffs-mobile-page .boss-header .boss-name{font-size:16px;padding:6px 12px}.boss-buffs-mobile-page .buff-item{padding:10px}.boss-buffs-mobile-page .buff-title{font-size:14px}.boss-buffs-mobile-page .buff-description{font-size:13px}}.boss-buffs-page .max-w-7xl{max-width:1200px;margin:0 auto;padding:0 2rem}.boss-buffs-page .boss-selector-section{margin-bottom:2rem;padding:2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid var(--border-color)}.boss-buffs-page .selector-container{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.boss-buffs-page .selector-label{font-weight:600;color:var(--text-primary);font-size:1.1rem}.boss-buffs-page .selector-form{flex:1;min-width:250px}.boss-buffs-page .boss-selectors{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.boss-buffs-page .boss-selector-item{display:flex;flex-direction:column}.boss-buffs-page .boss-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:border-color .2s ease}.boss-buffs-page .boss-select:focus{outline:none;border-color:var(--primary-color)}.boss-buffs-page .boss-select:hover{border-color:var(--primary-color)}.boss-buffs-page .boss-buffs-container{padding:2rem 0}.boss-buffs-page .boss-section{margin-bottom:2rem;background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid var(--border-color)}.boss-buffs-page .boss-section:last-child{margin-bottom:0}.boss-buffs-page .boss-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.boss-buffs-page .boss-name{font-size:2rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(135deg, #4a5568 0%, #2d3748 100%);padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-block}.boss-buffs-page .buffs-list{display:flex;flex-direction:column}.boss-buffs-page .boss-buffs-container.multiple-bosses{display:flex;flex-wrap:wrap;gap:1.5rem}.boss-buffs-page .boss-buffs-container.multiple-bosses .boss-section{flex:1;min-width:300px;margin-bottom:0}.boss-buffs-page .boss-buffs-container.multiple-bosses .boss-section .boss-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.boss-buffs-page .boss-buffs-container.multiple-bosses .boss-section .buffs-list{display:flex;flex-direction:column}.boss-buffs-page .buff-item{padding:1.5rem 0;border-bottom:1px solid #cbd5e0}.boss-buffs-page .buff-item:last-child{border-bottom:none}.boss-buffs-page .buff-item:hover{background-color:rgba(102,126,234,.05)}.boss-buffs-page .buff-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.boss-buffs-page .buff-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.boss-buffs-page .buff-level{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;margin-left:1rem;flex-shrink:0;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.1)}.boss-buffs-page .buff-description{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem;margin-top:.5rem}@media(max-width: 768px){.boss-buffs-page .max-w-7xl{padding:0 1rem}.boss-buffs-page .boss-selector-section{padding:1.5rem;margin-bottom:1.5rem}.boss-buffs-page .selector-container{flex-direction:column;align-items:stretch;gap:1rem}.boss-buffs-page .selector-label{text-align:center;font-size:1.1rem}.boss-buffs-page .boss-selectors{grid-template-columns:1fr}.boss-buffs-page .boss-buffs-container.multiple-bosses{flex-direction:column}.boss-buffs-page .boss-buffs-container.multiple-bosses .boss-section{flex:none;min-width:auto;margin-bottom:2rem}.boss-buffs-page .boss-section{padding:1.5rem;margin-bottom:2rem}.boss-buffs-page .boss-name{font-size:1.8rem}.boss-buffs-page .buff-card{padding:1.25rem}.boss-buffs-page .buff-header{flex-direction:column;align-items:stretch;gap:.75rem}.boss-buffs-page .buff-title{width:100%}.boss-buffs-page .buff-level{margin-left:0;align-self:flex-start}.boss-buffs-page .buff-title{font-size:1.1rem}}@media(max-width: 480px){.boss-buffs-page .boss-name{font-size:1.6rem}.boss-buffs-page .buff-card{padding:1rem}.boss-buffs-page .buff-title{font-size:1rem}.boss-buffs-page .buff-description{font-size:.9rem}}.oow-mobile-page{min-height:100vh;background:#f8f9fa;color:#333;font-family:"Noto Sans JP",sans-serif;padding-bottom:20px}.oow-mobile-page .mobile-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px rgba(0,0,0,.05)}.oow-mobile-page .mobile-header .header-content{display:flex;flex-direction:column;gap:8px}.oow-mobile-page .mobile-header .page-title{font-size:18px;font-weight:600;margin:0;text-align:center;color:#333}.oow-mobile-page .mobile-header .season-selector .season-select{width:100%;padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.oow-mobile-page .mobile-header .season-selector .season-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.oow-mobile-page .mobile-header .season-selector .season-select option{background:#fff;color:#333}.oow-mobile-page .mobile-filters{padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0}.oow-mobile-page .mobile-filters .filter-input-container{display:flex;gap:8px;margin-bottom:8px}.oow-mobile-page .mobile-filters .filter-input{flex:1;padding:10px 12px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:14px}.oow-mobile-page .mobile-filters .filter-input::placeholder{color:#999}.oow-mobile-page .mobile-filters .filter-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.oow-mobile-page .mobile-filters .clear-btn{padding:10px 16px;background:#dc3545;border:1px solid #dc3545;border-radius:8px;color:#fff;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s ease}.oow-mobile-page .mobile-filters .clear-btn:hover{background:#c82333;border-color:#bd2130}.oow-mobile-page .mobile-filters .filter-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.oow-mobile-page .mobile-filters .sort-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#007bff;border:1px solid #007bff;border-radius:8px;color:#fff;font-size:13px;white-space:nowrap;cursor:pointer;transition:all .2s ease;position:relative;z-index:10}.oow-mobile-page .mobile-filters .sort-btn:hover{background:#0056b3;border-color:#0056b3}.oow-mobile-page .mobile-filters .sort-btn:active{background:#004085;border-color:#004085}.oow-mobile-page .mobile-filters .sort-btn i{font-size:12px}.oow-mobile-page .mobile-filters .filter-info{text-align:center;color:#666;font-size:12px}.oow-mobile-page .mobile-floors-container{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.oow-mobile-page .floor-card{background:#fff;border:none;border-radius:8px;padding:10px 12px;padding-left:0;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);position:relative}.oow-mobile-page .floor-card:hover{box-shadow:0 2px 6px rgba(0,0,0,.12)}.oow-mobile-page .floor-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:8px 0 0 8px}.oow-mobile-page .floor-card.has-yuki-no-kokoro::before{background:#ff6b6b}.oow-mobile-page .floor-card.has-buki-hakai::before{background:#ff9800}.oow-mobile-page .floor-card.has-bogai::before{background:#ab47bc}.oow-mobile-page .floor-card.has-kyoufu::before{background:#4caf50}.oow-mobile-page .floor-card.has-yuki-no-kokoro.has-kyoufu::before,.oow-mobile-page .floor-card.has-yuki-no-kokoro.has-buki-hakai::before,.oow-mobile-page .floor-card.has-yuki-no-kokoro.has-bogai::before{background:#ff6b6b}.oow-mobile-page .floor-card.has-kyoufu.has-buki-hakai::before,.oow-mobile-page .floor-card.has-kyoufu.has-bogai::before{background:#4caf50}.oow-mobile-page .floor-card.has-buki-hakai.has-bogai::before{background:#ff9800}.oow-mobile-page .floor-header{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.oow-mobile-page .floor-header .floor-info-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.oow-mobile-page .floor-header .floor-info-row-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.oow-mobile-page .floor-header .floor-number{display:flex;flex-direction:row;align-items:center;gap:0;flex-shrink:0;width:40px}.oow-mobile-page .floor-header .floor-number .floor-value{font-size:18px;font-weight:700;color:#007bff}.oow-mobile-page .floor-header .boss-tags-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex-shrink:0}.oow-mobile-page .floor-header .boss-tags-inline .boss-tag{background:rgba(0,123,255,.1);border:1px solid rgba(0,123,255,.3);color:#007bff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.oow-mobile-page .floor-header .boss-tags-inline .boss-tag:hover{background:rgba(0,123,255,.2);transform:scale(1.05)}.oow-mobile-page .floor-header .boss-tags-inline .boss-tag:active{transform:scale(0.98)}.oow-mobile-page .floor-header .enemy-level{display:flex;flex-direction:row;align-items:center;gap:0;flex-shrink:0;margin-left:auto}.oow-mobile-page .floor-header .enemy-level .level-label{font-size:12px;color:#666;margin-right:4px}.oow-mobile-page .floor-header .enemy-level .level-value{font-size:14px;font-weight:500;color:#333}.oow-mobile-page .floor-header .warning-badges{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:center;flex:1;margin:0 8px}.oow-mobile-page .floor-header .warning-badges .warning-badge{font-size:14px;padding:4px 8px;border-radius:6px;white-space:nowrap;font-weight:600;text-align:center;min-width:60px;display:flex;align-items:center;gap:6px}.oow-mobile-page .floor-header .warning-badges .warning-badge i{font-size:12px;margin-right:3px}.oow-mobile-page .floor-header .warning-badges .warning-badge.yuki-badge{background:#ff6b6b;color:#fff;border:1px solid #ff6b6b}.oow-mobile-page .floor-header .warning-badges .warning-badge.buki-hakai-badge{background:#ffa726;color:#fff;border:1px solid #ffa726}.oow-mobile-page .floor-header .warning-badges .warning-badge.bogai-badge{background:#ab47bc;color:#fff;border:1px solid #ab47bc;pointer-events:none;cursor:default}.oow-mobile-page .floor-header .warning-badges .warning-badge.kyoufu-badge{background:#4caf50;color:#fff;border:1px solid #4caf50}.oow-mobile-page .boss-section,.oow-mobile-page .buff-section,.oow-mobile-page .memo-section{margin-bottom:8px;display:flex;align-items:flex-start;gap:8px}.oow-mobile-page .boss-section:last-child,.oow-mobile-page .buff-section:last-child,.oow-mobile-page .memo-section:last-child{margin-bottom:0}.oow-mobile-page .boss-section .section-label,.oow-mobile-page .buff-section .section-label,.oow-mobile-page .memo-section .section-label{font-size:12px;font-weight:600;color:#333;display:flex;align-items:center;flex-shrink:0;min-width:40px}.oow-mobile-page .stage-effect-badge-container{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex:1}.oow-mobile-page .stage-effect-badge-container .warning-badge{font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;font-weight:600;text-align:center;display:inline-flex;align-items:center;gap:3px;position:relative;cursor:pointer}.oow-mobile-page .stage-effect-badge-container .warning-badge i{font-size:9px}.oow-mobile-page .stage-effect-badge-container .warning-badge::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.3)}.oow-mobile-page .stage-effect-badge-container .warning-badge.long-press::after{opacity:1}.oow-mobile-page .stage-effect-badge-container .warning-badge.yuki-badge{background:#ff6b6b;color:#fff;border:1px solid #ff6b6b}.oow-mobile-page .stage-effect-badge-container .warning-badge.buki-hakai-badge{background:#ff9800;color:#fff;border:1px solid #ff9800}.oow-mobile-page .stage-effect-badge-container .warning-badge.bogai-badge{background:#ab47bc;color:#fff;border:1px solid #ab47bc}.oow-mobile-page .stage-effect-badge-container .warning-badge.kyoufu-badge{background:#4caf50;color:#fff;border:1px solid #4caf50}.oow-mobile-page .boss-list{display:flex;flex-wrap:wrap;gap:8px}.oow-mobile-page .boss-list .boss-tag{background:rgba(0,123,255,.1);border:1px solid rgba(0,123,255,.3);color:#007bff;padding:6px 12px;border-radius:16px;font-size:14px;cursor:pointer;transition:all .2s ease}.oow-mobile-page .boss-list .boss-tag:hover{background:rgba(0,123,255,.2);transform:scale(1.05)}.oow-mobile-page .buff-list{display:flex;flex-wrap:wrap;gap:4px;flex:1}.oow-mobile-page .buff-list .buff-item{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:12px;padding:3px 8px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:3px}.oow-mobile-page .buff-list .buff-item:hover{background:#e9ecef;transform:scale(1.02)}.oow-mobile-page .buff-list .buff-item .buff-icon{font-size:10px;font-weight:bold;color:#666;display:flex;align-items:center;justify-content:center;flex-shrink:0}.oow-mobile-page .buff-list .buff-item .buff-icon i{font-size:10px}.oow-mobile-page .buff-list .buff-item .buff-name{font-size:11px;color:#333;white-space:nowrap}.oow-mobile-page .memo-section .memo-container{flex:1;min-width:0}.oow-mobile-page .memo-section .memo-container .memo-field{position:relative;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;display:flex;align-items:flex-start;gap:8px;padding:6px 8px}.oow-mobile-page .memo-section .memo-container .memo-field.editing{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.oow-mobile-page .memo-section .memo-container .memo-field .memo-display{flex:1;min-height:32px;color:#333;font-size:16px;line-height:1.4;outline:none;border:none;background:rgba(0,0,0,0);resize:none;padding:0;min-width:0}.oow-mobile-page .memo-section .memo-container .memo-field .memo-display:focus{outline:none}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions{display:flex;gap:4px;flex-shrink:0;opacity:0;transition:opacity .2s ease}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-save-btn,.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-clear-btn{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-save-btn svg,.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-clear-btn svg{width:14px;height:14px}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-save-btn{background:rgba(76,175,80,.2);color:#4caf50;border:1px solid rgba(76,175,80,.4)}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-save-btn:hover{background:rgba(76,175,80,.3)}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-save-btn.success{background:rgba(76,175,80,.4);animation:pulse .5s ease}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-clear-btn{background:rgba(255,107,107,.2);color:#ff6b6b;border:1px solid rgba(255,107,107,.4)}.oow-mobile-page .memo-section .memo-container .memo-field .memo-actions .memo-clear-btn:hover{background:rgba(255,107,107,.3)}.oow-mobile-page .memo-section .memo-container .memo-field:hover .memo-actions,.oow-mobile-page .memo-section .memo-container .memo-field.editing .memo-actions{opacity:1}.oow-mobile-page .empty-state{text-align:center;padding:40px 20px;color:hsla(0,0%,100%,.6)}.oow-mobile-page .empty-state p{font-size:16px;margin:0 0 8px 0}.oow-mobile-page .empty-state .empty-subtitle{font-size:14px;color:hsla(0,0%,100%,.4)}.oow-mobile-page .mobile-buff-detail-box{border-left:4px solid #007bff !important;background:#fff !important;padding:12px !important;border:1px solid #e0e0e0 !important;border-radius:4px !important;margin-top:8px !important}.oow-mobile-page .mobile-boss-detail-box{border-left:4px solid #28a745 !important;background:#fff !important;padding:12px !important;border:1px solid #e0e0e0 !important;border-radius:4px !important;margin-top:8px !important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.oow-mobile-page .mobile-popup.show .popup-content{animation:slideInUp .3s ease-out}.oow-mobile-page .mobile-popup.show{animation:fadeIn .3s ease-out}@media(max-width: 480px){.oow-mobile-page .mobile-header{padding:10px 12px}.oow-mobile-page .mobile-header .page-title{font-size:16px}.oow-mobile-page .mobile-filters{padding:10px 12px}.oow-mobile-page .mobile-floors-container{padding:10px 12px;gap:10px}.oow-mobile-page .floor-card{padding:10px}.oow-mobile-page .floor-header .floor-number .floor-value{font-size:16px}.oow-mobile-page .floor-header .enemy-level .level-value{font-size:13px}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);max-width:800px;width:90%;max-height:550px;overflow:hidden;display:flex;flex-direction:column}.modal .modal-content .modal-header{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#e3f2fd;flex-shrink:0}.modal .modal-content .modal-header h3{margin:0;color:#1976d2;font-size:1rem;font-weight:600}.modal .modal-content .modal-header .modal-close{background:none;border:none;font-size:1.5rem;color:#1976d2;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal .modal-content .modal-header .modal-close:hover{background:rgba(25,118,210,.1);color:#1565c0}.modal .modal-content .modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal .modal-content .modal-body .buff-info .position-badge,.modal .modal-content .modal-body .buff-info .stage-effect-badge,.modal .modal-content .modal-body .buff-info .level-badge{display:inline-block !important;padding:4px 12px !important;border-radius:12px !important;font-size:12px !important;font-weight:600 !important;margin-right:8px !important;margin-bottom:16px !important}.modal .modal-content .modal-body .buff-info .position-badge{background:rgba(0,123,255,.1) !important;color:#007bff !important;border:1px solid rgba(0,123,255,.3) !important}.modal .modal-content .modal-body .buff-info .stage-effect-badge{background:rgba(171,71,188,.1) !important;color:#ab47bc !important;border:1px solid rgba(171,71,188,.3) !important}.modal .modal-content .modal-body .buff-info .level-badge{background:rgba(255,193,7,.1) !important;color:#ffc107 !important;border:1px solid rgba(255,193,7,.3) !important}.modal .modal-content .modal-body .buff-info .buff-info-item{margin-bottom:20px !important}.modal .modal-content .modal-body .buff-info .buff-info-item:last-child{margin-bottom:0 !important}.modal .modal-content .modal-body .buff-info .buff-info-item .buff-info-label{font-size:14px !important;font-weight:600 !important;color:#333 !important;margin-bottom:8px !important}.modal .modal-content .modal-body .buff-info .buff-info-item .buff-info-value{font-size:14px !important;color:#666 !important;line-height:1.6 !important;background:#f8f9fa !important;padding:16px !important;border:1px solid #e0e0e0 !important;border-radius:4px !important}.modal .modal-content .modal-body .boss-buffs-list .boss-buff-item{margin-bottom:12px !important;padding:12px !important;background-color:#f8f9fa !important;border-radius:8px !important}.modal .modal-content .modal-body .boss-buffs-list .boss-buff-item:last-child{margin-bottom:0 !important}.modal .modal-content .modal-body .boss-buffs-list .boss-buff-item .boss-buff-header{display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:8px !important}.modal .modal-content .modal-body .boss-buffs-list .boss-buff-item .boss-buff-header .boss-buff-level{background:#1976d2 !important;color:#fff !important;padding:3px 10px !important;border-radius:4px !important;font-size:11px !important;font-weight:600 !important}.modal .modal-content .modal-body .boss-buffs-list .boss-buff-item .boss-buff-header .boss-buff-title{font-size:14px !important;font-weight:600 !important;color:#333 !important}.modal .modal-content .modal-body .boss-buffs-list .boss-buff-item .boss-buff-details{font-size:13px !important;color:#666 !important;line-height:1.5 !important;padding-top:2px !important}.modal#mobile-buff-popup .modal-content .modal-header{background:#e8f5e8}.modal#mobile-buff-popup .modal-content .modal-header h3{color:#2e7d32}.modal#mobile-buff-popup .modal-content .modal-header .modal-close{color:#2e7d32}.modal#mobile-buff-popup .modal-content .modal-header .modal-close:hover{background:rgba(46,125,50,.1);color:#1b5e20}.modal#mobile-boss-popup .modal-content .modal-body{padding:.75rem !important}.modal .modal-content.item-detail-modal .modal-body{padding:1.5rem !important}.modal.active{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:9999 !important;transform:none !important}.modal[style*="display: flex"]{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:9999 !important;transform:none !important}.modal .modal-body .loading,.modal .modal-body .error{text-align:center;padding:20px;color:#6c757d}.oow-page{background-color:#fff;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.oow-page .oow-page-layout{display:block;width:100%}.oow-page .oow-main-content{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%}.oow-page .oow-main-content .max-w-7xl{max-width:1400px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.oow-page .season-tabs{margin:3rem 0 2rem 0;display:flex;align-items:center;gap:1rem;width:100%;max-width:100%;position:relative}.oow-page .season-tabs .season-carousel-btn{background-color:#fff;border:2px solid #e2e8f0;border-radius:.375rem;padding:.5rem;cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#1e293b}.oow-page .season-tabs .season-carousel-btn:hover:not(:disabled){background-color:#fff;border-color:#4dd0e1;color:#4dd0e1}.oow-page .season-tabs .season-carousel-btn:disabled{opacity:.3;cursor:not-allowed}.oow-page .season-tabs .season-carousel-btn svg{display:block}.oow-page .season-tabs .tabs-nav{display:flex;gap:.5rem;overflow:hidden;padding:.5rem;flex:1;justify-content:center}.oow-page .season-tabs .tabs-nav .tab-link{padding:1rem 2rem;text-decoration:none;font-weight:600;color:#64748b;background-color:#fff;border-radius:.5rem;transition:all .3s ease;white-space:nowrap;border:2px solid rgba(0,0,0,0);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);flex-shrink:0;display:none}.oow-page .season-tabs .tabs-nav .tab-link.visible{display:block}.oow-page .season-tabs .tabs-nav .tab-link:hover{color:#4dd0e1;background-color:#fff;border-color:rgba(77,208,225,.2);transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.oow-page .season-tabs .tabs-nav .tab-link.active{color:#fff;background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);border-color:#4dd0e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.oow-page .floors-section{background-color:hsl(0,0%,95%);border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);overflow:hidden;margin-bottom:3rem}.oow-page .floors-section .section-header{background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.oow-page .floors-section .section-header h2{font-size:1.25rem;font-weight:600;margin:0}.oow-page .floors-section .section-header .filter-info{color:hsla(0,0%,100%,.9);font-size:.875rem;font-weight:500}.oow-page .floors-section .floors-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:800px}.oow-page .floors-section .floors-table thead{background-color:#f0fdff}.oow-page .floors-section .floors-table thead th{padding:1.5rem 1rem;text-align:left;font-weight:600;color:#1e293b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0;vertical-align:top}.oow-page .floors-section .floors-table thead th.sortable-header{cursor:pointer;user-select:none;transition:background-color .2s ease}.oow-page .floors-section .floors-table thead th.sortable-header:hover{background-color:rgba(77,208,225,.1)}.oow-page .floors-section .floors-table thead th.sortable-header .sortable-header-content{display:flex;align-items:center;gap:.25rem}.oow-page .floors-section .floors-table thead th.sortable-header .sortable-header-content .sort-icon{display:flex;align-items:center;color:#64748b;transition:color .2s ease}.oow-page .floors-section .floors-table thead th.sortable-header .sortable-header-content .sort-icon svg{display:block}.oow-page .floors-section .floors-table thead th.sortable-header .sortable-header-content .sort-icon svg .sort-arrow-up,.oow-page .floors-section .floors-table thead th.sortable-header .sortable-header-content .sort-icon svg .sort-arrow-down{transition:opacity .2s ease}.oow-page .floors-section .floors-table thead th.sortable-header .sortable-header-content .sort-icon svg .sort-arrow-up{opacity:.3}.oow-page .floors-section .floors-table thead th.sortable-header .sortable-header-content .sort-icon svg .sort-arrow-down{opacity:1}.oow-page .floors-section .floors-table thead th.sortable-header[data-sort-order=asc] .sortable-header-content .sort-icon{color:#4dd0e1}.oow-page .floors-section .floors-table thead th.sortable-header[data-sort-order=asc] .sortable-header-content .sort-icon svg .sort-arrow-up{opacity:1}.oow-page .floors-section .floors-table thead th.sortable-header[data-sort-order=asc] .sortable-header-content .sort-icon svg .sort-arrow-down{opacity:.3}.oow-page .floors-section .floors-table thead th.sortable-header[data-sort-order=desc] .sortable-header-content .sort-icon{color:#4dd0e1}.oow-page .floors-section .floors-table thead th.sortable-header[data-sort-order=desc] .sortable-header-content .sort-icon svg .sort-arrow-up{opacity:.3}.oow-page .floors-section .floors-table thead th.sortable-header[data-sort-order=desc] .sortable-header-content .sort-icon svg .sort-arrow-down{opacity:1}.oow-page .floors-section .floors-table thead th:nth-child(1){width:8%;min-width:60px}.oow-page .floors-section .floors-table thead th:nth-child(2){width:7%;min-width:50px}.oow-page .floors-section .floors-table thead th:nth-child(3){width:28%;min-width:180px}.oow-page .floors-section .floors-table thead th:nth-child(4){width:25%;min-width:200px}.oow-page .floors-section .floors-table thead th:nth-child(5){width:32%;min-width:250px}.oow-page .floors-section .floors-table thead th:first-child{padding-left:2rem}.oow-page .floors-section .floors-table thead th:last-child{padding-right:2rem}.oow-page .floors-section .floors-table thead th .buff-filter-header{display:flex;flex-direction:column;gap:.5rem}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-header-row{display:flex;align-items:center;gap:.5rem}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-header-row>span{flex-shrink:0;white-space:nowrap}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox{flex:1;min-width:0;position:relative;width:100%}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger{position:relative;display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:.25rem;background-color:#fff;transition:all .2s ease;cursor:text}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger:hover{border-color:rgba(77,208,225,.5)}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger.active{border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1)}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-input{flex:1;padding:.25rem .5rem;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:.75rem;outline:none;cursor:text}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-input::placeholder{color:#9ca3af}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-icons{display:flex;align-items:center;gap:.25rem;padding-right:.25rem}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-icons .buff-filter-search-icon{color:#9ca3af;flex-shrink:0}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-icons .buff-filter-clear-btn{background:none;border:none;padding:2px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-icons .buff-filter-clear-btn:hover{background-color:rgba(255,171,145,.1);color:#ffab91}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-icons .buff-filter-clear-btn svg{display:block}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger .buff-filter-icons .buff-filter-arrow{color:#9ca3af;transition:transform .2s ease;flex-shrink:0}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-trigger.active .buff-filter-arrow{transform:rotate(180deg)}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;display:flex;flex-direction:column;overflow:hidden}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-search-box{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-bottom:1px solid #e2e8f0;background:hsl(0,0%,98%)}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-search-box .buff-filter-search-icon{color:#9ca3af;flex-shrink:0}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-search-box .buff-filter-search-input{flex:1;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:.75rem;outline:none;padding:.25rem 0}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-search-box .buff-filter-search-input::placeholder{color:#9ca3af}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-options{max-height:250px;overflow-y:auto;padding:.25rem 0}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-options .buff-filter-option{padding:.25rem .5rem;cursor:pointer;font-size:.75rem;color:#1e293b;transition:all .15s ease}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-options .buff-filter-option:hover{background-color:rgba(77,208,225,.1)}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-options .buff-filter-option.selected{background-color:rgba(77,208,225,.15);color:#4dd0e1;font-weight:600}.oow-page .floors-section .floors-table thead th .buff-filter-header .buff-filter-combobox .buff-filter-dropdown .buff-filter-options .buff-filter-no-result{padding:1rem;text-align:center;color:#9ca3af;font-size:.75rem}.oow-page .floors-section .floors-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.oow-page .floors-section .floors-table tbody tr:nth-child(odd){background-color:hsl(0,0%,97%)}.oow-page .floors-section .floors-table tbody tr:nth-child(even){background-color:#fff}.oow-page .floors-section .floors-table tbody tr.even{background-color:#fff !important}.oow-page .floors-section .floors-table tbody tr.odd{background-color:hsl(0,0%,97%) !important}.oow-page .floors-section .floors-table tbody tr:hover{background-color:rgba(77,208,225,.08) !important}.oow-page .floors-section .floors-table tbody tr.even:hover{background-color:rgba(77,208,225,.12) !important}.oow-page .floors-section .floors-table tbody tr.odd:hover{background-color:rgba(77,208,225,.05) !important}.oow-page .floors-section .floors-table tbody tr:last-child{border-bottom:none}.oow-page .floors-section .floors-table tbody td{padding:1rem .5rem;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;position:relative}.oow-page .floors-section .floors-table tbody td:first-child{padding-left:2rem}.oow-page .floors-section .floors-table tbody td:last-child{padding-right:2rem}.oow-page .floors-section .floor-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem}.oow-page .floors-section .floor-number{font-weight:500;color:#1e293b;font-size:1.125rem}.oow-page .floors-section .badge-container{position:absolute;bottom:.5rem;left:.5rem;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:8px;align-items:center;justify-content:flex-start;z-index:1;pointer-events:none}.oow-page .floors-section .yuki-badge,.oow-page .floors-section .buki-hakai-badge,.oow-page .floors-section .bogai-badge,.oow-page .floors-section .kyoufu-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:.25rem;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05);flex-shrink:0;opacity:.7}.oow-page .floors-section .yuki-badge i,.oow-page .floors-section .buki-hakai-badge i,.oow-page .floors-section .bogai-badge i,.oow-page .floors-section .kyoufu-badge i{font-size:10px}.oow-page .floors-section .yuki-badge{background:rgba(255,107,107,.15);color:rgba(255,107,107,.8);border:1px solid rgba(255,107,107,.3)}.oow-page .floors-section .buki-hakai-badge{background:rgba(255,167,38,.15);color:rgba(255,167,38,.8);border:1px solid rgba(255,167,38,.3)}.oow-page .floors-section .bogai-badge{background:rgba(171,71,188,.15);color:rgba(171,71,188,.8);border:1px solid rgba(171,71,188,.3)}.oow-page .floors-section .kyoufu-badge{background:rgba(76,175,80,.15);color:rgba(76,175,80,.8);border:1px solid rgba(76,175,80,.3)}.oow-page .floors-section .enemy-level{color:#64748b;font-weight:500}.oow-page .floors-section .tag-container{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;max-width:100%}.oow-page .floors-section .tag-container .tag{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.oow-page .floors-section .tag-container .tag.boss-tag{background-color:rgba(179,157,219,.1);color:#b39ddb;border:1px solid rgba(179,157,219,.2);font-weight:700;font-size:.875rem;padding:.5rem;text-align:center}.oow-page .floors-section .tag-container .tag.boss-tag.clickable-boss{cursor:pointer;transition:all .2s ease}.oow-page .floors-section .tag-container .tag.boss-tag.clickable-boss:hover{background-color:rgba(179,157,219,.2);transform:translateY(-1px);box-shadow:0 2px 4px rgba(179,157,219,.3)}.oow-page .floors-section .tag-container .tag.boss-tag.clickable-boss:active{transform:translateY(0)}.oow-page .floors-section .tag-container .tag .buff-item.clickable-buff{cursor:pointer;transition:all .2s ease}.oow-page .floors-section .tag-container .tag .buff-item.clickable-buff:hover{background-color:rgba(165,214,167,.2);transform:translateY(-1px);box-shadow:0 2px 4px rgba(165,214,167,.3)}.oow-page .floors-section .tag-container .tag .buff-item.clickable-buff:active{transform:translateY(0)}.oow-page .floors-section .buff-container{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;max-width:100%}.oow-page .floors-section .buff-item{padding:.5rem;border-radius:.25rem;border:1px solid rgba(156,163,175,.2);background-color:rgba(156,163,175,.05);transition:all .2s ease;min-height:0}.oow-page .floors-section .buff-item:hover{transform:translateY(-1px);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.oow-page .floors-section .buff-item[data-buff-type=top-right]{background-color:rgba(255,171,145,.15);border-color:rgba(255,171,145,.4)}.oow-page .floors-section .buff-item[data-buff-type=top-right] .buff-icon{color:#ffab91}.oow-page .floors-section .buff-item[data-buff-type=right]{background-color:rgba(255,204,128,.15);border-color:rgba(255,204,128,.4)}.oow-page .floors-section .buff-item[data-buff-type=right] .buff-icon{color:#ffcc80}.oow-page .floors-section .buff-item[data-buff-type=bottom-right]{background-color:rgba(255,138,149,.15);border-color:rgba(255,138,149,.4)}.oow-page .floors-section .buff-item[data-buff-type=bottom-right] .buff-icon{color:#ff8a95}.oow-page .floors-section .buff-item[data-buff-type=bottom-left]{background-color:rgba(165,214,167,.15);border-color:rgba(165,214,167,.4)}.oow-page .floors-section .buff-item[data-buff-type=bottom-left] .buff-icon{color:#a5d6a7}.oow-page .floors-section .buff-item[data-buff-type=left]{background-color:rgba(179,157,219,.15);border-color:rgba(179,157,219,.4)}.oow-page .floors-section .buff-item[data-buff-type=left] .buff-icon{color:#b39ddb}.oow-page .floors-section .buff-item[data-buff-type=top-left]{background-color:rgba(129,212,250,.15);border-color:rgba(129,212,250,.4)}.oow-page .floors-section .buff-item[data-buff-type=top-left] .buff-icon{color:#81d4fa}.oow-page .floors-section .buff-item[data-buff-type=default]{background-color:rgba(156,163,175,.15);border-color:rgba(156,163,175,.4)}.oow-page .floors-section .buff-item[data-buff-type=default] .buff-icon{color:#9ca3af}.oow-page .floors-section .buff-content{display:flex;align-items:center;gap:.25rem}.oow-page .floors-section .buff-icon{font-size:.75rem;font-weight:bold;flex-shrink:0}.oow-page .floors-section .buff-name{font-size:.875rem;font-weight:500;color:#1e293b;line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oow-page .floors-section .memo-container .memo-field{position:relative;min-height:40px;width:100%}.oow-page .floors-section .memo-container .memo-field.editing .memo-display{border-color:#4dd0e1;background-color:rgba(77,208,225,.02);box-shadow:0 0 0 2px rgba(77,208,225,.1)}.oow-page .floors-section .memo-container .memo-field.editing .memo-actions{opacity:1;visibility:visible}.oow-page .floors-section .memo-container .memo-field .memo-display{width:100%;min-height:40px;max-height:120px;padding:.5rem;border:2px solid #e2e8f0;border-radius:.375rem;background-color:#fff;color:#1e293b;font-size:.875rem;line-height:1.5;cursor:text;transition:all .2s ease;outline:none;overflow-y:auto;word-wrap:break-word;overflow-wrap:break-word}.oow-page .floors-section .memo-container .memo-field .memo-display:hover{border-color:rgba(77,208,225,.3)}.oow-page .floors-section .memo-container .memo-field .memo-display:focus{border-color:#4dd0e1;background-color:rgba(77,208,225,.02);box-shadow:0 0 0 2px rgba(77,208,225,.1)}.oow-page .floors-section .memo-container .memo-field .memo-display.empty{color:#9ca3af}.oow-page .floors-section .memo-container .memo-field .memo-display.empty:before{content:attr(data-placeholder);position:absolute;pointer-events:none}.oow-page .floors-section .memo-container .memo-field .memo-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;opacity:0;visibility:hidden;transition:all .2s ease}.oow-page .floors-section .memo-container .memo-field .memo-actions .memo-save-btn,.oow-page .floors-section .memo-container .memo-field .memo-actions .memo-clear-btn{background:#fff;border:1px solid #e2e8f0;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.oow-page .floors-section .memo-container .memo-field .memo-actions .memo-save-btn:hover,.oow-page .floors-section .memo-container .memo-field .memo-actions .memo-clear-btn:hover{background-color:rgba(77,208,225,.1);border-color:#4dd0e1;color:#4dd0e1}.oow-page .floors-section .memo-container .memo-field .memo-actions .memo-save-btn.success{background-color:#a5d6a7;border-color:#a5d6a7;color:#fff}.oow-page .floors-section .memo-container .memo-field .memo-actions .memo-clear-btn:hover{background-color:rgba(255,171,145,.1);border-color:#ffab91;color:#ffab91}.oow-page .empty-state{text-align:center;padding:3rem;color:#64748b}.oow-page .empty-state p{font-size:1.125rem;margin-bottom:.5rem}.oow-page .empty-state .empty-subtitle{font-size:.875rem;color:#9ca3af}@media(max-width: 1024px){.oow-page .floors-table{font-size:.875rem;min-width:700px}.oow-page .floors-table thead th,.oow-page .floors-table tbody td{padding:1rem .5rem}.oow-page .floors-table thead th:nth-child(1){width:7%;min-width:50px}.oow-page .floors-table thead th:nth-child(2){width:6%;min-width:45px}.oow-page .floors-table thead th:nth-child(3){width:25%;min-width:160px}.oow-page .floors-table thead th:nth-child(4){width:22%;min-width:180px}.oow-page .floors-table thead th:nth-child(5){width:40%;min-width:200px}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row{flex-wrap:wrap;gap:.25rem}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row>span{font-size:.75rem}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row .buff-filter-combobox .buff-filter-trigger .buff-filter-input{font-size:.7rem;padding:2px .25rem}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row .buff-filter-combobox .buff-filter-trigger .buff-filter-input::placeholder{font-size:.7rem}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row .buff-filter-combobox .buff-filter-trigger .buff-filter-icons{gap:2px;padding-right:4px}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row .buff-filter-combobox .buff-filter-trigger .buff-filter-icons svg{width:10px;height:10px}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row .buff-filter-combobox .buff-filter-trigger .buff-filter-icons .buff-filter-clear-btn{padding:1px}.oow-page .floors-table thead th:nth-child(4) .buff-filter-header .buff-filter-header-row .buff-filter-combobox .buff-filter-trigger .buff-filter-icons .buff-filter-clear-btn svg{width:10px;height:10px}}@media(max-width: 768px){.oow-page{overflow-x:hidden}.oow-page .oow-page-layout{padding:0;margin:0;width:100%;max-width:100%;box-sizing:border-box}.oow-page .oow-main-content{width:100%;max-width:100%;box-sizing:border-box;padding:0}.oow-page .max-w-7xl{padding:0 .5rem;width:100%;max-width:100%;box-sizing:border-box}.oow-page .filters-sidebar{margin-left:0;margin-right:0;padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.oow-page .filters-section{padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.oow-page .filters-section .filters-title{font-size:1rem;margin-bottom:1rem}.oow-page .filters-section .filter-group{margin-bottom:1rem}.oow-page .filters-section .filter-group .filter-label{font-size:.875rem}.oow-page .filters-section .filter-group .filter-input{padding:.5rem;font-size:.875rem;width:100%;max-width:100%;box-sizing:border-box}.oow-page .filters-section .filter-actions .btn{padding:.5rem;font-size:.875rem;width:100%}.oow-page .season-tabs{margin:2rem 0 1.5rem 0;gap:.5rem;width:calc(100% - .5rem);max-width:calc(100% - .5rem);margin-right:.5rem}.oow-page .season-tabs .season-carousel-btn{padding:.25rem}.oow-page .season-tabs .season-carousel-btn svg{width:20px;height:20px}.oow-page .season-tabs .tabs-nav{gap:.25rem;padding:.25rem}.oow-page .season-tabs .tabs-nav .tab-link{padding:.5rem 1rem;font-size:.875rem}.oow-page .floors-section{width:calc(100% - .5rem);max-width:calc(100% - .5rem);margin-right:.5rem;overflow-x:hidden;max-width:100%;padding-left:0;padding-right:0}.oow-page .floors-table{display:block;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;max-width:100%}.oow-page .floors-table thead{display:none}.oow-page .floors-table tbody{width:100%;max-width:100%;box-sizing:border-box}.oow-page .floors-table tbody tr{display:flex;flex-wrap:wrap;margin-bottom:10px;padding:8px;background-color:#fff;border-radius:6px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #e2e8f0;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.oow-page .floors-table tbody tr:nth-child(odd){background-color:hsl(0,0%,97%)}.oow-page .floors-table tbody tr:nth-child(even){background-color:#fff}.oow-page .floors-table tbody td{display:none;border:none;padding:0}.oow-page .floors-table tbody td:before{content:none}.oow-page .floors-table tbody td:nth-child(1),.oow-page .floors-table tbody td:nth-child(2),.oow-page .floors-table tbody td:nth-child(3){display:flex;align-items:center}.oow-page .floors-table tbody td:nth-child(1){width:auto;margin-right:8px}.oow-page .floors-table tbody td:nth-child(1) .floor-cell{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.oow-page .floors-table tbody td:nth-child(1) .floor-cell .floor-number{font-size:15px;font-weight:700;color:#1e293b}.oow-page .floors-table tbody td:nth-child(1) .floor-cell .yuki-badge,.oow-page .floors-table tbody td:nth-child(1) .floor-cell .buki-hakai-badge,.oow-page .floors-table tbody td:nth-child(1) .floor-cell .bogai-badge{font-size:9px;padding:1px 4px}.oow-page .floors-table tbody td:nth-child(2){width:auto;margin-right:8px}.oow-page .floors-table tbody td:nth-child(2) .enemy-level{font-size:13px;color:#64748b;font-weight:500}.oow-page .floors-table tbody td:nth-child(3){width:auto;flex:1;min-width:0}.oow-page .floors-table tbody td:nth-child(3) .tag-container{display:flex;flex-wrap:wrap;gap:3px;max-width:100%}.oow-page .floors-table tbody td:nth-child(3) .tag-container .boss-tag{font-size:11px;padding:2px 6px;font-weight:700}.oow-page .floors-table tbody td:nth-child(4){display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;padding-top:6px;border-top:1px solid hsla(0,0%,100%,.05)}.oow-page .floors-table tbody td:nth-child(4):before{content:none}.oow-page .floors-table tbody td:nth-child(4) .buff-container{display:flex;flex-wrap:wrap;gap:3px;width:100%;max-width:100%;box-sizing:border-box}.oow-page .floors-table tbody td:nth-child(4) .buff-item{padding:3px 5px;font-size:10px}.oow-page .floors-table tbody td:nth-child(4) .buff-item .buff-icon,.oow-page .floors-table tbody td:nth-child(4) .buff-item .buff-name{font-size:10px}.oow-page .floors-table tbody td:nth-child(5){display:block;width:100%;max-width:100%;box-sizing:border-box;margin-top:6px;padding-top:6px;border-top:1px solid hsla(0,0%,100%,.05)}.oow-page .floors-table tbody td:nth-child(5):before{content:"メモ: ";font-size:11px;font-weight:600;color:#64748b;margin-right:4px}.oow-page .floors-table tbody td:nth-child(5) .memo-container{width:100%;max-width:100%;box-sizing:border-box}.oow-page .floors-table tbody td:nth-child(5) .memo-container .memo-field .memo-display{max-height:50px;font-size:11px;line-height:1.4;padding:4px;width:100%;max-width:100%;box-sizing:border-box}.oow-page .floors-table tbody td:nth-child(5) .memo-container .memo-field .memo-input{font-size:12px;padding:4px 6px;width:100%;max-width:100%;box-sizing:border-box}.oow-page .floors-table tbody td:nth-child(5) .memo-container .memo-actions button{font-size:11px;padding:3px 6px}}@media(max-width: 640px){.oow-page .season-tabs .tabs-nav .tab-link{padding:.5rem 1rem;font-size:.875rem}.oow-page .floors-section .section-header{flex-direction:column;gap:.5rem;align-items:flex-start;padding:1rem}.oow-page .floors-section .section-header h2{font-size:1.125rem}.oow-page .floors-table tbody tr{margin-bottom:8px;padding:6px}.oow-page .floors-table tbody td:nth-child(1) .floor-cell .floor-number{font-size:14px}.oow-page .floors-table tbody td:nth-child(2) .enemy-level{font-size:12px}.oow-page .floors-table tbody td:nth-child(3) .tag-container .boss-tag{font-size:10px;padding:2px 5px}.oow-page .floors-table tbody td:nth-child(4){margin-top:4px;padding-top:4px}.oow-page .floors-table tbody td:nth-child(4) .buff-item{padding:2px 4px}.oow-page .floors-table tbody td:nth-child(4) .buff-item .buff-icon,.oow-page .floors-table tbody td:nth-child(4) .buff-item .buff-name{font-size:9px}.oow-page .floors-table tbody td:nth-child(5){margin-top:4px;padding-top:4px}.oow-page .floors-table tbody td:nth-child(5):before{font-size:10px}}.boss-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.boss-popup .boss-popup-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);max-width:600px;width:90%;max-height:80vh;overflow:hidden}.boss-popup .boss-popup-content .boss-popup-header{background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.boss-popup .boss-popup-content .boss-popup-header h3{margin:0;font-size:1.125rem;font-weight:600}.boss-popup .boss-popup-content .boss-popup-header .boss-popup-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.boss-popup .boss-popup-content .boss-popup-header .boss-popup-close:hover{background-color:hsla(0,0%,100%,.2)}.boss-popup .boss-popup-content .boss-popup-body{padding:2rem;max-height:60vh;overflow-y:auto}.boss-popup .boss-popup-content .boss-popup-body .loading,.boss-popup .boss-popup-content .boss-popup-body .error{text-align:center;padding:2rem;color:#64748b}.boss-popup .boss-popup-content .boss-popup-body .error{color:#ffab91}.boss-popup .boss-popup-content .boss-popup-body .boss-buffs-list .boss-buff-item{margin-bottom:1.5rem;padding:1rem;background-color:hsl(0,0%,97%);border-radius:.375rem;border-left:4px solid #4dd0e1}.boss-popup .boss-popup-content .boss-popup-body .boss-buffs-list .boss-buff-item:last-child{margin-bottom:0}.boss-popup .boss-popup-content .boss-popup-body .boss-buffs-list .boss-buff-item .boss-buff-header{display:flex;align-items:center;margin-bottom:.5rem}.boss-popup .boss-popup-content .boss-popup-body .boss-buffs-list .boss-buff-item .boss-buff-header .boss-buff-level{background-color:#4dd0e1;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-right:.5rem}.boss-popup .boss-popup-content .boss-popup-body .boss-buffs-list .boss-buff-item .boss-buff-header .boss-buff-title{font-weight:600;color:#1e293b;font-size:.875rem}.boss-popup .boss-popup-content .boss-popup-body .boss-buffs-list .boss-buff-item .boss-buff-details{color:#64748b;font-size:.875rem;line-height:1.5}.buff-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.buff-popup .buff-popup-content{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);max-width:500px;width:90%;max-height:80vh;overflow:hidden}.buff-popup .buff-popup-content .buff-popup-header{background:linear-gradient(135deg, #a5d6a7 0%, rgb(138.9618320611, 202.1381679389, 141.5404580153) 100%);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.buff-popup .buff-popup-content .buff-popup-header h3{margin:0;font-size:1.125rem;font-weight:600}.buff-popup .buff-popup-content .buff-popup-header .buff-popup-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.buff-popup .buff-popup-content .buff-popup-header .buff-popup-close:hover{background-color:hsla(0,0%,100%,.2)}.buff-popup .buff-popup-content .buff-popup-body{padding:2rem;max-height:60vh;overflow-y:auto}.buff-popup .buff-popup-content .buff-popup-body .loading,.buff-popup .buff-popup-content .buff-popup-body .error{text-align:center;padding:2rem;color:#64748b}.buff-popup .buff-popup-content .buff-popup-body .error{color:#ffab91}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;margin-right:.5rem}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-左,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-左,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-左{background-color:rgba(179,157,219,.1);color:#b39ddb;border:1px solid rgba(179,157,219,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-右,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-右,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-右{background-color:rgba(255,204,128,.1);color:#ffcc80;border:1px solid rgba(255,204,128,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-上,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-上,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-上{background-color:rgba(255,171,145,.1);color:#ffab91;border:1px solid rgba(255,171,145,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-下,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-下,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-下{background-color:rgba(255,138,149,.1);color:#ff8a95;border:1px solid rgba(255,138,149,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-中央,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-中央,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-中央{background-color:rgba(156,163,175,.1);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-左上,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-左上,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-左上{background-color:rgba(129,212,250,.1);color:#81d4fa;border:1px solid rgba(129,212,250,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-右上,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-右上,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-右上{background-color:rgba(255,171,145,.1);color:#ffab91;border:1px solid rgba(255,171,145,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-左下,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-左下,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-左下{background-color:rgba(165,214,167,.1);color:#a5d6a7;border:1px solid rgba(165,214,167,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .position-badge.position-右下,.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge.position-右下,.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge.position-右下{background-color:rgba(255,138,149,.1);color:#ff8a95;border:1px solid rgba(255,138,149,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .stage-effect-badge{background-color:rgba(77,208,225,.1);color:#4dd0e1;border:1px solid rgba(77,208,225,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .level-badge{background-color:rgba(255,204,128,.1);color:#ffcc80;border:1px solid rgba(255,204,128,.3)}.buff-popup .buff-popup-content .buff-popup-body .buff-info .buff-info-item{margin-bottom:1.5rem}.buff-popup .buff-popup-content .buff-popup-body .buff-info .buff-info-item:last-child{margin-bottom:0}.buff-popup .buff-popup-content .buff-popup-body .buff-info .buff-info-item .buff-info-label{font-weight:600;color:#1e293b;margin-bottom:.25rem;font-size:.875rem}.buff-popup .buff-popup-content .buff-popup-body .buff-info .buff-info-item .buff-info-value{color:#64748b;line-height:1.6;background-color:hsl(0,0%,97%);padding:1rem;border-radius:.375rem;border-left:4px solid #a5d6a7}.time-attack-container{padding-bottom:4rem;margin-bottom:2rem}.time-attack-form{background:#f8fafc;border-radius:16px;padding:2.5rem;margin:2rem auto;max-width:1200px;box-shadow:0 10px 25px rgba(0,0,0,.1);border:2px solid #e2e8f0}.time-attack-form .form-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.time-attack-form .form-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.time-attack-form .form-header .form-description{color:var(--text-secondary);font-size:1rem;margin:0}.time-attack-form .form-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid #e2e8f0;box-shadow:0 4px 6px rgba(0,0,0,.05)}.time-attack-form .form-section .section-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.time-attack-form .form-section .section-title::before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.time-attack-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width: 768px){.time-attack-form .form-row{grid-template-columns:1fr;gap:1rem}}.time-attack-form .form-row-three{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;align-items:start}@media(max-width: 1024px){.time-attack-form .form-row-three{grid-template-columns:1fr 1fr;gap:1.5rem}}@media(max-width: 768px){.time-attack-form .form-row-three{grid-template-columns:1fr;gap:1rem}}.time-attack-form .form-group{display:flex;flex-direction:column;height:120px;justify-content:flex-end;align-items:flex-start}.time-attack-form .form-group .form-label{color:var(--text-primary);font-weight:600;margin-bottom:.75rem;font-size:1rem;display:flex;align-items:center;gap:.5rem;min-height:2rem;height:2rem}.time-attack-form .form-group .form-label .label-icon{font-size:1.1rem}.time-attack-form .form-group .form-hint{color:var(--text-muted);font-size:.85rem;margin-top:.5rem;font-style:italic}.time-attack-form .form-group .form-input{padding:1rem;border:2px solid #d1d5db;border-radius:10px;background:#fff;color:#1e293b;font-size:1rem;transition:all .3s ease;font-weight:500;min-height:3rem;height:3rem}.time-attack-form .form-group .form-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-1px)}.time-attack-form .form-group .form-input::placeholder{color:#9ca3af;font-weight:400}.time-attack-form .form-group .form-textarea{padding:1rem;border:2px solid #d1d5db;border-radius:10px;background:#fff;color:#1e293b;font-size:1rem;min-height:120px;resize:vertical;transition:all .3s ease;font-family:inherit;width:100%}.time-attack-form .form-group .form-textarea:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:translateY(-1px)}.time-attack-form .form-group .form-textarea::placeholder{color:#9ca3af}.time-attack-form .input-with-unit{position:relative;display:flex;align-items:center}.time-attack-form .input-with-unit .form-input{padding-right:3rem}.time-attack-form .input-with-unit .input-unit{position:absolute;right:1rem;color:var(--text-secondary);font-weight:600;font-size:.9rem;pointer-events:none}.time-attack-form .time-select-group{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin:0;min-height:3rem;height:3rem}.time-attack-form .time-select-group .time-select{min-width:100px;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;text-align:center;border:2px solid #d1d5db;border-radius:12px;background:#fff;color:#1e293b;transition:all .3s ease;cursor:pointer}.time-attack-form .time-select-group .time-select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 4px rgba(99,102,241,.1);transform:scale(1.05)}.time-attack-form .time-select-group .time-select option{background:#fff;color:#1e293b;padding:.5rem;font-weight:500}.time-attack-form .time-select-group .time-separator{color:#1e293b;font-weight:700;font-size:1.5rem;margin:0 .5rem}.time-attack-form .time-input-card{background:#fff;border:2px solid #d1d5db;border-radius:16px;padding:1.5rem;min-width:250px;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.05)}.time-attack-form .time-input-card:hover{border-color:#4dd0e1;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.time-attack-form .time-input-card .form-hint{color:#9ca3af;font-size:.85rem;margin-top:.5rem;font-style:italic;text-align:center}.time-attack-form .time-input-card .time-input-header{text-align:center;margin-bottom:1rem}.time-attack-form .time-input-card .time-input-header .time-input-icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.time-attack-form .time-input-card .time-input-header h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.time-attack-form .time-input-card .time-input-group{display:flex;align-items:center;justify-content:center;gap:.75rem}.time-attack-form .time-input-card .time-input-group .time-input-field{display:flex;align-items:center}.time-attack-form .time-input-card .time-input-group .time-input-field .time-input{width:60px;height:50px;text-align:center;font-size:1.25rem;font-weight:700;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#1e293b;transition:all .3s ease}.time-attack-form .time-input-card .time-input-group .time-input-field .time-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(99,102,241,.1);transform:scale(1.05)}.time-attack-form .time-input-card .time-input-group .time-input-field .time-input::placeholder{color:#9ca3af;font-weight:500;font-size:1rem}.time-attack-form .time-input-card .time-input-group .time-separator{color:var(--text-primary);font-weight:700;font-size:1.5rem;margin:0 .5rem}.time-attack-form .time-arrow{display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;font-weight:bold}@media(min-width: 768px){.time-attack-form .time-arrow{transform:rotate(90deg)}}.time-attack-form .record-time-memo-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;margin:2rem 0}@media(max-width: 768px){.time-attack-form .record-time-memo-grid{grid-template-columns:1fr;gap:1.5rem}}.time-attack-form .record-time-display{background:linear-gradient(135deg, #4dd0e1, rgb(51.1557692308, 201.1759615385, 220.6442307692));border-radius:16px;padding:2rem;padding-bottom:3rem;text-align:center;color:#fff;box-shadow:0 8px 25px rgba(99,102,241,.3)}.time-attack-form .record-time-display .record-time-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.time-attack-form .record-time-display .record-time-header .record-time-icon{font-size:1.5rem}.time-attack-form .record-time-display .record-time-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.time-attack-form .record-time-display .record-time-value{font-size:2.5rem;font-weight:800;margin-bottom:1rem;font-family:"Courier New",monospace;text-shadow:0 2px 4px rgba(0,0,0,.3)}.time-attack-form .record-time-display .record-time-value.valid{color:#fff}.time-attack-form .record-time-display .record-time-value.invalid{color:#f87171}.time-attack-form .record-time-display .record-time-description{color:hsla(0,0%,100%,.9);font-size:.9rem;line-height:1.4}.time-attack-form .record-time-display .record-time-description small{color:hsla(0,0%,100%,.8);font-size:.8rem}.time-attack-form .memo-section{display:flex;flex-direction:column;height:100%;flex:1}.time-attack-form .memo-section .section-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.time-attack-form .memo-section .section-title::before{content:"";width:4px;height:20px;background:var(--primary-color);border-radius:2px}.time-attack-form .memo-section .form-group{flex:1;display:flex;flex-direction:column;margin-bottom:1rem}.time-attack-form .memo-section .form-group .form-textarea{flex:1;min-height:200px;max-height:300px}.time-attack-form .form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}@media(max-width: 768px){.time-attack-form .form-actions{flex-direction:column}}.time-attack-form .form-actions .btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border-radius:12px;transition:all .3s ease;border:2px solid rgba(0,0,0,0)}.time-attack-form .form-actions .btn-large .btn-icon{font-size:1.2rem}.time-attack-form .form-actions .btn-large:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.time-attack-form .form-actions .btn-large.btn-primary{background:#4dd0e1;color:#fff;border-color:#4dd0e1}.time-attack-form .form-actions .btn-large.btn-primary:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);border-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.time-attack-form .form-actions .btn-large.btn-outline{background:rgba(0,0,0,0);color:#4dd0e1;border-color:#4dd0e1}.time-attack-form .form-actions .btn-large.btn-outline:hover{background:#4dd0e1;color:#fff}.time-attack-records{max-width:1200px;margin:0 auto;padding:0 1rem}.time-attack-records h2{color:#1e293b;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.time-attack-records .records-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.1);border:2px solid #e2e8f0}.time-attack-records .records-table table{width:100%;border-collapse:collapse}.time-attack-records .records-table table th,.time-attack-records .records-table table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.time-attack-records .records-table table th{background:#f8fafc;color:#64748b;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.time-attack-records .records-table table td{color:#1e293b;vertical-align:middle}.time-attack-records .records-table table td.record-time-cell{font-family:"Courier New",monospace;font-weight:600;color:#1e293b;font-size:1.1rem}.time-attack-records .records-table table td.notes-cell{max-width:200px;position:relative}.time-attack-records .records-table table td.notes-cell .notes-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help;position:relative}.time-attack-records .records-table table td.notes-cell .notes-text::after{content:attr(data-tooltip);position:fixed;top:auto;bottom:auto;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.95);color:#fff;padding:10px 14px;border-radius:8px;font-size:.85rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;max-width:350px;min-width:250px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;box-shadow:0 6px 20px rgba(0,0,0,.4);pointer-events:none;border:1px solid hsla(0,0%,100%,.1)}.time-attack-records .records-table table td.notes-cell .notes-text::before{content:"";position:fixed;top:auto;bottom:auto;left:50%;transform:translateX(-50%) translateY(-100%);border:6px solid rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,.95);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.time-attack-records .records-table table tr:hover{background:#f8fafc}@media(max-width: 768px){.time-attack-records .records-table table{font-size:.9rem}.time-attack-records .records-table table th,.time-attack-records .records-table table td{padding:.75rem .5rem}.time-attack-records .records-table table th:nth-child(3),.time-attack-records .records-table table th:nth-child(4),.time-attack-records .records-table table th:nth-child(6),.time-attack-records .records-table table td:nth-child(3),.time-attack-records .records-table table td:nth-child(4),.time-attack-records .records-table table td:nth-child(6){display:none}}.time-attack-records .no-records{background:#fff;border-radius:12px;padding:3rem;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.1);border:2px solid #e2e8f0}.time-attack-records .no-records p{color:#9ca3af;font-size:1.1rem}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;max-width:1200px;margin-left:auto;margin-right:auto}.alert.alert-success{background:rgba(16,185,129,.1);color:#10b981;border:2px solid rgba(16,185,129,.2)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block;text-align:center;transition:all .2s ease;border:2px solid rgba(0,0,0,0);cursor:pointer;font-size:1rem}.btn.btn-primary{background:#4dd0e1;color:#fff;border-color:#4dd0e1}.btn.btn-primary:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692);border-color:rgb(51.1557692308,201.1759615385,220.6442307692)}.btn.btn-outline{background:rgba(0,0,0,0);color:#64748b;border-color:#d1d5db}.btn.btn-outline:hover{background:#f8fafc;color:#1e293b}.btn.btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.btn.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn.btn-sm{padding:.5rem 1rem;font-size:.9rem}.formation-selector{min-height:calc(100vh - 200px)}.formation-selector .team-selection .team-options{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2rem;max-width:1000px;margin:0 auto}.formation-selector .team-selection .team-option .team-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s ease;border:2px solid rgba(0,0,0,0);position:relative;overflow:hidden}.formation-selector .team-selection .team-option .team-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1);border-color:#4dd0e1}.formation-selector .team-selection .team-option .team-card .team-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.formation-selector .team-selection .team-option .team-card .team-icon .team-members{display:flex;flex-direction:column;gap:.5rem}.formation-selector .team-selection .team-option .team-card .team-icon .team-members .member-row{display:flex;gap:.5rem}.formation-selector .team-selection .team-option .team-card .team-icon .team-members .member-slot{width:40px;height:40px;background:linear-gradient(135deg, #4dd0e1, #81d4fa);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.formation-selector .team-selection .team-option .team-card .team-info{text-align:center;margin-bottom:2rem}.formation-selector .team-selection .team-option .team-card .team-info .team-title{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.formation-selector .team-selection .team-option .team-card .team-info .team-description{color:#64748b;margin-bottom:1rem;line-height:1.6}.formation-selector .team-selection .team-option .team-card .team-info .team-features{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.formation-selector .team-selection .team-option .team-card .team-info .team-features .feature-tag{background:#f0fdff;color:#1e293b;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.formation-selector .team-selection .team-option .team-card .team-link{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#4dd0e1;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.formation-selector .team-selection .team-option .team-card .team-link:hover{background:#81d4fa;transform:translateY(-1px)}.formation-selector .team-selection .team-option .team-card .team-link .arrow-icon{transition:transform .3s ease}.formation-selector .team-selection .team-option .team-card .team-link:hover .arrow-icon{transform:translateX(4px)}@media(max-width: 768px){.formation-selector .team-selection .team-options{grid-template-columns:1fr;gap:1.5rem}}.formation-builder{min-height:calc(100vh - 200px);padding-bottom:4rem}.formation-builder .max-w-7xl{max-width:1600px;margin:0 auto;padding:0 2rem}@media(max-width: 768px){.formation-builder .max-w-7xl{padding:0 1rem}}.formation-builder .formation-tabs{margin-bottom:.5rem}.formation-builder .formation-tabs .tab-navigation{display:flex;background:#f0fdff;border-radius:12px;padding:.5rem;border:1px solid #e2e8f0;max-width:400px;margin:0 auto}.formation-builder .formation-tabs .tab-navigation .tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;background:rgba(0,0,0,0);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#64748b}.formation-builder .formation-tabs .tab-navigation .tab-button.active{background:#4dd0e1;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.formation-builder .formation-tabs .tab-navigation .tab-button:hover:not(.active){background:#fff;color:#1e293b}.formation-builder .formation-tabs .tab-navigation .tab-button .tab-icon{font-size:1.2rem}.formation-builder .formation-tabs .tab-navigation .tab-button .tab-text{font-size:.9rem}.formation-builder .tab-content{display:none}.formation-builder .tab-content.active{display:block}.formation-builder .formation-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.formation-builder .formation-actions .btn{padding:.5rem 1rem;border-radius:6px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;font-size:.875rem}.formation-builder .formation-actions .btn.btn-secondary{background:#f0fdff;color:#1e293b;border:1px solid #e2e8f0}.formation-builder .formation-actions .btn.btn-secondary:hover{background:#4dd0e1}.formation-builder .formation-actions .btn.btn-primary{background:#4dd0e1;color:#fff}.formation-builder .formation-actions .btn.btn-primary:hover{background:#81d4fa}.formation-builder .formation-actions .btn.btn-outline{background:rgba(0,0,0,0);color:#1e293b;border:2px solid #4dd0e1}.formation-builder .formation-actions .btn.btn-outline:hover{background:#4dd0e1;color:#fff;transform:translateY(-1px)}.formation-builder .formation-grid{display:grid;gap:1rem}.formation-builder .formation-grid.team-4-grid{grid-template-columns:repeat(4, 280px);justify-content:center}.formation-builder .formation-grid.team-8-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.formation-builder .formation-grid.team-8-grid .member-row{display:grid;grid-template-columns:repeat(4, 280px);gap:1rem;justify-content:center}@media(max-width: 1600px){.formation-builder .max-w-7xl{max-width:1400px}}@media(max-width: 1200px){.formation-builder .formation-grid.team-4-grid{grid-template-columns:repeat(3, 280px)}.formation-builder .formation-grid.team-8-grid{margin-bottom:2rem}.formation-builder .formation-grid.team-8-grid .member-row{grid-template-columns:repeat(3, 280px)}}@media(max-width: 900px){.formation-builder .formation-grid.team-4-grid{grid-template-columns:repeat(2, 280px)}.formation-builder .formation-grid.team-8-grid{margin-bottom:2rem}.formation-builder .formation-grid.team-8-grid .member-row{grid-template-columns:repeat(2, 280px)}}@media(max-width: 768px){.formation-builder .formation-grid.team-4-grid{grid-template-columns:280px;justify-content:center}.formation-builder .formation-grid.team-8-grid{margin-bottom:2rem}.formation-builder .formation-grid.team-8-grid .member-row{grid-template-columns:280px;justify-content:center}}.member-card{min-width:0;overflow:hidden;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.member-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-2px)}.member-card .member-header{background:#f0fdff;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.member-card .member-header .member-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.member-card .member-header .member-title-input{font-size:1.1rem;font-weight:600;color:#1e293b;background:rgba(0,0,0,0);border:none;outline:none;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease;min-width:120px;max-width:200px;cursor:text}.member-card .member-header .member-title-input:focus{background:#fff;border:1px solid #4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.1)}.member-card .member-header .member-title-input:hover:not(:focus){background:rgba(77,208,225,.05)}.member-card .member-header .member-title-input::placeholder{color:#64748b;font-weight:400}.member-card .member-header .member-actions{display:flex;gap:.5rem}.member-card .member-header .member-actions .btn-icon{width:32px;height:32px;border:none;background:rgba(0,0,0,0);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#64748b}.member-card .member-header .member-actions .btn-icon:hover{background:#4dd0e1;color:#1e293b}.member-card .member-header .member-actions .btn-icon .icon{font-size:1rem}.member-card .member-header .member-actions .btn-icon i{font-size:1.25rem}.member-card .member-content{padding:.75rem}.member-card .member-content .equipment-section{margin-bottom:.75rem;display:flex;align-items:flex-start;gap:.75rem}.member-card .member-content .equipment-section:last-child{margin-bottom:0}.member-card .member-content .equipment-section .section-header{flex-shrink:0;width:32px;display:flex;align-items:center;justify-content:center}.member-card .member-content .equipment-section .section-header .section-title{width:32px;height:60px;border:2px solid #e2e8f0;border-radius:6px;background:#f0fdff;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;color:#1e293b;margin:0;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.3px;line-height:1}.member-card .member-content .equipment-section .equipment-slots{display:flex;gap:.5rem;min-width:0}.member-card .member-content .equipment-section .equipment-slots.weapon-slots{flex-direction:column;gap:.5rem;width:190px}.member-card .member-content .equipment-section .equipment-slots.weapon-slots .weapon-row{display:flex;gap:.5rem}.member-card .member-content .equipment-section .equipment-slots.potion-slots{flex-direction:column;gap:.5rem;width:190px}.member-card .member-content .equipment-section .equipment-slots.potion-slots .potion-row{display:flex;gap:.5rem}.member-card .member-content .equipment-section .equipment-slots.relic-slots{flex-direction:row;gap:.5rem;width:130px}.member-card .member-content .equipment-section .equipment-slots:not(.weapon-slots):not(.potion-slots):not(.relic-slots){width:60px}.member-card .member-content .equipment-section.potion-section .section-header .section-title{height:130px}.member-card .member-content .equipment-slot{width:60px;height:60px;border:2px dashed #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;background:#fff;overflow:visible}.member-card .member-content .equipment-slot:hover{border-color:#4dd0e1;background:rgba(77,208,225,.1)}.member-card .member-content .equipment-slot .remove-slot-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border:none;border-radius:50%;background:#ffab91;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2);padding:0;line-height:1;opacity:0;pointer-events:none}.member-card .member-content .equipment-slot .remove-slot-btn:hover{background:rgb(255,140.4545454545,105);transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.member-card .member-content .equipment-slot .remove-slot-btn:active{transform:scale(0.95)}.member-card .member-content .equipment-slot:hover .remove-slot-btn{opacity:1;pointer-events:auto}.member-card .member-content .equipment-slot.weapon-slot{border-color:#ff8a95}.member-card .member-content .equipment-slot.weapon-slot:hover{border-color:#ffcc80;background:rgba(255,138,149,.1)}.member-card .member-content .equipment-slot.weapon-slot.empty{border-color:#e2e8f0;background:#f0fdff;opacity:.6}.member-card .member-content .equipment-slot.weapon-slot.empty:hover{border-color:#e2e8f0;background:#f0fdff}.member-card .member-content .equipment-slot.potion-slot{border-color:#a5d6a7}.member-card .member-content .equipment-slot.potion-slot:hover{border-color:#a5d6a7;background:rgba(165,214,167,.1)}.member-card .member-content .equipment-slot.potion-slot.empty{border-color:#e2e8f0;background:#f0fdff;opacity:.6}.member-card .member-content .equipment-slot.potion-slot.empty:hover{border-color:#e2e8f0;background:#f0fdff}.member-card .member-content .equipment-slot.potion-slot.empty .potion-set-count{display:none}.member-card .member-content .equipment-slot.potion-slot .potion-set-count{position:absolute;bottom:-8px;right:-8px;z-index:10}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-trigger{width:24px;height:24px;border:none;border-radius:50%;background:#a5d6a7;color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.2)}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-trigger:hover{background:rgb(138.9618320611,202.1381679389,141.5404580153);transform:scale(1.1);box-shadow:0 3px 6px rgba(0,0,0,.3)}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-trigger .set-count-text{font-size:.7rem;line-height:1}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-dropdown{position:absolute;bottom:28px;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:60px;z-index:20;overflow:hidden}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-dropdown .set-count-option{width:100%;padding:6px 10px;border:none;background:rgba(0,0,0,0);color:#1e293b;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-dropdown .set-count-option:hover{background:#a5d6a7;color:#fff}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-dropdown .set-count-option:first-child{border-radius:6px 6px 0 0}.member-card .member-content .equipment-slot.potion-slot .potion-set-count .set-count-dropdown .set-count-option:last-child{border-radius:0 0 6px 6px}.member-card .member-content .equipment-slot.trait-slot{border-color:#81d4fa}.member-card .member-content .equipment-slot.trait-slot:hover{border-color:#81d4fa;background:rgba(129,212,250,.1)}.member-card .member-content .equipment-slot.trait-slot.empty{border-color:#e2e8f0;background:#f0fdff;opacity:.6}.member-card .member-content .equipment-slot.trait-slot.empty:hover{border-color:#e2e8f0;background:#f0fdff}.member-card .member-content .equipment-slot.relic-slot{border-color:#ffcc80}.member-card .member-content .equipment-slot.relic-slot:hover{border-color:#ffcc80;background:rgba(255,204,128,.1)}.member-card .member-content .equipment-slot.relic-slot.empty{border-color:#e2e8f0;background:#f0fdff;opacity:.6}.member-card .member-content .equipment-slot.relic-slot.empty:hover{border-color:#e2e8f0;background:#f0fdff}.member-card .member-content .equipment-slot .slot-content{display:flex;align-items:center;justify-content:center;padding:.1rem;height:100%;width:100%}.member-card .member-content .equipment-slot .slot-content .slot-image{width:100%;height:100%;object-fit:cover;border-radius:6px}.member-card .member-content .equipment-slot .slot-label{font-size:.6rem;color:#1e293b;text-align:center;line-height:1.2;word-break:break-all}.member-card .member-content .equipment-slot .slot-icon{font-size:1.2rem}.member-card .member-content .equipment-slot.weapon-slot .slot-content,.member-card .member-content .equipment-slot.potion-slot .slot-content{padding:.05rem;overflow:hidden}.member-card .member-content .equipment-slot.weapon-slot .slot-content .slot-image,.member-card .member-content .equipment-slot.potion-slot .slot-content .slot-image{border-radius:4px;transform:scale(1.4);transform-origin:center;transition:transform .3s ease}.member-card .member-content .equipment-slot.trait-slot .slot-content{padding:.1rem;overflow:hidden}.member-card .member-content .equipment-slot.trait-slot .slot-content .slot-image{border-radius:6px;transform:scale(1.2);transform-origin:center;transition:transform .3s ease}.member-card .member-content .equipment-slot.relic-slot .slot-content{padding:.1rem;overflow:hidden}.member-card .member-content .equipment-slot.relic-slot .slot-content .slot-image{border-radius:6px;transform:scale(1.2);transform-origin:center;transition:transform .3s ease}.member-card .member-content .equipment-slot.equipped{border-style:solid;background:#f0fdff}.member-card .member-content .equipment-slot.equipped .slot-content{overflow:hidden}.member-card .member-content .equipment-slot.equipped .slot-content .slot-icon{font-size:1.5rem}.member-card .member-content .equipment-slot.equipped .slot-content .slot-label{color:#1e293b;font-weight:600}.member-card .member-content .equipment-slot.equipped .slot-content .slot-image{width:100%;height:100%;object-fit:cover;transform:scale(1.4);transform-origin:center;transition:transform .3s ease}.member-card .member-content .equipment-slot.equipped.trait-slot .slot-content .slot-image{transform:scale(1.2)}.member-card .member-content .equipment-slot.equipped.relic-slot .slot-content .slot-image{transform:scale(1.2)}.member-card .member-content .description-section .description-input{width:100%;min-height:80px;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-family:inherit;font-size:.9rem;line-height:1.5;cursor:text;resize:vertical;transition:all .3s ease}.member-card .member-content .description-section .description-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.member-card .member-content .description-section .description-input::placeholder{color:#64748b}@media(max-width: 768px){.member-card .member-content{padding:1rem}.member-card .member-content .equipment-section .equipment-slots .equipment-slot{width:50px;height:50px}.member-card .member-content .equipment-section .equipment-slots .equipment-slot .slot-content .slot-icon{font-size:1rem}.member-card .member-content .equipment-section .equipment-slots .equipment-slot .slot-content .slot-label{font-size:.6rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center}.modal .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal .modal-content .modal-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.modal .modal-content .modal-header .modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal .modal-content .modal-header .modal-close:hover{background:#f0fdff;color:#1e293b}.modal .modal-content .modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal .modal-content .modal-body .search-box{margin-bottom:1.5rem}.modal .modal-content .modal-body .search-box .search-input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:1rem;transition:all .2s ease}.modal .modal-content .modal-body .search-box .search-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.modal .modal-content .modal-body .search-box .search-input::placeholder{color:#64748b}.modal .modal-content .modal-body .weapon-filters{margin-bottom:1.5rem;padding:1rem;background:#f0fdff;border-radius:8px;border:1px solid #e2e8f0}.modal .modal-content .modal-body .weapon-filters .filter-group{margin-bottom:0;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.modal .modal-content .modal-body .weapon-filters .filter-group:last-child{margin-bottom:0}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(77,208,225,.3)}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn[data-target=強攻].active{background-color:rgba(255,68,68,.9);border-color:#f44}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn[data-target=剛毅].active{background-color:rgba(68,136,255,.9);border-color:#48f}.modal .modal-content .modal-body .weapon-filters .filter-group .weapon-type-buttons .weapon-type-btn[data-target=恩恵].active{background-color:rgba(34,197,94,.9);border-color:#22c55e}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons .element-btn{padding:.375rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons .element-btn:hover{background-color:#f0fdff;color:#1e293b;border-color:#4dd0e1;transform:translateY(-1px)}.modal .modal-content .modal-body .weapon-filters .filter-group .element-buttons .element-btn.active{background-color:#4dd0e1;color:#fff;border-color:#4dd0e1;box-shadow:0 2px 4px rgba(77,208,225,.3)}.modal .modal-content .modal-body .item-grid{display:grid;gap:1rem}.modal .modal-content .modal-body .item-grid.weapon-grid{grid-template-columns:repeat(auto-fill, minmax(120px, 1fr))}.modal .modal-content .modal-body .item-grid.potion-grid,.modal .modal-content .modal-body .item-grid.trait-grid{grid-template-columns:1fr}.modal .modal-content .modal-body .item-grid .item-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease}.modal .modal-content .modal-body .item-grid .item-card:hover{border-color:#4dd0e1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.modal .modal-content .modal-body .item-grid .item-card.weapon-card{text-align:center}.modal .modal-content .modal-body .item-grid .item-card.weapon-card .item-image{width:60px;height:60px;object-fit:cover;border-radius:6px;margin:0 auto .5rem;display:block;transform:scale(1.4);transform-origin:center}.modal .modal-content .modal-body .item-grid .item-card.weapon-card .item-name{font-size:.875rem;font-weight:500;color:#1e293b;margin:0;line-height:1.2}.modal .modal-content .modal-body .item-grid .item-card.weapon-card .item-rarity{font-size:.75rem;color:#64748b;margin-top:.25rem}.modal .modal-content .modal-body .item-grid .item-card.potion-card,.modal .modal-content .modal-body .item-grid .item-card.trait-card{display:flex;align-items:flex-start;gap:1rem}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-image-container{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100px;min-width:100px}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container .item-image,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-image-container .item-image{width:60px;height:60px;object-fit:cover;border-radius:6px}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container .item-image{transform:scale(1.4);transform-origin:center}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-image-container .item-name,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-image-container .item-name{font-size:.75rem;font-weight:500;color:#1e293b;background:#f0fdff;border:1px solid #e2e8f0;border-radius:12px;padding:.25rem .5rem;margin:0;line-height:1.2;text-align:center;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:90px;min-height:1.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content{flex:1;min-width:0}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .item-description,.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-description,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .item-description,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-description{font-size:.75rem;color:#64748b;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;margin:0 0 .5rem 0}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag{display:inline-block;font-size:.6rem;font-weight:600;padding:.15rem .3rem;border-radius:8px;margin-right:.5rem;margin-bottom:.25rem}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag.effect-2set,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag.effect-2set{background:linear-gradient(135deg, #4ade80, #22c55e);color:#fff}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag.effect-3set,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag.effect-3set{background:linear-gradient(135deg, #8b5cf6, #7c3aed);color:#fff}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .effect-tag.effect-4set,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .effect-tag.effect-4set{background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff}.modal .modal-content .modal-body .item-grid .item-card.potion-card .item-content .item-rarity,.modal .modal-content .modal-body .item-grid .item-card.trait-card .item-content .item-rarity{font-size:.75rem;color:#64748b;margin-top:.5rem}.history-container{padding:3rem 2rem;max-width:75rem;margin:0 auto}.history-header{margin-bottom:2rem}.history-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.history-header p{color:#64748b;font-size:1rem}.history-actions{margin-bottom:2rem}.history-actions .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;text-decoration:none;transition:all .2s ease}.history-actions .btn.btn-primary{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:#fff;border:none}.history-actions .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.history-loading{text-align:center;padding:3rem 0}.history-loading .spinner{display:inline-block;width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.history-loading p{margin-top:1rem;color:#64748b;font-size:1.125rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.history-list{display:flex;flex-direction:column;gap:2rem}.history-item{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);overflow:hidden;transition:all .3s ease;border:1px solid #e5e7eb;margin-bottom:2rem}.history-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.history-item:last-child{margin-bottom:0}.history-item-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;padding:1.25rem 1.5rem;position:relative}.history-item-header h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem 0}.history-item-header .history-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;opacity:.9}.history-item-header .team-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3)}.history-item-header .source-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.history-item-header .source-badge.source-db{background:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);color:#fff;border:1px solid rgba(59,130,246,.3)}.history-item-header .source-badge.source-local{background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);color:#fff;border:1px solid rgba(245,158,11,.3)}.history-item-header .history-actions{position:absolute;top:1.25rem;right:1.5rem;display:flex;gap:.375rem;margin:0}.history-item-header .history-actions .btn{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);color:#fff;backdrop-filter:blur(8px);transition:all .2s ease;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:.375rem;min-width:auto;cursor:pointer}.history-item-header .history-actions .btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.history-item-header .history-actions .btn.btn-delete{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4)}.history-item-header .history-actions .btn.btn-delete:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5)}.history-content{padding:1.5rem}.formation-preview{display:grid;gap:1rem;margin-top:1rem}.formation-preview.team-4{grid-template-columns:repeat(4, 1fr)}.formation-preview.team-8{grid-template-columns:repeat(4, 1fr)}.member-card-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.625rem;padding:.875rem;transition:all .2s ease}.member-card-preview:hover{border-color:#3b82f6;background:#f0f9ff}.member-card-preview .member-header-preview{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.member-card-preview .member-name-preview{font-weight:600;color:#1e293b;font-size:.875rem}.member-card-preview .member-description-preview{font-size:.75rem;color:#64748b;margin-top:.5rem;line-height:1.4}.equipment-grid-preview{display:grid;gap:.5rem}.equipment-row-preview{display:flex;gap:.5rem}.equipment-slot-preview{width:3.75rem;height:3.75rem;border:2px solid #cbd5e1;border-radius:.5rem;background:#f1f5f9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.equipment-slot-preview.equipped{border-color:#3b82f6;background:#dbeafe}.equipment-slot-preview img{width:100%;height:100%;object-fit:cover;border-radius:.25rem}.equipment-slot-preview:not(.trait-slot):not(.relic-slot) img{transform:scale(1.4);transform-origin:center}.equipment-slot-preview.trait-slot img,.equipment-slot-preview.relic-slot img{transform:scale(1.2);transform-origin:center}.equipment-slot-preview .multiplier-badge-preview{position:absolute;top:-4px;right:-4px;background:#f59e0b;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .25rem;border-radius:.25rem;border:1px solid #fff;min-width:1rem;text-align:center;z-index:2}.equipment-slot-preview .set-count-badge-preview{position:absolute;bottom:-4px;left:-4px;background:#3b82f6;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .25rem;border-radius:.25rem;border:1px solid #fff;min-width:1rem;text-align:center;z-index:2}.history-empty{text-align:center;padding:4rem 0}.history-empty .empty-icon{font-size:5rem;color:#d1d5db;margin-bottom:1.5rem}.history-empty h3{font-size:1.5rem;font-weight:500;color:#1e293b;margin-bottom:1rem}.history-empty p{color:#64748b;margin-bottom:2rem;font-size:1.125rem}.history-empty .btn{padding:.875rem 2rem;font-size:1.125rem}@media(max-width: 1024px){.formation-preview.team-8{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.history-container{padding:2rem 1rem}.formation-preview.team-4,.formation-preview.team-8{grid-template-columns:1fr}.history-item-header{padding:1rem 1.25rem}.history-item-header .history-actions{position:static;margin-top:.75rem;justify-content:flex-end}.history-content{padding:1.25rem}}@media(max-width: 480px){.history-container{padding:1.5rem .75rem}.history-item-header{padding:.875rem 1rem}.history-item-header h3{font-size:1.25rem}.history-item-header .history-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.history-content{padding:1rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f3e8ff 0%, #fce7f3 100%);padding:2rem 1rem}.auth-container .auth-card{max-width:400px;width:100%;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);padding:3rem;margin:1.5rem 0}.auth-container .auth-card .auth-header{text-align:center;margin-bottom:2rem}.auth-container .auth-card .auth-header .auth-title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.auth-container .auth-card .auth-header .auth-subtitle{font-size:.875rem;color:#64748b}.auth-container .auth-card .auth-header .auth-subtitle .auth-link{color:#7c3aed;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-container .auth-card .auth-header .auth-subtitle .auth-link:hover{color:#6d28d9}.auth-container .auth-card .auth-form .form-group{margin-bottom:1.5rem}.auth-container .auth-card .auth-form .form-group .form-label{display:block;font-size:.875rem;font-weight:500;color:#1e293b;margin-bottom:.5rem}.auth-container .auth-card .auth-form .form-group .form-input{width:100%;padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;color:#1e293b;background-color:#fff;transition:all .3s ease}.auth-container .auth-card .auth-form .form-group .form-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.1)}.auth-container .auth-card .auth-form .form-group .form-input::placeholder{color:#9ca3af}.auth-container .auth-card .auth-form .form-group .form-input.error{border-color:#ffab91}.auth-container .auth-card .auth-form .form-group .form-error{margin-top:.25rem;font-size:.875rem;color:#ffab91}.auth-container .auth-card .auth-form .form-checkbox{display:flex;align-items:center;margin-bottom:1.5rem}.auth-container .auth-card .auth-form .form-checkbox input[type=checkbox]{width:16px;height:16px;margin-right:.5rem;accent-color:#7c3aed}.auth-container .auth-card .auth-form .form-checkbox label{font-size:.875rem;color:#1e293b;cursor:pointer}.auth-container .auth-card .auth-form .form-button{width:100%;padding:.5rem 1rem;background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.auth-container .auth-card .auth-form .form-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);background:linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%)}.auth-container .auth-card .auth-form .form-button:active{transform:translateY(0)}.auth-container .auth-card .auth-form .form-button:focus{outline:none;box-shadow:0 0 0 3px rgba(124,58,237,.3)}@media(max-width: 640px){.auth-container{padding:1rem}.auth-container .auth-card{padding:2rem;margin:1rem 0}}.privacy-page .privacy-content{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:3rem;margin-bottom:3rem}@media(max-width: 768px){.privacy-page .privacy-content{padding:1.5rem}}.privacy-page .privacy-title{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:3rem;text-align:center}@media(max-width: 768px){.privacy-page .privacy-title{font-size:1.875rem}}.privacy-page .privacy-section{margin-bottom:3rem}.privacy-page .privacy-section:last-child{margin-bottom:0}.privacy-page .section-title{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #4dd0e1}@media(max-width: 768px){.privacy-page .section-title{font-size:1.125rem}}.privacy-page .section-content{font-size:1rem;line-height:1.7;color:#64748b;margin-bottom:1rem}.privacy-page .section-content:last-child{margin-bottom:0}.privacy-page .privacy-list{margin:1rem 0;padding-left:1.5rem}.privacy-page .privacy-list li{font-size:1rem;line-height:1.7;color:#64748b;margin-bottom:.5rem}.privacy-page .privacy-list li:last-child{margin-bottom:0}.privacy-page .privacy-list li strong{color:#1e293b;font-weight:600}.privacy-page .privacy-link{color:#4dd0e1;text-decoration:underline;font-weight:500;transition:color .3s ease}.privacy-page .privacy-link:hover{color:#26c6da;text-decoration:none}.privacy-page .privacy-link:focus{outline:2px solid #4dd0e1;outline-offset:2px;border-radius:.25rem}.timetable-page{min-height:100vh;background-color:#fff;padding-bottom:4rem}.timetable-section{padding:2rem 1.5rem}.timetable-memo{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e2e8f0}.timetable-memo label{display:block;font-weight:600;color:#2d3748;margin-bottom:.5rem;font-size:.85rem}.timetable-memo textarea{width:100%;min-height:100px;padding:.75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.8rem;font-family:inherit;resize:vertical;transition:border-color .2s}.timetable-memo textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}@media(max-width: 768px){.timetable-page{padding-bottom:2rem}}.timetable-controls{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e2e8f0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem}.control-group{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:0}.time-adjust-group{width:100%;margin-top:1rem;margin-bottom:0;border-top:1px solid #e2e8f0;padding-top:1rem;align-items:center}.time-adjust-group label{font-weight:600;color:#2d3748;margin-right:1rem;font-size:.85rem}.time-adjust-input-group{display:flex;align-items:center;gap:.25rem;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:.25rem .5rem}.time-adjust-input{width:60px;border:none;padding:.25rem;font-size:.85rem;font-weight:600;text-align:center;color:#2d3748}.time-adjust-input:focus{outline:none}.time-adjust-input::-webkit-inner-spin-button,.time-adjust-input::-webkit-outer-spin-button{opacity:1}.time-adjust-unit{font-size:.75rem;color:#718096;font-weight:600}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;position:relative}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}#togglePreviewBtn:hover::after{content:"プレビューモードに切り替え";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:1000}#exportImageBtn:hover::after{content:"タイムテーブルを画像として出力";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:1000}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-info{background:#4299e1;color:#fff}.btn-info:hover{background:#3182ce}.btn-warning{background:#f6ad55;color:#fff}.btn-warning:hover{background:#ed8936}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.btn-secondary{background:#a0aec0;color:#fff;font-size:.75rem}.btn-secondary:hover{background:#718096}.btn-icon{background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:1rem;padding:.25rem;transition:transform .2s;color:#718096}.btn-icon:hover{transform:scale(1.2);color:#e53e3e}@media(max-width: 768px){.control-group{flex-direction:column}.time-adjust-group{flex-direction:column;align-items:flex-start}.time-adjust-group label{margin-bottom:.5rem}.btn{width:100%;justify-content:center}}.timetable-voice-timer-compact{display:flex;align-items:center}.timetable-voice-compact-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.timetable-voice-column-select-compact{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.timetable-voice-column-checkbox-item{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s;cursor:pointer}.timetable-voice-column-checkbox-item:hover{background-color:#f7fafc}.timetable-voice-column-checkbox-item input[type=checkbox]{margin:0;cursor:pointer}.timetable-voice-column-checkbox-item span{font-size:.8rem;color:#2d3748;white-space:nowrap}.timetable-voice-compact-sliders{display:flex;align-items:center;gap:.5rem}.timetable-voice-compact-slider-item{display:flex;align-items:center;gap:.25rem}.timetable-voice-rate-slider-compact,.timetable-voice-timing-slider-compact{width:60px;height:4px;border-radius:2px;background:#cbd5e0;outline:none;-webkit-appearance:none;appearance:none}.timetable-voice-rate-slider-compact::-webkit-slider-thumb,.timetable-voice-timing-slider-compact::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#667eea;cursor:pointer;transition:background .2s}.timetable-voice-rate-slider-compact::-webkit-slider-thumb:hover,.timetable-voice-timing-slider-compact::-webkit-slider-thumb:hover{background:#5568d3}.timetable-voice-rate-slider-compact::-moz-range-thumb,.timetable-voice-timing-slider-compact::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:background .2s}.timetable-voice-rate-slider-compact::-moz-range-thumb:hover,.timetable-voice-timing-slider-compact::-moz-range-thumb:hover{background:#5568d3}.timetable-voice-compact-value{min-width:35px;text-align:center;font-weight:600;color:#2d3748;font-size:.75rem}.timetable-voice-countdown-compact{font-size:1.2rem;font-weight:700;color:#2d3748;font-family:"Courier New",monospace;line-height:1;min-width:50px;text-align:center}.btn-sm{padding:.4rem .6rem;font-size:.75rem;min-width:auto}#timetable-voice-start{background:#ec4899;color:#fff;border:none;position:relative}#timetable-voice-start:hover:not(:disabled){background:#db2777;transform:translateY(-2px);box-shadow:0 4px 8px rgba(236,72,153,.3)}#timetable-voice-start:hover:not(:disabled)::after{content:"音声読み上げを開始";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:1000}#timetable-voice-start:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}#timetable-voice-start.waiting{background:#ec4899;animation:pulse-pink-button 2s ease-in-out infinite}@keyframes pulse-pink-button{0%,100%{box-shadow:0 0 0 0 rgba(236,72,153,.4)}50%{box-shadow:0 0 0 4px rgba(236,72,153,0)}}#timetable-voice-stop{background:#ef4444;color:#fff;border:none;position:relative}#timetable-voice-stop:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px rgba(239,68,68,.3)}#timetable-voice-stop:hover:not(:disabled)::after{content:"音声読み上げを停止（リセット）";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:1000}#timetable-voice-stop:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}@media(max-width: 768px){.table-actions{flex-direction:column;align-items:stretch}.table-actions-left,.table-actions-right{width:100%;justify-content:center}.timetable-voice-compact-controls{width:100%;justify-content:center}.timetable-voice-compact-sliders{flex:1}}.timetable-voice-rate-control,.timetable-voice-timing-control{display:flex;align-items:center;gap:.75rem}.timetable-voice-rate-control label,.timetable-voice-timing-control label{font-weight:600;color:#2d3748;font-size:.85rem;white-space:nowrap}.timetable-voice-rate-slider-container,.timetable-voice-timing-slider-container{display:flex;align-items:center;gap:.75rem;flex:1}.timetable-voice-rate-slider,.timetable-voice-timing-slider{flex:1;height:6px;border-radius:3px;background:#cbd5e0;outline:none;-webkit-appearance:none;appearance:none}.timetable-voice-rate-slider::-webkit-slider-thumb,.timetable-voice-timing-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;transition:background .2s}.timetable-voice-rate-slider::-webkit-slider-thumb:hover,.timetable-voice-timing-slider::-webkit-slider-thumb:hover{background:#5568d3}.timetable-voice-rate-slider::-moz-range-thumb,.timetable-voice-timing-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none;transition:background .2s}.timetable-voice-rate-slider::-moz-range-thumb:hover,.timetable-voice-timing-slider::-moz-range-thumb:hover{background:#5568d3}.timetable-voice-rate-value,.timetable-voice-timing-value{min-width:50px;text-align:center;font-weight:600;color:#2d3748;font-size:.9rem}.timetable-voice-column-select-container{display:flex;align-items:center;gap:.5rem}.timetable-voice-column-select-container label{font-weight:600;color:#2d3748;font-size:.85rem;white-space:nowrap}.timetable-voice-column-select{padding:.5rem .75rem;border:1px solid #cbd5e0;border-radius:6px;background:#fff;font-size:.85rem;color:#2d3748;cursor:pointer;min-width:150px}.timetable-voice-column-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.timetable-voice-timer-display{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:120px}.timetable-voice-countdown-label{font-size:.75rem;color:#718096;font-weight:600}.timetable-voice-countdown{font-size:2rem;font-weight:700;color:#2d3748;font-family:"Courier New",monospace;line-height:1}.timetable-voice-status{font-size:.75rem;color:#718096}.timetable-voice-timer-buttons{display:flex;gap:.5rem}@media(max-width: 768px){.timetable-voice-timer-group{flex-direction:column}.timetable-voice-timer-row{flex-direction:column;align-items:stretch}.timetable-voice-column-select-container,.timetable-voice-rate-control,.timetable-voice-timing-control{width:100%}.timetable-voice-column-select{width:100%}.timetable-voice-rate-slider-container{width:100%}.timetable-voice-timer-display{min-width:auto}.timetable-voice-timer-buttons{width:100%;display:flex;gap:.5rem}.timetable-voice-timer-buttons .btn{flex:1}}.timetable-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e2e8f0;overflow-x:auto}.table-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.table-actions-left{display:flex;gap:.75rem}.table-actions-right{display:flex;align-items:center;gap:.75rem}.timetable{width:100%;border-collapse:collapse;background:#fff}.timetable thead{background-color:#4dd0e1;color:#fff}.timetable th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.85rem;border:1px solid hsla(0,0%,100%,.2);position:relative;background-color:#4dd0e1 !important;color:#fff !important}.timetable th .header-content{display:flex;align-items:center;gap:.5rem;width:100%}.timetable th .column-drag-handle{flex-shrink:0;margin-right:0}.timetable th .column-name{flex:1;min-width:0;padding:.25rem;border-radius:4px;cursor:text}.timetable th .column-name:hover{background-color:hsla(0,0%,100%,.1)}.timetable th .column-name:focus{outline:2px solid hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.15)}.timetable th .voice-read-btn{flex-shrink:0;width:24px;height:24px;padding:0;border-radius:50%;background-color:hsla(0,0%,100%,.2);color:#fff;border:2px solid rgba(0,0,0,0);cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-right:.25rem;position:relative}.timetable th .voice-read-btn i{color:#fff}.timetable th .voice-read-btn:hover{background-color:rgba(236,72,153,.8);transform:scale(1.1);z-index:10}.timetable th .voice-read-btn:hover::after{content:"この列を読み上げる（クリックでON/OFF）";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:1000}.timetable th .voice-read-btn.active{background-color:#ec4899;box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 0 8px rgba(236,72,153,.6)}.timetable th .voice-read-btn.active i{color:#fff}.timetable th .voice-read-btn.active:hover{background-color:#db2777;transform:scale(1.15);box-shadow:0 0 0 2px hsla(0,0%,100%,.9),0 0 12px rgba(236,72,153,.8)}.timetable th .voice-read-btn.active:hover::after{content:"読み上げON（クリックでOFF）"}.timetable th .voice-read-btn.playing{background-color:#ec4899;box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 0 8px rgba(236,72,153,.6);animation:pulse-pink 2s ease-in-out infinite}.timetable th .voice-read-btn.playing i{color:#fff}.timetable th .voice-read-btn.playing:hover{background-color:#db2777;transform:scale(1.15)}.timetable th .voice-read-btn.playing:hover::after{content:"読み上げ再生中"}@keyframes pulse-pink{0%,100%{box-shadow:0 0 0 2px hsla(0,0%,100%,.8),0 0 8px rgba(236,72,153,.6)}50%{box-shadow:0 0 0 2px hsla(0,0%,100%,.9),0 0 12px rgba(236,72,153,.8)}}.timetable th .delete-column{flex-shrink:0}.timetable th .delete-column{width:24px;height:24px;padding:0;border-radius:50%;background-color:hsla(0,0%,100%,.2);color:#fff;border:2px solid rgba(0,0,0,0);cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.timetable th .delete-column i{color:#fff;transition:transform .2s}.timetable th .delete-column:hover{background-color:rgba(239,68,68,.9);border-color:hsla(0,0%,100%,.8);transform:scale(1.15);z-index:10}.timetable th .delete-column:hover i{transform:rotate(90deg)}.timetable th .delete-column:hover::after{content:"列を削除";position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.9);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:1000}.timetable th .delete-column:active{transform:scale(0.95);background-color:#dc2626}.timetable td{padding:.75rem;border:1px solid #e2e8f0}.timetable tbody tr{transition:background-color .2s}.timetable tbody tr:hover{background-color:#f7fafc}.timetable tbody tr.fixed-row{background-color:#fff5f5}.timetable tbody tr.fixed-row:hover{background-color:#fed7d7}.timetable tbody td{vertical-align:top;height:auto;min-height:3rem}body.view-only-mode .timetable th,.timetable-page.view-only-mode .timetable th{padding:.5rem .75rem;font-size:.8rem}body.view-only-mode .timetable td,.timetable-page.view-only-mode .timetable td{padding:.35rem .5rem}body.view-only-mode .timetable tbody td,.timetable-page.view-only-mode .timetable tbody td{min-height:2rem}body.view-only-mode .timetable .cell-text,.timetable-page.view-only-mode .timetable .cell-text{padding:.35rem;font-size:.75rem;min-height:1.8rem}body.view-only-mode .timetable .time-column .cell-wrapper,.timetable-page.view-only-mode .timetable .time-column .cell-wrapper{min-height:2rem;gap:.35rem}.timetable .cell-input{flex:1;min-width:0;padding:.5rem;border:1px solid #cbd5e0;border-radius:4px;font-size:.8rem;transition:border-color .2s;cursor:text;height:2.2rem;box-sizing:border-box}.timetable .cell-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.timetable .cell-input:hover{border-color:#a0aec0}.timetable .cell-text{flex:1;min-width:0;padding:.5rem;font-size:.8rem;min-height:2.2rem;display:flex;align-items:center;word-break:break-word}.column-header{min-width:150px;max-width:300px}.time-column{min-width:180px !important;max-width:200px !important;width:180px}.time-column .header-content{white-space:nowrap;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}body.view-only-mode .time-column,.timetable-page.view-only-mode .time-column{min-width:100px !important;max-width:120px !important;width:100px}.actions-column{width:100px;min-width:100px;text-align:center}.actions-column .btn-icon{margin:0 .15rem}.actions-column .duplicate-row{background-color:rgba(0,0,0,0);color:#3182ce;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;font-size:.85rem}.actions-column .duplicate-row:hover{background-color:#bee3f8}.actions-column .delete-row{background-color:rgba(0,0,0,0);color:#e53e3e;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;font-size:.85rem}.actions-column .delete-row:hover{background-color:#fed7d7}@media(max-width: 768px){.timetable-container{padding:.75rem}.timetable th,.timetable td{padding:.5rem;font-size:.85rem}.timetable .cell-input{font-size:.85rem;padding:.4rem}.timetable .column-name{font-size:.85rem}.timetable .voice-read-btn{width:20px;height:20px;font-size:1rem}.timetable .delete-column{width:20px;height:20px;font-size:1rem}}.cell-wrapper{position:relative;display:flex;align-items:center}.time-column .cell-wrapper{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;gap:.5rem;position:relative;align-items:center;min-height:3rem}.time-column .cell-wrapper>.pin-toggle{grid-row:1;grid-column:1;flex-shrink:0;align-self:center}.time-column .cell-wrapper>.time-picker-btn-icon{grid-row:1;grid-column:2;flex-shrink:0;align-self:center}.time-column .cell-input{grid-row:1;grid-column:3;width:100%;flex:1;min-width:0;align-self:center}.time-column .cell-input,.time-column .cell-text{flex:1;min-width:0;width:100%}.time-column .time-elapsed-display{grid-row:2;grid-column:1/-1;width:auto;min-width:0;margin:0;margin-top:-0.25rem;padding-top:.25rem;color:#718096;font-size:.65rem;white-space:nowrap;font-weight:500;line-height:1.2;text-align:left;box-sizing:border-box;align-self:start}.cell-editing-indicator{position:absolute;top:2px;right:2px;padding:2px 6px;font-size:10px;font-weight:bold;border-radius:3px;z-index:10;pointer-events:none;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.3);max-width:none;overflow:visible}.timetable-chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.timetable-chat-overlay.active{opacity:1;pointer-events:auto}.timetable-chat-bottomsheet{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg, #FFF5F8 0%, #F0F8FF 100%);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:1001;display:flex;flex-direction:column;max-height:80vh;min-height:140px;height:140px;transition:height .3s cubic-bezier(0.4, 0, 0.2, 1),transform .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.timetable-chat-bottomsheet.expanded{height:80vh}.timetable-chat-bottomsheet.half-expanded{height:50vh}.timetable-chat-bottomsheet.minimized{height:140px}@media(max-width: 768px){.timetable-chat-bottomsheet{bottom:70px;max-height:calc(100vh - 70px);transition:height .3s cubic-bezier(0.4, 0, 0.2, 1),transform .3s cubic-bezier(0.4, 0, 0.2, 1),bottom .3s ease-in-out}@supports(padding: max(0px)){.timetable-chat-bottomsheet{bottom:max(70px,70px + env(safe-area-inset-bottom));max-height:calc(100vh - max(70px,70px + env(safe-area-inset-bottom)))}}.timetable-chat-bottomsheet.expanded{height:calc(90vh - 70px);bottom:130px;transform:translateY(0);max-height:calc(100vh - 70px - 60px)}.timetable-chat-bottomsheet.half-expanded{height:calc(50vh - 35px);transform:translateY(0);z-index:999}.timetable-chat-bottomsheet.minimized{height:140px;transform:translateY(0)}body.bottom-nav-hidden .timetable-chat-bottomsheet{bottom:0;max-height:100vh}@supports(padding: max(0px)){body.bottom-nav-hidden .timetable-chat-bottomsheet{bottom:env(safe-area-inset-bottom);max-height:calc(100vh - env(safe-area-inset-bottom))}}body.bottom-nav-hidden .timetable-chat-bottomsheet.expanded{height:90vh;bottom:60px;max-height:calc(100vh - 60px)}@supports(padding: max(0px)){body.bottom-nav-hidden .timetable-chat-bottomsheet.expanded{height:calc(90vh - env(safe-area-inset-bottom));bottom:calc(60px + env(safe-area-inset-bottom));max-height:calc(100vh - 60px - env(safe-area-inset-bottom))}}body.bottom-nav-hidden .timetable-chat-bottomsheet.half-expanded{height:50vh;z-index:999}@supports(padding: max(0px)){body.bottom-nav-hidden .timetable-chat-bottomsheet.half-expanded{height:calc(50vh - env(safe-area-inset-bottom))}}}.chat-drag-handle{padding:12px 0 8px;cursor:grab;user-select:none;display:flex;justify-content:center;flex-shrink:0}.chat-drag-handle:active{cursor:grabbing}.drag-handle-bar{width:40px;height:4px;background:#ccc;border-radius:2px}.chat-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,182,193,.3);flex-shrink:0;background:rgba(255,245,248,.6);backdrop-filter:blur(10px);min-height:48px;box-sizing:border-box;cursor:grab;user-select:none}.chat-panel-header:active{cursor:grabbing}.chat-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.chat-panel-title i{color:#4dd0e1}.chat-unread-badge{display:inline-flex;align-items:center;justify-content:center;background:#f44336;color:#fff;border-radius:50%;padding:0;font-size:11px;font-weight:600;min-width:20px;height:20px;width:20px;text-align:center;line-height:1;box-sizing:border-box}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:12px;min-height:0;background:rgba(0,0,0,0)}@media(max-width: 768px){.chat-messages{padding-bottom:72px}}.chat-messages-loading{text-align:center;padding:20px;color:#999}.chat-messages-empty{text-align:center;padding:40px 20px;color:#999;font-size:14px}.chat-message-item{display:flex;align-items:flex-start;padding:12px 0;margin-bottom:8px;animation:fadeIn .3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chat-message-avatar.viewer-item{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:hsla(0,0%,100%,.9);cursor:default;flex-shrink:0;transition:all .2s}.chat-message-avatar.viewer-item:hover{background-color:hsla(0,0%,100%,.3);transform:scale(1.1)}.chat-message-avatar.viewer-item i{font-size:1rem;line-height:1;position:relative;z-index:2}.chat-message-content-wrapper{display:flex;flex-direction:column;flex-shrink:1;flex-grow:0;min-width:0;align-items:flex-start}.chat-message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;margin-left:.5rem;position:relative}.chat-message-user-name{font-weight:600;font-size:14px;color:#333}.chat-message-time{font-size:11px;color:#999}.chat-message-delete-btn{margin-left:auto;background:none;border:none;color:#999;cursor:pointer;padding:4px 6px;border-radius:4px;opacity:0;transition:opacity .2s,background-color .2s,color .2s;font-size:12px;display:flex;align-items:center;justify-content:center}.chat-message-delete-btn:hover{background-color:rgba(0,0,0,.05);color:#dc3545}.chat-message-delete-btn i{font-size:12px}.chat-message-item:hover .chat-message-delete-btn{opacity:1}.chat-message-bubble{border-radius:16px;padding:10px 14px;box-shadow:0 2px 8px rgba(0,0,0,.08);position:relative;transition:transform .2s ease,box-shadow .2s ease;display:inline-block;max-width:100%;word-wrap:break-word;word-break:break-word;box-sizing:border-box;width:max-content;width:-moz-fit-content;width:fit-content}.chat-message-bubble:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.chat-message-bubble::before{content:"";position:absolute;left:-4px;top:8px;width:0;height:0;border-style:solid;border-width:6px 6px 6px 0}.chat-message-bubble.own-message{background:#e0f2e0}.chat-message-bubble.own-message::before{border-color:rgba(0,0,0,0) #e0f2e0 rgba(0,0,0,0) rgba(0,0,0,0)}.chat-message-bubble.other-message{background:#fff}.chat-message-bubble.other-message::before{border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}.chat-message-content{font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-input-area{display:flex;padding:12px 16px;border-top:1px solid rgba(255,182,193,.3);gap:8px;flex-shrink:0;align-items:flex-end;background:hsla(0,0%,100%,.5);backdrop-filter:blur(10px)}@media(max-width: 768px){.chat-input-area{position:fixed;bottom:70px;left:0;right:0;z-index:1001;border-top:1px solid rgba(255,182,193,.3);border-radius:0;box-shadow:0 -2px 8px rgba(0,0,0,.1);transition:bottom .3s ease-in-out}@supports(padding: max(0px)){.chat-input-area{bottom:max(70px,70px + env(safe-area-inset-bottom));padding-bottom:max(12px,12px + env(safe-area-inset-bottom))}}body.bottom-nav-hidden .chat-input-area{bottom:0}@supports(padding: max(0px)){body.bottom-nav-hidden .chat-input-area{bottom:env(safe-area-inset-bottom);padding-bottom:max(12px,12px + env(safe-area-inset-bottom))}}}.chat-input{flex:1;min-height:40px;max-height:120px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:none;box-sizing:border-box}.chat-input:focus{outline:none;border-color:#4dd0e1}.chat-send-btn{width:40px;height:40px;background:#4dd0e1;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.chat-send-btn:hover{background:rgb(36.2019230769,194.2836538462,214.7980769231)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn i{font-size:16px}.chat-fab-button{display:none !important}@media(max-width: 768px){.chat-fab-button{position:fixed;bottom:90px;right:16px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #26c6da 0%, #00acc1 100%);color:#fff;border:none;box-shadow:0 4px 12px rgba(38,198,218,.4);cursor:pointer;z-index:1000;align-items:center;justify-content:center;font-size:24px;transition:transform .3s ease,box-shadow .3s ease;user-select:none}@supports(padding: max(0px)){.chat-fab-button{bottom:max(90px,90px + env(safe-area-inset-bottom))}}.chat-fab-button:active{transform:scale(0.95);box-shadow:0 2px 8px rgba(38,198,218,.3)}body.bottom-nav-hidden .chat-fab-button{bottom:20px}@supports(padding: max(0px)){body.bottom-nav-hidden .chat-fab-button{bottom:max(20px,20px + env(safe-area-inset-bottom))}}.timetable-chat-bottomsheet[style*="display: flex"]~.chat-fab-button,.timetable-chat-bottomsheet:not([style*="display: none"])~.chat-fab-button{display:none !important}}.chat-fab-badge{position:absolute;top:-4px;right:-4px;background:#f44336;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-sizing:border-box;padding:0 4px}@media(max-width: 768px){.timetable-chat-bottomsheet.expanded{transform:translateY(0)}.timetable-chat-bottomsheet.half-expanded{transform:translateY(30%)}.chat-messages{padding:8px 12px}.chat-input-area{padding:8px 12px}}.timetable-notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transform:translateY(-20px);transition:all .3s ease;z-index:1000}.timetable-notification.show{opacity:1;transform:translateY(0)}.timetable-notification.success{background:#48bb78}.timetable-notification.info{background:#4299e1}.timetable-notification.warning{background:#ed8936}.timetable-notification.error{background:#f56565}.cell-wrapper{position:relative;display:flex;align-items:center;gap:.25rem}.pin-toggle{background:#e2e8f0;border:1px solid #cbd5e0;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.4rem .5rem;transition:all .2s;flex-shrink:0;order:-2;opacity:.6;display:flex;align-items:center;justify-content:center;position:relative}.pin-toggle i{color:#4a5568}.pin-toggle:hover{background:#cbd5e0;border-color:#a0aec0;opacity:1;transform:scale(1.05)}.pin-toggle.active{background:#fc8181;border-color:#f56565;opacity:1}.pin-toggle.active i{color:#fff}.pin-toggle:active{transform:scale(0.95)}.time-picker-btn-icon{background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.4rem .5rem;transition:all .2s;flex-shrink:0;order:-1;display:flex;align-items:center;justify-content:center;position:relative}.time-picker-btn-icon i{color:#4a5568}.time-picker-btn-icon:hover{background:#edf2f7;border-color:#cbd5e0;transform:scale(1.05)}.time-picker-btn-icon:hover i{color:#2d3748}.time-picker-btn-icon:active{transform:scale(0.95)}.custom-tooltip{position:fixed;background:rgba(0,0,0,.9);color:#fff;padding:.4rem .6rem;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s ease}.custom-tooltip.show{opacity:1}.time-picker-popup{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.time-picker-content{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);width:300px;max-width:90vw;animation:slideUp .2s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.time-picker-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e2e8f0}.time-picker-header span{font-weight:600;color:#2d3748;font-size:.95rem}.time-picker-header .time-picker-close{background:rgba(0,0,0,0);border:none;font-size:1.5rem;color:#718096;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.time-picker-header .time-picker-close:hover{background:#f7fafc;color:#2d3748}.time-picker-body{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem}.time-picker-column{display:flex;flex-direction:column;gap:.5rem;flex:1}.time-picker-column label{font-size:.8rem;font-weight:600;color:#4a5568;text-align:center}.time-picker-column select{width:100%;padding:.5rem;border:2px solid #cbd5e0;border-radius:6px;font-size:1.2rem;text-align:center;font-weight:600;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s}.time-picker-column select:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.time-picker-column select:hover{border-color:#a0aec0}.time-picker-separator{font-size:2rem;font-weight:600;color:#2d3748;padding-top:1.5rem}.time-picker-footer{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e2e8f0}.time-picker-btn{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.time-picker-btn.time-picker-cancel{background:#e2e8f0;color:#4a5568}.time-picker-btn.time-picker-cancel:hover{background:#cbd5e0}.time-picker-btn.time-picker-ok{background:#4dd0e1;color:#fff}.time-picker-btn.time-picker-ok:hover{background:rgb(51.1557692308,201.1759615385,220.6442307692)}@media(max-width: 768px){.time-picker-content{width:280px}.time-picker-body{padding:1.5rem 1rem}.time-picker-column select{font-size:1rem}.time-picker-separator{font-size:1.5rem}}.cell-style-menu{position:fixed;background:#fff;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:10000;min-width:240px;border:1px solid #e2e8f0}.style-menu-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;background:#f0fdff;border-radius:8px 8px 0 0}.style-menu-header span{font-weight:600;color:#1e293b;font-size:.9rem}.style-menu-close{background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.style-menu-close:hover{background:rgba(0,0,0,.05);color:#1e293b}.style-menu-close i{font-size:.875rem}.style-menu-body{padding:1rem}.style-option{margin-bottom:1rem}.style-option:last-child{margin-bottom:0}.style-option label{display:block;font-size:.8rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.color-options{display:grid;grid-template-columns:repeat(8, 1fr);gap:.5rem}.color-btn{width:24px;height:24px;border:2px solid rgba(0,0,0,0);border-radius:4px;cursor:pointer;transition:all .2s;position:relative}.color-btn:hover{transform:scale(1.15);box-shadow:0 2px 4px rgba(0,0,0,.2)}.color-btn.active{border-color:#4dd0e1;box-shadow:0 0 0 2px rgba(77,208,225,.2)}.color-btn.active::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:.75rem;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,.5)}.weight-options{display:flex;gap:.5rem}.weight-btn{flex:1;padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s;font-weight:normal}.weight-btn:hover{border-color:#4dd0e1;background:rgba(77,208,225,.05)}.weight-btn.active{background:#4dd0e1;color:#fff;border-color:#4dd0e1}.weight-btn[data-weight=bold]{font-weight:bold}.style-reset-btn{width:100%;padding:.5rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-size:.8rem;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.style-reset-btn:hover{border-color:#dc2626;background:#fee;color:#dc2626}.style-reset-btn i{font-size:.75rem}.draggable-row{cursor:move;transition:all .2s}.draggable-row:hover{background-color:#f7fafc}.dragging{opacity:.5;background-color:#e2e8f0}.drag-over{border-top:3px solid #4dd0e1;background-color:rgba(77,208,225,.05)}tbody .actions-column{position:relative}tbody .actions-column::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#cbd5e0;font-size:.9rem;cursor:move}tbody tr:hover .actions-column::before{color:#94a3b8}body.view-only-mode .draggable-row{cursor:default}body.view-only-mode .draggable-row:hover{background-color:rgba(0,0,0,0)}body.view-only-mode tbody .actions-column::before{display:none}.draggable-column{cursor:move;transition:all .2s;position:relative}.draggable-column:hover{background-color:rgba(77,208,225,.05)}.draggable-column .column-drag-handle{color:hsla(0,0%,100%,.6);font-size:.9rem;cursor:move;transition:color .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.draggable-column .column-drag-handle:hover{color:hsla(0,0%,100%,.9)}.draggable-column.dragging{opacity:.5;background-color:rgba(77,208,225,.1)}.draggable-column.drag-over{border-left:3px solid #4dd0e1;background-color:rgba(77,208,225,.1)}.actions-column{cursor:default}.actions-column:hover{background-color:rgba(0,0,0,0)}body.view-only-mode .draggable-column{cursor:default}body.view-only-mode .draggable-column:hover{background-color:rgba(0,0,0,0)}body.view-only-mode .draggable-column .column-drag-handle{display:none}.timetable-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center}.timetable-modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.timetable-modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f0fdff}.timetable-modal-header h3{margin:0;font-size:1.25rem;color:#1e293b}.modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close:hover{background:rgba(0,0,0,.05);color:#1e293b}.timetable-modal-body{padding:1.5rem 1.75rem;overflow-y:auto;max-height:calc(80vh - 100px)}.save-form{display:flex;flex-direction:column;gap:1rem}.save-form label{font-weight:600;color:#1e293b;font-size:.95rem;margin-bottom:-0.5rem}.save-form .form-input{padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s}.save-form .form-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.save-form .form-input::placeholder{color:#a0aec0}.save-form button{align-self:flex-start;margin-top:.5rem}.timetable-list{display:flex;flex-direction:column;gap:.75rem}.timetable-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .2s}.timetable-item:hover{background:#f0fdff;box-shadow:0 2px 8px rgba(0,0,0,.08);border-color:#cbd5e0}.timetable-title{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timetable-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.timetable-meta .load-btn{margin-left:auto}.timetable-date{font-size:.8rem;color:#64748b}.timetable-source{display:inline-block;font-size:.7rem;padding:.15rem .4rem;background:#48b9c7;color:#fff;border-radius:8px;font-weight:500;line-height:1.2}.btn-sm{height:30px;padding:0 .6rem;font-size:.8rem;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;box-sizing:border-box}.btn-sm i{font-size:.75rem;line-height:1}.btn-sm.delete-btn{padding:0 .5rem;min-width:30px}.empty-state{text-align:center;padding:3rem 1rem;color:#64748b}.empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-state p{font-size:1rem;margin:0}@media(max-width: 768px){.timetable-modal-content{width:95%;max-height:90vh}.timetable-item{padding:.85rem 1rem}.timetable-title{font-size:1rem}.timetable-meta{gap:.5rem}.timetable-meta .load-btn{margin-left:0;flex:1}.timetable-meta .delete-btn{flex:1}.timetable-meta .timetable-date,.timetable-meta .timetable-source{flex-basis:auto}.btn-sm{height:32px;padding:0 .6rem;font-size:.8rem;line-height:1}.btn-sm i{font-size:.75rem}.btn-sm.delete-btn{padding:0 .5rem;min-width:32px}}.help-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10001;align-items:center;justify-content:center}.help-modal[style*="display: flex"]{display:flex !important}.help-modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,.2)}.help-modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f0fdff}.help-modal-header h3{margin:0;font-size:1.35rem;color:#1e293b;font-weight:600}.help-modal-body{padding:1.5rem 2rem;overflow-y:auto;flex:1}.help-section{margin-bottom:2rem}.help-section:last-child{margin-bottom:0}.help-section h4{margin:0 0 .75rem 0;font-size:1.1rem;color:#1e293b;font-weight:600;display:flex;align-items:center;gap:.5rem}.help-section h4 i{color:#4dd0e1;font-size:1.15rem}.help-section p{margin:0 0 .5rem 0;line-height:1.7;color:#64748b;font-size:.95rem}.help-section p:last-child{margin-bottom:0}.help-section p strong{color:#1e293b;font-weight:600}.help-section .help-note{font-size:.85rem;color:rgb(113.150209205,129.4782426778,152.949790795);margin-left:.5rem;font-style:italic}@media(max-width: 768px){.help-modal{padding:16px;align-items:flex-start;padding-top:10vh}.help-modal-content{width:100%;max-width:100%;max-height:80vh;border-radius:12px 12px 0 0;margin-top:auto}.help-modal-header{padding:12px 16px;min-height:auto;flex-shrink:0}.help-modal-header h3{font-size:16px;font-weight:600}.help-modal-header .modal-close{font-size:18px;padding:4px}.help-modal-body{padding:12px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.help-section{margin-bottom:1.25rem}.help-section h4{font-size:14px;margin-bottom:8px}.help-section h4 i{font-size:14px}.help-section p{font-size:13px;line-height:1.6;margin-bottom:8px}.help-section p strong{font-size:13px}.help-section .help-note{font-size:12px}}.share-content .share-status{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#d1fae5;border-radius:8px;color:#065f46}.share-content .share-status i{font-size:1.5rem;color:#10b981}.share-content .share-status span{font-weight:600}.share-content .share-description{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#dbeafe;border-radius:8px;color:#1e40af}.share-content .share-description i{font-size:1.25rem;color:#3b82f6;margin-top:.1rem}.share-content .share-description p{margin:0;line-height:1.6}.share-content .share-url-group{margin-bottom:1.5rem}.share-content .share-url-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b}.share-content .share-url-group .url-copy-wrapper{display:flex;gap:.5rem}.share-content .share-url-group .share-url-input{flex:1;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#f0fdff;font-family:monospace}.share-content .share-url-group .share-url-input:focus{outline:none;border-color:#4dd0e1}.share-content .share-url-group .copy-url-btn{white-space:nowrap}.share-content .share-url-group .share-help{margin-top:.5rem;font-size:.85rem;color:#64748b}.share-content .share-permission-group{margin-bottom:1.5rem}.share-content .share-permission-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#1e293b}.share-content .share-permission-group .permission-options{display:flex;flex-direction:column;gap:.75rem}.share-content .share-permission-group .permission-option{display:flex;align-items:center;padding:1rem;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.share-content .share-permission-group .permission-option input[type=radio]{margin-right:1rem;width:18px;height:18px;cursor:pointer}.share-content .share-permission-group .permission-option .option-content{flex:1}.share-content .share-permission-group .permission-option .option-content i{font-size:1.25rem;margin-right:.75rem;color:#64748b}.share-content .share-permission-group .permission-option .option-content strong{display:block;margin-bottom:.25rem;font-size:1rem;color:#1e293b}.share-content .share-permission-group .permission-option .option-content span{font-size:.85rem;color:#64748b}.share-content .share-permission-group .permission-option:hover{border-color:#4dd0e1;background:#f0fdff}.share-content .share-permission-group .permission-option.active{border-color:#4dd0e1;background:rgba(77,208,225,.05)}.share-content .share-permission-group .permission-option.active .option-content i{color:#4dd0e1}.share-content .share-permission-group .permission-option.active .option-content strong{color:#4dd0e1}.share-content .share-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.share-content .share-actions .btn{padding:.65rem 1.25rem;white-space:nowrap}.shared-mode-banner{background:#f093fb;color:#fff;padding:1rem 0}.shared-mode-banner .banner-content{display:flex;align-items:center;gap:1rem;padding-left:1rem;padding-right:1rem}.shared-mode-banner .banner-content i{font-size:1.5rem}.shared-mode-banner .banner-content .banner-text{flex:1}.shared-mode-banner .banner-content .banner-text strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.shared-mode-banner .banner-content .banner-text span{font-size:.9rem;opacity:.9}.shared-mode-banner .banner-content .viewers-and-history{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-right:1rem}.shared-mode-banner .banner-content .active-viewers{display:flex;align-items:center;gap:.5rem}.shared-mode-banner .banner-content .active-viewers .viewer-item{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background-color:hsla(0,0%,100%,.2);cursor:pointer;transition:all .2s}.shared-mode-banner .banner-content .active-viewers .viewer-item:hover{background-color:hsla(0,0%,100%,.3);transform:scale(1.1)}.shared-mode-banner .banner-content .active-viewers .viewer-item:hover .viewer-tooltip{opacity:1;visibility:visible}.shared-mode-banner .banner-content .active-viewers .viewer-item.viewer-inactive{opacity:.4;filter:grayscale(100%)}.shared-mode-banner .banner-content .active-viewers .viewer-item.viewer-inactive:hover{opacity:.6;filter:grayscale(70%)}.shared-mode-banner .banner-content .active-viewers .viewer-item i{font-size:1rem}.shared-mode-banner .banner-content .active-viewers .viewer-item .viewer-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:.5rem;padding:.25rem .5rem;background-color:rgba(0,0,0,.8);color:#fff;font-size:.75rem;white-space:nowrap;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none;z-index:1000;max-width:calc(100vw - 2rem)}.shared-mode-banner .banner-content .active-viewers .viewer-item .viewer-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.8)}.shared-mode-banner .banner-content .active-viewers .viewer-item .viewer-tooltip.tooltip-right{left:auto;right:0;transform:none}.shared-mode-banner .banner-content .active-viewers .viewer-item .viewer-tooltip.tooltip-right::after{left:auto;right:1rem;transform:none}.shared-mode-banner .banner-content .last-modified{font-size:.85rem;opacity:.9;white-space:nowrap;cursor:pointer;transition:opacity .2s;background:none;border:none;color:inherit;display:flex;align-items:center;margin-left:auto}.shared-mode-banner .banner-content .last-modified:hover{opacity:1}.shared-mode-banner .banner-content .last-modified i{font-size:1.5rem;margin-right:0}@media(max-width: 768px){.share-content .share-url-group .url-copy-wrapper{flex-direction:column}.share-content .share-url-group .copy-url-btn{width:100%}.share-content .share-actions{flex-direction:column}.share-content .share-actions .btn{width:100%}.shared-mode-banner .banner-content{flex-direction:column;text-align:center}.shared-mode-banner .banner-content .last-modified{white-space:normal}}.edit-history-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000}.edit-history-modal .edit-history-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.3)}.edit-history-modal .edit-history-modal-content .edit-history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.edit-history-modal .edit-history-modal-content .edit-history-modal-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.edit-history-modal .edit-history-modal-content .edit-history-modal-header .edit-history-header-actions{display:flex;align-items:center;gap:.75rem}.edit-history-modal .edit-history-modal-content .edit-history-modal-header .restore-btn-in-modal{padding:.375rem .75rem;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s,transform .1s}.edit-history-modal .edit-history-modal-content .edit-history-modal-header .restore-btn-in-modal:hover{transform:translateY(-1px)}.edit-history-modal .edit-history-modal-content .edit-history-modal-header .restore-btn-in-modal i{margin-right:.375rem;font-size:.75rem}.edit-history-modal .edit-history-modal-content .edit-history-modal-header .modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.edit-history-modal .edit-history-modal-content .edit-history-modal-header .modal-close:hover{color:#1e293b}.edit-history-modal .edit-history-modal-content .edit-history-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-loading{text-align:center;padding:2rem;color:#64748b}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-loading i{margin-right:.5rem}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-item{padding:1rem;border-bottom:1px solid #e2e8f0}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-item:last-child{border-bottom:none}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-item .edit-history-info .edit-history-user{font-weight:600;color:#1e293b;margin-bottom:.25rem}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-item .edit-history-info .edit-history-time{font-size:.85rem;color:#64748b}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-empty{text-align:center;padding:2rem;color:#64748b}.edit-history-modal .edit-history-modal-content .edit-history-modal-body .edit-history-list .edit-history-empty i{font-size:2rem;margin-bottom:.5rem;opacity:.5}.restore-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000}.restore-modal .restore-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.3)}.restore-modal .restore-modal-content .restore-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.restore-modal .restore-modal-content .restore-modal-header h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.restore-modal .restore-modal-content .restore-modal-header .modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.restore-modal .restore-modal-content .restore-modal-header .modal-close:hover{color:#1e293b}.restore-modal .restore-modal-content .restore-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.restore-modal .restore-modal-content .restore-modal-body .restore-options{display:flex;flex-direction:column;gap:1.5rem}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option{padding:1.5rem;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .2s,box-shadow .2s}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option:hover{border-color:#4dd0e1;box-shadow:0 2px 8px rgba(0,0,0,.1)}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-header i{font-size:1.5rem;color:#4dd0e1}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-header strong{font-size:1.1rem;color:#1e293b}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-description{color:#64748b;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-description .restore-warning{color:#f59e0b;font-weight:600}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-name-input{margin-bottom:1rem}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-name-input label{display:block;margin-bottom:.5rem;color:#1e293b;font-weight:500}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-name-input .form-control{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;transition:border-color .2s}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-name-input .form-control:focus{outline:none;border-color:#4dd0e1}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-btn:hover{transform:translateY(-1px)}.restore-modal .restore-modal-content .restore-modal-body .restore-options .restore-option .restore-option-btn:active{transform:translateY(0)}.restore-btn{padding:.375rem .75rem;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s,transform .1s}.restore-btn:hover{transform:translateY(-1px)}.restore-btn i{margin-right:.375rem;font-size:.75rem}.login-required-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.login-required-modal .login-required-modal-content{background-color:#fff;border-radius:12px;padding:2.5rem;max-width:400px;width:90%;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.15)}.login-required-modal .login-required-modal-content .login-required-icon{margin-bottom:1.5rem}.login-required-modal .login-required-modal-content .login-required-icon i{font-size:3rem;color:#d4af37}.login-required-modal .login-required-modal-content .login-required-text{margin-bottom:2rem}.login-required-modal .login-required-modal-content .login-required-text .login-required-title{font-size:1.1rem;font-weight:bold;color:#333;margin:.25rem 0;line-height:1.6}.login-required-modal .login-required-modal-content .login-required-text .login-required-description{font-size:.9rem;color:#666;margin:.25rem 0;line-height:1.6}.login-required-modal .login-required-modal-content .login-required-button{display:inline-block;background-color:#3b82f6;color:#fff;padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.login-required-modal .login-required-modal-content .login-required-button:hover{background-color:#2563eb}.content-with-chat{display:flex;align-items:flex-start;position:relative;width:100%;max-width:100%;gap:16px;padding-right:16px}.timetable-section{flex:1;min-width:0;width:100%}.chat-sidebar{position:sticky;top:20px;margin-top:24px;width:360px;height:calc(100vh - 144px);max-height:800px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;z-index:90;box-shadow:0 4px 12px rgba(0,0,0,.08);flex-shrink:0;display:none}.chat-sidebar.open{display:flex;animation:slideInRight .3s ease}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.chat-sidebar-header{padding:16px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-radius:12px 12px 0 0}.chat-sidebar-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#334155}.chat-sidebar-title i{color:#26c6da}.chat-unread-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:bold;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.chat-sidebar-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.chat-sidebar-close:hover{background:#e2e8f0;color:#64748b}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;gap:8px}.chat-empty{text-align:center;color:#94a3b8;margin-top:20px;font-size:14px}.chat-message{display:flex;width:100%}.chat-message.self{justify-content:flex-end}.chat-message.self .message-content{background:#e0f2f1;border-radius:12px 12px 0 12px;color:#00695c}.chat-message.self .message-time{text-align:right}.chat-message.other{justify-content:flex-start}.chat-message.other .message-content{background:#f1f5f9;border-radius:12px 12px 12px 0;color:#334155}.message-content{padding:10px 14px;max-width:85%;font-size:14px;line-height:1.5;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.05)}.message-content .message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:8px}.message-content .message-sender{font-size:11px;color:#64748b;font-weight:600}.message-content .chat-message-delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px;font-size:10px;opacity:0;transition:opacity .2s,color .2s}.message-content .chat-message-delete-btn:hover{color:#ef4444}.message-content:hover .chat-message-delete-btn{opacity:1}.message-content .message-text{word-break:break-word;white-space:pre-wrap}.message-content .message-time{font-size:10px;color:#94a3b8;margin-top:4px;display:block}.chat-input-area{padding:16px;border-top:1px solid #f1f5f9;background:#f8fafc;display:flex;gap:8px;align-items:flex-end;border-radius:0 0 12px 12px}.chat-input{flex:1;border:1px solid #e2e8f0;border-radius:20px;padding:8px 16px;font-size:14px;resize:none;outline:none;transition:border-color .2s;background:#fff;min-height:38px;max-height:100px}.chat-input:focus{border-color:#26c6da}.chat-send-btn{width:38px;height:38px;border-radius:50%;background:#26c6da;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.chat-send-btn:hover{background:#00acc1}.chat-send-btn i{font-size:14px;margin-left:-2px}.chat-toggle-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#26c6da;color:#fff;border:none;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:90;transition:transform .2s,background .2s}.chat-toggle-btn:hover{transform:scale(1.05);background:#00acc1}.chat-toggle-btn i{font-size:24px}.chat-toggle-btn.hidden{display:none}.chat-toggle-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:12px;font-weight:bold;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid #fff}@media(max-width: 768px){.content-with-chat{display:block;padding-right:0}.chat-sidebar{display:none !important}.chat-toggle-btn{display:none}}.timetable-mobile-page{padding-bottom:80px;min-height:100vh;background:#f0fdff}.mobile-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 16px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.mobile-header .header-content{display:flex;align-items:center;justify-content:space-between}.mobile-header .page-title{font-size:18px;font-weight:600;color:#1e293b}.shared-mode-banner-mobile{background:linear-gradient(135deg, #FFF5F8 0%, #F0F8FF 100%);padding:12px 16px;border-bottom:1px solid rgba(255,182,193,.3)}.shared-mode-banner-mobile .banner-content-mobile{display:flex;align-items:center;gap:12px}.shared-mode-banner-mobile .banner-content-mobile i{font-size:18px;color:#4dd0e1}.shared-mode-banner-mobile .banner-content-mobile .banner-text-mobile{flex:1;display:flex;flex-direction:column;gap:4px}.shared-mode-banner-mobile .banner-content-mobile .banner-text-mobile strong{font-size:14px;font-weight:600;color:#1e293b}.shared-mode-banner-mobile .banner-content-mobile .banner-text-mobile span{font-size:12px;color:#64748b}.shared-mode-banner-mobile .banner-content-mobile .last-modified-mobile{background:none;border:none;color:#4dd0e1;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.shared-mode-banner-mobile .banner-content-mobile .last-modified-mobile:active{background-color:rgba(77,208,225,.1)}.timetable-section-mobile{padding:16px}.timetable-controls-mobile{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.control-group-mobile{background:#fff;border-radius:12px;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(4, 1fr);gap:6px}.control-group-mobile.time-adjust-group-mobile{display:flex;flex-direction:column;gap:10px;padding:12px}.control-group-mobile.preview-voice-timer-group-mobile{display:flex;flex-direction:column;gap:10px;padding:12px}.btn-mobile{padding:8px 4px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;min-height:64px;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;overflow:hidden}.btn-mobile i{font-size:18px;line-height:1;flex-shrink:0}.btn-mobile span{font-size:10px;font-weight:500;opacity:.95;line-height:1.2;margin-top:1px}.btn-mobile:active{transform:scale(0.96);box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-mobile:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.12)}.btn-mobile.btn-sm-mobile{padding:8px 10px;font-size:12px;min-height:44px}.btn-mobile.btn-sm-mobile i{font-size:16px}.btn-info-mobile{background:linear-gradient(135deg, #4dd0e1 0%, #26c6da 100%);color:#fff}.btn-info-mobile:active{background:linear-gradient(135deg, #26c6da 0%, #00bcd4 100%)}.btn-secondary-mobile{background:linear-gradient(135deg, #81d4fa 0%, #4dd0e1 100%);color:#fff}.btn-secondary-mobile:active{background:linear-gradient(135deg, #4dd0e1 0%, #26c6da 100%)}.btn-success-mobile{background:linear-gradient(135deg, #66bb6a 0%, #4caf50 100%);color:#fff}.btn-success-mobile:active{background:linear-gradient(135deg, #4caf50 0%, #388e3c 100%)}.btn-primary-mobile{background:linear-gradient(135deg, #4dd0e1 0%, rgb(51.1557692308, 201.1759615385, 220.6442307692) 100%);color:#fff}.btn-primary-mobile:active{background:linear-gradient(135deg, rgb(51.1557692308, 201.1759615385, 220.6442307692) 0%, rgb(38.2336538462, 197.7639423077, 218.4663461538) 100%)}.btn-warning-mobile{background:linear-gradient(135deg, #ffb74d 0%, #ffa726 100%);color:#fff}.btn-warning-mobile:active{background:linear-gradient(135deg, #ffa726 0%, #ff9800 100%)}.btn-danger-mobile{background:linear-gradient(135deg, #ef5350 0%, #e53935 100%);color:#fff}.btn-danger-mobile:active{background:linear-gradient(135deg, #e53935 0%, #c62828 100%)}.time-adjust-group-mobile{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.time-adjust-label-mobile{font-size:15px;font-weight:600;color:#1e293b;margin-bottom:12px}.time-adjust-input-group-mobile{display:flex;align-items:center;gap:8px;margin-bottom:12px}.time-adjust-input-mobile{flex:1;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;min-height:44px;-webkit-appearance:none;appearance:none}.time-adjust-input-mobile:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.time-adjust-unit-mobile{font-size:14px;color:#64748b}.time-adjust-buttons-mobile{display:grid;grid-template-columns:repeat(4, 1fr);gap:6px}.time-adjust-buttons-mobile .btn-mobile{min-height:56px;padding:8px 4px;font-size:12px;flex-direction:row;gap:4px}.time-adjust-buttons-mobile .btn-mobile i{font-size:16px}.time-adjust-buttons-mobile .btn-mobile span{font-size:11px;margin-top:0}.timetable-container-mobile{background:#fff;border-radius:8px;padding:12px;margin-bottom:16px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.table-actions-mobile{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.table-actions-mobile .btn-mobile{flex:1;min-width:0;flex-direction:row;gap:6px}.table-actions-mobile .btn-mobile span{margin-top:0}.timetable-wrapper-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}.timetable-mobile{width:100%;border-collapse:collapse;background:#fff;min-width:600px}.timetable-mobile thead{background-color:#4dd0e1;color:#fff}.timetable-mobile th{padding:10px 8px;text-align:left;font-weight:600;font-size:14px;border:1px solid hsla(0,0%,100%,.2);position:relative;background-color:#4dd0e1 !important;color:#fff !important}.timetable-mobile th .header-content{display:flex;align-items:center;gap:4px;width:100%}.timetable-mobile th .column-name{flex:1;min-width:0;padding:4px;border-radius:4px;cursor:text;font-size:14px}.timetable-mobile th .column-name:focus{outline:2px solid hsla(0,0%,100%,.5);background-color:hsla(0,0%,100%,.15)}.timetable-mobile td{padding:8px;border:1px solid #e2e8f0}.timetable-mobile tbody tr{transition:background-color .2s}.timetable-mobile tbody tr:hover{background-color:#f7fafc}.timetable-mobile tbody tr.fixed-row{background-color:#fff5f5}.timetable-mobile tbody tr.fixed-row:hover{background-color:#fed7d7}.timetable-mobile .cell-input{width:100%;min-width:0;padding:8px;border:1px solid #cbd5e0;border-radius:4px;font-size:16px;transition:border-color .2s;cursor:text;min-height:44px;box-sizing:border-box;-webkit-appearance:none;appearance:none}.timetable-mobile .cell-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.timetable-mobile .cell-text{padding:8px;font-size:14px;min-height:44px;display:flex;align-items:center;word-break:break-word}.timetable-memo-mobile{background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.timetable-memo-mobile label{display:block;font-size:14px;font-weight:500;color:#1e293b;margin-bottom:8px}.timetable-memo-mobile .timetable-memo-textarea-mobile{width:100%;min-height:100px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;box-sizing:border-box;-webkit-appearance:none;appearance:none}.timetable-memo-mobile .timetable-memo-textarea-mobile:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.timetable-modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.timetable-modal-content-mobile{background:#fff;border-radius:12px;width:100%;max-width:400px;max-height:85vh;display:flex;flex-direction:column;animation:fadeIn .3s ease-out;box-shadow:0 10px 25px rgba(0,0,0,.2)}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.timetable-modal-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e2e8f0}.timetable-modal-header-mobile h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.timetable-modal-header-mobile .modal-close-mobile{background:none;border:none;font-size:20px;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.timetable-modal-header-mobile .modal-close-mobile:active{background-color:rgba(0,0,0,.05)}.timetable-modal-body-mobile{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch;min-height:0}.timetable-modal-body-mobile .save-form{display:flex;flex-direction:column;gap:12px}.timetable-modal-body-mobile .save-form label{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:0}.timetable-modal-body-mobile .save-form .form-input{padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;min-height:44px;-webkit-appearance:none;appearance:none;transition:all .2s}.timetable-modal-body-mobile .save-form .form-input:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.timetable-modal-body-mobile .save-form .form-input::placeholder{color:#a0aec0}.timetable-modal-body-mobile .save-form button{width:100%;min-height:48px;margin-top:0}.timetable-modal-content-mobile .timetable-item{padding:12px;gap:8px}.timetable-modal-content-mobile .timetable-title{font-size:15px;margin-bottom:4px}.timetable-modal-content-mobile .timetable-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timetable-modal-content-mobile .timetable-meta .timetable-date{font-size:12px;color:#64748b}.timetable-modal-content-mobile .timetable-meta .timetable-source{display:inline-block;font-size:11px;padding:2px 6px;background:#48b9c7;color:#fff;border-radius:8px;font-weight:500;line-height:1.2;text-align:center}.timetable-modal-content-mobile .timetable-meta .share-btn,.timetable-modal-content-mobile .timetable-meta .load-btn,.timetable-modal-content-mobile .timetable-meta .delete-btn{min-height:40px;font-size:13px;padding:8px 4px;margin:0;flex:1;min-width:0}.timetable-modal-content-mobile .timetable-meta .share-btn i,.timetable-modal-content-mobile .timetable-meta .load-btn i,.timetable-modal-content-mobile .timetable-meta .delete-btn i{font-size:14px}.timetable-modal-content-mobile .timetable-meta .share-btn,.timetable-modal-content-mobile .timetable-meta .load-btn,.timetable-modal-content-mobile .timetable-meta .delete-btn{flex-basis:calc(33.333% - 6px);max-width:calc(33.333% - 6px)}.edit-history-modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end}.edit-history-modal-content-mobile{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.edit-history-modal-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e2e8f0}.edit-history-modal-header-mobile h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.edit-history-modal-header-mobile .edit-history-header-actions-mobile{display:flex;align-items:center;gap:8px}.edit-history-modal-body-mobile{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.edit-history-list-mobile{display:flex;flex-direction:column;gap:12px}.edit-history-loading-mobile{text-align:center;padding:20px;color:#64748b}.restore-modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end}.restore-modal-content-mobile{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.restore-modal-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e2e8f0}.restore-modal-header-mobile h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.restore-modal-body-mobile{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.restore-options-mobile{display:flex;flex-direction:column;gap:16px}.restore-option-mobile{padding:16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.restore-option-header-mobile{display:flex;align-items:center;gap:8px;margin-bottom:8px}.restore-option-header-mobile i{font-size:18px;color:#4dd0e1}.restore-option-header-mobile strong{font-size:16px;font-weight:600;color:#1e293b}.restore-option-description-mobile{font-size:14px;color:#64748b;margin-bottom:12px;line-height:1.6}.restore-warning-mobile{color:#e53e3e;font-weight:500}.restore-name-input-mobile{margin-bottom:12px}.restore-name-input-mobile label{display:block;font-size:14px;font-weight:500;color:#1e293b;margin-bottom:8px}.restore-name-input-mobile .form-control-mobile{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;min-height:44px;box-sizing:border-box;-webkit-appearance:none;appearance:none}.restore-name-input-mobile .form-control-mobile:focus{outline:none;border-color:#4dd0e1;box-shadow:0 0 0 3px rgba(77,208,225,.1)}.login-required-modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.login-required-modal-content-mobile{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;text-align:center;animation:slideUp .3s ease-out}.login-required-icon-mobile{font-size:48px;color:#4dd0e1;margin-bottom:16px}.login-required-text-mobile{margin-bottom:24px}.login-required-title-mobile{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px 0}.login-required-description-mobile{font-size:14px;color:#64748b;margin:0 0 4px 0}.login-required-button-mobile{display:inline-block;padding:12px 24px;background:#4dd0e1;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:500;transition:background-color .2s}.login-required-button-mobile:active{background:#26c6da}.preview-voice-timer-group-mobile{background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.timetable-voice-timer-compact-mobile{display:flex;flex-direction:column;gap:12px}.timetable-voice-compact-controls-mobile{display:flex;flex-direction:column;gap:12px}.timetable-voice-column-select-compact-mobile{display:flex;flex-wrap:wrap;gap:8px}.timetable-voice-compact-sliders-mobile{display:flex;flex-direction:column;gap:12px}.timetable-voice-compact-slider-item-mobile{display:flex;align-items:center;gap:12px}.timetable-voice-compact-slider-item-mobile input[type=range]{flex:1;height:4px;border-radius:2px;background:#e2e8f0;outline:none;-webkit-appearance:none;appearance:none}.timetable-voice-compact-slider-item-mobile input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#4dd0e1;cursor:pointer}.timetable-voice-compact-slider-item-mobile input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#4dd0e1;cursor:pointer;border:none}.timetable-voice-compact-slider-item-mobile .timetable-voice-compact-value-mobile{font-size:14px;color:#64748b;min-width:50px;text-align:right}.timetable-voice-countdown-compact-mobile{font-size:24px;font-weight:600;color:#4dd0e1;text-align:center;padding:12px;background:rgba(77,208,225,.1);border-radius:8px}.timetable-voice-buttons-wrapper-mobile{display:flex;gap:8px;width:100%}.timetable-voice-buttons-wrapper-mobile #timetable-voice-start,.timetable-voice-buttons-wrapper-mobile #timetable-voice-stop{flex:1;min-width:0}.chat-modal-overlay-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2000;display:none}.chat-modal-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:2001;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.chat-modal-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e2e8f0;background:#fff;position:sticky;top:0;z-index:10}.chat-modal-title-mobile{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1e293b}.chat-modal-title-mobile i{color:#4dd0e1}.chat-unread-badge-mobile{display:inline-flex;align-items:center;justify-content:center;background:#f44336;color:#fff;border-radius:50%;min-width:20px;height:20px;font-size:11px;font-weight:600;padding:0 4px}.chat-modal-close-mobile{width:40px;height:40px;border:none;background:rgba(0,0,0,0);color:#64748b;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.chat-modal-close-mobile:active{background:#f0fdff}.chat-modal-body-mobile{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-messages-mobile{padding:16px;min-height:100%;display:flex;flex-direction:column;gap:12px}.chat-modal-footer-mobile{padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff;position:sticky;bottom:0;z-index:10}.chat-input-area-mobile{display:flex;gap:8px;align-items:flex-end}.chat-input-mobile{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:20px;font-size:16px;font-family:inherit;resize:none;max-height:120px;min-height:40px;line-height:1.4}.chat-input-mobile:focus{outline:none;border-color:#4dd0e1}.chat-send-btn-mobile{width:40px;height:40px;border:none;background:#4dd0e1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background-color .2s}.chat-send-btn-mobile:active{background:rgb(51.1557692308,201.1759615385,220.6442307692)}.chat-send-btn-mobile:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn-mobile i{font-size:16px}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width: 768px){.chat-input-area{display:none !important}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100vw;height:-webkit-fill-available}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;line-height:1.6;color:#1e293b;background-color:#fff;overflow-x:hidden;width:100%;max-width:100vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:-webkit-fill-available;-webkit-overflow-scrolling:touch}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.mt-auto{margin-top:auto}footer{position:relative;bottom:0;width:100%;z-index:10}body.min-h-screen{display:flex !important;flex-direction:column !important;min-height:100vh !important}main.flex-1{flex:1 0 auto !important}footer.mt-auto{flex-shrink:0 !important;margin-top:auto !important}.container{padding-top:0 !important;padding-bottom:0 !important}.container p{margin-bottom:.5rem}.container p:last-child{margin-bottom:0}.search-highlight{background-color:#fef08a;color:#1e293b;font-weight:600;padding:.1em .2em;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.footer-fixed{position:relative !important;bottom:0 !important;width:100% !important;z-index:10 !important;flex-shrink:0 !important;margin-top:auto !important}footer{background-color:#1f2937 !important;color:#fff !important;padding:1rem 0 !important;position:relative !important;bottom:0 !important;width:100% !important;z-index:10 !important;flex-shrink:0 !important;margin-top:auto !important}footer p{color:#fff !important}footer .text-gray-400{color:#9ca3af !important}.footer-fixed{color:#fff !important}.footer-fixed p{color:#fff !important}.footer-fixed .text-gray-400{color:#9ca3af !important}/*# sourceMappingURL=app.css.map */