.mix-page>header h1{max-width:none;margin-block:.6rem;font-size:clamp(2.3rem,4vw,3.5rem)}.mix-page>header .lead{max-width:850px;font-size:1.05rem}.mix-calculator{margin-block:1.5rem 2.5rem}.mix-quick{text-align:left;background:var(--raised);width:100%;color:var(--gold-hi);border:1px solid var(--strong);cursor:pointer;border-radius:3px;margin-bottom:1rem;padding:.8rem;font-weight:700;display:none}.mix-calculator .player-lookup{margin-bottom:1.4rem}.mix-calculator fieldset{border:0;min-width:0;margin:0;padding:0}.mix-calculator legend{margin-bottom:.7rem;font-weight:750}.mix-calculator label{gap:.35rem;min-width:0;font-size:.88rem;font-weight:650;display:grid}.mix-calculator input:not([type=radio]):not([type=hidden]),.mix-calculator select{border:1px solid var(--strong);background:var(--field);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:3px;padding:.6rem;font-size:.94rem}.mix-calculator h2{font:700 1.4rem/1.2 var(--display);margin:0 0 .5rem}.mix-calculator h3{font:700 1.2rem/1.25 var(--display);margin:0 0 .6rem}.mix-calculator p{margin:.6rem 0}.mix-calculator .mix-help{color:var(--muted);font-size:.82rem;line-height:1.55}.mix-calculator img{object-fit:contain;image-rendering:pixelated;flex:none;width:auto;max-width:36px;height:auto;max-height:32px}.mix-icon{flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.mix-modes{grid-template-columns:1fr 1fr;gap:.7rem;display:grid;margin-bottom:1.25rem!important}.mix-modes label{cursor:pointer;position:relative}.mix-modes input{opacity:0;width:1px;height:1px;position:absolute}.mix-modes label>span{background:var(--panel);border:1px solid var(--strong);border-radius:4px;align-items:center;gap:.85rem;min-height:78px;padding:1rem;display:flex}.mix-modes strong,.mix-modes small{display:block}.mix-modes strong{font-size:1rem}.mix-modes small{color:var(--muted);margin-top:.15rem;font-weight:400}.mix-modes input:checked+span{box-shadow:inset 0 -3px var(--gold);border-color:var(--gold);background:var(--raised)}.mix-modes input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px}.mix-workspace{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.mix-inputs{gap:1rem;min-width:0;display:grid}.mix-panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;min-width:0;padding:clamp(1rem,2vw,1.4rem)}.mix-results{border-top:4px solid var(--gold);position:sticky;top:85px}.mix-rewards{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;display:grid}.mix-reward button{text-align:left;background:var(--field);width:100%;min-height:96px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:3px;align-items:center;gap:.55rem;padding:.65rem;display:flex}.mix-reward button>span:not(.mix-icon):not(.mix-check){flex:1;min-width:0}.mix-reward strong{font-size:.85rem;line-height:1.3;display:block}.mix-reward small{color:var(--muted);margin-top:.3rem;font-size:.72rem;display:block}.mix-reward .mix-check{color:var(--gold-hi);opacity:0;margin-left:auto}.mix-reward [aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:var(--raised)}.mix-reward [aria-pressed=true] .mix-check{opacity:1}.mix-pair{grid-template-columns:1fr 1fr;gap:.8rem;margin-block:.8rem;display:grid}.mix-colours{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.mix-colours label>span,.mix-item-label{align-items:center;gap:.4rem;display:flex}.mix-resin-dot{background:var(--gold);border:1px solid;border-radius:50%;flex:none;width:.65rem;height:.65rem}.mix-mox .mix-resin-dot{background:#df786d}.mix-aga .mix-resin-dot{background:#81b477}.mix-lye .mix-resin-dot{background:#a792d0}.mix-pace-rates{margin:.8rem 0 0;font-size:.8rem}.mix-pace-rates>div{justify-content:space-between;gap:.8rem;margin-top:.35rem;display:flex}.mix-pace-rates dd{text-align:right;margin:0}.mix-extra{border-top:1px solid var(--border);margin-top:1rem;padding-top:.9rem}.mix-extra summary{cursor:pointer;min-height:36px;color:var(--gold-hi);font-size:.88rem;font-weight:700}.mix-herb-choice{grid-template-columns:1.4fr 1fr;gap:.7rem;margin-block:.75rem;display:grid}.mix-calculate{width:100%;margin-top:1rem}.mix-error{color:var(--error)}.mix-metrics{grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0;display:grid}.mix-metrics>div{border-top:1px solid var(--strong);padding-top:.8rem}.mix-metrics dt{color:var(--muted);font-size:.8rem}.mix-metrics dd{font:700 1.7rem/1.15 var(--display);margin:.3rem 0}.mix-metrics small{color:var(--muted);font-size:.75rem;display:block}.mix-progress{gap:.8rem;margin-block:1rem;display:grid}.mix-progress-row>div{justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.mix-progress-row small{color:var(--muted);font-size:.75rem}.mix-progress-row progress{width:100%;height:.55rem;accent-color:var(--gold);margin-top:.35rem;display:block}.mix-progress-row p{color:var(--muted);margin-top:.25rem;font-size:.76rem}.mix-subheading{margin-top:1.4rem!important}.mix-supplies{padding:0;list-style:none}.mix-supplies li{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.55rem 0;font-size:.85rem;display:flex}.mix-supplies li>span:not(.mix-icon){flex:1;min-width:0}.mix-supplies small{color:var(--muted);display:block}.mix-supplies b{text-align:right;font-size:.8rem}.mix-price-status{color:var(--quiet);border-top:1px solid var(--border);padding-top:.8rem;font-size:.73rem;margin-top:1rem!important}.mix-price-edit{background:var(--panel);border:1px solid var(--strong);min-height:44px;color:var(--gold-hi);cursor:pointer;border-radius:3px;padding:.5rem .7rem;font-weight:700}.mix-money-cards{gap:1rem;margin-top:1rem;display:grid}.mix-money-card{background:var(--field);border:1px solid var(--border);border-radius:3px;padding:1rem}.mix-money-card header{align-items:center;gap:.65rem;display:flex}.mix-money-card h3{margin:0}.mix-money-card .mix-rate{font:700 1.8rem/1.2 var(--display);margin:.7rem 0 .1rem}.mix-money-card dl{margin:.8rem 0 0;font-size:.8rem}.mix-money-card dl>div{justify-content:space-between;gap:1rem;margin-top:.5rem;display:flex}.mix-money-card dt{color:var(--muted)}.mix-money-card dd{text-align:right;margin:0;font-weight:700}.mix-positive{color:var(--moss)}.mix-negative{color:var(--error)}.mix-best{color:var(--gold-hi);font-size:.75rem;font-weight:750}.mix-results .eyebrow{margin-top:0}.mix-result-links{flex-wrap:wrap;gap:.8rem;font-size:.84rem;display:flex;margin-top:1rem!important}.mix-static{max-width:820px;margin-block:3rem}.mix-static h2{font-size:1.8rem}.mix-static h3{margin-top:2rem}.mix-static p{color:var(--muted)}.mix-embedded .mix-workspace{grid-template-columns:1fr}.mix-embedded .mix-results{position:static}@media (width<=980px){.mix-workspace{grid-template-columns:1fr}.mix-results{position:static}.mix-quick{display:block}}@media (width<=760px){.mix-modes label>span{gap:.5rem;padding:.7rem}.mix-modes strong{font-size:.9rem}.mix-modes small{font-size:.72rem}.mix-colours{gap:.5rem}.mix-calculator label{font-size:.8rem}}@media (width<=480px){.mix-rewards{grid-template-columns:1fr}.mix-reward button{min-height:70px}.mix-modes label>span{flex-direction:column;align-items:flex-start}.mix-modes label .mix-icon{height:32px}.mix-metrics dd{font-size:1.45rem}}@media (width<=370px){.mix-herb-choice{grid-template-columns:1fr}.mix-supplies{margin-inline:0}.mix-supplies li{gap:.4rem}.mix-money-card{padding:.75rem}}