.main-mix{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38rem) minmax(0,1fr);align-items:start;justify-items:stretch;column-gap:clamp(.9rem,2vw,2.1rem);width:100%;height:100%;min-width:0;min-height:0}.win-deck{position:relative;justify-self:stretch;align-self:start;width:100%;min-width:0;max-width:100%;animation:screenReconstruct .6s cubic-bezier(.16,1,.3,1) backwards}.win-deck .sheet{position:absolute;inset:0;width:100%;max-width:none;min-width:0;max-height:none;animation:none;transform:translate(0);opacity:1;filter:none;z-index:10;pointer-events:auto;transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .52s cubic-bezier(.4,0,1,1),filter .52s ease}.win-deck .sheet-pane{background-color:var(--sheet-solid)}.win-deck .sheet[data-slot="0"] .sheet-pane{background-color:var(--sheet)}.win-deck .sheet[data-slot="0"]{position:relative;inset:auto;max-height:100%;z-index:10}.win-deck .sheet.is-instant{transition:none!important}.win-deck .sheet .sheet-body,.win-deck .sheet .sheet-close{transition:opacity .32s ease}.win-deck .sheet:not([data-slot="0"]) .sheet-body,.win-deck .sheet:not([data-slot="0"]) .sheet-close{opacity:0;pointer-events:none}.win-deck .sheet[data-slot="0"] .sheet-body,.win-deck .sheet[data-slot="0"] .sheet-close{opacity:1;transition-delay:.1s}.win-deck .sheet[data-slot="-1"]{transform:translateY(-1.35rem);opacity:0;filter:blur(2px);z-index:12;pointer-events:none;transition:transform .62s cubic-bezier(.33,.05,.55,1),opacity .42s cubic-bezier(.4,0,.7,1),filter .42s linear}.win-deck .sheet:not([data-slot="0"]):not([data-slot="-1"]){transform:none;opacity:0;filter:none;pointer-events:none;z-index:1}.main-mix .sheet-body>*+*{margin-top:0}.mix-id{justify-self:end;align-self:start;display:flex;flex-direction:column;align-items:center;gap:.72rem;width:min(11.6rem,100%);padding-top:2.55rem;max-width:100%;min-width:0;animation:screenReconstruct .56s cubic-bezier(.16,1,.3,1) 70ms both}.mix-id .id-name{margin:0;font-family:var(--font-display);font-size:1.28rem;font-weight:600;letter-spacing:-.02em;text-transform:uppercase;line-height:1.05;text-align:center;text-shadow:0 1px 10px rgb(from var(--glass-abyss) r g b / .4)}.mix-photo{width:7.2rem;height:8.85rem;padding:.38rem;border:2px solid var(--key-edge);border-radius:.85rem;background:var(--key-face);box-shadow:inset 0 1px rgb(from var(--ink) r g b / .12)}.mix-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% 12%;border-radius:.48rem;background:var(--glass-deep)}.mix-stock{margin:0;color:var(--label)}.mix-basics{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.mix-basics .id-role{margin:0;color:var(--key-edge);font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.mix-basics .id-fields{display:grid;grid-template-columns:auto 1fr;gap:.15rem .55rem;margin-top:.45rem;justify-items:end;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--label)}.mix-basics .id-fields b{color:var(--ink);font-weight:500;justify-self:start}.main-mix .pane>*+*{margin-top:.85rem}.main-mix .pane h1+.when{margin-top:.35rem}.main-mix .when{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--key-edge)}.mix-reel{justify-self:start;align-self:start;display:grid;justify-items:center;gap:.55rem;width:8.2rem;padding-top:1.6rem;min-width:0;overflow:visible;animation:screenReconstruct .56s cubic-bezier(.16,1,.3,1) .14s both}.reel-step{position:relative;display:grid;place-items:center;width:1.7rem;height:1.35rem;padding:0;border:0;background:transparent;color:var(--hud-label);cursor:pointer;z-index:14}.reel-step:hover{color:var(--ink)}.reel-step svg{width:12px;height:12px}.reel{position:relative;width:8.2rem;height:6.2rem;overflow:visible}.logo-card{position:absolute;left:50%;top:.15rem;width:8.2rem;margin:0 0 0 -4.1rem;display:grid;justify-items:center;align-content:start;gap:.28rem;min-height:0;padding:.15rem .2rem .2rem;border:0;background:transparent;color:var(--hud-label);cursor:pointer;transform:none;opacity:0;filter:none;z-index:8;pointer-events:none;transition:opacity .42s cubic-bezier(.4,0,1,1),transform .58s cubic-bezier(.16,1,.3,1)}.logo-card.is-instant{transition:none!important}.logo-card[data-slot="0"],.logo-card[aria-pressed=true]{opacity:1;z-index:10;pointer-events:auto;color:var(--key-edge)}.logo-card[data-slot="-1"]{transform:translateY(-.7rem);opacity:0;z-index:12;pointer-events:none}.logo-card .mark{width:1.45rem;height:1.45rem;color:var(--hud-label)}.logo-card[data-slot="0"] .mark{color:var(--key-edge)}.logo-card .mark svg{display:block;width:100%;height:100%}.logo-card b{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding-bottom:.2rem;border-bottom:2px solid transparent}.logo-card[data-slot="0"] b,.logo-card[aria-pressed=true] b{border-bottom-color:var(--signal)}.logo-card em{font-family:var(--font-mono);font-style:normal;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:var(--hud-label)}.logo-card:hover[data-slot="0"],.logo-card:hover[data-slot="0"] .mark{color:var(--cream-hot)}.reel-index{margin:0;font-family:var(--font-mono);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:var(--label)}.reel-index b{color:var(--ink);font-weight:600}@media(max-width:1040px){.main-mix{height:auto;grid-template-columns:minmax(0,1fr);justify-items:stretch;align-content:start;gap:1.15rem;overflow:auto}.mix-id{width:auto;max-width:100%;justify-self:center;padding-top:0}.mix-reel{justify-self:center;padding-top:0;padding-bottom:1.6rem}}@media(max-width:860px){.main-mix{padding-bottom:8rem}.mix-id .id-name{font-size:1.15rem}.mix-photo{width:5.4rem;height:6.6rem;padding:.32rem}.mix-reel{width:8.2rem;padding-bottom:2rem}.reel{width:7.2rem;height:5.8rem}.logo-card{width:7.2rem;margin:0 0 0 -3.6rem}}@media(prefers-reduced-motion:reduce){.win-deck,.mix-id,.mix-reel{animation:none}.logo-card{transition:none}.win-deck .sheet{transition:none;filter:none}.win-deck .sheet[data-slot="-1"]{filter:none}}
