.hw-ring{inset:var(--hw-ring-inset,8%);border-radius:999px;border:var(--hw-ring-w,1.5px) solid var(--gg-accent);animation:hw-ring-in var(--m-base) var(--ease-spring) both;animation-delay:var(--hw-delay,0s)}.hw-num,.hw-ring{position:absolute;pointer-events:none}.hw-num{right:var(--hw-num-right,6%);bottom:var(--hw-num-bottom,4%);font-family:var(--font-mono);font-size:var(--hw-num-size,10px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:color-mix(in oklab,var(--gg-accent) 84%,var(--gg-ink));animation:m-fade-in var(--m-base) var(--ease-enter) both;animation-delay:var(--hw-delay,0s)}.dark .hw-num{color:var(--gg-accent)}.hw-letter{position:relative}@keyframes hw-ring-in{0%{transform:scale(.45);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.lm-face .hw-ring{--hw-ring-inset:5%;--hw-ring-w:1.5px}.lm-face .hw-num{--hw-num-size:max(10px,calc(7px / var(--lm-s, 1)));--hw-num-right:3px;--hw-num-bottom:2.5px}.lm-canvas[data-hw-picking]{box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--gg-accent) 55%,transparent)}.lm-canvas[data-hw-picking] .lm-tile{cursor:copy}.lm-canvas[data-hw-picking] .lm-tile:not([data-hw-mark]):hover .lm-face:after{content:"";position:absolute;inset:5%;border-radius:999px;border:1.5px dashed color-mix(in oklab,var(--gg-accent) 70%,transparent);pointer-events:none}.hw-grid{container-type:inline-size}.hw-grid .hw-ring{--hw-ring-inset:8%;--hw-ring-w:max(1px,calc(100cqw / var(--hw-cells) / 28))}.hw-grid .hw-num{--hw-num-size:max(7px,calc(100cqw / var(--hw-cells) * 0.26));--hw-num-right:7%;--hw-num-bottom:5%}.hw-grid[data-hw-picking]{outline:2px solid color-mix(in oklab,var(--gg-accent) 55%,transparent);outline-offset:3px}.hw-grid[data-hw-picking]>div:not([data-hw-mark]):not([data-black]){cursor:copy}.hw-grid[data-hw-picking]>div:not([data-hw-mark]):not([data-black]):hover:after{content:"";position:absolute;inset:8%;border-radius:999px;border:1.5px dashed color-mix(in oklab,var(--gg-accent) 70%,transparent);pointer-events:none}.hw-bar{container-type:inline-size}.hw-bar-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gg-ink-3)}.hw-boxes{--hw-box:clamp(18px,calc((100cqw - 3px * var(--hw-joins)) / var(--hw-units)),var(--hw-max,30px));display:flex;flex-wrap:wrap;column-gap:calc(var(--hw-box) * .5);row-gap:5px}.hw-boxes[data-align=center]{justify-content:center}.hw-group{display:flex;flex-wrap:wrap;gap:3px}.hw-box{position:relative;width:var(--hw-box);height:var(--hw-box);display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--gg-paper);border:1px solid color-mix(in oklab,var(--gg-ink) 28%,transparent);color:var(--gg-ink);font-family:var(--font-body);font-weight:600;font-size:calc(var(--hw-box) * .52);line-height:1;animation:m-fade-in var(--m-quick) var(--ease-enter) both}.dark .hw-box{background:var(--gg-paper-lift);border-color:color-mix(in oklab,var(--gg-ink) 22%,transparent)}.hw-box .hw-num{--hw-num-size:max(7px,calc(var(--hw-box) * 0.3));--hw-num-right:2px;--hw-num-bottom:1.5px;animation:none}.hw-box-letter{margin-top:-6%}.hw-panel{border-radius:16px;border:1px solid var(--gg-rule);background:var(--gg-paper);color:var(--gg-ink)}.hw-panel[data-open]{border-color:color-mix(in oklab,var(--gg-accent) 38%,var(--gg-rule))}.hw-head{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;text-align:left;border-radius:16px;transition:background-color var(--m-quick) var(--ease-standard)}.hw-head:hover{background:color-mix(in oklab,var(--gg-accent) 6%,transparent)}.hw-head:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--gg-accent) 40%,transparent)}.hw-glyph{flex:none;color:var(--gg-accent)}.hw-title{flex:1;min-width:0;font-family:var(--font-serif);font-size:17px;font-weight:500;letter-spacing:-.01em;line-height:1.2}.hw-summary{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--gg-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:50%}.hw-chev{flex:none;color:var(--gg-ink-3);transition:transform var(--m-base) var(--ease-standard)}.hw-panel[data-open] .hw-chev{transform:rotate(180deg)}.hw-body{padding:0 14px 14px;animation:m-fade-in var(--m-base) var(--ease-enter) both}.hw-explain{font-size:13.5px;line-height:1.45;color:var(--gg-ink-2);margin:0 0 10px}.hw-field-row{display:flex;gap:8px}.hw-input{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--gg-rule);background:var(--gg-bg);color:var(--gg-ink);font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:border-color var(--m-quick) var(--ease-standard),box-shadow var(--m-quick) var(--ease-standard)}.hw-input::placeholder{text-transform:none;letter-spacing:0;font-weight:400;color:color-mix(in oklab,var(--gg-ink-3) 80%,transparent)}.hw-input:focus{outline:none;border-color:color-mix(in oklab,var(--gg-accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--gg-accent) 18%,transparent)}.hw-input[aria-invalid=true]{border-color:color-mix(in oklab,var(--gg-warn) 55%,transparent)}.hw-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--gg-rule);background:var(--gg-paper);color:var(--gg-ink-2);font-size:13px;font-weight:500;white-space:nowrap;transition:transform var(--m-instant) var(--ease-press),border-color var(--m-quick) var(--ease-standard),color var(--m-quick) var(--ease-standard),opacity var(--m-quick) var(--ease-standard)}.hw-pill:hover:not(:disabled){border-color:color-mix(in oklab,var(--gg-ink) 40%,transparent);color:var(--gg-ink)}.hw-pill:active:not(:disabled){transform:scale(.97)}.hw-pill:disabled{opacity:.4;cursor:default}.hw-pill:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--gg-accent) 45%,transparent)}.hw-pill[data-accent]{border-color:color-mix(in oklab,var(--gg-accent) 55%,transparent);color:var(--gg-ink)}.hw-pill[data-accent]:hover:not(:disabled){border-color:var(--gg-accent);background:var(--gg-accent-soft)}.hw-pill[data-on]{background:var(--gg-accent-soft);border-color:color-mix(in oklab,var(--gg-accent) 55%,transparent);color:var(--gg-ink)}.hw-field-row .hw-pill{height:40px}.hw-dice{transition:transform var(--m-deliberate) var(--ease-spring)}.hw-pill[data-rolled] .hw-dice{transform:rotate(180deg)}.hw-notes{margin-top:8px;display:flex;flex-direction:column;gap:4px}.hw-note{font-size:13px;line-height:1.45;color:var(--gg-ink-2);margin:0;animation:m-fade-in var(--m-quick) var(--ease-enter) both}.hw-note[data-tone=fix]{color:var(--gg-warn)}.hw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.hw-remove{margin-left:auto;font-size:13px;color:var(--gg-ink-3);padding:4px 6px;border-radius:8px;transition:color var(--m-quick) var(--ease-standard)}.hw-remove:hover{color:var(--gg-warn)}.hw-remove:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--gg-accent) 40%,transparent)}.hw-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:10px;padding:9px 12px;border-radius:12px;background:var(--gg-accent-soft);font-size:13px;color:var(--gg-ink);animation:m-fade-in var(--m-quick) var(--ease-enter) both}.hw-pick-count{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--gg-ink-2);font-variant-numeric:tabular-nums}.hw-pick-actions{margin-left:auto;display:flex;gap:6px}.hw-pick .hw-pill{height:30px;padding:0 11px}.hw-pick .hw-pill[data-primary]{background:var(--gg-ink);border-color:var(--gg-ink);color:var(--gg-bg)}@media (max-width:520px){.hw-pick-actions,.hw-remove{margin-left:0}}@media (prefers-reduced-motion:reduce){.hw-ring{animation:m-fade-in var(--m-quick) var(--ease-standard) both}.hw-num,.hw-ring{animation-delay:0s}.hw-pill[data-rolled] .hw-dice{transform:none}}.lm-hw-bar{margin-top:10px}