:root{--mix-accent:#7c4dd6;--mix-accent-minigrid:#2f8f6b;--mix-accent-flip:#c7455e;--mix-accent-stackr:#c87a16;--mix-accent-merge:#2f6fbf;--mix-accent-sweep:#5a57d1;--mix-accent-trace:#0e9488;--mix-accent-vault:#c25a2a;--mix-accent-nono:#6e9a2e;--mix-accent-orbit:#0ea5b5;--mix-accent-echoes:#c2417f;--mix-accent-drops:#2e8bc0;--mix-accent-pairs:#9333a8;--mix-accent-bridges:#2c7ba6;--mix-accent-catx:#a6417f;--mix-accent-queens:var(--mix-accent-catx);--mix-accent-loop:#2e8b8b;--mix-accent-split:#b5642a;--mix-accent-scales:#5b6ac4;--mix-accent-chainten:#3e8e5a;--mix-accent-cutoff:#b0455a;--mix-accent-recall:#7a57c7;--mix-accent-oddone:#c08419;--mix-accent-hold:#1f8f72;--mix-accent-lane:#3d6fbf;--mix-accent-beat:#c2417f;--mix-accent-fit:#5a8f2e;--mix-accent-slide:#4e70c0;--mix-accent-swap:#b03f9c;--mix-accent-flood:#1e97a8;--mix-accent-unscramble:#c25a2a;--mix-accent-initials:#8a5ac2;--mix-accent-keycode:#5b6eae;--mix-accent-cipher:#7a4d8f;--mix-accent-lootnote:#b8923f;--mix-accent-case:#5c4a3a;--mix-accent-cross:#3d6b8a;--mix-echoes-0:#e4572e;--mix-echoes-1:#17a398;--mix-echoes-2:#f0a202;--mix-echoes-3:#4c6ef5;--mix-on-accent:#fff}.dark{--mix-accent:#a98cf0;--mix-accent-minigrid:#55c398;--mix-accent-flip:#e77a8e;--mix-accent-stackr:#e3a64b;--mix-accent-merge:#6ba6ec;--mix-accent-sweep:#9a97f0;--mix-accent-trace:#34c2b3;--mix-accent-vault:#e88a54;--mix-accent-nono:#9bc24e;--mix-accent-orbit:#40c6d6;--mix-accent-echoes:#e877ac;--mix-accent-drops:#5fb4e6;--mix-accent-pairs:#c061d8;--mix-accent-bridges:#57abd4;--mix-accent-catx:#d46fae;--mix-accent-queens:var(--mix-accent-catx);--mix-accent-loop:#45bebe;--mix-accent-split:#e08a4e;--mix-accent-scales:#8a97ec;--mix-accent-chainten:#5fbe82;--mix-accent-cutoff:#e0788b;--mix-accent-recall:#a98cf0;--mix-accent-oddone:#e3ac4b;--mix-accent-hold:#45c39e;--mix-accent-lane:#6ba6ec;--mix-accent-beat:#e877ac;--mix-accent-fit:#8ac24e;--mix-accent-slide:#7e97f7;--mix-accent-swap:#d46fc8;--mix-accent-flood:#40c6d6;--mix-accent-unscramble:#e88a54;--mix-accent-initials:#b58ce8;--mix-accent-keycode:#8a9fd4;--mix-accent-cipher:#a870c4;--mix-accent-lootnote:#d4a85c;--mix-accent-case:#a89078;--mix-accent-cross:#6fa3c4;--mix-echoes-0:#f07a52;--mix-echoes-1:#43c7bb;--mix-echoes-2:#f4b942;--mix-echoes-3:#7e97f7;--mix-on-accent:#1b1a17}.mix-shell{width:100%;max-width:var(--hub-shell-max,420px);box-sizing:border-box;flex-direction:column;align-items:center;margin:0 auto;padding:12px 0 32px;display:flex}.mix-shell--game{max-width:var(--play-shell-max,520px)}.mix-hub-intro-block{flex-direction:column;align-items:center;gap:10px;margin:8px 0 16px;display:flex}.mix-hub-intro{letter-spacing:.02em;text-align:center;color:color-mix(in srgb, var(--mix-accent) 72%, #1a1028);margin:0;font-size:13px;font-weight:600;line-height:1.35}html.dark .mix-hub-intro{color:color-mix(in srgb, var(--mix-accent) 78%, #f3e9ff)}.mix-hub-intro-word{will-change:transform;animation:2.8s ease-in-out infinite mix-hub-intro-wave;display:inline-block}@keyframes mix-hub-intro-wave{0%,to{transform:translateY(0)}12%{transform:translateY(-3px)}24%{transform:translateY(0)}}.mix-hub-intro-pills{flex-direction:column;align-items:center;gap:6px;display:flex}.mix-hub-new-pill{letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.mix-hub-new-pill--primary{background:color-mix(in srgb, var(--mix-accent) 16%, var(--bg-card));color:color-mix(in srgb, var(--mix-accent) 78%, #1a1028)}html.dark .mix-hub-new-pill--primary{color:color-mix(in srgb, var(--mix-accent) 82%, #f3e9ff)}.mix-hub-new-pill--reset{letter-spacing:.04em;text-transform:none;color:var(--text-muted);background:0 0;border-radius:0;padding:0;font-size:9px;font-weight:600}@media (prefers-reduced-motion:reduce){.mix-hub-intro-word{animation:none}}.mix-hub-empty{color:var(--text-muted);text-align:center;margin:24px 0;font-size:13px}.mix-hub-notice{border:1px solid var(--mix-card-accent,var(--border-primary));background:color-mix(in srgb, var(--mix-card-accent,var(--accent-primary)) 10%, var(--bg-card));color:var(--text-primary);text-align:center;border-radius:12px;margin:12px 0 0;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.45}.mix-game-area{width:100%;margin-top:8px}.mix-hub-grid{flex-direction:column;gap:10px;width:100%;display:flex}.mix-game-card{grid-template-columns:var(--hub-tier-title-rail-width,72px) 1fr var(--hub-tier-action-rail-width,64px);min-height:var(--hub-tier-card-min-height,56px);border:1px solid var(--border-primary);border-radius:var(--hub-classic-radius,4px);background:var(--bg-card);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;align-items:stretch;padding:0;transition:transform 80ms,border-color .12s;display:grid;overflow:hidden}.mix-game-card:active:not(:disabled){transform:scale(.985)}.mix-game-card:focus-visible{outline:2px solid var(--mix-card-accent,var(--mix-accent));outline-offset:2px}.mix-game-card--soon{cursor:default;opacity:.72}.mix-game-card--done{border:1.5px solid var(--mix-card-accent,var(--mix-accent));background:var(--mix-card-accent,var(--mix-accent));color:var(--mix-on-accent,#fff)}.mix-game-card--done .mix-game-card-rail{background:color-mix(in srgb, #000 22%, var(--mix-card-accent,var(--mix-accent)));color:#fffffff2;border-right:1px solid #ffffff2e}.mix-game-card--done .mix-game-card-title,.mix-game-card--done .mix-game-card-hook{color:#fffffff2}.mix-game-card--done .mix-game-card-hook{color:#ffffffd1}.mix-game-card--done .mix-game-card-chip{color:#fffffff2;background:#ffffff29;border-color:#ffffff47}.mix-game-card--done .mix-game-card-action--done,.mix-game-card--done .mix-game-card-action{background:color-mix(in srgb, #000 18%, var(--mix-card-accent,var(--mix-accent)));color:#fffffff2;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid #ffffff29;font-size:11px;font-weight:800}.mix-game-card-rail{background:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 14%, var(--bg-card));color:var(--mix-card-accent,var(--mix-accent));font-family:var(--font-mono);letter-spacing:.08em;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:8px 4px;font-size:13px;font-weight:800;line-height:1.05;display:flex}.mix-game-card--soon .mix-game-card-rail{background:var(--bg-secondary);color:var(--text-muted)}.mix-game-card-body{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:8px 12px;display:flex}.mix-game-card-top{align-items:center;gap:8px;display:flex}.mix-game-card-title{color:var(--text-primary);font-size:15px;font-weight:700}.mix-game-card-chip{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 16%, var(--bg-card));color:var(--mix-card-accent,var(--mix-accent));border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.mix-game-card--soon .mix-game-card-chip{background:var(--bg-secondary);color:var(--text-muted)}.mix-game-card-hook{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.mix-game-card-best{background:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 22%, transparent);border-radius:999px;align-self:flex-start;align-items:baseline;gap:4px;margin:2px 0 0;padding:1px 8px;display:inline-flex}.mix-game-card-best-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:700}.mix-game-card-best-value{color:var(--mix-card-accent,var(--mix-accent));font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.mix-game-card-best--done,.mix-game-card-best--fresh{letter-spacing:.05em;text-transform:uppercase;color:var(--mix-card-accent,var(--mix-accent));font-size:10px;font-weight:700}.mix-game-card-best--fresh{background:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 18%, var(--bg-card));border-color:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 32%, transparent)}.mix-game-card-action{border-left:1px solid color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 30%, var(--border-secondary));background:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 14%, var(--bg-card));letter-spacing:.06em;text-transform:uppercase;color:var(--mix-card-accent,var(--mix-accent));flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 6px;font-size:10px;font-weight:800;display:flex}.mix-game-card-play-label{line-height:1}.mix-game-card-chevrons{color:inherit;justify-content:center;align-items:center;gap:0;line-height:0;display:flex}.mix-game-card-chevrons svg{display:block}.mix-game-card-chevrons svg:first-child{animation:1.05s ease-in-out infinite mix-chev-march}.mix-game-card-chevrons svg:nth-child(2){animation:1.05s ease-in-out .15s infinite mix-chev-march}.mix-game-card-chevrons svg:nth-child(3){animation:1.05s ease-in-out .3s infinite mix-chev-march}@keyframes mix-chev-march{0%,to{opacity:.28;transform:translate(-2px)}45%{opacity:1;transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.mix-game-card-chevrons svg:first-child,.mix-game-card-chevrons svg:nth-child(2),.mix-game-card-chevrons svg:nth-child(3){animation:none}}.mix-game-card--soon .mix-game-card-action{background:var(--bg-secondary);color:var(--text-muted);border-left-color:var(--border-secondary)}.mix-game-card--locked{cursor:default;opacity:.62}.mix-game-card--locked .mix-game-card-rail{background:var(--bg-secondary);color:var(--text-muted)}.mix-game-card--locked .mix-game-card-title{color:var(--text-secondary)}.mix-game-card-chip--locked{background:var(--bg-secondary);color:var(--text-muted);text-transform:none;white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.mix-game-card-action--locked{background:var(--bg-secondary);color:var(--text-muted);border-left-color:var(--border-secondary)}.mix-hub-signin{border:1px solid var(--border-primary);border-radius:var(--hub-classic-radius,4px);background:var(--bg-card);flex-direction:column;gap:12px;width:100%;margin-top:16px;padding:16px;display:flex}.mix-hub-signin-copy{color:var(--text-secondary);text-align:center;margin:0;font-size:13px;line-height:1.45}.mix-hub-signin-copy strong{color:var(--text-primary)}.mix-brand-label{font-family:var(--font-mono);letter-spacing:.22em;color:var(--mix-accent);margin-top:2px;font-size:11px;font-weight:700}.mix-shell--game .mix-brand-label{color:var(--mix-card-accent,var(--mix-accent))}.mix-back-btn{border-radius:var(--hub-classic-radius);min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0 8px 0 4px;font-size:13px;font-weight:600;display:inline-flex}.mix-back-btn-label{line-height:1}.mix-btn{border-radius:var(--hub-classic-radius,4px);border:1px solid var(--border-primary);background:var(--bg-card);min-height:44px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.mix-btn--primary{background:var(--mix-accent);border-color:var(--mix-accent);color:var(--mix-on-accent)}.mix-share-btn{width:100%}.mix-share-btn--quiet{background:var(--bg-card);border-color:var(--border-primary);color:var(--text-secondary);font-size:13px;font-weight:700}.mix-share-btn--quiet:hover,.mix-share-btn--quiet:focus-visible{border-color:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 45%, var(--border-primary));color:var(--mix-card-accent,var(--mix-accent));outline:none}.mix-hub-bulletin{width:100%;margin-top:24px}.mix-hub-return{width:100%;margin-top:10px}.mix-game-nav{gap:8px;width:100%;margin-top:16px;display:flex}.mix-game-nav-btn{min-width:0;color:var(--text-secondary);flex:1 1 0;gap:4px;font-size:13px;font-weight:700}.mix-game-nav-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mix-game-nav-btn--next{border-color:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 45%, var(--border-primary));color:var(--mix-card-accent,var(--mix-accent))}.mix-game-nav-btn:active{transform:scale(.985)}.mix-preview-bar{border:1px dashed color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 55%, var(--border-primary));background:color-mix(in srgb, var(--mix-card-accent,var(--mix-accent)) 8%, var(--bg-card));border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:8px 12px;display:flex}.mix-preview-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--mix-card-accent,var(--mix-accent));font-size:10px;font-weight:800}.mix-preview-date{font-family:var(--font-mono);color:var(--text-secondary);margin-right:auto;font-size:12px}.mix-preview-btn{border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;transition:background .12s,border-color .12s}.mix-preview-btn:hover{border-color:var(--mix-card-accent,var(--mix-accent));color:var(--mix-card-accent,var(--mix-accent))}