*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.app-nav{background:linear-gradient(135deg,#667eea,#764ba2);padding:0 20px;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:50}.app-nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:52px;gap:16px}.app-nav__title{color:#fff;font-weight:700;font-size:1.1rem;white-space:nowrap}.app-nav__links{display:flex;gap:4px}.app-nav__link{color:#fffc;text-decoration:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease}.app-nav__link:hover{color:#fff;background:#ffffff26}.app-nav__link--active{color:#fff;background:#fff3;font-weight:600}.app-container{max-width:800px;margin:0 auto;padding:20px}.app-container--wide{max-width:1200px}h1{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:1.8rem}h2{color:#34495e;font-size:1.2rem;margin-bottom:15px;border-bottom:2px solid #3498db;padding-bottom:5px}.stats-section{margin-bottom:20px}.compact-stats-form{display:flex;flex-wrap:wrap;gap:12px;background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 4px #0000001a;align-items:flex-end}.compact-stat-field{display:flex;flex-direction:column;gap:4px}.compact-stat-field label{font-size:.75rem;font-weight:600;color:#666}.compact-stat-field input{width:70px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;text-align:center}.compact-stat-field input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}@media(max-width:400px){.compact-stats-form{justify-content:space-between}.compact-stat-field{flex:0 0 calc(50% - 6px)}.compact-stat-field input{width:100%}}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:600;margin-bottom:5px;color:#555}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.monster-info{background:#ecf0f1;padding:10px;border-radius:4px;margin-top:10px}.monster-info p{margin:5px 0}.result-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.damage-display{text-align:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:20px}.damage-range{font-size:2rem;font-weight:700;margin:10px 0}.attack-power{font-size:1.2rem;opacity:.9}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table th,.breakdown-table td{padding:10px;text-align:left;border-bottom:1px solid #eee}.breakdown-table th{color:#666;font-weight:600}.breakdown-table td{text-align:right}.empty-state{text-align:center;padding:40px;color:#888}.empty-state p{font-size:1.1rem}.comparison-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.comparison-panel__slots{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.comparison-panel__add-btn{width:100%;padding:12px;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#666;font-size:1rem;cursor:pointer;transition:all .2s ease}.comparison-panel__add-btn:hover:not(:disabled){border-color:#3498db;color:#3498db;background:#f0f7ff}.comparison-panel__add-btn:disabled{opacity:.5;cursor:not-allowed}.monster-slot{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #eee}.monster-slot__header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.monster-slot__autocomplete{flex:1}.monster-slot__remove{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:8px;line-height:1;border-radius:4px;transition:all .2s ease}.monster-slot__remove:hover{background:#fee;color:#e74c3c}.monster-slot__empty{text-align:center;padding:20px;color:#999;font-size:.9rem}.compact-damage-card{background:#fff;border-radius:6px;padding:12px;border:1px solid #e0e0e0}.compact-card__header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee;flex-wrap:wrap}.compact-card__name{font-weight:600;font-size:1rem;color:#2c3e50}.compact-card__stats{font-size:.85rem;color:#666}.compact-card__multiplier{display:flex;align-items:center;gap:2px;font-size:.85rem;color:#666}.compact-card__multiplier input{width:50px;padding:2px 4px;border:1px solid #ddd;border-radius:4px;font-size:.85rem;text-align:center}.compact-card__multiplier input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.compact-card__resonance{display:flex;align-items:center;gap:2px;font-size:.85rem;color:#666;cursor:pointer}.compact-card__resonance input[type=checkbox]{margin:0;cursor:pointer}.compact-card__damage-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.compact-card__stat{text-align:center;padding:8px 4px;background:#f8f9fa;border-radius:4px}.compact-card__stat .stat-label{display:block;font-size:.7rem;color:#888;margin-bottom:2px}.compact-card__stat .stat-value{display:block;font-size:1rem;font-weight:600;color:#333}.compact-card__probabilities{display:flex;flex-direction:column;gap:6px}.kill-prob{display:flex;align-items:center;gap:8px}.kill-prob__label{font-size:.8rem;color:#666;min-width:45px}.kill-prob__bar{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.kill-prob__fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:4px}.kill-prob__value{font-size:.85rem;font-weight:500;color:#333;min-width:48px;text-align:right}@media(max-width:480px){.compact-card__damage-row{grid-template-columns:repeat(2,1fr)}.compact-card__header{flex-direction:column;gap:4px}}.weapon-field{flex:1;min-width:200px}.weapon-input-group{display:flex;gap:8px;align-items:stretch}.weapon-autocomplete-wrapper{flex:1;min-width:0}.weapon-autocomplete-wrapper .combobox__control{min-height:34px;padding:0 6px}.weapon-autocomplete-wrapper .combobox__input{padding:6px 0;font-size:.9rem}.weapon-base-input{width:60px!important;padding:6px 4px!important;text-align:center!important;flex-shrink:0}@media(max-width:600px){.weapon-field{flex:0 0 100%}.weapon-input-group{flex-direction:column}.weapon-base-input{width:100%!important}}.records-heading{margin-top:8px}.records-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:16px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.records-table{width:100%;border-collapse:collapse;background:#fff;min-width:900px}.records-table__th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #3498db;white-space:nowrap;font-size:.9rem}.records-table__th--session{width:50px;text-align:center}.records-table__row{transition:background .15s ease}.records-table__row:hover{background:#3498db0a}.records-table__td{padding:12px 16px;border-bottom:1px solid #eee;vertical-align:top;font-size:.9rem}.records-table__td--session{text-align:center;font-weight:600;color:#2c3e50;vertical-align:middle}.records-table__td--notes{min-width:160px}.records-cell{display:flex;flex-direction:column;gap:4px}.records-cell__score{font-size:1.1rem;font-weight:700;color:#2c3e50}.records-cell__equipment{font-size:.8rem;color:#666;line-height:1.5;white-space:pre-wrap}.records-cell__notes{font-size:.85rem;color:#555;line-height:1.5;white-space:pre-wrap}.records-cell__empty{color:#ccc}@media(max-width:480px){.app-nav__inner{flex-direction:column;padding:8px 0;gap:4px}.app-nav__title{font-size:1rem}.app-nav__link{padding:6px 12px;font-size:.85rem}}