@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;position:fixed;inset:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}#app{width:100%;height:100%;overflow-y:auto;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.round-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:1000;animation:overlayFade .5s ease-in-out}.round-text{font-size:48px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:textFade .5s ease-in-out}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes textFade{0%{opacity:0}to{opacity:1}}.battle-view{padding:5px;width:100%;max-width:100%;margin:0 auto;box-sizing:border-box}.controls{display:flex;gap:5px;margin-bottom:8px;justify-content:center;flex-wrap:wrap}button{padding:6px 10px;font-size:12px;cursor:pointer;border:1px solid #ccc;border-radius:4px;background:#fff;min-width:60px;touch-action:manipulation}button:active:not(:disabled){background:#e0e0e0}button:disabled{opacity:.5;cursor:not-allowed}.battle-result{padding:6px;margin-bottom:8px;border-radius:4px;text-align:center;font-size:11px}.battle-result h2{font-size:12px;margin-bottom:4px}.battle-result .victory{color:#4caf50;font-weight:700;font-size:12px}.battle-result .defeat{color:#f44336;font-weight:700;font-size:12px}.battlefield-container{margin-bottom:8px;display:flex;flex-direction:column;align-items:center;width:100%}.grid{border:1px solid #333;display:inline-block;max-width:100%}.grid-row{display:flex}.grid-cell{width:calc((100vw - 20px)*.1);height:calc((100vw - 20px)*.1);border:1px solid #ccc;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;touch-action:none}.grid-cell.player-area{background:#e3f2fd}.grid-cell.enemy-area{background:#ffebee}.grid-cell.drag-over{background:#4caf504d;border:2px dashed #4caf50}.grid-cell.target{border:2px solid #f44336;box-shadow:0 0 5px #f4433680}.action-marker{position:absolute;top:2px;right:2px;font-size:12px;font-weight:700;z-index:10;pointer-events:none}.attacker-marker{color:#2196f3;text-shadow:0 0 3px rgba(255,255,255,.8)}.target-marker{color:#f44336;text-shadow:0 0 3px rgba(255,255,255,.8)}.grid-cell.attacker{border:2px solid #2196f3;background:#2196f34d;box-shadow:0 0 8px #2196f399}.grid-cell.predicted-target-main{border:2px solid #f44336;background:#f443364d}.grid-cell.predicted-target-secondary{border:2px solid #ff9800;background:#ff98004d}.grid-cell.predicted-target-ally{border:2px solid #4caf50!important;background:#4caf504d!important;box-shadow:0 0 8px #4caf5099!important}.grid-cell.predicted-target-empty{border:2px solid #ffb74d;background:#ffb74d26}.grid-cell.original-position{background-color:#80808066;border:2px solid rgba(128,128,128,.6)}.damage-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;color:#f44336;z-index:20;pointer-events:none;animation:damageFloat 3s ease-out forwards;text-shadow:0 0 3px rgba(255,255,255,.8)}.damage-number.heal-number{color:#4caf50}@keyframes damageFloat{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-30px)}}.character{position:relative;width:100%;height:100%;display:flex;flex-direction:row;font-size:8px;box-sizing:border-box}.character.draggable{cursor:move;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.character.draggable:active{cursor:grabbing}.character.dragging{opacity:.5}.char-grid-layout{flex:1;display:flex;flex-direction:column;padding-left:4px;overflow:hidden}.char-top-area{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0}.char-name-in-grid{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;font-size:8px;font-weight:700}.char-bottom-row{flex:1;display:flex;flex-direction:row;min-height:12px}.status-cell{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1px;overflow:hidden}.status-badge{min-width:10px;height:10px;border-radius:2px;font-size:7px;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 1px;font-weight:700;text-shadow:0 0 1px rgba(0,0,0,.5)}.class-cell{flex:1;display:flex;align-items:center;justify-content:center}.class-icon-wrapper-small{width:12px;height:12px;border-radius:2px;padding:1px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.class-icon-small{width:100%;height:100%;object-fit:contain}.hp-bar-vertical{position:absolute;left:0;top:0;bottom:0;width:3px;background:#ddd;overflow:hidden}.hp-fill-vertical{position:absolute;bottom:0;left:0;width:100%;background:#4caf50;transition:height .3s}.hp-text{font-size:7px}.class-icon-wrapper{width:14px;height:14px;flex-shrink:0;margin-left:2px;border-radius:2px;padding:1px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.characters-container{margin-bottom:8px}.characters-section{margin-bottom:6px}.characters-section h3{margin-bottom:4px;font-size:11px;text-align:center}.characters-list-horizontal{display:flex;gap:2px;flex-wrap:nowrap;justify-content:center}.character-card{padding:3px;border:1px solid #ccc;border-radius:3px;background:#fff;width:18%;min-width:50px;flex:0 0 auto;box-sizing:border-box;position:relative}.char-header-in-card{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.char-name{flex:1;font-weight:700;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-icon-wrapper{width:14px;height:14px;flex-shrink:0;margin-left:4px;border-radius:2px;padding:1px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.class-icon-wrapper.sp-color-red{background-color:#f4433633;border:1px solid rgba(244,67,54,.4)}.class-icon-wrapper.sp-color-green{background-color:#4caf5033;border:1px solid rgba(76,175,80,.4)}.class-icon-wrapper.sp-color-blue{background-color:#2196f333;border:1px solid rgba(33,150,243,.4)}.class-icon-in-card{width:100%;height:100%;object-fit:contain}.character-card.player{border-color:#2196f3;background:#e3f2fd}.character-card.enemy{border-color:#f44336;background:#ffebee}.character-card.dead{opacity:.5;background:#f5f5f5}.character-card.draggable-order{cursor:move;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;position:relative}.character-card.draggable-order *{pointer-events:none}.character-card.draggable-order:active{cursor:grabbing}.character-card.dragging-order{opacity:.5}.character-card.drag-over-order{border-color:#4caf50;border-width:2px;box-shadow:0 0 8px #4caf5099}.character-card.current-attacker{border:2px solid #4caf50;box-shadow:0 0 8px #4caf5099}.character-card .char-stats{font-size:8px;margin-bottom:1px}.character-card .atk-def-row{display:flex;justify-content:space-around;align-items:center;gap:4px}.character-card .stat-item-with-icon{display:flex;align-items:center;gap:2px}.character-card .stat-icon{font-size:10px;line-height:1}.character-card .attack-icon{color:#f44336}.character-card .defense-icon{color:#2196f3}.character-card .stat-value{font-size:10px}.character-card .status-list{display:flex;gap:2px;margin-top:1px;flex-wrap:wrap;justify-content:flex-start;min-height:10px}.character-card .buff-list,.character-card .debuff-list{margin-bottom:1px}.character-card .status-badge-list{flex:0 0 calc(20% - 2px);min-width:0;border-radius:2px;font-size:7px;text-align:center;color:#fff;font-weight:700;box-sizing:border-box}.char-position{font-size:8px;color:#666;margin-top:2px}.dead-label{color:#f44336;font-weight:700;margin-top:2px;font-size:8px}.battle-log{border:1px solid #ccc;border-radius:3px;padding:5px;margin-bottom:5px}.battle-log h2{margin-bottom:4px;font-size:11px}.log-content{max-height:120px;overflow-y:auto;background:#f9f9f9;padding:4px;border-radius:3px}.log-entry{padding:2px 0;border-bottom:1px solid #eee;font-size:9px;line-height:1.3}.log-time{color:#666;margin-right:5px;font-size:8px}.log-message{color:#000;font-weight:500}.sp-display{margin:8px 0;display:flex;flex-direction:column;gap:12px}.sp-section{display:flex;flex-direction:column;gap:6px;align-items:center}.sp-label{font-size:14px;font-weight:700}.sp-balls{display:flex;gap:.5vw;flex-wrap:nowrap;justify-content:center}.sp-ball{width:3.5vw;height:3.5vw;min-width:14px;min-height:14px;border-radius:50%;background:#e0e0e0;border:1px solid #ccc;transition:all .3s}.sp-ball.red.filled{background:#f44336;border-color:#d32f2f;box-shadow:0 0 4px #f4433680}.sp-ball.green.filled{background:#4caf50;border-color:#388e3c;box-shadow:0 0 4px #4caf5080}.sp-ball.blue.filled{background:#2196f3;border-color:#1976d2;box-shadow:0 0 4px #2196f380}.sp-text{font-size:12px;font-weight:700;color:#666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.character-modal{background:#1a1a2e;border-radius:12px;width:400px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 8px 32px #00000080;border:1px solid #333}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#16213e;border-bottom:1px solid #333}.modal-title{display:flex;align-items:center;gap:12px}.char-name-modal{font-size:20px;font-weight:700;color:#fff}.char-class-modal{font-size:14px;padding:2px 8px;border-radius:4px;background:#ffffff1a}.sp-color-text-red{color:#ff6b6b}.sp-color-text-blue{color:#4dabf7}.sp-color-text-green{color:#51cf66}.modal-close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:20px;overflow-y:auto;max-height:calc(80vh - 60px)}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.section-title{font-size:14px;color:#888;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #333}.character-modal .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.character-modal .stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0f0f23;border-radius:6px}.character-modal .stat-label{color:#888;font-size:13px}.character-modal .stat-value{font-weight:700;font-size:14px}.character-modal .hp-value{color:#ff6b6b}.character-modal .atk-value{color:#ffa94d}.character-modal .def-value{color:#74c0fc}.character-modal .player-faction{color:#51cf66}.character-modal .enemy-faction{color:#ff6b6b}.skills-list{display:flex;flex-direction:column;gap:8px}.skill-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f0f23;border-radius:6px}.skill-name{color:#fff;font-size:14px}.skill-id{color:#666;font-size:12px}.statuses-list{display:flex;flex-direction:column;gap:8px}.status-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0f0f23;border-radius:6px;border-left:3px solid #666}.status-name{color:#fff;font-size:14px}.status-duration{color:#888;font-size:12px}.status-value{color:#ffa94d;font-size:12px}.empty-hint{color:#666;font-size:13px;padding:8px 0}.position-info{color:#aaa;font-size:14px;padding:8px 12px;background:#0f0f23;border-radius:6px}.character-card{cursor:pointer}.character-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.test-container[data-v-9215f439]{padding:20px}.header[data-v-9215f439]{margin-bottom:8px}.restart-btn[data-v-9215f439]{padding:8px 16px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.battlefield-container[data-v-9215f439]{margin-bottom:8px;display:flex;flex-direction:column;align-items:center;width:100%}.grid[data-v-9215f439]{border:1px solid #333;display:inline-block;max-width:100%}.grid-row[data-v-9215f439]{display:flex}.grid-cell[data-v-9215f439]{width:calc((100vw - 20px)*.1);height:calc((100vw - 20px)*.1);border:1px solid #ccc;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer}.grid-cell.player-area[data-v-9215f439]{background:#e3f2fd}.grid-cell.enemy-area[data-v-9215f439]{background:#ffebee}.grid-cell.drag-over[data-v-9215f439]{background:#4caf504d;border:2px dashed #4caf50}.grid-cell.predicted-target-main[data-v-9215f439]{border:2px solid #f44336;background:#f443364d}.grid-cell.predicted-target-secondary[data-v-9215f439]{border:2px solid #ff9800;background:#ff98004d}.grid-cell.predicted-target-ally[data-v-9215f439]{border:2px solid #4caf50!important;background:#4caf504d!important;box-shadow:0 0 8px #4caf5099!important}.grid-cell.predicted-target-empty[data-v-9215f439]{border:2px solid #ffb74d;background:#ffb74d26}.character[data-v-9215f439]{position:relative;width:100%;height:100%;display:flex;flex-direction:row;font-size:8px;box-sizing:border-box;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.character[data-v-9215f439]:active{cursor:grabbing}.character.dragging[data-v-9215f439]{opacity:.5}.hp-bar-vertical[data-v-9215f439]{position:absolute;left:0;top:0;bottom:0;width:3px;background:#ddd;overflow:hidden}.hp-fill-vertical[data-v-9215f439]{position:absolute;bottom:0;left:0;width:100%;background:#4caf50;transition:height .3s}.char-grid-layout[data-v-9215f439]{flex:1;display:flex;flex-direction:column;padding-left:4px;overflow:hidden}.char-top-area[data-v-9215f439]{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0}.char-name-in-grid[data-v-9215f439]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center;font-size:8px;font-weight:700}.hp-text[data-v-9215f439]{font-size:7px}.char-bottom-row[data-v-9215f439]{flex:1;display:flex;flex-direction:row;min-height:12px}.class-cell[data-v-9215f439]{flex:1;display:flex;align-items:center;justify-content:center}.class-icon-wrapper-small[data-v-9215f439]{width:12px;height:12px;border-radius:2px;padding:1px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.class-icon-wrapper-small.sp-color-red[data-v-9215f439]{background-color:#f4433633;border:1px solid rgba(244,67,54,.4)}.class-icon-wrapper-small.sp-color-green[data-v-9215f439]{background-color:#4caf5033;border:1px solid rgba(76,175,80,.4)}.class-icon-wrapper-small.sp-color-blue[data-v-9215f439]{background-color:#2196f333;border:1px solid rgba(33,150,243,.4)}.class-icon-small[data-v-9215f439]{width:100%;height:100%;object-fit:contain}.characters-container[data-v-9215f439]{margin-bottom:8px}.characters-section[data-v-9215f439]{margin-bottom:6px}.characters-list-horizontal[data-v-9215f439]{display:flex;gap:2px;flex-wrap:nowrap;justify-content:center;overflow-x:auto}.character-card[data-v-9215f439]{padding:3px;border:1px solid #ccc;border-radius:3px;background:#fff;width:18%;min-width:50px;flex:0 0 auto;box-sizing:border-box;position:relative;cursor:pointer}.character-card.player[data-v-9215f439]{border-color:#2196f3;background:#e3f2fd}.character-card.enemy[data-v-9215f439]{border-color:#f44336;background:#ffebee}.character-card.dead[data-v-9215f439]{opacity:.5;background:#f5f5f5}.char-header-in-card[data-v-9215f439]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.char-name[data-v-9215f439]{flex:1;font-weight:700;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333}.class-icon-wrapper[data-v-9215f439]{width:14px;height:14px;flex-shrink:0;margin-left:4px;border-radius:2px;padding:1px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.class-icon-wrapper.sp-color-red[data-v-9215f439]{background-color:#f4433633;border:1px solid rgba(244,67,54,.4)}.class-icon-wrapper.sp-color-green[data-v-9215f439]{background-color:#4caf5033;border:1px solid rgba(76,175,80,.4)}.class-icon-wrapper.sp-color-blue[data-v-9215f439]{background-color:#2196f333;border:1px solid rgba(33,150,243,.4)}.class-icon-in-card[data-v-9215f439]{width:100%;height:100%;object-fit:contain}.character-card .char-stats[data-v-9215f439]{font-size:8px;margin-bottom:1px}.character-card .atk-def-row[data-v-9215f439]{display:flex;justify-content:space-around;align-items:center;gap:4px}.character-card .stat-item-with-icon[data-v-9215f439]{display:flex;align-items:center;gap:2px}.character-card .stat-icon[data-v-9215f439]{font-size:10px;line-height:1}.character-card .attack-icon[data-v-9215f439]{color:#f44336}.character-card .defense-icon[data-v-9215f439]{color:#2196f3}.character-card .stat-value[data-v-9215f439]{font-size:10px;color:#333}.status-list[data-v-9215f439]{display:flex;flex-wrap:wrap;gap:1px;margin-bottom:2px}.status-badge-list[data-v-9215f439]{min-width:10px;height:10px;border-radius:2px;font-size:7px;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 1px;font-weight:700;text-shadow:0 0 1px rgba(0,0,0,.5)}.dead-label[data-v-9215f439]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#999;pointer-events:none}.character-info-panel[data-v-9215f439]{margin-top:8px;padding:6px;background:#fff;border:1px solid #ddd;border-radius:4px}.info-header[data-v-9215f439]{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid #eee}.char-name-info[data-v-9215f439]{font-size:14px;font-weight:700;color:#333}.char-class-info[data-v-9215f439]{font-size:11px;padding:2px 6px;border-radius:3px;background:#e0e0e0;color:#333}.sp-color-text-red[data-v-9215f439]{color:#d32f2f}.sp-color-text-blue[data-v-9215f439]{color:#1976d2}.sp-color-text-green[data-v-9215f439]{color:#388e3c}.info-content[data-v-9215f439]{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.info-section[data-v-9215f439]{flex:1;min-width:200px}.stats-row[data-v-9215f439]{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stat-item-compact[data-v-9215f439]{display:flex;align-items:center;gap:4px}.stat-label-compact[data-v-9215f439]{font-size:10px;color:#666}.stat-value-compact[data-v-9215f439]{font-size:12px;font-weight:700;color:#333}.hp-value[data-v-9215f439]{color:#388e3c}.atk-value[data-v-9215f439]{color:#d32f2f}.def-value[data-v-9215f439]{color:#1976d2}.hp-buttons-compact[data-v-9215f439]{display:flex;gap:4px;margin-left:auto}.hp-buttons-compact button[data-v-9215f439]{padding:2px 8px;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:10px}.hp-buttons-compact button[data-v-9215f439]:hover{background:#e0e0e0}.status-control-compact[data-v-9215f439]{display:flex;gap:12px}.status-control-compact label[data-v-9215f439]{display:flex;align-items:center;gap:4px;color:#333;font-size:11px;cursor:pointer}.status-control-compact input[type=checkbox][data-v-9215f439]{width:12px;height:12px;cursor:pointer}.skills-row-compact[data-v-9215f439]{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.skill-item-compact[data-v-9215f439]{padding:4px 8px;background:#f5f5f5;border:1px solid #ddd;border-radius:3px;cursor:pointer;transition:all .2s}.skill-item-compact[data-v-9215f439]:hover{background:#e0e0e0;border-color:#bbb}.skill-item-compact.selected[data-v-9215f439]{background:#e3f2fd;border-color:#1976d2}.skill-name-compact[data-v-9215f439]{font-size:11px;color:#333;font-weight:700}.skill-type-compact[data-v-9215f439]{font-size:10px;color:#666;margin-left:4px}.empty-hint-compact[data-v-9215f439]{color:#999;font-size:10px;padding:4px}.skill-range-info-compact[data-v-9215f439]{display:flex;gap:12px;padding:4px 6px;background:#f9f9f9;border-radius:3px;border:1px solid #ddd;font-size:10px;color:#666}