.modal-content h3{padding-left:10px}body.dark-mode .modal-content{background:#222;color:#eee}.tab-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.tab-buttons{display:flex;border-bottom:1px solid #ddd}.tab-button{flex:1;padding:10px;background:#f5f5f5;border:none;cursor:pointer;font-size:14px;text-align:center;transition:background .2s}.tab-button.active{background:#fff;border-bottom:2px solid #ff00ff}.tab-button:hover{background:#e0e0e0}body.dark-mode .tab-button{background:#2a2a2a;color:#ddd}body.dark-mode .tab-button.active{background:#1a1a1a}body.dark-mode .tab-button:hover{background:#333}.tab-content{display:none;padding:5px;border:1px solid #ddd;border-top:none;flex-grow:1;border-radius:0 0 4px 4px;overflow-y:auto;overscroll-behavior:contain}.tab-content.active{display:block}.equip-grid{display:grid;grid-template-columns:repeat(6,1fr);row-gap:10px;column-gap:2px;touch-action:none;padding:5px}.equip-item{text-align:center;cursor:pointer}.equip-item img{width:100%;max-width:84px;height:56px;object-fit:contain;border:2px solid transparent}.equip-item img:hover,.equip-item.touched img{border:2px solid #ff00ff}.equip-item p{margin:-5px 0 0;font-size:.75rem}body.dark-mode .tab-content{border-color:#444;background:#1a1a1a}body.dark-mode .equip-item p{color:#ddd}.cube-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1100;justify-content:center;align-items:center;overflow:hidden;touch-action:none}.cube-modal-content{background:#fff;padding:0;border-radius:8px;max-width:480px;width:90%;max-height:520px;overflow:hidden;position:fixed;touch-action:none;display:flex;flex-direction:column}.cube-modal-content h3{padding:10px 10px 5px;margin:0;font-size:16px}.cube-modal-close{position:absolute;top:-6px;right:6px;font-size:45px;cursor:pointer;user-select:none}body.dark-mode .cube-modal-content{background:#222;color:#eee}body.dark-mode .cube-modal-close{color:#ddd}.cube-modal-grid,.cube-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0}.cube-modal-item,.cube-level-item{text-align:center;cursor:pointer;border:2px solid transparent;border-radius:4px;padding:4px 2px}.cube-modal-item:hover,.cube-level-item:hover{border-color:#ff00ff65}.cube-modal-item.touched{border-color:#00000041}.cube-modal-item.touched:hover{border-color:#ff00ff65}.cube-level-item.touched{border-color:#f0f}body.dark-mode .cube-modal-item.touched{border-color:#aaa}.cube-modal-item img,.cube-level-item img{width:56px;height:56px;object-fit:contain;display:block;margin:0 auto}.cube-modal-item p,.cube-level-item p{margin:2px 0 0;font-size:.7rem;line-height:1.2;word-break:keep-all}.cube-modal-none-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:28px;color:#999;border:1px dashed #ccc;border-radius:4px}.equip-option-modal-overlay,.equip-option-level-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1100;justify-content:center;align-items:center;overflow:hidden;touch-action:none}.equip-option-modal-content,.equip-option-level-modal-content{background:#fff;padding:0;border-radius:8px;max-width:480px;width:90%;max-height:520px;overflow:hidden;position:fixed;touch-action:none;display:flex;flex-direction:column}.equip-option-modal-content h3,.equip-option-level-modal-content h3{padding:10px 10px 5px;margin:0;font-size:16px}.equip-option-modal-close,.equip-option-level-modal-close{position:absolute;top:-4px;right:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:45px;line-height:1;cursor:pointer;user-select:none}body.dark-mode .equip-option-modal-content,body.dark-mode .equip-option-level-modal-content{background:#222;color:#eee}body.dark-mode .equip-option-modal-close,body.dark-mode .equip-option-level-modal-close{color:#ddd}.equip-option-modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0}.equip-option-modal-item{text-align:center;cursor:pointer;border:2px solid transparent;border-radius:4px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;background:#f7f7f7}body.dark-mode .equip-option-modal-item{background:#2a2a2a}.equip-option-modal-item:hover{border-color:#ff00ff65}.equip-option-modal-item.touched{border-color:#f0f}.equip-option-modal-label{font-size:14px;font-weight:700;color:#333}body.dark-mode .equip-option-modal-label{color:#ddd}.equip-option-modal-none-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#999;border:1px dashed #ccc;border-radius:50%}.equip-option-level-list{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;padding:4px 8px 8px}.equip-option-level-item{display:flex;align-items:center;gap:12px;padding:10px 8px;cursor:pointer;border:2px solid transparent;border-radius:4px;border-bottom:1px solid #eee}body.dark-mode .equip-option-level-item{border-bottom-color:#333}.equip-option-level-item:hover{border-color:#ff00ff65}.equip-option-level-item.touched{border-color:#f0f}.equip-option-level-stage{font-size:13px;color:#666;min-width:64px;flex-shrink:0}body.dark-mode .equip-option-level-stage{color:#aaa}.equip-option-level-value{font-size:14px;flex:1;padding:2px 6px;border-radius:3px}@media screen and (max-width: 768px){.modal-content{max-width:360px;width:99%;height:450px}.equip-grid{grid-template-columns:repeat(5,1fr)}.equip-item img{max-width:60px;height:40px}.equip-item p{font-size:.6rem;margin-top:-2px;line-height:1.2}.cube-modal-content,.equip-option-modal-content,.equip-option-level-modal-content{max-width:360px;width:99%;max-height:450px}.cube-modal-grid,.cube-level-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:6px}.cube-modal-item img,.cube-level-item img,.cube-modal-none-icon{width:48px;height:48px}.cube-modal-item p,.cube-level-item p{font-size:.6rem}.equip-option-modal-grid{gap:4px;padding:6px}.equip-option-modal-item{padding:10px 2px;min-height:48px}.equip-option-modal-label{font-size:12px}.equip-option-modal-none-icon{width:30px;height:30px;font-size:20px}.equip-option-modal-close,.equip-option-level-modal-close{width:38px;height:38px;font-size:34px}.equip-option-level-item{padding:8px 6px;gap:8px}.equip-option-level-stage{font-size:12px;min-width:54px}.equip-option-level-value{font-size:13px}}.overload-sim-card{margin-bottom:18px;border:2px solid rgba(204,0,204,.35)}body.dark-mode .overload-sim-card{border-color:#e879f959}.overload-sim-card .character-rec-level-title small{display:block;font-size:11px;color:#888;font-weight:400;margin-top:2px}body.dark-mode .overload-sim-card .character-rec-level-title small{color:#999}.overload-sim-pieces{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}.overload-sim-piece-row{display:flex;align-items:flex-start;gap:8px;padding:6px 7px;margin:0 -7px;border-radius:6px}.overload-sim-piece-row.active{background:#00000008}.overload-sim-piece-row:not(.active){opacity:.78}body.dark-mode .overload-sim-piece-row.active{background:#ffffff0d}.overload-sim-piece-row:not(.active){cursor:pointer}.overload-sim-piece-row:not(.active):hover{background:#00000008}body.dark-mode .overload-sim-piece-row:not(.active):hover{background:#ffffff0d}.overload-sim-piece-label{flex:0 0 auto;min-width:1.6em;font-size:13px;font-weight:700;color:#a000a0;text-align:center}body.dark-mode .overload-sim-piece-label{color:#e879f9}.overload-sim-piece-equip{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:3px;margin:0 0 0 -2px;background:none;border:1px dashed #bbb;border-radius:5px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .12s,background-color .12s}.overload-sim-piece-equip:hover{border-color:#c0c;background:#cc00cc14}body.dark-mode .overload-sim-piece-equip{border-color:#555}body.dark-mode .overload-sim-piece-equip:hover{border-color:#c0c;background:#cc00cc2e}.overload-sim-shot-mode .overload-sim-piece-equip{border-color:transparent;background:none;padding:0}.overload-sim-equip-empty{grid-column:1 / -1;padding:12px;color:#999;text-align:center}.overload-sim-piece-img{flex:0 0 auto;width:30px;height:30px;object-fit:contain;border-radius:4px}.overload-sim-options{display:flex;flex-direction:column;gap:3px}.overload-sim-wrapper{display:flex;align-items:center;gap:6px}.overload-sim-lock-readonly{cursor:default}.overload-sim-wrapper .option-chip,.overload-sim-wrapper .custom-trigger-btn{flex:0 1 auto}.overload-sim-stage{flex:0 0 auto;min-width:44px;font-size:11px;color:#888;white-space:nowrap}body.dark-mode .overload-sim-stage{color:#aaa}.overload-sim-lock-disabled{opacity:.35;pointer-events:none}.overload-sim-chart{flex:0 0 auto;margin-left:auto;display:flex;align-items:flex-end;gap:5px;padding-left:2px}.overload-sim-chart-col{display:flex;flex-direction:column;align-items:center;gap:2px}.overload-sim-chart-bar{position:relative;width:12px;height:64px;border-radius:3px;background:#00000012;overflow:hidden}body.dark-mode .overload-sim-chart-bar{background:#ffffff1a}.overload-sim-chart-fill{position:absolute;left:0;right:0;bottom:0;border-radius:3px 3px 0 0}.overload-sim-chart-current .overload-sim-chart-fill{background:#c0c}.overload-sim-chart-current.reached .overload-sim-chart-fill{background:#2563eb}body.dark-mode .overload-sim-chart-current .overload-sim-chart-fill{background:#e879f9}body.dark-mode .overload-sim-chart-current.reached .overload-sim-chart-fill{background:#67e8f9}.overload-sim-chart-target .overload-sim-chart-fill{background:#00000047}body.dark-mode .overload-sim-chart-target .overload-sim-chart-fill{background:#ffffff59}.overload-sim-chart-val{font-size:10px;line-height:1;color:#888;font-variant-numeric:tabular-nums}body.dark-mode .overload-sim-chart-val{color:#aaa}.overload-sim-actions{display:flex;gap:8px;margin:12px 0 8px}.overload-sim-btn{flex:1;padding:9px 10px;font-size:14px;font-weight:700;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:background-color .15s,opacity .15s,transform .08s;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.overload-sim-effect{background:#c0c}.overload-sim-effect:hover{background:#b300b3}.overload-sim-value{background:#2563eb}.overload-sim-value:hover{background:#1d4fd0}.overload-sim-btn:disabled{opacity:.4;cursor:default}.overload-sim-effect:active{background:#8f008f}.overload-sim-value:active{background:#1740a8}.overload-sim-btn:active{transform:scale(.97)}.overload-sim-btn:disabled:active{transform:none}.overload-sim-btn-pressed{transition-duration:0s;transform:scale(.96)}.overload-sim-effect.overload-sim-btn-pressed{background:#8f008f}.overload-sim-value.overload-sim-btn-pressed{background:#1740a8}.overload-sim-counters{display:grid;grid-template-columns:auto auto auto 18px auto auto 1fr;align-items:center;column-gap:0;row-gap:4px;font-size:13px;margin:8px 0;padding:8px 10px;background:#00000008;border-radius:6px}body.dark-mode .overload-sim-counters{background:#ffffff0d}.overload-sim-counter-row{display:contents}.overload-sim-counter-label{color:#666;padding-right:8px;white-space:nowrap}body.dark-mode .overload-sim-counter-label{color:#aaa}.overload-sim-counter-row.active .overload-sim-counter-label{color:#a000a0;font-weight:700}body.dark-mode .overload-sim-counter-row.active .overload-sim-counter-label{color:#e879f9}.overload-sim-counter-cell{display:inline-flex;align-items:center;gap:3px;padding-right:8px;white-space:nowrap}.overload-sim-counter-cell.predicted{color:#2563eb}body.dark-mode .overload-sim-counter-cell.predicted{color:#67e8f9}.overload-sim-counter-cell b{font-weight:700}.overload-sim-counter-icon{width:17px;height:17px;object-fit:contain}.overload-sim-pred-msg{color:#999;font-weight:400}.overload-sim-counter-sep{grid-column:1 / -1;height:0;border-top:1px solid rgba(0,0,0,.18);margin:4px 0 2px}body.dark-mode .overload-sim-counter-sep{border-top-color:#fff3}.overload-sim-counter-row.total{font-weight:700}.overload-sim-counter-row.total>*{padding-top:2px}.overload-sim-counter-row.head>*{align-self:end;font-weight:700;font-size:11px}.overload-sim-counter-head-actual{grid-column:span 2;color:#888;padding-right:8px}body.dark-mode .overload-sim-counter-head-actual{color:#999}.overload-sim-counter-head-predicted{grid-column:span 3;color:#2563eb;white-space:normal;line-height:1.25}body.dark-mode .overload-sim-counter-head-predicted{color:#67e8f9}.overload-sim-reset-row{margin-top:6px;display:flex;align-items:center;justify-content:flex-end}.overload-sim-reset{width:40px;height:40px;padding:0;background:none;border:none;color:#2563eb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s}.overload-sim-reset:active{opacity:.6}.overload-sim-reset svg{transform:rotate(-90deg);width:28px;height:28px}body.dark-mode .overload-sim-reset{color:#67e8f9}.overload-sim-screenshot{margin-left:20px;width:40px;height:40px;padding:0;background:none;border:none;color:#2563eb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s}.overload-sim-screenshot:active{opacity:.6}.overload-sim-screenshot:disabled{opacity:.3;cursor:not-allowed}body.dark-mode .overload-sim-screenshot{color:#67e8f9}.overload-sim-shot-mode .overload-sim-actions{justify-content:center;gap:16px}.overload-sim-shot-mode .overload-sim-btn{flex:0 1 auto;min-width:0;padding-left:22px;padding-right:22px}.overload-sim-shot-mode .overload-header-banner,.overload-sim-shot-mode .overload-sim-card{box-sizing:border-box}.overload-sim-piece-tile,.overload-sim-shot-mode .overload-sim-piece-img{display:none}.overload-sim-shot-mode .overload-sim-piece-tile{display:flex}.overload-sim-shot-mode .overload-sim-piece-tile{width:69px;height:69px}.overload-sim-shot-mode .overload-sim-piece-tile img{width:60px;height:60px}.overload-sim-shot-mode .overload-sim-piece-tile .equip-tile-name{font-size:14px;padding:3px 2px}.character-rec-custom-level .character-rec-cat:nth-child(1) .equip-tile.rec-na{width:56px;min-width:56px;height:56px}.character-rec-custom-level .character-rec-cat:nth-child(1) .option-chip.rec-na{width:auto;min-width:130px;height:18px}.overload-sim-reset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:2px}.overload-sim-reset-pick{padding:14px 12px;border:2px solid #2563eb;border-radius:8px;background:#fff;color:#2563eb;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .12s,color .12s,opacity .12s}.overload-sim-reset-pick:hover{background:#2563eb;color:#fff}.overload-sim-reset-pick:active{opacity:.85}body.dark-mode .overload-sim-reset-pick{background:#222;border-color:#67e8f9;color:#67e8f9}body.dark-mode .overload-sim-reset-pick:hover{background:#67e8f9;color:#1a1a1a}.overload-sim-reset-all{grid-column:1 / -1;border-color:#c0c;color:#c0c}.overload-sim-reset-all:hover{background:#c0c;color:#fff}body.dark-mode .overload-sim-reset-all{color:#e879f9;border-color:#e879f9}body.dark-mode .overload-sim-reset-all:hover{background:#c0c;color:#fff}.overload-header-banner{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;margin-bottom:14px;padding:12px;border:2px solid rgba(204,0,204,.35);border-radius:8px}body.dark-mode .overload-header-banner{border-color:#e879f959;background:#1f1f1f}.overload-header-banner .character-slot{flex:0 0 90px;max-width:90px;width:90px;text-align:center;position:relative}.overload-header-banner .character-image{width:90px;height:60px;position:relative;overflow:hidden;cursor:pointer;touch-action:pan-x pan-y pinch-zoom;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.overload-header-banner .character-image img:not(.cube-image){width:90px;height:60px;object-fit:contain;position:relative;z-index:0;-webkit-user-drag:none}.overload-header-banner .character-image:hover{border:2px solid #ff00ff}.overload-header-banner .cube-image{position:absolute;top:0;right:2px;width:36px;height:36px;object-fit:contain;z-index:1;background-color:#c5c5c5;border-radius:8px;pointer-events:none}.overload-header-banner .cube-image-container{position:absolute;top:-4px;right:-4px;width:36px;height:36px;z-index:1;pointer-events:none}.overload-header-banner .type-select{width:100%;margin:1px 0;padding:8px;box-sizing:border-box;cursor:pointer}body.dark-mode .overload-header-banner .type-select{background:#2a2a2a;color:#eee;border:1px solid #555}.overload-header-banner .cube-trigger{width:100%;margin:1px 0;padding:8px;box-sizing:border-box;border:.1px solid #666666;border-radius:2px;background:#fff;cursor:pointer;font-size:13px;text-align:left;appearance:none;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .overload-header-banner .cube-trigger{background:#444;color:#eee;border:1px solid #555}.overload-header-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px}.overload-header-extras{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.skill-popup-content{background:#fff;border:1px solid #ccc;margin-top:-10px;margin-left:20px;border-radius:8px;padding:8px;width:450px;max-width:92vw;text-align:left;font-size:13px;max-height:1700px;overflow:hidden;z-index:2000;box-shadow:0 2px 10px #00000047;box-sizing:border-box}body.dark-mode .skill-popup-content{background:#2c2c2c;border-color:#555;color:#ececec}@media (max-width: 600px){.skill-popup-content{margin-top:-10px;margin-left:-48px;width:300px;font-size:11px;padding:6px;max-height:none;overflow:visible}.skill-popup-content .skill-popup-char-image{width:66px;height:44px;margin-bottom:4px}.skill-popup-content .skill-block{padding:4px 6px;margin-bottom:5px}.skill-popup-content .skill-block p{margin:1px 0}}.skill-popup-close{position:absolute;top:4px;right:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer;color:#666;background:#fffc;border-radius:50%;z-index:1}body.dark-mode .skill-popup-close{color:#ddd;background:#2c2c2ccc}.skill-popup-close:hover{color:#000}body.dark-mode .skill-popup-close:hover{color:#fff}.skill-popup-char-image{width:90px;height:60px;object-fit:contain;border-radius:5px;border:1px solid #ccc;margin-bottom:6px}body.dark-mode .skill-popup-char-image{border-color:#555}.skill-popup-char-image:hover{border:2px solid #ff00ff}body.dark-mode .skill-popup-char-image:hover{border-color:#f0f}.skill-block{padding:6px 8px;margin:0 0 8px;border-radius:4px}.skill-block:last-child{margin-bottom:0}.skill-block p{margin:2px 0}.skill-block-0{background:#0064c814}.skill-block-1{background:#c8780014}.skill-block-2{background:#b4003c14}body.dark-mode .skill-block-0{background:#50a0ff1f}body.dark-mode .skill-block-1{background:#ffb4321f}body.dark-mode .skill-block-2{background:#ff46641f}.skill-label{color:#c00;font-weight:700}body.dark-mode .skill-label{color:#fd0}.highlight-percent{color:#f60;padding:1px;border-radius:3px;display:inline}#characterModal .tab-content.character-grid-modal{display:grid;grid-template-columns:repeat(6,1fr);row-gap:10px;column-gap:2px;align-content:start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0}#characterModal .tab-content.character-grid-modal:not(.active){display:none}@media screen and (max-width: 768px){#characterModal .tab-content.character-grid-modal{grid-template-columns:repeat(5,1fr);row-gap:8px;column-gap:1px}#characterModal .modal-content{max-width:360px}#characterModal .modal-character-img-wrap{width:60px;height:40px;margin-bottom:2px}#characterModal .modal-character img{width:60px;height:40px;object-fit:contain}#characterModal .modal-character p{font-size:.6rem;margin-top:-2px}}.overload-apply-block{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.overload-apply-desc{margin:0;text-align:left;font-size:11px;line-height:1.5;color:#555}body.dark-mode .overload-apply-desc{color:#bbb}.overload-apply-btns{display:flex;gap:10px;justify-content:flex-end}.overload-apply-btn{padding:5px 12px;border:1px solid rgba(37,99,235,.5);border-radius:6px;background:#fff;color:#2563eb;font-weight:700;font-size:.82rem;cursor:pointer}.overload-apply-btn:hover{background:#2563eb14}body.dark-mode .overload-apply-btn{background:#2a2a2a;color:#67e8f9;border-color:#67e8f980}body.dark-mode .overload-apply-btn:hover{background:#67e8f91f}.overload-apply-confirm-content{position:relative;width:380px}.overload-apply-confirm-msg{margin:6px 0 2px;font-size:.9rem;line-height:1.6;text-align:left}.overload-apply-confirm-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.overload-apply-confirm-actions button{padding:8px 22px;border-radius:6px;border:1px solid #ccc;font-weight:700;cursor:pointer}.overload-apply-confirm-ok{background:#c0c;color:#fff;border-color:#c0c}.overload-apply-confirm-ok:hover{background:#b300b3}.overload-apply-confirm-cancel{background:#eee;color:#333}.overload-apply-confirm-cancel:hover{background:#e0e0e0}body.dark-mode .overload-apply-confirm-cancel{background:#444;color:#eee;border-color:#555}body.dark-mode .overload-apply-confirm-cancel:hover{background:#505050}@media (max-width: 600px){.overload-header-banner{gap:12px;padding:10px}.overload-header-extras{gap:12px}.overload-apply-confirm-content{width:auto}}