.stage-frame[data-atmosphere=mill]{background:#1c140c;color:#3a2a1c}.stage-frame[data-atmosphere=mill] .stage-exit{z-index:20;background:rgba(74,47,29,.9);border-color:#c9ae86;color:#f6efe2}.sorter{position:relative;width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,rgba(28,20,12,.18),rgba(28,20,12,.42)),url(/games/sorter/mill.webp) 50% /cover no-repeat;color:#2d2116;font-family:var(--font-sans)}.sorter-home,.sorter-over{position:absolute;inset:0;z-index:6;display:grid;align-content:center;justify-items:center;grid-gap:1rem;gap:1rem;padding:48px 40px 28px;background:linear-gradient(180deg,rgba(253,247,236,.9),rgba(236,222,196,.92)),url(/games/sorter/cover.webp) 50% /cover no-repeat}.sorter-home h1,.sorter-over h1{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.4rem);color:#4a2f1d;text-align:center}.sorter-lead{margin:0;max-width:42rem;text-align:center;font-size:1.08rem;color:#5c4033}.sorter-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:2.5rem;gap:2.5rem;width:min(900px,100%);align-items:end}.sorter-col{display:grid;justify-items:center;grid-gap:.7rem;gap:.7rem}.sorter-basket-card{position:relative;width:280px;height:280px}.sorter-basket img,.sorter-basket-card img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.sorter-examples{position:absolute;top:-18px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:2}.sorter-chip{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.35),transparent 46%),url(/games/sorter/token.webp) 50% /118% 118% no-repeat;box-shadow:0 6px 14px rgba(40,24,10,.28);color:#2a1c12;font-family:Times New Roman,Times,serif;font-weight:700;font-size:1.05rem;line-height:1;overflow:hidden}.sorter-chip .frac,.sorter-token .frac{display:grid;justify-items:center;line-height:1.05;font-style:normal}.sorter-chip .frac b,.sorter-token .frac b{border-bottom:2px solid #2a1c12;padding:0 4px 1px;font-weight:800;font-style:normal}.sorter-chip .frac i,.sorter-token .frac i{font-style:normal;font-weight:800;padding-top:1px}.sorter-token .frac{font-size:.82em}.sorter-chip .radic,.sorter-token .radic{font-size:1.05em}.sorter-chip .sqrt,.sorter-token .sqrt{white-space:nowrap}.sorter-desc{margin:0;max-width:16rem;padding:.7rem .9rem;border-radius:12px;background:rgba(255,250,240,.88);border:1px solid rgba(74,47,29,.18);text-align:center;font-weight:700;color:#4a2f1d}.sorter-desc small{display:block;margin-top:.25rem;font-weight:500;color:#6a5340}.sorter-hud{position:absolute;top:16px;left:18px;right:18px;z-index:5;display:flex;justify-content:space-between;gap:12px;pointer-events:none;overflow:visible}.sorter-hud>*{pointer-events:auto}.sorter-stats,.sorter-toggles{display:flex;gap:8px;align-items:center}.sorter-stat{padding:.45rem .9rem;color:#4a2f1d;font-weight:800}.sorter-lives,.sorter-stat{min-height:48px;border-radius:999px;background:rgba(255,250,240,.92);border:2px solid #c9ae86;box-shadow:0 4px 10px rgba(40,24,10,.16)}.sorter-lives{display:flex;align-items:center;gap:8px;min-width:132px;padding:.4rem 1.15rem;overflow:visible}.sorter-heart{width:28px;height:28px;flex:0 0 28px;color:#c0392b;overflow:visible;transition:opacity .35s ease,transform .35s ease,color .35s ease}.sorter-heart[data-gone=true]{opacity:.2;color:#6a5340;transform:scale(.88)}.sorter-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.sorter-icon-btn{width:48px;border-radius:50%;border:2px solid #b89a72}.sorter-icon-btn,.sorter-menu-btn{height:48px;background:#efe3cd;color:#3a2517;font-weight:800}.sorter-menu-btn{min-width:88px;padding:0 14px;border-radius:999px;border:2px solid #b89a72}.sorter-icon-btn svg{display:block}.sorter-icon-btn[data-off=true]{opacity:.45}.sorter-field{position:absolute;inset:64px 24px 0;display:grid;grid-template-columns:1fr 168px 1fr;grid-template-rows:minmax(0,1fr);grid-column-gap:0;column-gap:0;align-items:stretch}.sorter-side{display:grid;align-items:end;height:100%;min-height:0;padding-bottom:6px}.sorter-side:first-child{justify-items:end}.sorter-side:last-child{justify-items:start}.sorter-basket{position:relative;z-index:5;width:210px;height:210px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 16px 18px rgba(20,12,4,.35))}.sorter-basket[data-hot=true]{transform:translateY(6px) scale(.98)}.sorter-belt{position:relative;align-self:stretch;height:auto;min-height:0;margin:0 0 96px;overflow:visible;margin-inline:0;border-left:10px solid #3d3a36;border-right:10px solid #3d3a36;background:#1a1917;box-shadow:inset 0 0 24px rgba(0,0,0,.45),0 0 0 2px #6f675c}.sorter-belt-lines{position:absolute;inset:0;background-image:url(/games/sorter/belt.webp);background-size:100% auto;background-repeat:repeat-y;background-position:top;opacity:1;will-change:background-position}.sorter-token{position:absolute;left:50%;top:-90px;width:118px;height:118px;margin-left:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.28),transparent 42%),url(/games/sorter/token.webp) 50% 48% /122% 122% no-repeat;box-shadow:0 10px 18px rgba(20,12,4,.35);color:#23160e;font-family:Times New Roman,Times,serif;font-size:1.7rem;font-weight:800;z-index:4;opacity:0;transform:translateX(-50%);transition:left .34s ease-out,top .34s ease-in,transform .34s ease,opacity .22s linear}.sorter-token[data-show=true]{opacity:1}.sorter-stick{position:absolute;left:0;right:0;bottom:0;height:96px;display:grid;place-items:center;background:linear-gradient(transparent,rgba(90,68,42,.72) 36%,#6b5134);z-index:4}.sorter-base{position:relative;width:240px;height:86px;border-radius:43px;background:linear-gradient(#9a6a3a,#6b4226);border:4px solid #3a2517;box-shadow:0 10px 18px rgba(0,0,0,.28),inset 0 6px 10px rgba(255,255,255,.16)}.sorter-slot{width:156px;height:22px;margin:-11px 0 0 -78px;border-radius:11px;background:#2a1a10;box-shadow:inset 0 6px 10px rgba(0,0,0,.7)}.sorter-knob,.sorter-slot{position:absolute;left:50%;top:50%}.sorter-knob{width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:3px solid #7a1810;background:radial-gradient(circle at 32% 30%,#f07164,#c0392b);cursor:-webkit-grab;cursor:grab;touch-action:none}.sorter-knob[data-pos="-1"]{left:22%}.sorter-knob[data-pos="1"]{left:78%}.sorter-hint{position:absolute;bottom:8px;margin:0;font-size:.85rem;font-weight:700;color:#f6efe2;text-shadow:0 1px 4px #000}.sorter-over-card{display:grid;grid-gap:.6rem;gap:.6rem;justify-items:center;min-width:320px;padding:1.4rem 1.6rem;border-radius:18px;background:rgba(255,250,240,.94);border:1px solid rgba(74,47,29,.2)}.sorter-over-card p{margin:0;font-size:1.2rem;font-weight:700;color:#4a2f1d}.sorter-mark{position:absolute;font-size:2.6rem;font-weight:800;pointer-events:none;animation:sorter-float .9s ease-out forwards}.sorter-mark[data-ok=true]{color:#1f8a4c}.sorter-mark[data-ok=false]{color:#c0392b}@keyframes sorter-float{0%{transform:translate(-50%) scale(.6);opacity:1}to{transform:translate(-50%,-70px) scale(1);opacity:0}}