:root{--paper:#f4f2ee;--ink:#15171a;--muted:#69717a;--line:#c4c7ca;--soft-line:#d5d6d6;--lime:#f39a1f;--comparison:#356a9d;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:var(--sans);color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}button{border:1px solid #aeb1b5;border-radius:4px;background:transparent;padding:13px 23px;font-size:15px;font-weight:500;transition:background .16s,border-color .16s}button:hover{background:#eee7db;border-color:var(--ink)}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c86912;outline-offset:4px}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary:hover{background:#e88a16}.masthead{margin:0 2.5%;height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding:0 20px}.wordmark{font:27px var(--serif);letter-spacing:5px;text-transform:uppercase;text-decoration:none}.brewing-brand{font:14px var(--serif);letter-spacing:2.2px;text-transform:uppercase;text-decoration:none}main{padding:0 3.5%;max-width:1700px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 0 39px}.intro h1{font:500 clamp(43px,4.4vw,70px)/1.14 var(--serif);letter-spacing:-2.4px;margin:0 0 6px}.intro p{font-size:clamp(16px,1.5vw,23px);margin:0;line-height:1.5}.actions{display:flex;gap:16px;flex-shrink:0}.actions button{min-width:142px}.workspace{display:grid;grid-template-columns:46% 54%;align-items:start}h2{font:500 35px/1.2 var(--serif);letter-spacing:-.7px;margin:0}h3{font-size:15px;margin:0 0 13px;line-height:1.4}p{font-size:15px;line-height:1.65;margin:0}.subtle{color:var(--muted);font-size:14px}.profile-pane{padding-right:40px;min-width:0}.results-pane{border-left:1px solid var(--line);padding-left:49px;min-width:0}.wheel-help{margin-top:3px}#wheel{width:100%;max-width:690px;margin:auto}#wheel svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none;user-select:none}.wheel-grid{fill:none;stroke:#c4c7ca;stroke-width:.9}.wheel-axis{stroke:#c4c7ca;stroke-width:.9}.wheel-hit{stroke:transparent;stroke-width:20;cursor:crosshair}.wheel-label{font-family:var(--sans);font-size:15px;fill:var(--ink)}.wheel-scale{font:12px var(--sans);fill:var(--muted);paint-order:stroke;stroke:var(--paper);stroke-width:5}.target-shape{fill:var(--lime);fill-opacity:.46;stroke:var(--ink);stroke-width:1.8;pointer-events:none}.overlay-shape{fill:none;stroke:var(--comparison);stroke-width:2;stroke-dasharray:5 4;pointer-events:none}.wheel-handle{cursor:grab;outline:none}.wheel-handle .visible-dot{fill:var(--paper);stroke:var(--ink);stroke-width:1.7}.wheel-handle .handle-hit{fill:transparent}.wheel-handle:hover .visible-dot,.wheel-handle:focus-visible .visible-dot{fill:var(--lime);stroke-width:3}.wheel-handle:active{cursor:grabbing}.wheel-tooltip{font:600 14px var(--sans);fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:5;pointer-events:none}.legend{display:flex;gap:22px;flex-wrap:wrap;min-height:29px;align-items:center;font-size:13px;color:var(--muted);margin:0 0 21px}.legend>span{display:inline-flex;gap:10px;align-items:center}.legend [hidden]{display:none}.target-dot{width:16px;height:16px;border:1.5px solid var(--ink);border-radius:50%;background:var(--lime)}.comparison-line{width:20px;border-top:2px dashed var(--comparison)}.presets{border-top:1px solid var(--line);padding:18px 0 0}.presets>div{display:flex;gap:14px}.presets button{flex:1;padding:11px 8px;font-size:13px;white-space:nowrap}.presets button[aria-pressed=true]{background:#f8e5c6;border-color:#c86912}.numeric-details{margin-top:18px;border-top:1px solid var(--soft-line);padding-top:14px}summary{font-size:13px;line-height:1.5}summary .subtle{float:right;font-size:12px}.numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:18px 0}.numeric-grid label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.numeric-grid input{width:65px;padding:7px;text-align:right}.numeric-grid input,.blend-controls input,.blend-controls select,#hop-search{border:1px solid var(--line);border-radius:3px;background:transparent}.tabs{display:flex;gap:8px;border-bottom:1px solid #bdc0c3;margin-top:21px}.tabs button{padding:11px 24px 14px;border:0;border-radius:0;font-size:16px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}.tabs button[aria-selected=true]{border-bottom-color:var(--lime);color:var(--ink);font-weight:600}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px}.text-button{padding:0;border:0;border-radius:0;font-size:13px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.text-button:hover{background:transparent;color:#a35105}.match-row{display:grid;grid-template-columns:42px 1fr 157px 16px;align-items:center;width:100%;text-align:left;gap:15px;border:0;border-bottom:1px solid var(--soft-line);border-radius:0;padding:21px 0;background:transparent}.match-row:hover,.match-row[aria-pressed=true]{background:#ede9e1}.rank{font-size:19px;font-weight:600}.hop-name{font:500 28px/1.2 var(--serif);letter-spacing:-.5px;display:block;margin-bottom:3px}.hop-origin{font-size:12px;display:block;color:var(--muted);margin-bottom:2px}.hop-notes{font-size:12px;display:block;line-height:1.5;color:var(--muted)}.score strong{font:500 35px/1 var(--serif);letter-spacing:-1px;display:block}.score span{font-size:12px;display:block;margin-top:3px}.score progress{display:block;width:100%;height:6px;appearance:none;border:0;border-radius:20px;overflow:hidden;margin-top:9px;background:#e0dfdc}.score progress::-webkit-progress-bar{background:#e0dfdc}.score progress::-webkit-progress-value{background:var(--lime);border-radius:20px}.score progress::-moz-progress-bar{background:var(--lime)}.chevron{height:18px;width:18px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.compare-button{display:flex;align-items:center;gap:15px;border:0;padding:18px 0;font-size:14px}.compare-button .chevron{margin-left:1px}.blend-prompt{border-top:1px solid #9bab9f;margin-top:16px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.blend-prompt h2{margin-bottom:3px}.blend-prompt p{font-size:13px}.blend-prompt button{display:flex;gap:14px;align-items:center;white-space:nowrap;padding:17px 19px}.hop-detail{padding:13px 0;font-size:13px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--soft-line)}.hop-detail div{display:flex;gap:16px}.blend-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:19px 0}.blend-controls label{font-size:12px;font-weight:600}.blend-controls select,.blend-controls input{padding:11px;font-size:14px;width:100%;margin-top:6px;min-width:0}.quantity{display:flex;gap:6px}.quantity input{width:100%}.quantity select{width:67px;flex-shrink:0}.blend-score{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--soft-line);padding:18px 0}.blend-score h3{font:27px var(--serif);margin-bottom:3px}.blend-score .score{text-align:right}.blend-score .score strong{font-size:40px}.blend-bar{display:flex;height:9px;width:100%;border-radius:2px;overflow:hidden;margin-bottom:9px}.blend-part{display:grid;grid-template-columns:10px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--soft-line)}.blend-swatch{width:9px;height:30px;border-radius:2px}.blend-part h4{font:22px var(--serif);margin:0 0 3px}.blend-part a{font-size:11px;color:var(--muted)}.blend-amount{text-align:right;font-size:17px;font-weight:600}.blend-amount small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.blend-note{font-size:13px;margin:15px 0 13px;color:var(--muted)}.blend-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}.blend-actions button{font-size:13px;padding:10px 16px}.gap-table{width:100%;font-size:12px;border-collapse:collapse;margin-top:10px;text-align:right}.gap-table th:first-child,.gap-table td:first-child{text-align:left}.gap-table th{font-weight:500;color:var(--muted)}.gap-table td,.gap-table th{padding:6px 5px;border-bottom:1px solid var(--soft-line)}.empty{padding:43px 15px;text-align:center;border-bottom:1px solid var(--soft-line)}.empty h3{font:27px var(--serif);margin-bottom:10px}.empty p{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:start;gap:20px;border-top:1px solid #bdc0c3;margin:30px -1% 0;padding:17px 1% 23px}.footer-note{font-size:11px;color:var(--muted);white-space:nowrap}#method{flex:1}#method summary{font-size:12px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:27px 0}.method-grid p{font-size:13px;margin-bottom:10px}.method-grid h3{font:22px var(--serif)}footer:has(details[open]){flex-wrap:wrap}footer:has(details[open]) #method{flex-basis:100%}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:13px 22px;border-radius:4px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:6px;width:min(600px,calc(100% - 32px));max-height:85vh;padding:25px}dialog::backdrop{background:#15171a80}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.dialog-heading h2{font-size:30px}#hop-search{width:100%;padding:12px;margin-top:16px}.inventory-actions{display:flex;gap:18px;align-items:center;margin:19px 0}.inventory-actions span{margin-left:auto;font-size:12px}#hop-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}#hop-list label{padding:10px 0;font-size:13px;display:flex;align-items:center;gap:9px}input[type=checkbox]{accent-color:var(--ink);width:17px;height:17px}#hop-list small{display:block;font-size:11px;color:var(--muted);margin-top:3px}[hidden]{display:none!important}
@media(min-width:1450px){.match-row{padding:24px 0}.intro{padding-bottom:38px}.results-meta{margin-top:18px}.blend-prompt{padding-top:25px;margin-top:20px}}
@media(max-width:1200px){main{padding:0 3%}.intro h1{font-size:49px}.intro p{font-size:17px}.actions button{min-width:0;padding:12px 17px}.profile-pane{padding-right:25px}.results-pane{padding-left:28px}.match-row{grid-template-columns:27px 1fr 102px 14px;gap:10px}.hop-name{font-size:26px}.hop-notes{font-size:11px}.presets>div{gap:7px}.presets button{font-size:11px}.blend-prompt{align-items:start;flex-wrap:wrap}.blend-prompt h2{font-size:30px}.blend-prompt button{padding:11px 16px}.tabs button{font-size:15px}.wheel-label{font-size:15px}}
@media(max-width:860px){.masthead{padding:0 5px}.wordmark{font-size:22px;letter-spacing:3px}.brewing-brand{font-size:11px;letter-spacing:1.5px}.intro{align-items:start;flex-wrap:wrap;padding:27px 0 30px;gap:20px}.intro h1{font-size:50px}.workspace{grid-template-columns:1fr}.profile-pane{padding:0}.results-pane{padding:26px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:27px}#wheel{max-width:650px}.legend{margin-top:-5px}.presets button{font-size:13px}.match-row{grid-template-columns:36px 1fr 135px 18px;padding:22px 0}.hop-notes{font-size:12px}.blend-prompt{flex-wrap:nowrap;align-items:center}.numeric-details{margin-top:18px}.method-grid{grid-template-columns:1fr;gap:12px}h2{font-size:32px}.footer-note{white-space:normal}.actions{gap:10px}.blend-controls{max-width:520px}}
@media(max-width:460px){main{padding:0 20px}.masthead{margin:0 15px}.wordmark{font-size:18px;letter-spacing:3px}.brewing-brand{font-size:9px;letter-spacing:1px}.intro h1{font-size:39px;letter-spacing:-1.8px}.intro p{font-size:15px;max-width:340px}.intro{padding-bottom:27px}.actions button{font-size:13px;padding:10px 16px}.wheel-help{font-size:12px}.wheel-label{font-size:16px}.legend{font-size:11px;gap:12px}.presets>div{gap:5px}.presets button{font-size:10px;padding:11px 5px}.numeric-grid{gap:12px}.numeric-grid label{font-size:12px}.numeric-grid input{width:58px}.results-meta p{font-size:11px}.results-meta button{font-size:11px}.match-row{grid-template-columns:19px 1fr 82px 12px;gap:10px}.hop-name{font-size:24px}.hop-notes{font-size:10px}.hop-origin{font-size:10px}.score strong{font-size:30px}.score span{font-size:10px}.rank{font-size:15px}.blend-prompt{flex-wrap:wrap;gap:15px}.blend-prompt p{font-size:12px}.tabs button{padding-left:17px;padding-right:17px}.blend-controls{gap:12px}.blend-controls select,.blend-controls input{font-size:12px;padding:10px 7px}.quantity select{width:54px}footer{flex-wrap:wrap;gap:10px}.footer-note{font-size:10px}.hop-detail{flex-wrap:wrap}.blend-score h3{font-size:24px}#hop-list{grid-template-columns:1fr}.dialog-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Bentley Brewing: the same palette, logo and type system as /brewing/. */
#recipe-json{width:100%;height:300px;resize:vertical;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:4px;padding:14px;margin-top:18px;font:12px/1.6 ui-monospace,SFMono-Regular,monospace}.download-button{display:inline-flex;align-items:center;border-radius:4px;padding:11px 16px;font-size:13px;text-decoration:none}.download-button:hover{background:#e88a16}
.profile-pane{position:relative}
@media(min-width:1400px){.legend{position:absolute;right:40px;top:9px;max-width:245px;justify-content:flex-end;margin:0;gap:8px 16px;font-size:12px}.legend>span{white-space:nowrap}.presets{margin-top:10px}}
.masthead{margin:0;background:#15171a;color:#fff;border:0;height:100px;display:grid;grid-template-columns:1fr auto 1fr;padding:10px 3%;gap:20px}
.site-return{display:inline-flex;gap:15px;align-items:center;text-transform:uppercase;font-size:15px;font-weight:900;text-decoration:none;letter-spacing:1px;justify-self:start}
.lb-mark{display:grid;place-items:center;border:3px solid #f39a1f;border-radius:50%;width:48px;height:48px;font-size:19px;letter-spacing:0;flex-shrink:0}
.brewing-brand{line-height:0;justify-self:center}.brewing-brand img{display:block;width:200px;height:auto}
.masthead nav{justify-self:end;display:flex;gap:24px;align-items:center}.masthead nav a{font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;text-decoration:none}.studio-link{color:#f39a1f;border-right:1px solid #69717a;padding-right:24px}
.intro{background:#22262b;color:#fff;padding:29px 3% 31px;gap:25px}.intro h1{font-family:var(--sans);font-size:clamp(40px,4.4vw,68px);font-weight:800;letter-spacing:-2px;line-height:1.08;margin-bottom:8px}.intro p{font-size:clamp(15px,1.5vw,22px);color:#bfc3c7;line-height:1.5}
.actions button{font-weight:750;min-width:151px;padding:16px 20px;border-color:#f39a1f;color:#f39a1f}.actions button:hover{background:#ffffff0c}.primary,.actions .primary{background:#f39a1f;border-color:#f39a1f;color:#15171a;font-weight:750}.primary:hover,.actions .primary:hover{background:#e88a16;border-color:#e88a16}
main{padding:0 3%;max-width:1700px}.workspace{padding-top:27px;grid-template-columns:48% 52%}.profile-pane{padding-right:40px}.results-pane{padding-left:36px}h2{font:800 31px/1.2 var(--sans);letter-spacing:-.8px}h3{font-weight:750}.wheel-help{margin-top:5px}.target-shape{stroke:#c86912;fill-opacity:.18;stroke-width:2.2}.wheel-label{fill:#53616e}.target-dot{border:0;background:#f39a1f}.legend{color:#69717a}.presets button{border-color:#d38823;color:#15171a;font-weight:600}.presets button[aria-pressed=true]{border-color:#c86912;background:#f8e5c6}
.tabs{margin-top:12px}.tabs button{font-weight:600}.tabs button[aria-selected=true]{font-weight:800}.results-meta{margin:16px 0 2px}.match-row{padding:21px 0;grid-template-columns:38px 1fr 160px 18px}.rank{font-size:22px;font-weight:800}.hop-name{font:750 24px/1.2 var(--sans);letter-spacing:-.5px}.score strong{font:800 29px/1 var(--sans);letter-spacing:-.9px}.score span{color:#69717a}.score progress{height:7px}.hop-notes{font-size:12px}.compare-button{justify-content:center;border:1px solid #69717a;width:100%;border-radius:4px;margin-top:14px;padding:13px}.blend-prompt{margin-top:22px;padding-top:18px;align-items:center}.blend-prompt h2{font-size:30px;letter-spacing:-.8px}.blend-prompt .subtle{display:none}.blend-prompt .primary{padding:15px 18px}.blend-prompt p{font-size:13px}.blend-score h3,.empty h3{font-family:var(--sans);font-weight:750;font-size:25px}.blend-score .score strong{font-size:36px}.blend-part h4{font-family:var(--sans);font-size:20px;font-weight:700}.method-grid h3{font-family:var(--sans);font-size:20px;font-weight:700}.toast{background:#22262b;color:#fff}button{font-weight:600}.footer-note{color:#69717a}
@media(min-width:1450px){.match-row{padding:24px 0}.intro{padding-top:30px;padding-bottom:32px}}
@media(max-width:1200px){.site-return{font-size:12px;letter-spacing:0}.intro h1{font-size:47px}.intro p{font-size:16px}.actions button{min-width:0;padding:13px 18px}.profile-pane{padding-right:28px}.results-pane{padding-left:28px}.match-row{grid-template-columns:26px 1fr 105px 15px}.hop-name{font-size:23px}.score strong{font-size:28px}.hop-notes{font-size:11px}.blend-prompt{flex-wrap:wrap}.blend-prompt h2{font-size:27px}}
@media(max-width:860px){.masthead{height:85px;padding:10px 20px}.brewing-brand img{width:155px}.site-return>span:last-child{display:none}.lb-mark{width:38px;height:38px;font-size:15px;border-width:2px}.masthead nav{gap:12px}.masthead nav a{font-size:11px}.studio-link{border:0;padding:0}.masthead nav a:last-child{display:none}.intro{padding:25px 25px 28px;gap:20px}.intro h1{font-size:48px}.workspace{grid-template-columns:1fr;padding-top:25px}.profile-pane{padding:0}.results-pane{padding:25px 0 0}.match-row{grid-template-columns:32px 1fr 145px 16px}.blend-prompt{flex-wrap:nowrap}main{padding:0 25px}.intro p{font-size:16px}.hop-notes{font-size:12px}}
@media(max-width:460px){.masthead{height:75px;padding:10px 18px;gap:10px}.brewing-brand img{width:139px}.masthead nav a{font-size:10px;letter-spacing:.6px}.intro{padding:25px 20px}.intro h1{font-size:39px;letter-spacing:-1.7px;max-width:330px}.intro p{font-size:14px;line-height:1.6}.actions button{font-size:12px;padding:11px 17px}.actions{gap:10px}main{padding:0 20px}h2{font-size:27px}.wheel-help{font-size:11px}.wheel-label{font-size:16px}.presets button{font-size:10px}.match-row{grid-template-columns:19px 1fr 87px 12px;gap:10px}.hop-name{font-size:21px}.score strong{font-size:25px}.rank{font-size:18px}.hop-notes{font-size:10px}.blend-prompt{flex-wrap:wrap}.blend-prompt h2{font-size:26px}.blend-prompt .primary{padding:12px 17px}.blend-score h3{font-size:22px}.blend-score .score strong{font-size:31px}}

@media(max-width:460px){.wheel-label{font-size:20px}}
.download-button{border:1px solid var(--line)}.download-button.primary{border-color:#f39a1f}.download-button[aria-disabled=true]{opacity:.45;pointer-events:none}#pdf-status{margin-top:12px;font-size:12px}#recipe-dialog .blend-actions{gap:10px}

#lot-dialog{width:min(690px,calc(100% - 32px))}.lot-search{margin-top:20px}.lot-search>label,.lot-field{font-size:13px;font-weight:650;display:block}.lot-search>div{display:flex;gap:10px;margin-top:7px}.lot-search input{flex:1;min-width:0}.lot-search input,.lot-field input,.lot-field select,.lot-table input{border:1px solid var(--line);border-radius:4px;background:white;padding:10px;font:inherit}.lot-field{margin:16px 0}.lot-field input,.lot-field select{display:block;width:100%;margin-top:6px}.lot-field input[readonly]{background:#eceae5}.lot-status{font-size:13px;margin:14px 0;min-height:22px}.lot-callout{background:#f8e5c6;border-left:3px solid #c86912;padding:12px;margin:18px 0;font-size:12px}.lot-raw{margin:16px 0}.lot-raw p{font-size:13px;margin-top:12px}.lot-table{border-collapse:collapse;width:100%;font-size:12px;margin-top:10px}.lot-table td,.lot-table th{padding:8px 5px;border-bottom:1px solid var(--soft-line);text-align:left}.lot-table th{font-weight:600}.lot-table td:last-child{text-align:right}.lot-table input{width:76px;padding:6px;text-align:right}.lot-table small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.lot-management{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.lot-management>p{margin:10px 0}.lot-managed{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid var(--soft-line);font-size:13px}.lot-managed small{display:block;margin-top:4px;color:var(--muted)}#lot-analysis{margin-top:8px}#lot-preview>a{font-size:13px}#owner-status{margin-top:12px}#shared-lots{margin-top:20px}#lot-description{font-size:19px;margin-bottom:7px}#lot-dialog button{font-size:13px;padding:10px 14px}#lot-dialog .text-button{padding:0;font-size:12px}
@media(max-width:460px){#lot-dialog{padding:20px}.lot-search>div{flex-wrap:wrap}.lot-search input{width:100%;flex-basis:100%}.lot-search button{width:100%}.lot-managed{align-items:start;flex-wrap:wrap}.lot-table{font-size:11px}.lot-table input{width:64px}.lot-table td,.lot-table th{padding:8px 3px}}

/* Approved hop illustration beside the heading and subtitle. */
.intro-copy{display:flex;align-items:center;gap:20px;min-width:0}.intro-copy>div{min-width:0}.intro-hop{display:block;flex:0 0 64px;width:64px;height:94px}
@media(max-width:1200px){.intro-copy{gap:16px}.intro-hop{flex-basis:56px;width:56px;height:82px}}
@media(max-width:460px){.intro-copy{gap:12px}.intro-hop{flex-basis:42px;width:42px;height:62px}}

/* Keep live feedback in view while a phone user adjusts the wheel. */
.mobile-live,.mobile-back-wheel{display:none}
@media(max-width:860px){
  .mobile-live{display:block;position:fixed;z-index:8;bottom:0;left:0;right:0;padding:10px max(14px,env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));background:#f4f2ee;border-top:2px solid #f39a1f;box-shadow:0 -5px 24px #15171a18}
  .mobile-back-wheel{display:block;min-height:44px;margin-bottom:10px}
  .mobile-live-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
  .mobile-live-heading h3{font-size:13px;margin:0;line-height:1.3;font-weight:800}
  .mobile-live-heading button{font-size:12px;min-height:32px}
  .mobile-live-matches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mobile-live-hop{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:6px;min-height:76px;min-width:0;padding:9px 10px;text-align:left;background:#fff;border-color:#d5d6d6;border-radius:6px}
  .mobile-live-hop[aria-pressed=true]{border-color:#c86912;background:#f8e5c6}
  .mobile-live-name{font-size:12px;line-height:1.2;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
  .mobile-live-score{font-size:21px;line-height:1.1;letter-spacing:-.5px}
  .mobile-live-status{font-size:13px;min-height:76px;display:flex;align-items:center}
  .mobile-live-blend{min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:4px}
  .mobile-live-blend strong{font-size:18px}.mobile-live-blend p{font-size:12px;line-height:1.5}
  body:has(dialog[open]) .mobile-live{display:none}
  .has-mobile-live .toast{bottom:calc(160px + env(safe-area-inset-bottom))}
  .results-pane{scroll-margin-top:16px}
  .wheel-handle .handle-hit{r:23}
}
@media(max-width:460px){
  .intro{padding:18px 20px;gap:14px}.intro h1{font-size:31px;letter-spacing:-1.1px}.intro p{font-size:12px;line-height:1.5}
  .intro-hop{flex-basis:36px;width:36px;height:53px}.intro-copy{gap:10px}.actions button{padding:9px 15px}
  .workspace{padding-top:20px}.profile-pane>h2{font-size:25px}
}