.tactic-player-terminal{width:100%;height:100dvh;display:flex;flex-direction:column;background:#f3f4f6;overflow:hidden}.terminal-header-internal{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.terminal-title-internal{font-size:1.25rem;font-weight:700;margin:0;color:#111827}.terminal-header-actions{display:flex;gap:1rem;align-items:center}.export-btn{background:#16a34a;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.export-btn:hover{background:#15803d;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.import-btn{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.import-btn:hover{background:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.reset-btn{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #0000000d}.reset-btn:hover{background:#b91c1c;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.terminal-character-header{text-align:center;padding:1.5rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.terminal-character-name{font-size:2rem;color:#111827;margin:0;font-weight:700}.terminal-character-alias{font-size:1rem;color:#6b7280;margin-top:.25rem;font-style:italic}.terminal-stats-container{flex:1;overflow-y:auto;padding:2rem}.terminal-stats-grid{display:flex;flex-wrap:wrap;gap:1rem;max-width:1400px;margin:0 auto;justify-content:center}.terminal-section{max-width:1400px;margin:2rem auto 0;padding:0 1rem}.terminal-section-title{font-size:.85rem;color:#6b7280;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;text-align:center}.attributes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;justify-content:center}.initiative-calc-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #2563eb33;display:flex;align-items:center;gap:.5rem}.initiative-calc-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.initiative-calc-btn:active{transform:translateY(0)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;justify-content:stretch}.attribute-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 1px 2px #00000005;transition:all .2s}.skill-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;text-align:left}.attribute-card.clickable{cursor:pointer}.attribute-card.clickable:hover{border-color:#2563eb;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.attribute-card.clickable:active{transform:translateY(0)}.attribute-label{font-size:.75rem;color:#9ca3af;font-weight:600;margin-bottom:.25rem;letter-spacing:.05em}.skill-label{margin-bottom:0;font-size:.85rem;color:#4b5563}.attribute-value{font-size:1.5rem;font-weight:700;color:#111827}.skill-value{font-size:1.1rem}.attribute-roll-modal{max-width:350px}.roll-modal-body{display:flex;flex-direction:column;align-items:center;padding-top:1rem}.roll-attribute-info{font-size:1.1rem;font-weight:600;color:#4b5563;margin-bottom:2rem}.roll-attribute-info.compact{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;width:100%}.roll-main-content{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;min-height:140px}.roll-modifiers-column{flex:1;display:flex;flex-direction:column;gap:.75rem}.roll-button-column{flex:0 0 auto}.roll-modifier-group{display:flex;flex-direction:row;align-items:center;gap:.5rem}.roll-modifier-group label{font-size:.8rem;color:#6b7280;font-weight:600;margin:0;text-align:right;min-width:60px}.roll-modifier-select,.roll-modifier-input{flex:1;padding:.4rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#111827}.roll-circular-btn{width:100px;height:100px;font-size:1.1rem;border-radius:50%;background:#2563eb;color:#fff;border:none;font-weight:800;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 6px #2563eb4d,0 10px 15px #2563eb33;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;outline:none}.roll-circular-btn:active{transform:scale(.95);background:#1d4ed8;box-shadow:0 2px 4px #2563eb33}.roll-circular-btn.rolling{animation:pulse .6s infinite;background:#4f46e5}@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}}.roll-result-display{width:100%;text-align:center;animation:fadeIn .3s ease-out}.roll-result-label{font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.roll-result-number{font-size:4rem;font-weight:800;line-height:1;margin-bottom:1.5rem}.roll-result-number.success{color:#16a34a}.roll-result-number.critical-success{color:#eab308;text-shadow:0 0 10px rgba(234,179,8,.4);animation:successPulse 1s infinite}.roll-result-number.failure{color:#dc2626}.roll-result-number.critical-failure{color:#991b1b;text-shadow:0 0 5px rgba(153,27,27,.5)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.roll-again-btn{padding:.5rem 1.5rem;background:transparent;border:1px solid #d1d5db;border-radius:20px;color:#4b5563;font-weight:600;cursor:pointer;transition:all .2s}.roll-again-btn:hover{background:#f3f4f6;border-color:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terminal-stat-card{background:#fff;border:1px solid #e5e7eb;padding:1rem;border-radius:8px;display:flex;flex-direction:column;width:260px;flex-shrink:0;gap:.65rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.terminal-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.terminal-stat-label{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding-bottom:.35rem;border-bottom:2px solid #e5e7eb}.terminal-stat-max{font-size:.8rem;color:#6b7280;text-align:center;font-weight:500}.terminal-stat-bar{width:100%;height:10px;background:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.terminal-stat-bar-fill{height:100%;transition:width .5s ease}.terminal-stat-bar-fill.health{background:linear-gradient(90deg,#ef4444,#22c55e)}.terminal-stat-bar-fill.mental{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.terminal-stat-bar-fill.willpower{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.terminal-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem}.terminal-empty-icon{font-size:4rem;opacity:.2}.terminal-empty-text{font-size:1.125rem;color:#9ca3af;text-align:center}@media(max-width:768px){.terminal-header-internal{padding:1rem}.terminal-title-internal{font-size:1rem}.terminal-character-header{padding:1rem}.terminal-character-name{font-size:1.5rem}.terminal-stats-container{padding:1rem}.terminal-stats-grid{grid-template-columns:1fr;gap:1rem}.terminal-stat-card{padding:1rem}.terminal-stat-input{width:80px;font-size:1rem}.terminal-stat-total{font-size:1.25rem}.change-input-section{grid-template-columns:1fr}.change-input,.notes-input,.apply-btn{width:100%}}@media(max-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(max-width:768px){.terminal-header-internal{padding:.75rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.terminal-title-internal{font-size:.95rem;text-align:center}.terminal-header-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.import-btn,.export-btn,.reset-btn{font-size:.8rem;padding:.4rem .8rem;flex:1 1 auto;min-width:120px}.terminal-stats-container{padding:1rem}.terminal-stats-grid{grid-template-columns:1fr;gap:1rem;padding:0}.terminal-character-header{padding:1rem}.terminal-character-name{font-size:1.25rem}.terminal-character-alias{font-size:.9rem}.terminal-stat-card{padding:.75rem;gap:.5rem}.terminal-stat-label{font-size:.7rem;padding-bottom:.25rem}.terminal-stat-max{font-size:.75rem}.change-input,.notes-input{font-size:16px;min-height:44px;padding:.6rem}.apply-btn{min-height:44px;font-size:.9rem;padding:.6rem 1rem}.change-input-section{gap:.4rem}.history-modal{max-width:95%;max-height:85vh;margin:1rem}.history-modal-header{padding:.75rem 1rem}.history-modal-header h2{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{font-size:.85rem;gap:.4rem}.history-timestamp{font-size:.7rem}.terminal-empty-state{padding:2rem 1rem}.terminal-empty-icon{font-size:3rem}.terminal-empty-text{font-size:.95rem}}@media(max-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(max-width:480px){.terminal-title-internal{font-size:.85rem}.import-btn,.export-btn,.reset-btn{font-size:.75rem;padding:.35rem .7rem;min-width:100px}.terminal-character-name{font-size:1.1rem}.terminal-stat-current-display{padding:.5rem}.current-value{font-size:1.3rem}.history-hint{font-size:.65rem}}.change-input{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.85rem;font-weight:600;text-align:center}.change-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.notes-input{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.85rem}.notes-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.apply-btn{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.apply-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.history-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.history-modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.history-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.close-modal-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-modal-btn:hover{background:#f3f4f6;color:#111827}.history-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.history-empty{text-align:center;padding:3rem 1rem;color:#9ca3af;font-size:1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-entry{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.history-entry-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.history-change{font-size:1.25rem;font-weight:700;padding:.25rem .75rem;border-radius:4px}@media(max-width:768px){.terminal-stats-grid{display:flex;flex-direction:column;align-items:stretch}.terminal-stat-card.health-variant{width:100%;max-width:none;margin-bottom:0}.health-current{font-size:3rem}}.terminal-stat-bar-fill.mental{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;transition:width .5s ease}.terminal-stat-bar-fill.willpower{background:linear-gradient(90deg,#a855f7,#c084fc);height:100%;transition:width .5s ease}.edit-stat-current{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:0;margin-bottom:.25rem;border:none}.edit-stat-current .label{font-weight:400;color:#9ca3af;font-size:.8rem}.edit-stat-current .value{font-size:.9rem;font-weight:600;color:#6b7280}.edit-stat-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.9rem}.change-input.large{font-size:2rem;padding:1rem;text-align:center;width:100%;box-sizing:border-box}.modal-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{flex:1;padding:.75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-weight:600;color:#374151;cursor:pointer}.cancel-btn:hover{background:#f9fafb}.apply-btn.large{flex:2;font-size:1rem;padding:.75rem}.health-current{cursor:pointer;transition:transform .2s}.history-entry{position:relative;padding-right:2rem}.delete-entry-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem;opacity:.5;transition:opacity .2s}.delete-entry-btn:hover{opacity:1}.history-change.positive{background:#dcfce7;color:#15803d}.history-change.negative{background:#fee2e2;color:#dc2626}.history-new-value{font-size:1rem;font-weight:600;color:#374151}.history-timestamp{font-size:.875rem;color:#6b7280;margin-left:auto}.history-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;font-size:.9rem;color:#374151;font-style:italic}.terminal-stat-card.health-variant{position:relative;padding:0;overflow:hidden;height:120px;display:flex;flex-direction:column;justify-content:space-between;width:260px}.stat-card-label{position:absolute;top:.5rem;left:.75rem;font-size:.75rem;font-weight:700;color:#9ca3af;letter-spacing:.5px;font-family:system-ui,-apple-system,sans-serif;z-index:10;pointer-events:none}.history-icon-btn{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;width:100%;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:.25rem;opacity:1}.history-icon-btn:hover{color:#1f2937;background:#e5e7eb;border-color:#d1d5db}.roll-icon-btn{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;width:100%;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s;margin-bottom:.25rem;opacity:1}.roll-icon-btn:hover{color:#1f2937;background:#dbeafe;border-color:#3b82f6}.health-content-row{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem .75rem;position:relative;gap:.5rem}.health-current-container{flex:1;display:flex;align-items:center;justify-content:center;padding-left:0}.health-current{font-size:3.5rem;font-weight:800;color:#1f2937;line-height:1;font-family:system-ui,-apple-system,sans-serif;cursor:pointer;transition:transform .2s;margin-right:0}.health-current:hover{transform:scale(1.05);color:#2563eb}.health-secondary-stats{display:flex;flex-direction:column;gap:.25rem;min-width:60px;justify-content:center}.health-sub-stat.compact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.25rem}.sub-stat-label{font-size:.7rem;font-weight:700;color:#9ca3af;font-family:system-ui,-apple-system,sans-serif}.sub-stat-box{border:1px solid #d1d5db;border-radius:4px;padding:0 .25rem;font-size:.9rem;font-weight:700;min-width:30px;text-align:center;background:#fff}.terminal-stat-bar.health-bar-bottom{width:100%;height:6px;background:#e5e7eb;margin-top:auto;border-radius:0;border:none;border-top:1px solid #d1d5db}.terminal-stat-bar-fill.health{height:100%;background:linear-gradient(90deg,#ef4444,#22c55e);transition:width .5s ease}.edit-stat-modal{max-width:350px}.quick-adjust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.5rem}.quick-btn{padding:.75rem 0;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;min-height:44px}.quick-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.quick-btn:active{transform:translateY(0)}.quick-btn.positive{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}.quick-btn.positive:hover{background:#dcfce7}.quick-btn.negative{color:#dc2626;border-color:#fecaca;background:#fef2f2}.quick-btn.negative:hover{background:#fee2e2}.advanced-combat-modal .modal-body{padding:1.5rem}.advanced-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group.full-width{grid-column:span 2}.control-group label{font-size:.85rem;font-weight:600;color:#4b5563}.terminal-select,.terminal-input{padding:.6rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;width:100%;background-color:#fff;color:#1f2937}.terminal-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.help-text{font-size:.75rem;color:#6b7280;font-style:italic}.info-text{font-size:.75rem;color:#d97706;font-weight:600;margin-top:.25rem;display:block}.stat-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;font-size:1.1rem;color:#374151}.stat-row .bold{font-weight:800;color:#111827}.calculation-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1.5rem}.calc-row{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.9rem;color:#6b7280}.calc-row span:last-child{font-weight:600;font-family:monospace;font-size:1rem}.calc-row .positive{color:#16a34a}.calc-row .negative{color:#dc2626}.calc-divider{height:1px;background:#d1d5db;margin:.5rem 0}.calc-row.final{margin-top:.5rem;font-size:1.1rem;color:#1f2937;font-weight:700}.calc-row.final .total{font-size:1.25rem;color:#2563eb}.btn-roll-terminal.large{width:100%;padding:1rem;font-size:1.2rem;background:#2563eb;color:#fff;border:none;border-radius:8px;font-weight:800;cursor:pointer;box-shadow:0 4px 6px -1px #2563eb66;transition:all .2s}.btn-roll-terminal.large:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb66}.roll-result-box{margin-top:1.5rem;padding:1.5rem;border-radius:8px;text-align:center;animation:fadeIn .3s ease-out}.roll-result-box.success{background:#f0fdf4;border:2px solid #bbf7d0;color:#166534}.roll-result-box.failure{background:#fef2f2;border:2px solid #fecaca;color:#991b1b}.roll-result-box.crit{background:#fefce8;border:2px solid #fde047;color:#854d0e;box-shadow:0 0 15px #eab30833}.roll-result-box.fumble{background:#450a0a;border:2px solid #dc2626;color:#fecaca}.roll-number{font-size:4rem;font-weight:900;line-height:1;margin-bottom:.5rem}.roll-status{font-size:1.5rem;font-weight:800;text-transform:uppercase;margin-bottom:.5rem}.roll-details{font-size:.9rem;opacity:.8;margin-bottom:1rem}.btn-retry{padding:.5rem 1rem;background:#fff;border:1px solid currentColor;border-radius:20px;cursor:pointer;font-weight:600;opacity:.9;transition:all .2s}.btn-retry:hover{opacity:1;transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;backdrop-filter:blur(2px)}.modal-content.advanced-combat-modal{background:#fff;border-radius:12px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#111827;font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;transition:color .2s}.close-btn:hover{color:#1f2937}@media(max-width:640px){.advanced-controls-grid{grid-template-columns:1fr}.control-group.full-width{grid-column:span 1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:90vh;width:90%;max-width:500px}.edit-stat-modal{max-width:400px}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.history-modal-body{display:flex;flex-direction:column;gap:1rem}.roll-modal-body{display:flex;flex-direction:column;gap:1.5rem;height:100%}.attribute-roll-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;display:flex;flex-direction:column}.roll-formula{display:flex;justify-content:center;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;color:#374151;flex-wrap:wrap}.roll-formula-label{text-align:center;font-size:.8rem;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.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;font-size:1.5rem;margin-left:.25rem}.roll-target-reference{font-size:.9rem;color:#6b7280;margin-top:.5rem;margin-bottom:1rem}.modal-header-actions{display:flex;gap:1rem;align-items:center}.mode-toggle-btn{font-size:.75rem!important;padding:.25rem .75rem!important}.submode-toggle-container{display:flex;justify-content:center;margin-bottom:1rem;gap:.5rem}.submode-btn{border:1px solid #2563eb}.submode-btn.active{background-color:#2563eb;color:#fff}.submode-btn.outline{background-color:transparent;color:#6b7280}.roll-modifiers-column{max-height:300px;overflow-y:auto;padding-right:.5rem}.roll-modifier-select.small-text{font-size:.9rem}.help-text-block{display:block;margin-top:-.5rem;margin-bottom:.5rem;color:#6b7280;font-size:.75rem}.roll-result-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.roll-result-label{font-size:1.5rem;font-weight:800;text-transform:uppercase;margin-bottom:.5rem}.hit-location-container{margin-top:1rem;width:100%;text-align:center}.hit-location-roll{font-size:.8rem;color:#6b7280;margin-bottom:.25rem}.hit-location-name{font-size:1.2rem;font-weight:900;color:#111827;margin-bottom:.25rem;text-transform:uppercase}.hit-location-effect{font-size:.75rem;color:#4b5563;font-style:italic}@media(max-width:480px){.modal-content.advanced-combat-modal,.modal-content.attribute-roll-modal{width:95vw!important;max-width:95vw!important;max-height:85vh;margin:0 auto}.modal-header{padding:.75rem 1rem}.modal-header h3{font-size:1rem}.modal-header-actions .btn-retry{font-size:.7rem!important;padding:.2rem .5rem!important}.close-btn{font-size:1.25rem}.roll-formula{font-size:1rem}.roll-formula-label{font-size:.7rem;margin-bottom:.5rem}.roll-main-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.roll-modifiers-column{flex:1;max-height:none;overflow-y:auto;padding-right:.25rem;margin-bottom:.75rem}.roll-modifiers-column .roll-modifier-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.roll-modifiers-column label{margin-bottom:0;font-size:.85rem;white-space:nowrap;width:35%;overflow:hidden;text-overflow:ellipsis}.roll-modifiers-column .roll-modifier-select,.roll-modifiers-column .roll-modifier-input{width:65%;padding:.35rem;font-size:.9rem;height:32px}.roll-button-column{flex-shrink:0;width:100%;padding-top:.5rem;border-top:1px solid #e5e7eb}.roll-circular-btn{width:100%;height:auto;border-radius:8px;aspect-ratio:auto;padding:.75rem;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.roll-result-display{padding:1rem 0}.roll-number{font-size:3rem}.hit-location-name{font-size:1rem}}.attribute-roll-modal .roll-main-content{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.5rem;align-items:center}.attribute-roll-modal .roll-modifiers-column{display:flex;flex-direction:column;gap:.75rem}.attribute-roll-modal .roll-modifier-group{display:flex;flex-direction:column;gap:.25rem}.attribute-roll-modal .roll-modifier-group label{font-size:.75rem;color:#6b7280;font-weight:700;text-transform:uppercase;text-align:center}.attribute-roll-modal .roll-modifier-select,.attribute-roll-modal .roll-modifier-input{padding:.5rem;border-radius:6px;border:1px solid #d1d5db;background-color:#f9fafb;font-size:.95rem}.attribute-roll-modal .roll-button-column{display:flex;justify-content:center;align-items:center}.attribute-roll-modal .roll-circular-btn{width:90px;height:90px;border-radius:50%}.powers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;justify-content:stretch}.power-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 1px 2px #00000005;transition:all .2s}.power-card.clickable{cursor:pointer}.power-card.clickable:hover{border-color:#2563eb;background:#eff6ff;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{font-size:.95rem;font-weight:600;color:#111827;margin-bottom:.5rem}.power-details{font-size:.8rem;color:#6b7280;display:flex;align-items:center;flex-wrap:wrap}.power-rank{font-weight:500}.power-origin{color:#9ca3af}.power-skill-value{font-size:1.1rem;font-weight:700;color:#2563eb;margin-top:.5rem;text-align:right}@media(max-width:768px){.powers-grid{grid-template-columns:1fr}.power-card{padding:.75rem}}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}.attribute-roll-modal .modal-header h2{font-size:1.5rem!important;margin-bottom:0}