/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.potion-sorter-difficulty[aria-pressed=true]{border-style:var(--tw-border-style);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--cetus-btn-from);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:var(--cetus-btn-to);color:var(--color-white,#fff);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--cetus-accent-2);border-width:0}@supports (color:color-mix(in lab,red,red)){.potion-sorter-difficulty[aria-pressed=true]{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--cetus-accent-2)25%,transparent)var(--tw-shadow-alpha),transparent)}}@media (hover:hover){.potion-sorter-difficulty[aria-pressed=true]:hover{--tw-gradient-from:var(--cetus-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:var(--cetus-accent-2)}}.potion-sorter-board{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;max-width:36rem;margin-inline:auto;display:flex}.potion-tube[hidden],.potion-layer[hidden]{display:none}.potion-tube{border:1px solid var(--cetus-accent);border-radius:.5rem .5rem 1.25rem 1.25rem;flex-direction:column-reverse;flex:0 3.5rem;gap:2px;min-width:3rem;height:11.5rem;padding:.25rem;display:flex}@supports (color:color-mix(in lab,red,red)){.potion-tube{border:1px solid color-mix(in srgb,var(--cetus-accent)35%,transparent)}}.potion-tube{background:var(--cetus-accent)}@supports (color:color-mix(in lab,red,red)){.potion-tube{background:color-mix(in srgb,var(--cetus-accent)6%,transparent)}}.potion-tube{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.potion-tube:hover{border-color:var(--cetus-accent)}.potion-tube:focus-visible{outline:2px solid var(--cetus-accent);outline-offset:2px}.potion-tube[data-selected=true]{border-color:var(--cetus-accent-2);box-shadow:0 0 16px var(--cetus-accent-2)}@supports (color:color-mix(in lab,red,red)){.potion-tube[data-selected=true]{box-shadow:0 0 16px color-mix(in srgb,var(--cetus-accent-2)40%,transparent)}}.potion-tube[data-selected=true]{transform:translateY(-4px)}.potion-tube[data-complete=true]{border-color:var(--cetus-accent-3);box-shadow:0 0 12px var(--cetus-accent-3)}@supports (color:color-mix(in lab,red,red)){.potion-tube[data-complete=true]{box-shadow:0 0 12px color-mix(in srgb,var(--cetus-accent-3)35%,transparent)}}.potion-layer{color:#06131f;border-radius:.25rem;flex:1;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:flex}.potion-layer[data-liquid=cyan]{background:#22d3ee}.potion-layer[data-liquid=magenta]{background:#e879f9}.potion-layer[data-liquid=amber]{background:#fbbf24}.potion-layer[data-liquid=lime]{background:#a3e635}.potion-layer[data-liquid=violet]{background:#a78bfa}.potion-layer[data-liquid=coral]{background:#fb7185}.potion-layer[data-liquid=azure]{background:#60a5fa}#undo-btn[data-dead-end=true]{border-width:2px;font-weight:700;text-decoration:underline}@media (prefers-reduced-motion:reduce){.potion-tube{transition:none}.potion-tube[data-selected=true]{transform:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
