.hail{padding-block:var(--sec-s) calc(var(--sec) * .6);position:relative}.hail-grid{grid-template-columns:minmax(320px,430px) 1fr;grid-template-areas:"head head""ctl rig""note out";align-items:start;gap:36px 56px;display:grid}.hail-head{grid-area:head;grid-template-columns:1.1fr 1fr;align-items:end;gap:20px 56px;display:grid}.hail-head .mono{grid-column:1/-1}.hail-head .lede{max-width:46ch}.hail-ctl{grid-area:ctl;gap:28px;display:grid}.hail-ctl fieldset{border:0;gap:12px;display:grid}.hail-ctl legend{margin-bottom:12px}.act-note{text-transform:none;letter-spacing:0}.stones{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;display:grid}.stone-opt{border:1px solid var(--line-l);cursor:pointer;justify-items:center;gap:6px;padding:12px 4px 10px;transition:border-color .2s,background .2s;display:grid;position:relative}.stone-opt input,.mat-opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.stone-opt .ball{width:calc(var(--d) * 34px);aspect-ratio:1;box-shadow:inset 0 0 0 calc(var(--d) * 4px) #ffffff40, 0 6px 10px #14181b33;background:radial-gradient(circle at 35% 30%,#fff 0 8%,#e4edf2 18%,#b9c9d3 55%,#8ea3b0 100%);border-radius:50%}.stone-opt .nm{text-align:center;font-size:14px;font-weight:600;line-height:1.1}.stone-opt:has(input:checked),.mat-opt:has(input:checked){border-color:var(--slate);background:var(--paper-2);box-shadow:inset 0 -3px 0 var(--bronze)}.stone-opt:has(input:focus-visible),.mat-opt:has(input:focus-visible){outline:2px solid var(--bronze);outline-offset:2px}.mats{gap:6px;display:grid}.mat-opt{border:1px solid var(--line-l);cursor:pointer;align-items:center;gap:14px;padding:10px 12px;display:flex;position:relative}.mat-opt b{font-size:15px;display:block}.mat-opt small{color:#14181ba8;font-size:13px;line-height:1.35;display:block}.sw{flex:none;width:40px;height:30px}.sw.threetab{background:repeating-linear-gradient(90deg,#4a4d50 0 12px,#26282a 12px 13px),#4a4d50;box-shadow:inset 0 -10px #3a3d40}.sw.arch{background:linear-gradient(90deg,#3d4043 0 30%,#2a2c2f 30% 46%,#45474a 46% 78%,#303235 78%);box-shadow:inset 0 -8px #00000040}.sw.class4{box-shadow:inset 0 0 0 2px var(--bronze);background:linear-gradient(90deg,#4b4741 0 34%,#38352f 34% 52%,#57524b 52% 82%,#3f3b35 82%)}.sw.metal{background:repeating-linear-gradient(90deg,#5d6b76 0 9px,#8c9aa5 9px 11px,#5d6b76 11px 13px)}.drop-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hail-rig{aspect-ratio:16/10.5;background:linear-gradient(#cfd5d6 0%,#b8c0c2 100%);grid-area:rig;position:relative;overflow:hidden}.hail-rig canvas{width:100%;height:100%;position:absolute;inset:0}.hail-rig{background-image:linear-gradient(#14181b0d 1px,#0000 1px),linear-gradient(90deg,#14181b0d 1px,#0000 1px),linear-gradient(#cfd5d6 0%,#b8c0c2 100%);background-size:40px 40px,40px 40px,auto}.rig-tag{color:var(--slate);background:#ebe5d8cc;padding:4px 8px;position:absolute;top:12px;right:14px}.hail-out{border-top:2px solid var(--slate);grid-area:out;grid-template-columns:auto 1fr;grid-template-areas:"l l""sev sev""txt meter";align-items:end;gap:6px 24px;padding-top:14px;display:grid}.hail-out .mono{grid-area:l}.hail-out .sev{grid-area:sev;font-size:clamp(40px,4.4vw,68px)}.hail-out .txt{grid-area:txt;max-width:52ch}.hail-out .meter{grid-area:meter;justify-self:end;gap:4px;display:flex}.hail-out .meter span{background:var(--paper-3);width:26px;height:10px;transition:background .3s}.hail-out .meter span.on{background:var(--slate)}.hail-out .meter span.on[data-lvl="3"],.hail-out .meter span.on[data-lvl="4"]{background:var(--bad)}.hail-out .meter span.on[data-lvl="2"]{background:var(--bronze-2)}.hail-note{border-top:2px solid var(--slate);grid-area:note;padding-top:14px;font-size:15px}.hail-note p:not(.mono){margin-top:8px}.hail-table{margin-top:44px}.hail-table summary{cursor:pointer;border-top:1px solid var(--line-l2);padding:12px 0;list-style:none}.hail-table summary:before{content:"+ "}.hail-table[open] summary:before{content:"– "}.tbl-scroll{overflow-x:auto}.hail-table table{border-collapse:collapse;width:100%;min-width:760px;font-size:14px;line-height:1.4}.hail-table th,.hail-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line-l);padding:12px 14px 12px 0}.hail-table thead th{font:500 11px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--storm-3)}html:not(.js) .hail-rig,html:not(.js) .hail-ctl,html:not(.js) .hail-out{display:none}html:not(.js) .hail-table{display:block}@media (width<=980px){.hail-grid{grid-template-columns:1fr;grid-template-areas:"head""ctl""rig""out""note";gap:26px}.hail-head{grid-template-columns:1fr}.hail-out{grid-template-columns:1fr;grid-template-areas:"l""sev""txt""meter"}.hail-out .meter{justify-self:start}}@media (width<=520px){.stone-opt .ball{width:calc(var(--d) * 24px)}.stone-opt .nm{font-size:12px}}