:root{--mm-bg-dark:#04070b;--mm-bg-lit-1:#e9e1d4;--mm-bg-lit-2:#b9ad9a;--mm-glass-blur:16px}[data-astryx-theme][data-theme=light]{color-scheme:light}[data-astryx-theme][data-theme=dark]{color-scheme:dark}body,html{margin:0;height:100%;overflow:hidden;background:var(--mm-bg-dark);-webkit-font-smoothing:antialiased}.app{position:fixed;inset:0;transition:background 1.2s ease}.app.room-dark{background:radial-gradient(ellipse at 50% 45%,#0b1218 0,var(--mm-bg-dark) 70%)}.app.room-lit{background:linear-gradient(180deg,var(--mm-bg-lit-1) 0,#d8cfbf 62%,var(--mm-bg-lit-2) 100%)}.loading,.stage{position:absolute;inset:0}.loading{display:grid;place-items:center;color:var(--color-text-secondary,#9fb0b8);letter-spacing:.08em}.mm-glass{background:color-mix(in srgb,var(--color-background-surface) 78%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:16px;backdrop-filter:blur(var(--mm-glass-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--mm-glass-blur)) saturate(1.2);box-shadow:0 10px 40px rgba(0,0,0,.28)}.ui{transition:opacity .6s ease,transform .6s ease}.is-zen .ui{opacity:0;pointer-events:none;transform:translateY(6px)}.mm-topbar{position:absolute;top:16px;left:16px;right:calc(16px + var(--mm-panel-w, 0px));transition:right .3s ease,opacity .6s ease,transform .6s ease;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px}.mm-brand{min-width:0}.mm-dock{position:absolute;bottom:18px;left:calc(50% - var(--mm-panel-w, 0px) / 2);transform:translateX(-50%);z-index:10;padding:8px 10px;max-width:calc(100vw - 32px - var(--mm-panel-w, 0px))}.is-zen .mm-dock{transform:translate(-50%,8px)}.mm-drawer{background:color-mix(in srgb,var(--color-background-surface) 88%,transparent)!important;backdrop-filter:blur(var(--mm-glass-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--mm-glass-blur)) saturate(1.2)}.mm-profile{position:absolute;left:16px;bottom:96px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 220px);overflow-y:auto;z-index:10;border-radius:16px}.mm-profile>*{background:color-mix(in srgb,var(--color-background-card) 90%,transparent)!important;backdrop-filter:blur(var(--mm-glass-blur));-webkit-backdrop-filter:blur(var(--mm-glass-blur))}.mm-leaving{opacity:.55;transition:opacity .6s ease}.mm-orn-bar{position:absolute;bottom:92px;left:calc(50% - var(--mm-panel-w, 0px) / 2);transform:translateX(-50%);z-index:11;padding:6px 10px;white-space:nowrap}.mm-bar-sep{width:1px;align-self:stretch;margin:4px;background:var(--color-border)}.mm-swatch{display:inline-block;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 1px 3px rgba(0,0,0,.25)}.mm-variants{display:flex;flex-wrap:wrap;gap:6px}.mm-disabled{opacity:.5}.mm-grow{flex:1 1;min-width:0}.mm-tank-ico{width:40px;height:28px;color:var(--color-text-accent)}.mm-orn-ico{width:40px;height:34px;flex:none;color:var(--color-text-secondary)}.mm-theme-prev{display:block;height:34px;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.mm-indiv{padding-inline-start:28px}.mm-tank-row{display:grid;grid-template-columns:168px 1fr;align-items:stretch}.mm-tank-active{box-shadow:0 0 0 2px var(--color-accent)!important}.mm-thumb{position:relative;border:0;padding:0;margin:0;background:#000;cursor:pointer;border-radius:inherit;border-start-end-radius:0;border-end-end-radius:0;overflow:hidden;min-height:112px}.mm-thumb:disabled{cursor:default}.mm-thumb img,.mm-thumb-empty{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:grid;place-items:center}.mm-thumb-key{position:absolute;left:8px;top:8px}.mm-new-tank{border:1px dashed var(--color-border-emphasized)!important}.nametags{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nametags .nametag{position:absolute;left:0;top:0;transition:opacity .3s;will-change:transform}.nametag{display:inline-block;white-space:nowrap;font-family:var(--font-family-body);font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(6,14,20,.6);border:1px solid rgba(255,255,255,.18);color:#eaf6fa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nametag.on{border-color:#4fd8c8;color:#7fe6d9}.zen-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-family:var(--font-family-body);font-size:13px;color:#9fb0b8;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.zen-hint.show{opacity:.85}.zen-exit{position:absolute;top:16px;right:16px;opacity:.15;transition:opacity .4s ease}.zen-exit:focus-within,.zen-exit:hover{opacity:1}.veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(30,90,110,.85),rgba(4,10,16,.95));display:grid;place-items:center;opacity:0;transition:opacity .45s ease;z-index:25}.veil.show{opacity:1;transition:opacity .15s ease}.veil span{font-family:var(--font-family-heading);font-size:22px;letter-spacing:.08em;color:#e9f7fb}@media (max-width:900px){.mm-topbar{flex-direction:column;align-items:stretch}}@media (max-width:640px){:root{--mm-panel-w:0px!important}.mm-topbar{top:8px;left:8px;right:8px;padding:10px}.mm-dock{bottom:8px}.mm-profile{bottom:120px;left:8px}.mm-tank-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ui,.veil,.zen-hint{transition:none}}