:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1115;color:#f5f7fb}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:linear-gradient(180deg,#11151b,#0a0c10);-webkit-tap-highlight-color:transparent}button,input,label{font:inherit}.app-shell{width:100%;max-width:960px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom));display:grid;gap:12px}.panel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar,.section-header,.action-row,.tab-row,.preset-save-row,.preset-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.wrap-actions{flex-wrap:wrap}.topbar-actions{display:flex;gap:8px;margin-left:auto}.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#7aa2ff2e;color:#dfe7ff;font-size:11px;font-weight:700}.eyebrow{margin:0 0 4px;font-size:12px;color:#8fa6ff}h1,h2,p{margin:0}h1{font-size:22px}h2{font-size:15px}.round-box{display:grid;gap:2px;text-align:right;font-size:12px}.tab-button{flex:1;min-height:44px;padding:12px;border:0;border-radius:12px;background:#ffffff14;color:#fff}.tab-button.active{background:#5d76ff}.status-row{display:grid;gap:8px}.status-row-6{grid-template-columns:repeat(6,minmax(0,1fr))}.status-card{text-align:center}.status-card strong{display:block;margin-top:6px;font-size:20px}.compact-card{background:#ffffff0a;border-radius:12px;padding:10px}.app-info-box{display:grid;gap:6px;padding:12px;border-radius:12px;background:#7aa2ff1a;border:1px solid rgba(122,162,255,.18)}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.leader-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.leader-card{border-radius:16px;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:left;display:grid;gap:10px}.leader-card.selected{border-color:#7aa2ff;box-shadow:0 0 0 2px #7aa2ff40}.state-awakened{background:#695dff2e;border-color:#887eff59}.state-down{background:#ff5c5c29;border-color:#ff78784d}.leader-art-shell{position:relative;width:100%;aspect-ratio:3 / 4.2;overflow:hidden;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.leader-art-image{width:100%;height:100%;display:block;object-fit:cover}.leader-art-placeholder{width:100%;height:100%;display:grid;place-items:center;gap:6px;padding:16px;text-align:center;color:#ffffffc7}.leader-overlay-row{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:6px}.leader-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#0c1224b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:700}.leader-status-chip-ready{background:#4caf5038;color:#d2f2d7}.leader-status-chip-muted{background:#20263ed1;color:#ffffffd1}.leader-body{display:grid;gap:8px}.leader-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.leader-chip-row{display:flex;flex-wrap:wrap;gap:6px}.leader-name{font-weight:700;font-size:15px}.leader-badge{font-size:11px;padding:4px 6px;border-radius:999px;background:#ffffff1f}.leader-stats,.leader-awaken,.leader-damage,.card-type,.card-cost,.card-text,.card-power,.log-list,.todo-list,.mini-card span,.battle-summary,.editor-meta span,.toggle-state,.detail-label,.detail-description p,.preset-hint,.preset-meta span,.empty-preset,.app-info-box span,.app-footer p{font-size:12px}.battle-lane,.discard-panel,.deck-editor-grid,.preset-list,.preset-preview-grid,.preset-preview-list{display:grid;gap:12px}.battle-summary,.deck-summary-grid,.detail-grid,.support-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.action-row button,.hand-card,.mini-card,.toggle-row,.count-btn,.card-preview-button,.editor-meta-button,.preset-actions button{border:0;border-radius:12px}.action-row button,.preset-save-row button,.preset-actions button,.file-import-button,.topbar-help-button{min-height:44px;padding:12px;background:#5d76ff;color:#fff}.topbar-help-button{border:0;border-radius:12px}.action-row button{flex:1}.ghost-button{background:#ffffff1f!important}.file-import-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer}.file-import-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.import-status{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:12px}.import-status.ok{background:#5cd48d33}.import-status.ng{background:#ff5c5c2e}.preset-name-input{flex:1;min-width:0;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff}.hand-scroll,.mini-card-grid,.editor-list{display:grid;gap:8px;margin-top:10px}.hand-scroll{grid-auto-flow:column;grid-auto-columns:164px;overflow-x:auto;padding-bottom:4px}.mini-card-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.hand-card,.mini-card,.toggle-row,.preset-card{text-align:left;padding:10px;background:#ffffff14;color:#fff}.preset-card{border-radius:12px;display:grid;gap:10px}.preset-preview-panel{border-radius:12px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.preset-meta{display:grid;gap:4px}.preset-rename-row{display:grid;gap:8px}.hand-card{display:grid;gap:8px;padding:10px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.hand-card-preview,.card-preview-button,.editor-meta-button,.preset-preview-item{width:100%;text-align:left;background:transparent;color:inherit;padding:0}.hand-card-preview{display:grid;gap:10px;border:0}.hand-card-art-shell{position:relative;width:100%;aspect-ratio:3 / 4.2;overflow:hidden;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.hand-card-art-image{width:100%;height:100%;display:block;object-fit:cover}.hand-card-art-placeholder{width:100%;height:100%;display:grid;place-items:center;gap:6px;padding:16px;text-align:center;color:#ffffffc7}.hand-card-overlay-row{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:6px}.hand-card-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#0c1224b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:700}.hand-card-status-chip-ready{background:#4caf5038;color:#d2f2d7}.hand-card-status-chip-muted{background:#20263ed1;color:#ffffffd1}.hand-card-body{display:grid;gap:8px}.hand-card-chip-row{display:flex;flex-wrap:wrap;gap:6px}.hand-card-stats-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.hand-card-submeta{font-size:11px;color:#ffffffbd}.card-action-button,.toggle-state-button{width:100%;padding:10px;border:0;border-radius:10px;background:#5d76ff;color:#fff}.card-preview-shell{padding:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-row.active{background:#5cd48d33}.hand-card:disabled,.card-action-button:disabled,button:disabled{opacity:.5;cursor:not-allowed}.card-name,.editor-meta strong,.detail-title,.preset-meta strong,.preset-preview-item strong{font-weight:700;margin:6px 0}.preset-preview-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px;background:#ffffff0f}.preset-preview-item span{font-size:12px;opacity:.9}.field-card-grid{align-items:start}.field-card{display:grid;padding:10px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.field-card-equipment{border-color:#5cd48d42;background:#5cd48d1f}.field-card-warning{border-color:#ffb02047;background:#ffb02024}.field-card-selected{border-color:#7aa2ffe0;box-shadow:0 0 0 1px #7aa2ff59}.field-card-button{width:100%;padding:0;border:0;display:grid;gap:10px;text-align:left;background:transparent;color:inherit}.field-card-action-button{width:100%;margin-top:10px;padding:10px;border:0;border-radius:10px;background:#5d76ff;color:#fff}.field-card-action-button-warning{background:#d84f63}.field-card-art-shell{position:relative;width:100%;aspect-ratio:3 / 4.2;overflow:hidden;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.field-card-art-image{width:100%;height:100%;display:block;object-fit:cover}.field-card-art-placeholder{width:100%;height:100%;display:grid;place-items:center;gap:6px;padding:16px;text-align:center;color:#ffffffc7}.field-card-overlay-row{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:6px}.field-card-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#0c1224b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;font-weight:700}.field-card-status-chip-ready{background:#4caf5038;color:#d2f2d7}.field-card-status-chip-muted{background:#20263ed1;color:#ffffffd1}.field-card-body{display:grid;gap:8px}.field-card-title{font-size:11px;letter-spacing:.04em;color:#9ec0ff}.field-card-name{font-size:15px;line-height:1.45}.field-card-subtitle,.field-card-meta-row,.field-card-text{font-size:12px}.field-card-subtitle,.field-card-meta-row{color:#ffffffc7}.field-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.field-card-text{margin:0;line-height:1.6;color:#ffffffeb}.pending-choice-grid,.discard-card-grid{margin-top:12px}.pending-choice-leader-card{width:100%;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0d;color:inherit;display:grid;gap:10px;text-align:left}.pending-choice-leader-card-selected{border-color:#7aa2ffe0;box-shadow:0 0 0 1px #7aa2ff59}.pending-choice-leader-art-shell{width:100%;aspect-ratio:3 / 4.2;overflow:hidden;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.pending-choice-leader-art-image{width:100%;height:100%;display:block;object-fit:cover}.pending-choice-leader-art-placeholder{width:100%;height:100%;display:grid;place-items:center;gap:6px;padding:16px;text-align:center;color:#ffffffc7}.pending-choice-leader-body{display:grid;gap:8px}.editor-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px;background:#ffffff0d}.counter-box{display:flex;align-items:center;gap:10px}.count-btn{width:40px;height:40px;background:#5d76ff;color:#fff}.validation-banner{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700}.validation-banner.ok{background:#5cd48d33}.validation-banner.ng{background:#ffb02033}.top-gap{margin-top:12px}.bottom-grid{display:grid;gap:12px}.log-list,.todo-list,.analysis-note-list{padding-left:18px;margin:10px 0 0;display:grid;gap:6px}.operation-log-list,.battle-history-list,.round-summary-list{display:grid;gap:10px}.operation-log-item,.battle-history-item,.round-summary-item{border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);padding:12px}.operation-log-item p,.battle-history-item p,.round-summary-item p{margin:8px 0 0;font-size:13px;line-height:1.6}.operation-log-meta,.battle-history-meta,.round-summary-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px}.operation-log-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.operation-log-chip-app{background:#5c76ff2e}.operation-log-chip-deck{background:#7aa2ff2e}.operation-log-chip-preset{background:#b67aff2e}.operation-log-chip-battle{background:#5cd48d2e}.operation-log-chip-system{background:#ffb02033}.battle-history-panel{border-color:#5cd48d47}.round-summary-panel{border-color:#ffb02047}.round-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.round-summary-grid div{display:grid;gap:4px;padding:8px;border-radius:10px;background:#ffffff0a}.round-summary-grid strong{font-size:11px}.round-summary-grid span,.empty-summary{font-size:12px}.usage-stats-panel{border-color:#7aa2ff47}.warning-card{background:#ffb02033}.equipment-card{background:#5cd48d2e}.support-panel{border-color:#5c76ff59}.support-label{font-size:12px;color:#aebcff;margin-bottom:6px}.support-tip-list{display:grid;gap:10px}.support-tip{border-radius:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.support-tip strong{display:block;margin-bottom:6px}.support-tip p{margin:0;font-size:12px;line-height:1.6}.leader-setup-panel{border-color:#7aa2ff52}.leader-setup-grid,.leader-setup-list{display:grid;gap:12px}.leader-setup-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;padding:12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.leader-setup-id{font-size:12px;font-weight:700;color:#8fa6ff;padding-top:12px}.leader-setup-fields{display:grid;gap:10px}.leader-field{display:grid;gap:6px}.leader-field span{font-size:12px;color:#ffffffd1}.leader-field-hp{max-width:160px}.leader-hp-input{text-align:right}.install-banner{border-color:#5c76ff73;background:#5c76ff24}.guide-banner{border-color:#7aa2ff61;background:#7aa2ff1f}.cache-banner{border-color:#5cd48d61;background:#5cd48d1f}.backup-panel{border-color:#b67aff52;background:#b67aff1a}.ghost-file-import{background:#ffffff1f}.offline-banner{border-color:#ffb02066;background:#ffb0201f}.notice-panel{border-color:#7aa2ff59;background:#7aa2ff1f}.control-panel{border-color:#ffffff29}.winner-banner{margin-top:12px;padding:10px 12px;border-radius:10px;background:#5cd48d33;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ad;display:flex;align-items:center;justify-content:center;padding:20px;z-index:999}.modal-card{width:min(100%,420px);max-height:min(85vh,720px);overflow:auto;background:#171b22;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px;display:grid;gap:12px;box-shadow:0 18px 48px #00000059}.confirm-modal-card{width:min(100%,460px)}.guide-modal-card{width:min(100%,540px)}.guide-step-list{display:grid;gap:10px}.guide-step{border-radius:12px;background:#ffffff0d;padding:12px}.guide-step strong{display:block;margin-bottom:6px}.guide-step p{margin:0;font-size:12px;line-height:1.6}.modal-close-button{width:36px;height:36px;border:0;border-radius:999px;background:#ffffff14;color:#fff}.detail-art-panel{display:grid;gap:10px}.detail-art-image,.detail-art-placeholder{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;aspect-ratio:3 / 4.2}.detail-art-image{display:block;object-fit:cover}.detail-art-placeholder{display:grid;place-items:center;gap:6px;padding:20px;text-align:center;color:#ffffffc2}.detail-art-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.detail-chip-row{display:flex;flex-wrap:wrap;gap:8px}.detail-chip{padding:6px 10px;border-radius:999px;background:#7aa2ff29;font-size:11px}.detail-chip-success{background:#4caf502e;color:#c9f0d0}.detail-chip-muted{background:#ffffff1a;color:#ffffffc7}.detail-link{color:#9ec0ff;font-size:12px;text-decoration:none}.detail-box,.detail-description,.confirm-message-box{border-radius:12px;background:#ffffff0d;padding:12px}.confirm-message-box p{margin:0;white-space:pre-wrap;line-height:1.6}.danger-button{background:#d84f63!important}.detail-description p{margin-top:8px}.deck-editor-wide{grid-column:1 / -1}.catalog-form-grid,.catalog-filter-grid{display:grid;gap:10px}.catalog-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filter-grid{grid-template-columns:2fr 1fr 1fr}.form-field{display:grid;gap:6px}.form-field span,.catalog-card-meta{font-size:12px}.form-field-full{grid-column:1 / -1}.form-select,.form-textarea{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff}.form-textarea{resize:vertical;min-height:104px}.catalog-card-list{display:grid;gap:8px;max-height:420px;overflow:auto}.catalog-card-list-image,.preset-preview-list-image,.deck-editor-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.deck-editor-card-grid{gap:12px}.deck-editor-card-stack{display:grid;gap:8px}.deck-editor-counter-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.deck-editor-counter-count{min-width:28px;text-align:center;font-size:16px}.catalog-card{display:grid;gap:6px;padding:12px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0d;color:#fff}.catalog-card.active{border-color:#7aa2ffcc;box-shadow:0 0 0 1px #7aa2ff59}.catalog-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}@media (min-width: 900px){.bottom-grid,.deck-editor-grid,.leader-setup-grid{grid-template-columns:1fr 1fr}}@media (max-width: 760px){h1{font-size:18px;line-height:1.35}h2{font-size:14px}.app-shell{gap:10px}.panel{padding:10px;border-radius:14px}.topbar{align-items:flex-start}.topbar-actions{width:100%;justify-content:flex-end}.title-row,.app-footer{align-items:flex-start;flex-direction:column}.catalog-form-grid,.catalog-filter-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.catalog-card-list-image,.preset-preview-list-image,.deck-editor-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.install-banner .action-row,.guide-banner .action-row,.cache-banner .action-row,.backup-panel .action-row,.offline-banner .section-header{align-items:stretch}.round-box{width:100%;text-align:left;padding-top:4px}.tab-row{position:sticky;top:env(safe-area-inset-top);z-index:10;background:#0f1115eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-row-6{grid-template-columns:repeat(3,minmax(0,1fr))}.battle-summary,.deck-summary-grid,.detail-grid,.preset-preview-grid,.support-summary-grid,.round-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leader-grid{grid-template-columns:1fr}.leader-name-row{align-items:flex-start;flex-direction:column}.hand-scroll{grid-auto-columns:minmax(220px,78vw);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.hand-card{scroll-snap-align:start}.hand-card-stats-row{align-items:flex-start;flex-direction:column}.mini-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card-list-image,.preset-preview-list-image,.deck-editor-card-grid{grid-template-columns:1fr}.field-card-meta-row{align-items:flex-start;flex-direction:column}.pending-choice-leader-card{gap:8px}.field-card-action-button{margin-top:8px}.support-summary-grid{grid-template-columns:1fr}.editor-row,.toggle-row,.preset-save-row,.preset-actions,.leader-name-row,.operation-log-meta,.battle-history-meta,.round-summary-meta{flex-direction:column;align-items:stretch}.counter-box{width:100%;justify-content:space-between}.preset-preview-item{align-items:flex-start;flex-direction:column}}@media (max-width: 480px){.app-shell{padding:calc(10px + env(safe-area-inset-top)) 10px calc(14px + env(safe-area-inset-bottom))}.status-row-6,.battle-summary,.deck-summary-grid,.detail-grid,.preset-preview-grid,.mini-card-grid{grid-template-columns:1fr 1fr}.action-row button,.preset-save-row button,.preset-actions button,.file-import-button,.toggle-state-button,.card-action-button{width:100%}.modal-backdrop{padding:12px}.modal-card,.confirm-modal-card{width:100%;max-height:88vh;border-radius:16px;padding:14px}}@media (max-width: 380px){.status-row-6{grid-template-columns:1fr 1fr}.hand-scroll{grid-auto-columns:minmax(200px,84vw)}}