:root{color-scheme:light;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#1f2a37;background-color:#f4f6fb}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6fb}a{color:inherit}#app{min-height:100vh}.layout{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#fffffff2;border-bottom:1px solid rgba(15,23,42,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header__inner{margin:0 auto;max-width:960px;display:flex;align-items:center;justify-content:space-between;padding:1.5rem}.site-title{font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.nav-links{display:flex;gap:1rem;flex-wrap:wrap}.nav-link{text-decoration:none;font-weight:600;color:#4b5563;padding:.4rem .8rem;border-radius:999px;transition:color .2s ease,background-color .2s ease}.nav-link:hover{color:#111827;background:#3b82f614}.nav-link.is-active{color:#0f172a;background:#dbeafe}main.page{flex:1;padding:3rem 1.5rem 4rem;display:flex;justify-content:center}.page__inner{width:100%;max-width:960px;display:flex;flex-direction:column;gap:1.5rem}.card{background:#fff;border-radius:18px;border:1px solid rgba(15,23,42,.06);padding:2rem;box-shadow:0 20px 60px #0f172a14}.card h1,.card h2{margin:0 0 .5rem;line-height:1.3}.card p.muted{margin:0;color:#64748b}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.form-field{display:flex;flex-direction:column;gap:.6rem}.form-field label{font-weight:600;color:#1f2937}.form-field select,.form-field input[type=number]{border-radius:12px;border:1px solid rgba(15,23,42,.15);padding:.9rem 1rem;font-size:1rem;background:#f8fafc;color:#0f172a;outline:none;transition:border .2s ease,box-shadow .2s ease}.form-field select:focus,.form-field input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.form-field input[type=number]{appearance:textfield}.form-field input[type=number]::-webkit-outer-spin-button,.form-field input[type=number]::-webkit-inner-spin-button{margin:0;appearance:none}.form-field .input-hint{font-size:.85rem;margin:.3rem 0 0;color:#475569}.form-field .input-hint.error{color:#b91c1c}.form-field .is-invalid{border-color:#f97316;box-shadow:0 0 0 2px #f9731659}.weapon-picker{margin-top:1.5rem;display:flex;flex-direction:column;gap:.9rem}.weapon-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.picker-copy{display:flex;flex-direction:column;gap:.25rem}.picker-title{font-weight:700;color:#0f172a}.picker-hint{font-size:.85rem;color:#475569}.selected-count{font-size:.85rem;font-weight:600;color:#4b5563;background:#e2e8f0;border-radius:999px;padding:.25rem .75rem}.combobox{position:relative}.combobox-input{width:100%;border-radius:12px;border:1px solid rgba(15,23,42,.15);padding:.9rem 1rem;font-size:1rem;background:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.combobox-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.combobox-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.combobox-list{position:absolute;top:calc(100% + .4rem);left:0;right:0;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:0 14px 40px #0f172a1f;padding:.4rem 0;list-style:none;margin:0;max-height:240px;overflow-y:auto;z-index:5}.combobox-list-item{padding:.65rem 1rem;cursor:pointer;font-weight:600;color:#0f172a}.combobox-list-item:hover,.combobox-list-item.is-active{background:#e0edff;color:#0f172a}.selected-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.45rem;background:#e2e8f0;color:#0f172a;font-weight:600;border-radius:999px;padding:.3rem .8rem}.chip--placeholder{background:transparent;border:1px dashed rgba(15,23,42,.2);color:#64748b;font-weight:500}.chip-remove{border:none;background:transparent;color:inherit;font-weight:700;cursor:pointer;padding:0;width:1.1rem;height:1.1rem;border-radius:50%}.chip-remove:hover,.chip-remove:focus-visible{background:#0f172a1f}.picker-warning{margin:0;font-size:.85rem;color:#b45309}.status-message{margin-top:1rem;padding:.85rem 1rem;border-radius:12px;background:#eef2ff;color:#312e81;font-weight:500}.status-message.error{background:#fee2e2;color:#b91c1c}.result-panel{margin-top:2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1rem}.result-card{border-radius:16px;border:1px solid rgba(15,23,42,.08);padding:1.2rem 1.4rem;background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:inset 0 1px #fff3}.result-card:nth-child(2){background:linear-gradient(135deg,#0f766e,#14b8a6)}.result-card__label{margin:0;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em;opacity:.85}.result-card__value{margin:.35rem 0 0;font-size:clamp(2rem,5vw,3rem);font-weight:700}.result-meta{margin:0;font-size:.9rem;color:#475569;text-align:center}.table-card table{width:100%;border-collapse:collapse;min-width:520px}.table-wrapper{overflow-x:auto}table th,table td{text-align:left;padding:.6rem .85rem;line-height:1.35}table thead{background:#eff4ff;font-size:.9rem;color:#334155}table tbody tr:nth-child(odd){background:#0f172a05}table tbody tr:hover{background:#3b82f614}table td{border-bottom:1px solid rgba(15,23,42,.05)}.matrix-table{min-width:720px}.matrix-table th,.matrix-table td{text-align:center;min-width:120px}.matrix-table thead th{position:sticky;top:0;z-index:3}.matrix-table th[scope=row]{position:sticky;left:0;z-index:2;text-align:left;font-weight:600;background:#94a3b81f}.matrix-table th:first-child{text-align:left;left:0;z-index:4;background:#eff4ff}.matrix-table tbody tr:hover{background:#6366f114}.matrix-table td{text-align:center;vertical-align:middle}.enemy-header{display:flex;flex-direction:column;gap:.15rem;align-items:center}.enemy-header .enemy-name{font-weight:600}.enemy-header .enemy-hp{font-size:.78rem;color:#64748b}.kill-value{font-weight:600;font-size:1rem}.kill-detail{margin-top:.25rem;font-size:.8rem;color:#475569}.kill-cell{position:relative;cursor:help}.kill-cell[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:100%;transform:translate(-50%,-.5rem);background:#0f172ae6;color:#fff;padding:.35rem .6rem;border-radius:6px;font-size:.78rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:10}.kill-cell[data-tooltip]:hover:after,.kill-cell[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%,-.8rem)}.kill-cell:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.table-empty{margin:1rem 0 0;color:#475569}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}@media(max-width:640px){.site-header__inner{flex-direction:column;align-items:flex-start;gap:1rem}.card{padding:1.5rem}main.page{padding:2rem 1rem 3rem}.result-card__value{font-size:2.2rem}}