.magic-main{width:min(1080px,calc(100% - 40px));padding-bottom:70px}.magic-hero{padding:68px 0 34px;text-align:center}.magic-hero h1{font-size:clamp(39px,6vw,66px)}.magic-hero>p:not(.eyebrow){margin:16px 0 0;color:var(--muted);font-size:14px}.magic-control-panel,.magic-table-panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(12,23,36,.92)}.job-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;border:1px solid var(--line);border-radius:13px;background:#08131f}.job-tabs button,.sub-tabs button{border:1px solid transparent;border-radius:9px;color:#91a6b5;background:transparent;cursor:pointer;font-weight:800}.job-tabs button{padding:13px}.job-tabs .fire.active{color:#250b08;background:#ff8976}.job-tabs .ice.active{color:#061927;background:#75d9ff}.job-tabs .holy.active{color:#261d04;background:#ffe69b}.sub-tabs{display:flex;gap:8px;margin-top:14px}.sub-tabs button,.sub-tabs span{padding:10px 16px;border:1px solid #29465e;border-radius:9px}.sub-tabs button.active{color:#07131c;background:var(--accent)}.sub-tabs.single span{color:#ffe69b;border-color:rgba(255,230,155,.35);background:rgba(255,230,155,.08);font-weight:800}.magic-controls{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:18px}.magic-controls label>span{display:block;margin:0 0 7px;color:#91a9ba;font-size:11px}.magic-controls input{width:100%;height:46px;padding:0 13px;color:var(--text);border:1px solid #29465e;border-radius:9px;outline:0;background:#091725}.magic-controls input:focus{border-color:var(--accent)}.spell-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.spell-summary article{padding:14px;border:1px solid #1e3a50;border-radius:11px;background:#091522}.spell-summary span{display:block;margin-bottom:7px;color:#668298;font-size:9px}.spell-summary strong{font-size:15px}.magic-table-panel{margin-top:12px}.magic-table-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px}.magic-table-heading h2{margin:0 0 5px;font-size:22px}.magic-table-heading p{margin:0;color:var(--muted);font-size:11px}.kill-legend{display:flex;gap:7px}.kill-legend span,.kill-badge{padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800}.one{color:#ffb2a8;background:rgba(255,137,118,.12)}.two{color:#8ce0ff;background:rgba(117,217,255,.12)}.magic-table-wrap{overflow-x:auto}.magic-table{width:100%;border-collapse:collapse}.magic-table th{padding:11px 13px;color:#7893a5;border-bottom:1px solid #244057;font-size:10px;text-align:left}.magic-table thead tr:first-child th[colspan]{color:#a9c1d0;text-align:center}.magic-table .level-head th{min-width:82px;text-align:right}.magic-table td{padding:13px;border-bottom:1px solid rgba(255,255,255,.06);color:#cfe0eb;font-size:12px}.magic-table tr.monster-start td{border-top:1px solid #29465e}.monster-cell{min-width:150px}.monster-cell strong{display:block;color:#f2f8fc;font-size:13px}.monster-cell small{display:block;margin-top:5px;color:#6f8ca1;font-size:9px}.cut{color:#d9e8f2;font-variant-numeric:tabular-nums;text-align:right}.cut.best{color:var(--accent);font-weight:800}.cut.missing{color:#486276}.state-cell{min-width:112px}.magic-state{color:#7892a5;font-size:10px}.magic-state.pass{color:#71dc9a}.magic-state.fail{color:#ff8976}.magic-empty{padding:55px 20px;color:var(--muted);text-align:center;font-size:13px}.magic-warning{display:flex;gap:16px;margin-top:12px;padding:17px 19px;border:1px solid rgba(255,137,118,.22);border-radius:13px;background:rgba(255,137,118,.045)}.magic-warning strong{flex:0 0 auto;color:#ff9f90;font-size:12px}.magic-warning p{margin:0;color:#8fa4b3;font-size:11px;line-height:1.65}.magic-source{margin:9px 3px 0;color:#546e81;font-size:9px;text-align:right}.magic-source a{color:#7895a9}@media(max-width:700px){.magic-main{width:min(100% - 24px,1080px)}.magic-hero{padding:50px 0 28px}.magic-control-panel,.magic-table-panel{padding:16px}.magic-controls{grid-template-columns:1fr}.spell-summary{grid-template-columns:1fr 1fr}.magic-warning{flex-direction:column;gap:7px}}