.app{min-height:100vh;padding:40px}.app h1{margin-top:0;margin-bottom:30px}.planner{max-width:900px;margin:0 auto}.planner-card{background:#1f2937;border-radius:12px;margin-bottom:20px;padding:25px}.planner-card h2{margin-top:0}select{color:#fff;background:#111827;border:1px solid #4b5563;border-radius:8px;width:100%;padding:12px;font-size:16px}.character-info{background:#111827;border-radius:8px;margin-top:20px;padding:15px}.level-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.level-grid label,.talent-row label{margin-bottom:8px;font-weight:700;display:block}.talents{flex-direction:column;gap:15px;display:flex}.talent-row{grid-template-columns:1fr 150px;align-items:center;gap:20px;display:grid}.calculate-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:20px;padding:14px;font-size:16px;font-weight:700}.calculate-button:hover{background:#1d4ed8}.error{color:#f87171}@media (width<=600px){.app{padding:20px}.level-grid,.talent-row{grid-template-columns:1fr}}*{box-sizing:border-box}body{color:#f4f4f5;background:#121722;margin:0;font-family:Inter,system-ui,Arial,sans-serif}button,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.topbar{background:#171923;border-bottom:1px solid #2b3040;align-items:center;height:66px;padding:0 32px;display:flex}.topbar h1{margin:0;font-size:22px}.planner-container{width:min(1460px,100% - 32px);margin:28px auto}.resource-summary{z-index:20;background:#1c2232;border:1px solid #30394c;border-radius:7px;width:232px;position:fixed;top:82px;bottom:16px;left:12px;overflow:visible;box-shadow:0 8px 24px #00000047}.resource-summary>h2{text-align:center;border-bottom:3px solid #171d2b;margin:0;padding:11px;font-size:20px}.resource-summary-scroll{height:calc(100% - 50px);padding:8px;overflow:hidden auto}.resource-summary-group h3{color:#ffd780;text-align:center;margin:7px 0;font-size:15px}.resource-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.summary-resource{cursor:pointer;background:#252c3a;border-radius:4px;outline:none;min-width:0;position:relative}.summary-resource-quantity{color:#e2e5eb;text-align:center;background:#111722;padding:2px;font-size:11px;display:block}.summary-resource-image{aspect-ratio:1;background:linear-gradient(135deg,#465066,#2b3344);place-items:center;display:grid;overflow:hidden}.summary-resource-image img{object-fit:contain;width:100%;height:100%}.summary-resource.rarity-3 .summary-resource-image{background:linear-gradient(135deg,#35624b 0%,#284638 58%,#22362e 100%)}.summary-resource.rarity-4 .summary-resource-image{background:linear-gradient(135deg,#3c668d 0%,#304f70 58%,#273d56 100%)}.summary-resource.rarity-5 .summary-resource-image{background:linear-gradient(135deg,#775487 0%,#60446f 58%,#45334f 100%)}.summary-resource.rarity-boss .summary-resource-image{background:linear-gradient(135deg,#9a763b 0%,#76582f 58%,#4d3b29 100%)}.summary-resource.rarity-anomalous .summary-resource-image,.summary-resource.rarity-boss_anomalous .summary-resource-image,.summary-resource.summary-category-boss_anomalous .summary-resource-image{background:linear-gradient(135deg,#984858 0%,#703543 58%,#482831 100%)}.compact-material.material-category-boss_anomalous .compact-material-image{background:linear-gradient(135deg,#984858 0%,#703543 58%,#482831 100%);box-shadow:inset 0 1px #ffffff1a,inset 0 -10px 18px #0000001a}.summary-resource[class*=rarity-] .summary-resource-image{box-shadow:inset 0 1px #ffffff1a,inset 0 -10px 18px #0000001a}.summary-resource-tooltip{z-index:2000;color:#171717;filter:none;background:#e8e1d5;border:2px solid #aaa5a0;border-radius:5px;width:360px;max-width:min(360px,100vw - 28px);padding:0;font-size:13px;display:none;position:fixed;top:50%;left:356px;transform:translateY(-50%);box-shadow:0 10px 28px #0000008c}.summary-tooltip-header{color:#eeeaf2;background:linear-gradient(135deg,#705b80,#594766);grid-template-columns:1fr 58px;align-items:center;gap:8px;min-height:66px;padding:8px 10px;display:grid}.summary-tooltip-header strong{font-size:17px;line-height:1.15}.summary-tooltip-header img{object-fit:contain;width:54px;height:54px}.summary-resource-tooltip>p{border-bottom:1px solid #99948b;margin:0;padding:8px 10px;line-height:1.2}.summary-tooltip-for{text-align:center;padding:4px 8px 2px;font-size:14px;font-weight:800}.summary-tooltip-characters{flex-wrap:wrap;justify-content:center;gap:5px;min-height:58px;padding:2px 8px 9px;display:flex}.summary-tooltip-character{background:#343a4a;border:1px solid #7c7780;place-items:center;width:46px;height:46px;display:grid;position:relative}.summary-tooltip-character img{object-fit:cover;width:100%;height:100%}.summary-tooltip-character>span{color:#fff;font-weight:800}.summary-tooltip-character small{color:#fff;text-align:center;background:#151a25;border-radius:8px;min-width:17px;padding:1px 3px;font-size:9px;position:absolute;bottom:-4px;right:-3px}.summary-resource:hover .summary-resource-tooltip,.summary-resource:focus-visible .summary-resource-tooltip{display:block}@media (width>=1100px){.planner-container.with-summary{width:calc(100% - 276px);margin-left:260px;margin-right:16px}}@media (width<=1099px){.resource-summary{width:100%;margin-bottom:18px;position:relative;top:auto;bottom:auto;left:auto}.resource-summary-scroll{height:auto;max-height:280px;overflow-x:hidden}.resource-summary-grid{grid-template-columns:repeat(auto-fill,minmax(48px,58px));justify-content:center}.summary-resource-tooltip{top:50%;left:50%;transform:translate(-50%,-50%)}}.actions-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.action-button{cursor:pointer;color:#171717;background:#ede5d8;border:0;border-radius:999px;padding:12px 22px;font-weight:700}.action-button.secondary{background:#ede5d8}.action-button:hover{filter:brightness(.96)}.error-box{color:#ffb5ba;background:#482729;border-radius:7px;margin-bottom:18px;padding:12px 15px}.empty-state{text-align:center;color:#aab0bf;background:#1b2230;border:1px solid #30394c;border-radius:12px;flex-direction:column;align-items:center;gap:10px;max-width:520px;margin:80px auto;padding:34px;display:flex}.empty-state strong{color:#fff;font-size:18px}.planner-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start;gap:12px;display:grid}.compact-character-card{background:#1c2232;border:1px solid #30384a;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px #00000038}.compact-character-card.character-disabled>:not(.compact-card-header){opacity:.32;filter:grayscale(.45)}.compact-card-header{background:#715d85;grid-template-columns:74px 1fr 74px;align-items:center;min-height:48px;padding:5px 7px;display:grid;position:relative}.compact-card-header h2{text-align:center;margin:0;font-size:18px;font-weight:800}.card-tools{gap:6px;display:flex}.card-tools.right{justify-content:flex-end}.icon-button{color:#161616;cursor:pointer;background:#ece8df;border:2px solid #d6d1c7;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:17px;font-weight:900;display:grid}.power-button{color:#777b84;background:#d8d5cd;position:relative}.power-button svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;width:23px;height:23px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.power-button.active{color:#fff;background:#080a0f}.icon-button.danger{color:#fff;background:#1b1b1b}.compact-main-info{grid-template-columns:118px 1fr;gap:14px;padding:10px 12px 8px;display:grid}.compact-portrait img,.image-placeholder.compact{object-fit:cover;border:1px solid #363e53;border-radius:6px;width:108px;height:108px}.image-placeholder.compact{color:#70798b;text-align:center;background:#252d3c;place-items:center;font-size:13px;display:grid}.compact-stats{min-width:0;padding-top:3px}.compact-section-title{color:#f4cf68;font-size:14px;font-weight:800;line-height:1.2}.compact-level-line{grid-template-columns:32px 22px 32px;align-items:center;width:max-content;margin:2px 0 3px;font-size:16px;display:grid}.compact-level-line span,.compact-talent-line>span{color:#697080;text-align:center;font-weight:900}.talents-title{margin-top:2px}.compact-talents-list{flex-direction:column;gap:1px;margin-top:2px;display:flex}.compact-talent-line{grid-template-columns:22px 22px 22px minmax(0,1fr);align-items:center;min-height:20px;font-size:13px;display:grid}.compact-talent-line small{white-space:nowrap;text-overflow:ellipsis;color:#878d9d;padding-left:8px;font-size:11px;overflow:hidden}.compact-divider{background:#42495b;height:1px;margin:0 8px}.compact-calculate,.recalculate-button{color:#fff;cursor:pointer;background:#283249;border:1px solid #4b5770;border-radius:6px;width:calc(100% - 20px);margin:12px 10px;padding:10px 12px;font-weight:700}.compact-calculate:hover,.recalculate-button:hover{background:#33405d}.compact-calculate:disabled,.recalculate-button:disabled{opacity:.55;cursor:wait}.compact-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 10px 0;display:grid}.compact-resource{text-align:center;background:#141a27;border-radius:5px;min-width:0;padding:6px 7px}.resource-top{color:#9fa5b4;font-size:10px;display:block}.compact-resource strong{text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.compact-materials-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:9px 10px 4px;display:grid}.compact-material{background:#252c3a;border-radius:5px;min-width:0;position:relative;overflow:hidden}.compact-material-quantity{text-align:center;color:#b8bdca;background:#131924;height:20px;padding:2px 4px;font-size:11px;display:block}.compact-material-image{aspect-ratio:1;place-items:center;display:grid}.compact-material-image img{object-fit:contain;width:100%;height:100%}.material-detail-trigger{width:100%;color:inherit;cursor:pointer;border:0;padding:0;position:relative}.resource-complete .compact-material-image img,.resource-complete .compact-material-name{opacity:.28}.resource-complete .compact-material-quantity{opacity:1;color:#b8bdca}.resource-complete .compact-material-image:after{content:"✓";color:#38a75f;text-shadow:0 1px 2px #08110b;pointer-events:none;place-items:center;font-size:38px;font-weight:900;line-height:1;display:grid;position:absolute;inset:0}.material-detail-trigger:hover,.material-detail-trigger:focus-visible{filter:brightness(1.14);outline-offset:-2px;outline:2px solid #f2cc64}.material-detail-backdrop{z-index:1400}.material-detail-modal{color:#d0d3dc;background:#202637;border-radius:5px;width:min(352px,100vw - 20px);overflow:hidden;box-shadow:0 20px 70px #00000094}.material-detail-content{padding:11px 9px 18px}.material-detail-content h2{color:#ffd780;text-align:center;margin:0 0 8px;font-size:18px;font-weight:800}.material-detail-status,.material-detail-error{text-align:center;padding:18px 8px}.material-detail-error{color:#ff8b89}.material-family-table{grid-template-columns:94px repeat(var(--family-count), minmax(46px, 56px));justify-content:center;align-items:center;gap:4px;display:grid}.material-family-label{text-align:right;white-space:nowrap;padding-right:5px;font-size:13px}.material-family-image{aspect-ratio:1;background:#344054;border-radius:3px;place-items:center;width:100%;display:grid;overflow:hidden}.material-family-image img{object-fit:contain;width:100%;height:100%}.material-family-image.rarity-3{background:linear-gradient(135deg,#365d47,#243b30)}.material-family-image.rarity-4{background:linear-gradient(135deg,#345678,#263d56)}.material-family-image.rarity-5{background:linear-gradient(135deg,#6d4a80,#463253)}.material-family-value,.material-family-input{color:#111;text-align:center;background:#d8d8d3;border:2px solid #9b9b96;border-radius:3px;width:100%;height:31px;padding:0 2px;font-size:17px;font-weight:900}.material-detail-actions{background:#191f2e;border-top:4px solid #171d2b;place-items:center;min-height:62px;display:grid}.material-detail-actions .confirm-circle:disabled{opacity:.55;cursor:wait}@media (width<=480px){.material-detail-content{padding-left:10px;padding-right:10px}.material-family-table{grid-template-columns:82px repeat(var(--family-count), minmax(42px, 56px))}.material-family-label{font-size:11px}}.material-placeholder{color:#ffffff47;font-size:24px}.compact-material-name{color:#c7cad3;white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:3px 4px 5px;font-size:9px;display:block;overflow:hidden}.rarity-3 .compact-material-image{background:linear-gradient(135deg,#365d47,#243b30)}.rarity-4 .compact-material-image{background:linear-gradient(135deg,#345678,#263d56)}.rarity-5 .compact-material-image{background:linear-gradient(135deg,#6d4a80,#463253)}.rarity-boss .compact-material-image{background:linear-gradient(135deg,#856739,#594728)}.modal-backdrop{z-index:1000;background:#050710e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#202637;border:1px solid #414a61;border-radius:7px;width:min(470px,100%);max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 20px 70px #0000008c}.modal h2{margin-top:0}.add-character-modal,.add-weapon-modal{width:min(620px,100%)}.weapon-catalog-empty{color:#aeb4c1;text-align:center;background:#171d2b;border:1px dashed #46526b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;margin-bottom:14px;padding:28px;display:flex}.weapon-catalog-empty strong{color:#f4f0e8;font-size:17px}.weapon-catalog-empty p{max-width:400px;margin:0}.weapon-catalog-icon{color:#ffd77c;background:#20293a;border:1px solid #f1ca69;border-radius:50%;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.weapon-type-filter{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;display:flex}.weapon-type-filter button{color:#cdd1dc;cursor:pointer;background:#20293a;border:1px solid #40516a;border-radius:5px;padding:7px 11px;font-weight:700}.weapon-type-filter button.active{color:#ffd77c;border-color:#f1ca69}.weapon-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:9px;max-height:min(62vh,610px);margin-bottom:14px;padding:4px;display:grid;overflow-y:auto}.weapon-option{color:#fff;cursor:pointer;background:#273146;border:1px solid #49546d;border-radius:7px;flex-direction:column;align-items:center;gap:4px;min-height:154px;padding:10px;display:flex}.weapon-option:hover{border-color:#f1ca69;transform:translateY(-2px)}.weapon-option-image{place-items:center;width:58px;height:58px;font-size:32px;display:grid}.weapon-option-image img{object-fit:contain;width:100%;height:100%}.weapon-option>span,.weapon-option small{color:#bfc5d2}.weapon-rank-S{background-image:linear-gradient(135deg,#996d2f61,#0000 60%)}.weapon-rank-A{background-image:linear-gradient(135deg,#724a8f61,#0000 60%)}.weapon-rank-B{background-image:linear-gradient(135deg,#36668559,#0000 60%)}.compact-weapon-card{background:linear-gradient(#1e2536,#1a2130);border:1px solid #364057;border-radius:7px;min-width:0;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 9px 24px #00000052}.compact-weapon-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #0006}.compact-weapon-card.weapon-rank-S{background:linear-gradient(#242332,#1a2130 22%);border-color:#9f7b3e}.compact-weapon-card.weapon-rank-S .compact-card-header{background:linear-gradient(#a9844b 0%,#806037 58%,#664a2e 100%)}.compact-weapon-card.weapon-rank-A{background:linear-gradient(#222234,#1a2130 22%);border-color:#715180}.compact-weapon-card.weapon-rank-A .compact-card-header{background:linear-gradient(#846496 0%,#6c4d7c 58%,#533b61 100%)}.compact-weapon-card.weapon-rank-B{background:linear-gradient(#202b39,#1a2130 22%);border-color:#416c89}.compact-weapon-card.weapon-rank-B .compact-card-header{background:linear-gradient(#4d7895 0%,#385d78 58%,#29485f 100%)}.weapon-rank{color:#ffd77c;font-weight:900}.weapon-card-body{align-items:center}.weapon-card-image{place-items:center;font-size:45px;display:grid}.weapon-card-image img{object-fit:contain;width:100%;height:100%}.weapon-stats{gap:3px}.weapon-type-line{align-items:center;gap:8px;display:flex}.weapon-stat-line{font-size:16px}.weapon-level-controls{justify-content:center;align-items:end;gap:10px;padding:0 12px 14px;display:flex}.weapon-level-controls label{color:#c9cfdb;text-align:center;gap:3px;font-size:11px;display:grid}.weapon-level-controls select{color:#fff;background:#111827;border:1px solid #4a5871;border-radius:5px;min-width:62px;padding:5px}.weapon-level-controls button{cursor:pointer;background:#eee7dc;border:0;border-radius:15px;padding:7px 10px;font-weight:700}.weapon-level-controls button:disabled{opacity:.55;cursor:wait}.weapon-currency-grid{padding-top:0;padding-bottom:0}.weapon-materials-grid{padding:0 10px 12px}.weapon-editor{overflow:visible}.weapon-editor-preview{place-items:center;height:104px;margin:8px auto 2px;display:grid}.weapon-editor-preview img{object-fit:contain;width:100px;height:100px}.weapon-editor .stepper-field select{color:#fff;text-align:center;background:#111827;border:1px solid #59657b;border-radius:6px;min-width:92px;padding:8px 10px;font-size:17px;font-weight:800}.add-character-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.add-character-header h2{margin:0}.add-character-close{color:#fff;cursor:pointer;background:#d83b48;border:2px solid #ff9898;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0 0 3px;font-size:27px;line-height:1;display:grid}.add-character-close:hover,.add-character-close:focus-visible{background:#f04d59;border-color:#ffd0d0;outline:none}.character-element-filter{background:#171d2b;border:1px solid #354057;border-radius:6px;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px;padding:9px;display:flex}.character-element-filter button{color:#cdd1dc;cursor:pointer;background:#20293a;border:1px solid #40516a;border-radius:5px;align-items:center;gap:6px;min-height:36px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.character-element-filter button:hover,.character-element-filter button.active{color:#ffd77c;background:#344157;border-color:#f1ca69}.element-filter-symbol{color:#fff;background:#111827;border:1px solid #ffffff2e;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:14px;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 0 8px #00000073}.element-filter-symbol img{object-fit:contain;width:100%;height:100%;display:block}.empty-element-filter{color:#aeb4c1;text-align:center;place-items:center;min-height:90px;margin:0;display:grid}.character-options-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.character-rarity-groups{gap:16px;display:grid}.character-rarity-group{background:#191f2e;border:1px solid #354057;border-radius:7px;padding:10px}.character-rarity-group>h3{color:#f1f2f6;border-bottom:1px solid #343d52;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;padding:0 2px 8px;font-size:15px;display:flex}.character-rarity-group>h3 small{color:#e8bd61;letter-spacing:1px}.character-rarity-group.rarity-5{border-color:#655071}.character-rarity-group.rarity-4{border-color:#395875}.character-option-card{color:#fff;cursor:pointer;background:#293145;border:1px solid #414a61;border-radius:7px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px;display:flex}.character-option-card:hover{background:#333d56}.option-portrait{background:#1c2230;border-radius:6px;place-items:center;width:82px;height:82px;display:grid;overflow:hidden}.option-portrait img{object-fit:cover;width:100%;height:100%}.character-option-card small{color:#a9b0bf}.modal-close{color:#fff;cursor:pointer;background:#725e87;border:0;border-radius:6px;width:100%;margin-top:16px;padding:11px;font-weight:800}.edit-planner-modal{width:min(320px,100%);padding:0;overflow:visible}.modal-character-title{text-align:center;color:#e8e5e2;background:#715d85;border-radius:6px 6px 0 0;place-items:center;min-height:47px;padding:9px 14px;font-size:22px;font-weight:900;display:grid}.edit-section,.edit-talent-block{border-bottom:0;padding:10px 10px 11px;position:relative}.edit-section:after,.edit-talent-block:after{content:"";background:#4a5264;height:1px;position:absolute;bottom:0;left:10px;right:10px}.edit-section h3,.edit-talent-block h3{text-align:center;color:#f4cf68;margin:0 0 6px;font-size:19px;font-weight:800;line-height:1.15}.edit-two-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.edit-two-columns label{flex-direction:column;align-items:center;gap:4px;display:flex}.edit-two-columns label>span{color:#d4d7df;font-size:12px;font-weight:700}.edit-two-columns select{color:#111;background:#ece8dd;border:1px solid #858c9b;border-radius:5px;width:100%;min-height:34px;padding:0 8px;font-weight:800}.edit-modal-actions{background:#191f2e;border-top:5px solid #171d2b;border-radius:0 0 6px 6px;justify-content:space-around;align-items:center;min-height:65px;padding:9px 42px;display:flex;box-shadow:inset 0 4px 8px #00000024}.cancel-circle,.confirm-circle{color:#111;cursor:pointer;border:3px solid #b6b4ae;border-radius:50%;width:44px;height:44px;font-size:23px;font-weight:900}.cancel-circle{background:#ff5654}.confirm-circle{background:#24b879}@media (width>=1250px){.planner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=780px){.planner-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.planner-container{width:min(100% - 20px,1460px);margin-top:18px}.topbar{padding:0 16px}}@media (width<=410px){.compact-main-info{grid-template-columns:102px 1fr;gap:8px}.compact-portrait img,.image-placeholder.compact{width:94px;height:94px}.compact-materials-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.exp-resources-grid{margin-bottom:10px}.currency-card .compact-material-image{background:#8b6b35}.currency-card .compact-material-quantity{font-size:10px}.exp-item-card .material-placeholder,.currency-card .material-placeholder{opacity:.8;font-size:12px;font-weight:700}.inventory-modal{background:#1c2333;width:min(1080px,94vw);max-height:90vh;padding:0;overflow:hidden}.inventory-header{border-bottom:1px solid #384258;justify-content:space-between;align-items:center;min-height:60px;padding:0 20px;display:flex}.inventory-header h2{margin:0;font-size:22px}.inventory-close{color:#c8ccd5;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:22px}.inventory-toolbar{background:#1a2130;border-bottom:1px solid #343e52;grid-template-columns:minmax(220px,1fr) 190px 220px;align-items:end;gap:18px;padding:14px 20px;display:grid}.inventory-filter{flex-direction:column;gap:5px;display:flex}.inventory-filter label{text-align:center;color:#f0ca53;font-weight:800}.inventory-filter select{color:#111;background:#eee7db;border:0;border-radius:999px;width:100%;height:40px;padding:0 14px;font-weight:700}.inventory-currency-box{grid-template-columns:44px 1fr;gap:7px;display:grid}.inventory-currency-icon{color:#f7dd73;background:#a87c2e;border-radius:50%;place-items:center;height:42px;font-size:21px;font-weight:900;display:grid}.inventory-currency-box input{color:#111;text-align:center;background:#eee7db;border:2px solid #a99f8e;border-radius:4px;width:100%;height:42px;font-size:18px;font-weight:800}.inventory-save-button{color:#171717;cursor:pointer;background:#ede5d8;border:0;border-radius:999px;height:42px;font-weight:800}.inventory-scroll-area{max-height:62vh;padding:12px;overflow-y:auto}.inventory-sections{flex-direction:column;gap:14px;display:flex}.inventory-section{background:#0f15206b;border:1px solid #354158;border-radius:8px;padding:10px}.inventory-section h3{color:#f4d372;border-bottom:1px solid #38445b;margin:0 0 9px;padding:0 4px 8px;font-size:15px}.inventory-section-boss h3{color:#ddb56b}.inventory-section-boss_anomalous h3{color:#e28b9b}.inventory-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.inventory-item{background:#252c3a;border:1px solid #344056;border-radius:6px;flex-direction:column;min-width:0;padding:5px;display:flex}.inventory-item-image{border-radius:4px;place-items:center;height:76px;display:grid}.inventory-item-image img{object-fit:contain;width:68px;height:68px}.inventory-item-name{text-align:center;justify-content:center;align-items:center;min-height:30px;margin-top:4px;font-size:10px;line-height:1.15;display:flex;overflow:hidden}.inventory-quantity-input{color:#111;text-align:center;background:#eee7db;border:2px solid #d5cebf;border-radius:4px;width:100%;height:31px;margin-top:5px;font-size:15px;font-weight:900}.inventory-legend{color:#c9ced9;border-top:1px solid #384258;flex-wrap:wrap;align-items:center;gap:16px;min-height:42px;padding:8px 18px;font-size:11px;display:flex}.inventory-legend>span{align-items:center;gap:5px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.rarity-3-dot{background:#365d47}.rarity-4-dot{background:#345678}.rarity-5-dot{background:#6d4a80}.boss-dot{background:#856739}.anomalous-dot{background:#984858}.inventory-item.rarity-3 .inventory-item-image{background:linear-gradient(135deg,#365d47,#243b30)}.inventory-item.rarity-4 .inventory-item-image{background:linear-gradient(135deg,#345678,#263d56)}.inventory-item.rarity-5 .inventory-item-image{background:linear-gradient(135deg,#6d4a80,#463253)}.inventory-item.rarity-boss .inventory-item-image{background:linear-gradient(135deg,#856739,#594728)}.inventory-item.inventory-category-boss_anomalous .inventory-item-image{background:linear-gradient(135deg,#984858 0%,#703543 58%,#482831 100%);box-shadow:inset 0 1px #ffffff1a,inset 0 -10px 18px #0000001a}@media (width<=1000px){.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=760px){.inventory-toolbar{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=480px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stepper-two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stepper-field{flex-direction:column;align-items:center;gap:3px;display:flex}.stepper-field>span{color:#d3d6df;font-size:16px;font-weight:800;line-height:1.1}.stepper-control{grid-template-columns:30px 42px 30px;justify-content:center;align-items:center;column-gap:3px;display:grid}.edit-talent-block .stepper-two-columns{grid-template-columns:108px 108px;justify-content:center;gap:12px}.stepper-control button{color:#111;cursor:pointer;background:#c5c3bd;border:2px solid #9c9b96;width:30px;height:30px;font-size:20px;font-weight:900}.stepper-control button:first-child{border-radius:999px 4px 4px 999px}.stepper-control button:last-child{border-radius:4px 999px 999px 4px}.stepper-control button:hover:not(:disabled){filter:brightness(1.08)}.stepper-control button:disabled{opacity:.45;cursor:not-allowed}.stepper-control strong{color:#111;background:#eee8db;border-top:2px solid #b6b0a5;border-bottom:2px solid #b6b0a5;place-items:center;height:34px;font-size:18px;font-weight:900;display:grid}.level-state-picker{z-index:20;width:42px;height:34px;position:relative}.stepper-control .level-state-trigger{color:#111;cursor:pointer;background:#eee8db;border:2px solid #b6b0a5;border-radius:3px;grid-template-rows:1fr 8px;place-items:center;width:42px;height:34px;padding:2px 4px 0;font-size:18px;font-weight:900;line-height:1;display:grid}.edit-section .stepper-control{grid-template-columns:30px 60px 30px;column-gap:3px}.edit-section .level-state-picker,.edit-section .stepper-control .level-state-trigger{width:60px;height:42px}.edit-section .stepper-control .level-state-picker .level-state-trigger{border-radius:4px;font-size:19px}.level-state-caret{font-size:10px;line-height:8px}.level-state-menu{z-index:1000;background:#172033;border:1px solid #30384d;border-radius:5px;grid-template-columns:1fr 1fr;gap:4px;width:220px;padding:9px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000073}.level-state-menu-to{left:auto;right:-45px;transform:none}.stepper-control .level-state-menu button{color:#0c0e14;background:#eee8db;border:0;border-radius:4px;width:100%;height:38px;font-size:19px;font-weight:900}.stepper-control .level-state-menu button.wide{grid-column:1/-1}.stepper-control .level-state-menu button:hover:not(:disabled){filter:none;background:#ffd25c}.stepper-control .level-state-menu button:disabled{opacity:.28}.edit-planner-modal{background:#1e2231;border-radius:5px;width:320px;max-width:calc(100vw - 20px)}.edit-section{flex-direction:column;align-items:center;width:100%;height:106px;padding:0 10px 10px;display:flex}.edit-talent-block{flex-direction:column;align-items:center;width:100%;height:102px;padding:0 10px 10px;display:flex}.edit-section h3,.edit-talent-block h3{color:#ffd780;min-height:32px;margin:0;padding:10px 10px 0;font-size:18px;font-weight:600;line-height:normal}.edit-section .stepper-two-columns,.edit-talent-block .stepper-two-columns{justify-content:space-around;gap:0;width:300px;max-width:100%;display:flex}.edit-section .stepper-two-columns{height:64px}.edit-talent-block .stepper-two-columns{height:60px}.edit-section .stepper-field,.edit-talent-block .stepper-field{justify-content:center;gap:0;width:130px}.stepper-field>span{margin:0 0 3px;font-size:16px;font-weight:600;line-height:normal}.edit-section:after,.edit-talent-block:after{left:10px;right:10px}.edit-modal-actions{min-height:65px}@media (height<=680px){.modal-backdrop{align-items:flex-start;overflow-y:auto}.edit-planner-modal{flex:none;margin:0 auto;transform:none}}body{background-color:#0000;background-image:radial-gradient(circle at 78% 0,#715d851f,#0000 34rem),linear-gradient(#111621 0%,#0d121c 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.topbar{z-index:30;background:linear-gradient(90deg,#171a25,#1d2030 55%,#171a25);border-bottom:1px solid #343b4f;justify-content:space-between;gap:24px;height:64px;position:sticky;top:0;box-shadow:0 5px 18px #0000004d}.topbar h1{letter-spacing:.02em;text-shadow:0 2px 8px #00000073;flex:none}.topbar .actions-bar{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topbar .action-button{min-height:38px;padding:8px 18px}@media (width<=760px){.topbar{flex-wrap:wrap;height:auto;min-height:64px;padding-top:10px;padding-bottom:10px}.topbar .actions-bar{justify-content:flex-start;width:100%;position:static;transform:none}.topbar .action-button{flex:150px}}.actions-bar{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111621db;border:1px solid #6b738b38;border-radius:999px;width:fit-content;margin:0 auto 24px;padding:8px;position:sticky;top:76px;box-shadow:0 8px 24px #00000042}.action-button{background:linear-gradient(#f3ede3,#ded5c8);border:1px solid #cfc5b6;min-height:42px;padding:10px 24px;transition:transform .15s,filter .15s;box-shadow:inset 0 1px #fff9}.action-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.resource-summary{background:linear-gradient(#202638,#1a2030);border-color:#394258;box-shadow:0 12px 34px #00000061}.resource-summary>h2{color:#f1f2f6;letter-spacing:.01em;background:linear-gradient(#242b3e,#1e2435);font-size:23px}.resource-summary-group{border-bottom:1px solid #828ba024;padding:2px 0 8px}.resource-summary-group:last-child{border-bottom:0}.resource-summary-group h3{color:#e5e7ed;font-size:17px;font-weight:700}.resource-summary-grid{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.summary-resource{border:1px solid #858fa62e;flex:0 0 55px;transition:transform .14s,filter .14s;overflow:visible;box-shadow:0 3px 8px #0000003d}.summary-resource:hover,.summary-resource:focus-visible{z-index:5;border-color:#b99dcc;box-shadow:0 0 0 2px #b99dcc38}.compact-character-card{background:linear-gradient(#1e2536,#1a2130);border-color:#364057;border-radius:7px;transition:transform .16s,box-shadow .16s;box-shadow:0 9px 24px #00000052}.compact-character-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #0006}.compact-card-header{background:linear-gradient(#7b6890,#685579);min-height:54px;box-shadow:inset 0 -1px #1a142259}.compact-card-header h2{text-shadow:0 2px 5px #00000061;font-size:19px}.compact-character-card.character-rarity-5{background:linear-gradient(#242332,#1a2130 22%);border-color:#9f7b3e;box-shadow:0 9px 24px #00000052,0 0 0 1px #ddb05214}.compact-character-card.character-rarity-5 .compact-card-header{background:linear-gradient(#a9844b 0%,#806037 58%,#664a2e 100%);box-shadow:inset 0 1px #ffe8b247,inset 0 -1px #3723108c}.compact-character-card.character-rarity-4{background:linear-gradient(#222234,#1a2130 22%);border-color:#715180;box-shadow:0 9px 24px #00000052,0 0 0 1px #aa70c214}.compact-character-card.character-rarity-4 .compact-card-header{background:linear-gradient(#846496 0%,#6c4d7c 58%,#533b61 100%);box-shadow:inset 0 1px #ebc9f838,inset 0 -1px #26152d8c}.compact-character-card.character-disabled .compact-card-header{background:#50475d}.compact-main-info{padding-top:12px}.compact-divider{border-color:#8d97ac4d}.compact-material{border:1px solid #717d971f;transition:transform .13s,filter .13s;box-shadow:0 3px 8px #0003}.compact-material:hover{z-index:2;filter:brightness(1.08);transform:translateY(-2px)}@media (width>=1100px){.resource-summary{width:320px;top:76px}.planner-container.with-summary{width:calc(100% - 364px);margin:24px 16px 28px 348px}}@media (width>=1250px){.planner-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (width<=1099px){.resource-summary-grid{justify-content:center}}.priority-modal{width:min(calc(var(--priority-columns,1) * 330px + 28px), calc(100vw - 34px));color:#e7e8ed;background:#1e2434;border:1px solid #353e53;border-radius:7px;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(880px,100vh - 34px);display:grid;overflow:hidden;box-shadow:0 24px 80px #000000a6}.priority-header{text-align:center;background:linear-gradient(#232a3c,#1e2434);border-bottom:4px solid #171c29;padding:8px 16px 6px}.priority-header h2{margin:0;font-size:23px}.priority-header p{color:#858b9a;margin:14px 0 0;font-size:13px}.priority-grid{grid-auto-flow:column;grid-template-rows:repeat(var(--priority-rows), 43px);grid-auto-columns:minmax(250px,1fr);gap:7px;padding:12px 14px;display:grid;overflow:auto}.priority-item{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#725d87,#645274);border:1px solid #dad2e11f;border-radius:5px;grid-template-columns:30px 44px minmax(0,1fr) auto;align-items:center;min-width:0;transition:opacity .12s,transform .12s,filter .12s;display:grid;overflow:hidden}.priority-item:active{cursor:grabbing}.priority-item.dragging{opacity:.35;transform:scale(.98)}.priority-item.disabled{filter:grayscale(.8);opacity:.55}.priority-number{text-align:center;color:#e3deea;font-size:14px;font-weight:800}.priority-image{place-items:center;width:44px;height:42px;display:grid;overflow:hidden}.priority-image img{object-fit:cover;width:100%;height:100%}.priority-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0 10px;font-size:14px;overflow:hidden}.priority-type{color:#eae6ee94;padding-right:10px;font-size:10px}.priority-empty{color:#aeb3c0;text-align:center;place-items:center;min-height:180px;padding:30px;display:grid}.priority-actions{background:#1a2030;border-top:5px solid #171c29;justify-content:space-around;align-items:center;min-height:70px;display:flex}@media (width<=760px){.priority-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.priority-grid{flex-direction:column;display:flex}.priority-item{min-height:46px}}.edit-planner-modal{transform-origin:50%;transform:scale(.9)}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-talents-pending{color:#c4cad6;text-align:center;background:#171e2d;border:1px solid #49546b;border-radius:6px;margin:12px 10px;padding:10px 12px;font-size:.86rem}