.tactic-terminal{background:#f3f4f6;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.terminal-header-internal{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.terminal-title-internal{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.terminal-title-version{color:#6b7280;font-size:.85rem;font-weight:400}.terminal-header-actions{align-items:center;gap:1rem;display:flex}.terminal-action-btn,.export-btn,.import-btn,.reset-btn,.terminal-btn-secondary,.terminal-btn-danger,.tmt-add-btn,.tmt-header-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.import-btn{background:#2563eb}.import-btn:hover{background:#1d4ed8}.export-btn{background:#16a34a}.export-btn:hover{background:#15803d}.reset-btn,.terminal-btn-danger{background:#dc2626}.reset-btn:hover,.terminal-btn-danger:hover{filter:brightness(.95);background:#b91c1c}.terminal-btn-secondary,.tmt-add-btn,.tmt-header-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.terminal-btn-secondary:hover,.tmt-add-btn:hover,.tmt-header-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.terminal-action-btn:hover,.export-btn:hover,.import-btn:hover,.reset-btn:hover,.terminal-btn-secondary:hover,.terminal-btn-danger:hover,.tmt-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.modal-overlay{backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{z-index:10;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.modal-header h3{color:#fff;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:700}.modal-body{padding:1.5rem}.close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s}.close-btn:hover{color:#4b5563}.empty-state-container{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{opacity:.5;margin-bottom:1.5rem;font-size:3.5rem}.empty-state-msg{max-width:400px;font-size:1rem;font-weight:500}.terminal-character-header{text-align:center;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1.5rem 2rem}.terminal-nav-wrapper{z-index:100;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:0 1rem;position:sticky;top:0}.terminal-nav{gap:.5rem;max-width:800px;margin:0 auto;display:flex}.terminal-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem .5rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;position:relative}.terminal-nav-btn:hover{color:#1e293b;background:#00000005}.terminal-nav-btn.active{color:#2563eb}.terminal-nav-btn.active:after{content:"";background:#2563eb;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-2px;left:0;right:0}.active-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 2px #fff,0 0 5px #ef444480}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #4f46e5b3}70%{transform:scale(1.05);box-shadow:0 0 0 20px #4f46e500}to{transform:scale(1);box-shadow:0 0 #4f46e500}}.terminal-character-alias{color:#111827;margin:0;font-size:2rem;font-weight:700}.terminal-character-name{color:#6b7280;margin-top:.25rem;font-size:1rem;font-style:italic}.terminal-stats-container{flex:1;padding:2rem;overflow-y:auto}.terminal-stats-grid{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.terminal-section{max-width:1400px;margin:2rem auto 0;padding:0 1rem}.terminal-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:1rem;font-size:.85rem;font-weight:600}.attributes-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-content:center;gap:.75rem;display:grid}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:stretch;gap:.5rem}.attribute-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s;box-shadow:0 1px 2px #00000005}.skill-card{text-align:left;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.attribute-card.clickable{cursor:pointer}.attribute-card.clickable:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.attribute-card.clickable:active{transform:translateY(0)}.attribute-label{color:#9ca3af;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.skill-label{color:#4b5563;margin-bottom:0;font-size:.85rem}.attribute-value{color:#111827;font-size:1.5rem;font-weight:700}.skill-value{font-size:1.1rem}.initiative-calc-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #2563eb33}.initiative-calc-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.initiative-calc-btn:active{transform:translateY(0)}.terminal-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;flex-shrink:0;gap:.65rem;width:260px;padding:1rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.terminal-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.terminal-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:2px solid #e5e7eb;padding-bottom:.35rem;font-size:.75rem;font-weight:700}.terminal-stat-max{color:#6b7280;text-align:center;font-size:.8rem;font-weight:500}.terminal-stat-bar{background:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;width:100%;height:10px;overflow:hidden}.terminal-stat-bar-fill{height:100%;transition:width .5s}.terminal-stat-bar-fill.health{background:linear-gradient(90deg,#ef4444,#22c55e)}.terminal-stat-bar-fill.mental{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.terminal-stat-bar-fill.willpower{background:linear-gradient(90deg,#a855f7,#c084fc)}.terminal-stat-bar-fill.chi-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.terminal-stat-card.health-variant{flex-direction:column;justify-content:space-between;width:260px;height:120px;padding:0;display:flex;position:relative;overflow:hidden}.stat-card-label{color:#9ca3af;letter-spacing:.5px;z-index:10;pointer-events:none;font-family:system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:700;position:absolute;top:.5rem;left:.75rem}.terminal-stat-bar.health-bar-bottom{background:#e5e7eb;border:none;border-top:1px solid #d1d5db;border-radius:0;width:100%;height:6px;margin-top:auto}.health-content-row{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;position:relative}.health-current-container{flex:1;justify-content:center;align-items:center;padding-left:0;display:flex}.health-current{color:#1f2937;cursor:pointer;margin-right:0;font-family:system-ui,-apple-system,sans-serif;font-size:3.5rem;font-weight:800;line-height:1;transition:transform .2s}.health-current:hover{color:#2563eb;transform:scale(1.05)}.health-secondary-stats{flex-direction:column;justify-content:center;gap:.25rem;min-width:60px;display:flex}.health-sub-stat.compact{flex-direction:row;justify-content:space-between;align-items:center;gap:.25rem;display:flex}.sub-stat-label{color:#9ca3af;font-family:system-ui,-apple-system,sans-serif;font-size:.7rem;font-weight:700}.sub-stat-box{text-align:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:30px;padding:0 .25rem;font-size:.9rem;font-weight:700}.history-icon-btn,.roll-icon-btn{color:#6b7280;cursor:pointer;opacity:1;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;width:100%;height:24px;margin-bottom:.25rem;font-size:.9rem;transition:all .2s;display:flex}.history-icon-btn:hover{color:#1f2937;background:#e5e7eb;border-color:#d1d5db}.roll-icon-btn:hover{color:#1f2937;background:#dbeafe;border-color:#3b82f6}.terminal-empty-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.terminal-empty-icon{opacity:.2;font-size:4rem}.terminal-empty-text{color:#9ca3af;text-align:center;margin-bottom:2rem;font-size:1.125rem}.terminal-import-explanation{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;display:grid}.explanation-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.explanation-card h4{color:#374151;letter-spacing:.5px;align-items:center;margin:0 0 .5rem;font-size:.85rem;font-weight:700;display:flex}.explanation-card p{color:#6b7280;margin:0;font-size:.8rem;line-height:1.4}@media (width<=768px){.terminal-import-explanation{grid-template-columns:1fr;gap:1rem;padding:0 1rem}}.change-input{text-align:center;border:2px solid #e5e7eb;border-radius:6px;padding:.5rem;font-size:.85rem;font-weight:600}.change-input:focus,.notes-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.notes-input{border:2px solid #e5e7eb;border-radius:6px;padding:.5rem;font-size:.85rem}.apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.apply-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.change-input.large{text-align:center;box-sizing:border-box;width:100%;padding:1rem;font-size:2rem}.apply-btn.large{flex:2;padding:.75rem;font-size:1rem}.history-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.history-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.history-modal-header{background:#111827;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.history-modal-header h3{color:#f9fafb;margin:0;font-size:1.25rem;font-weight:700}.close-modal-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.close-modal-btn:hover{color:#111827;background:#f3f4f6}.history-modal-body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.history-empty{text-align:center;color:#9ca3af;padding:3rem 1rem;font-size:1rem}.history-list{flex-direction:column;gap:1rem;display:flex}.history-entry{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem 2rem 1rem 1rem;position:relative}.history-entry-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.history-change{border-radius:4px;padding:.25rem .75rem;font-size:1.25rem;font-weight:700}.history-change.positive{color:#15803d;background:#dcfce7}.history-change.negative{color:#dc2626;background:#fee2e2}.history-new-value{color:#374151;font-size:1rem;font-weight:600}.history-timestamp{color:#6b7280;margin-left:auto;font-size:.875rem}.history-notes{color:#374151;border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem;font-size:.9rem;font-style:italic}.delete-entry-btn{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:1rem;transition:opacity .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.delete-entry-btn:hover{opacity:1}.history-hint{font-size:.65rem}.modal-content.advanced-combat-modal{width:100%;max-width:none}.modal-actions{gap:1rem;margin-top:1rem;display:flex}.cancel-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:.75rem;font-weight:600}.cancel-btn:hover{background:#f9fafb}.edit-stat-modal{max-width:400px}.edit-stat-current{border:none;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:0;display:flex}.edit-stat-current .label{color:#9ca3af;font-size:.8rem;font-weight:400}.edit-stat-current .value{color:#6b7280;font-size:.9rem;font-weight:600}.edit-stat-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#374151;font-size:.9rem;font-weight:600}.quick-adjust-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem;display:grid}.quick-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-height:44px;padding:.75rem 0;font-size:1rem;font-weight:700;transition:all .2s}.quick-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.quick-btn:active{transform:translateY(0)}.quick-btn.positive{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.quick-btn.positive:hover{background:#dcfce7}.quick-btn.negative{color:#dc2626;background:#fef2f2;border-color:#fecaca}.quick-btn.negative:hover{background:#fee2e2}.attribute-roll-modal{background:#fff;border-radius:12px;flex-direction:column;max-width:350px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.attribute-roll-modal .modal-header h3{margin-bottom:0;color:#f9fafb!important;font-size:1.5rem!important}.roll-modal-body{flex-direction:column;gap:1.5rem;height:100%;display:flex}.roll-attribute-info{color:#4b5563;margin-bottom:2rem;font-size:1.1rem;font-weight:600}.roll-attribute-info.compact{border-bottom:1px solid #e5e7eb;width:100%;margin-bottom:1rem;padding-bottom:.5rem}.roll-main-content{justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:140px;display:flex}.roll-modifiers-column{flex-direction:column;flex:1;gap:.75rem;max-height:300px;padding-right:.5rem;display:flex;overflow-y:auto}.roll-button-column{flex:none}.roll-modifier-group{flex-direction:row;align-items:center;gap:.5rem;display:flex}.roll-modifier-group label{color:#6b7280;text-align:right;min-width:60px;margin:0;font-size:.8rem;font-weight:600}.roll-modifier-select,.roll-modifier-input{color:#111827;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:.4rem;font-size:.9rem}.roll-modifier-select.small-text{font-size:.9rem}.attribute-roll-modal .roll-main-content{grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.5rem;display:grid}.attribute-roll-modal .roll-modifiers-column{flex-direction:column;gap:.75rem;display:flex}.attribute-roll-modal .roll-modifier-group{flex-direction:column;gap:.25rem;display:flex}.attribute-roll-modal .roll-modifier-group label{color:#6b7280;text-transform:uppercase;text-align:center;font-size:.75rem;font-weight:700}.attribute-roll-modal .roll-modifier-select,.attribute-roll-modal .roll-modifier-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:.5rem;font-size:.95rem}.attribute-roll-modal .roll-button-column{justify-content:center;align-items:center;display:flex}.attribute-roll-modal .roll-circular-btn{border-radius:50%;width:90px;height:90px}.roll-circular-btn{color:#fff;letter-spacing:.05em;cursor:pointer;background:#2563eb;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:100px;height:100px;font-size:1.1rem;font-weight:800;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px #2563eb4d,0 10px 15px #2563eb33}.roll-circular-btn:active{background:#1d4ed8;transform:scale(.95);box-shadow:0 2px 4px #2563eb33}.roll-circular-btn.rolling{background:#4f46e5;animation:.6s infinite pulse}.roll-result-display{text-align:center;width:100%;animation:.3s ease-out fadeIn}.roll-result-label{text-transform:uppercase;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.roll-result-number{margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1}.roll-result-number.success{color:#16a34a}.roll-result-number.critical-success{color:#eab308;text-shadow:0 0 10px #eab30866;animation:1s infinite successPulse}.roll-result-number.failure{color:#dc2626}.roll-result-number.critical-failure{color:#991b1b;text-shadow:0 0 5px #991b1b80}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.roll-again-btn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:20px;padding:.5rem 1.5rem;font-weight:600;transition:all .2s}.roll-again-btn:hover{background:#f3f4f6;border-color:#9ca3af}.roll-result-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.roll-result-box{text-align:center;border-radius:8px;margin-top:1.5rem;padding:1.5rem;animation:.3s ease-out fadeIn}.roll-result-box.success{color:#166534;background:#f0fdf4;border:2px solid #bbf7d0}.roll-result-box.failure{color:#991b1b;background:#fef2f2;border:2px solid #fecaca}.roll-result-box.crit{color:#854d0e;background:#fefce8;border:2px solid #fde047;box-shadow:0 0 15px #eab30833}.roll-result-box.fumble{color:#fecaca;background:#450a0a;border:2px solid #dc2626}.roll-number{margin-bottom:.5rem;font-size:4rem;font-weight:900;line-height:1}.roll-status{text-transform:uppercase;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.roll-details{opacity:.8;margin-bottom:1rem;font-size:.9rem}.roll-formula{color:#374151;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;display:flex}.roll-formula-label{text-align:center;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.8rem;font-weight:600}.formula-part{padding:0 .25rem}.formula-part.positive{color:#16a34a}.formula-part.negative{color:#dc2626}.formula-part.active{color:#d97706;border-bottom:2px solid #d97706}.formula-result{color:#2563eb;margin-left:.25rem;font-size:1.5rem}.roll-target-reference{color:#6b7280;margin-top:.5rem;margin-bottom:1rem;font-size:.9rem}.hit-location-container{text-align:center;width:100%;margin-top:1rem}.hit-location-roll{color:#6b7280;margin-bottom:.25rem;font-size:.8rem}.hit-location-name{color:#111827;text-transform:uppercase;margin-bottom:.25rem;font-size:1.2rem;font-weight:900}.hit-location-effect{color:#4b5563;font-size:.75rem;font-style:italic}.modal-header-actions{align-items:center;gap:1rem;display:flex}.mode-toggle-btn{padding:.25rem .75rem!important;font-size:.75rem!important}.submode-toggle-container{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.submode-btn{border:1px solid #2563eb}.submode-btn.active{color:#fff;background-color:#2563eb}.submode-btn.outline{color:#6b7280;background-color:#0000}.help-text-block{color:#6b7280;margin-top:-.5rem;margin-bottom:.5rem;font-size:.75rem;display:block}.advanced-combat-modal .modal-body{padding:1.5rem}.advanced-controls-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group.full-width{grid-column:span 2}.control-group label{color:#4b5563;font-size:.85rem;font-weight:600}.terminal-select,.terminal-input{color:#1f2937;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.6rem;font-size:.95rem}.terminal-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.help-text{color:#6b7280;font-size:.75rem;font-style:italic}.info-text{color:#d97706;margin-top:.25rem;font-size:.75rem;font-weight:600;display:block}.stat-row{color:#374151;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.1rem;display:flex}.stat-row .bold{color:#111827;font-weight:800}.calculation-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.calc-row{color:#6b7280;justify-content:space-between;margin-bottom:.25rem;font-size:.9rem;display:flex}.calc-row span:last-child{font-family:monospace;font-size:1rem;font-weight:600}.calc-row .positive{color:#16a34a}.calc-row .negative{color:#dc2626}.calc-divider{background:#d1d5db;height:1px;margin:.5rem 0}.calc-row.final{color:#1f2937;margin-top:.5rem;font-size:1.1rem;font-weight:700}.calc-row.final .total{color:#2563eb;font-size:1.25rem}.btn-roll-terminal.large{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:1rem;font-size:1.2rem;font-weight:800;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb66}.btn-roll-terminal.large:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb66}.btn-retry{cursor:pointer;opacity:.9;background:#fff;border:1px solid;border-radius:20px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.btn-retry:hover{opacity:1;transform:scale(1.05)}.btn-retry-large{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:30px;padding:.5rem 1.5rem;font-size:1rem;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 6px -1px #2563eb66}.btn-retry-large:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb80}.btn-retry-large:active{transform:translateY(0)}.roll-result-overlay-absolute{z-index:10;background:#fffffffa;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.roll-result-value-large{color:#16a34a;text-shadow:0 2px 10px #16a34a33;margin:.5rem 0;font-size:4rem;font-weight:900;line-height:1}.roll-result-details-text{color:#6b7280;text-align:center;margin-bottom:1rem;font-size:.9rem}.roll-result-details-text strong{font-weight:700}.roll-result-details-code{background:#f3f4f6;border-radius:4px;margin-top:.25rem;padding:.25rem .5rem;font-family:monospace}.roll-base-display{color:#eee;text-align:center;background-color:#222;border:1px solid #444;border-radius:4px;padding:10px;font-family:monospace;font-size:1.1rem}.roll-modifier-input-large{text-align:center;box-sizing:border-box;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem;font-size:1.5rem;font-weight:700}.roll-modifier-input-large:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.powers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:stretch;gap:.75rem;display:grid}.power-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s;box-shadow:0 1px 2px #00000005}.power-card.clickable{cursor:pointer}.power-card.clickable:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.power-card.clickable:active{transform:translateY(0)}.power-card.non-clickable{opacity:.85}.power-name{color:#111827;margin-bottom:.5rem;font-size:.95rem;font-weight:600}.power-details{color:#6b7280;flex-wrap:wrap;align-items:center;font-size:.8rem;display:flex}.power-rank{font-weight:500}.power-origin{color:#9ca3af}.power-skill-value{color:#2563eb;text-align:right;margin-top:.5rem;font-size:1.1rem;font-weight:700}.terminal-section-title .notes-clear-btn,.notes-clear-btn{color:#9ca3af;cursor:pointer;vertical-align:middle;background:0 0;border:1px solid #e5e7eb;border-radius:4px;margin-left:.75rem;padding:.1rem .5rem;font-size:.72rem;font-weight:500;line-height:1.4;transition:background .15s,color .15s,border-color .15s}.notes-clear-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.notes-textarea{box-sizing:border-box;color:#111827;resize:vertical;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;min-height:90px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;line-height:1.6;transition:border-color .2s,box-shadow .2s;display:block}.notes-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.notes-textarea::placeholder{color:#d1d5db;font-style:italic}.chi-center-row{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.chi-side-btn{cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:700;transition:background .15s,transform .1s,opacity .15s;display:flex}.chi-side-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.chi-side-btn--recover{color:#7c3aed;background:#ede9fe}.chi-side-btn--recover:hover:not(:disabled){background:#ddd6fe;transform:scale(1.08)}.chi-side-btn--use{color:#d97706;background:#fef3c7}.chi-side-btn--use:hover:not(:disabled){background:#fde68a;transform:scale(1.08)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}@media (width<=1024px){.terminal-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.terminal-header-internal{padding:1rem 1.5rem}.terminal-title-internal{font-size:1.1rem}}@media (width<=768px){.terminal-header-internal{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.terminal-title-internal{text-align:center;font-size:.95rem}.terminal-header-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.import-btn,.export-btn,.reset-btn{flex:auto;min-width:120px;padding:.4rem .8rem;font-size:.8rem}.terminal-character-header{padding:1rem}.terminal-character-alias{font-size:1.25rem}.terminal-character-name{font-size:.9rem}.terminal-stats-container{padding:1rem}.terminal-stats-grid{flex-direction:column;align-items:stretch;gap:1rem;padding:0;display:flex}.terminal-stat-card{gap:.5rem;padding:.75rem}.terminal-stat-card.health-variant{width:100%;max-width:none}.terminal-stat-label{padding-bottom:.25rem;font-size:.7rem}.terminal-stat-max{font-size:.75rem}.health-current{font-size:3rem}.change-input,.notes-input{min-height:44px;padding:.6rem;font-size:16px}.apply-btn{min-height:44px;padding:.6rem 1rem;font-size:.9rem}.change-input-section{gap:.4rem}.history-modal{max-width:95%;max-height:85vh;margin:1rem}.history-modal-header{padding:.75rem 1rem}.history-modal-header h3{color:#f9fafb;font-size:1.1rem}.close-modal-btn{width:32px;height:32px;font-size:1.25rem}.history-modal-body{padding:.75rem}.history-entry{padding:.6rem}.history-entry-header{gap:.4rem;font-size:.85rem}.history-timestamp{font-size:.7rem}.terminal-empty-state{padding:2rem 1rem}.terminal-empty-icon{font-size:3rem}.terminal-empty-text{font-size:.95rem}.powers-grid{grid-template-columns:1fr}.power-card{padding:.75rem}}@media (width<=768px) and (orientation:landscape){.terminal-stats-grid{grid-template-columns:repeat(2,1fr)}.terminal-header-internal{flex-direction:row;padding:.5rem 1rem}.terminal-title-internal{font-size:.85rem}.terminal-stats-container{padding:.75rem}}@media (width<=480px){.terminal-title-internal{font-size:.85rem}.import-btn,.export-btn,.reset-btn{min-width:100px;padding:.35rem .7rem;font-size:.75rem}.terminal-character-name{font-size:1.1rem}.terminal-stat-current-display{padding:.5rem}.current-value{font-size:1.3rem}.modal-content.advanced-combat-modal,.modal-content.attribute-roll-modal{max-height:85vh;margin:0 auto;width:95vw!important;max-width:95vw!important}.modal-header{padding:.75rem 1rem}.modal-header h3{font-size:1rem}.modal-header-actions .btn-retry{padding:.2rem .5rem!important;font-size:.7rem!important}.close-btn{font-size:1.25rem}.roll-formula{font-size:1rem}.roll-formula-label{margin-bottom:.5rem;font-size:.7rem}.roll-main-content{flex-direction:column;flex:1;overflow:hidden}.roll-modifiers-column{flex:1;max-height:none;margin-bottom:.75rem;padding-right:.25rem;overflow-y:auto}.roll-modifiers-column .roll-modifier-group{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.roll-modifiers-column label{white-space:nowrap;text-overflow:ellipsis;width:35%;margin-bottom:0;font-size:.85rem;overflow:hidden}.roll-modifiers-column .roll-modifier-select,.roll-modifiers-column .roll-modifier-input{width:65%;height:32px;padding:.35rem;font-size:.9rem}.roll-button-column{border-top:1px solid #e5e7eb;flex-shrink:0;width:100%;padding-top:.5rem}.roll-circular-btn{aspect-ratio:auto;border-radius:8px;justify-content:center;align-items:center;width:100%;height:auto;padding:.75rem;font-size:1.1rem;display:flex}.roll-result-display{padding:1rem 0}.roll-number{font-size:3rem}.hit-location-name{font-size:1rem}.advanced-controls-grid{grid-template-columns:1fr}.control-group.full-width{grid-column:span 1}}