:root{--pond-cursor:none}:root,[data-theme=spring]{color-scheme:light;--app-bg:#f1efe4;--panel-bg:#faf8f1;--panel-border:#9eaa9c4d;--shadow-panel:18px 0 48px #2b231a1f;--text:#2b4a38;--text-strong:#264332;--text-dim:#536b5a;--text-faint:#6e8272;--accent:#c98a97;--accent-strong:#997278;--accent-dim:#c98a976b;--card-bg:#eef0e4;--card-border:#9eaa9c57;--card-hover:#dee4d7;--card-hover-border:#8aa89299;--card-selected-bg:#d0dacb;--card-selected-border:#8aa892e6;--control-bg:#f6f4ecdb;--control-border:#9eaa9c5c;--control-hover-bg:#d4ddcff5;--control-hover-border:#8aa892b8;--button-bg:#c6d1c2;--button-border:#8aa89294;--button-text:#263e30;--button-hover:#b7c7b6;--button-primary-bg:#5c7865;--button-primary-border:#8aa892d9;--button-primary-text:#f5f7f6;--danger-bg:#f2e3dc;--danger-border:#b4695a8c;--danger-text:#293f32;--scrim:#1c352738;--meter-track:#9eaa9c4d;--meter-a:#85a28d;--meter-b:#c98a97;--focus:#a8735f;--overlay-bg:#f7f5eded;--overlay-border:#8aa8928c;--overlay-text:#294736;--rail-bg:#f6f4eb;--surface-figure:#eff0e4;--surface-reached:#d8e0d2;--highlight-border:#c98a9780;--highlight-text:#957175;--hud-shadow:0 6px 20px #3a2e2118;--swatch-fallback:#a4baa7;--preview-ground:#0a2129;--surface-0:#faf8f1;--surface-1:#f3f4ea;--surface-2:#eef0e4;--edge-hi:#ffffff9c;--elevate:#2b231a14;--sidebar-bg:#f3f1e7;--sidebar-border:#9eaa9c4d;--nav-hover-bg:#8aa8922e;--nav-active-bg:#becdbd;--nav-active-text:#263e30;--nav-active-border:#8aa892bf}[data-theme=summer]{color-scheme:light;--app-bg:#f6efdd;--panel-bg:#fdf9ee;--panel-border:#afa98d4d;--shadow-panel:18px 0 48px #2b231a1f;--text:#4d491f;--text-strong:#46421d;--text-dim:#6f6a45;--text-faint:#868160;--accent:#c2892c;--accent-strong:#9c7226;--accent-dim:#c2892c6b;--card-bg:#f2ead4;--card-border:#afa98d57;--card-hover:#e2dcbf;--card-hover-border:#8f955099;--card-selected-bg:#d4d1ac;--card-selected-border:#8f9550e6;--control-bg:#faf5e7db;--control-border:#afa98d5c;--control-hover-bg:#d8d4b2f5;--control-hover-border:#8f9550b8;--button-bg:#cbc9a2;--button-border:#8f955094;--button-text:#433f20;--button-hover:#bcbd8e;--button-primary-bg:#6b6d38;--button-primary-border:#8f9550d9;--button-primary-text:#f6f4e9;--danger-bg:#f4e3da;--danger-border:#b4695a8c;--danger-text:#454024;--scrim:#3a361838;--meter-track:#afa98d4d;--meter-a:#8b904d;--meter-b:#c2892c;--focus:#9c6f27;--overlay-bg:#fbf6e9ed;--overlay-border:#8f95508c;--overlay-text:#4b471e;--rail-bg:#faf4e6;--surface-figure:#f4ecd8;--surface-reached:#dcd7b7;--highlight-border:#c2892c80;--highlight-text:#997026;--hud-shadow:0 6px 20px #3a2e2118;--swatch-fallback:#a9ac73;--preview-ground:#0a2129;--surface-0:#fdf9ee;--surface-1:#f7f1e0;--surface-2:#f2ead4;--edge-hi:#ffffff9c;--elevate:#2b231a14;--sidebar-bg:#f7f1e0;--sidebar-border:#afa98d4d;--nav-hover-bg:#8f95502e;--nav-active-bg:#c2c195;--nav-active-text:#423e20;--nav-active-border:#8f9550bf}[data-theme=autumn]{color-scheme:light;--app-bg:#f1e7d9;--panel-bg:#fbf4ea;--panel-border:#ab9c8f4d;--shadow-panel:18px 0 48px #2b231a1f;--text:#4a3428;--text-strong:#422e23;--text-dim:#6b584b;--text-faint:#837164;--accent:#ab6a31;--accent-strong:#89562b;--accent-dim:#ab6a316b;--card-bg:#ecdfcd;--card-border:#ab9c8f57;--card-hover:#e2ccb8;--card-hover-border:#b0684a99;--card-selected-bg:#dabba6;--card-selected-border:#b0684ae6;--control-bg:#f7efe3db;--control-border:#ab9c8f5c;--control-hover-bg:#dcc0abf5;--control-hover-border:#b0684ab8;--button-bg:#d6b29d;--button-border:#b0684a94;--button-text:#3d2c22;--button-hover:#cda089;--button-primary-bg:#7c4b36;--button-primary-border:#b0684ad9;--button-primary-text:#f7f0e8;--danger-bg:#f2e1d8;--danger-border:#b4695a8c;--danger-text:#3e2e25;--scrim:#33231a38;--meter-track:#ab9c8f4d;--meter-a:#aa6548;--meter-b:#ab6a31;--focus:#8a5228;--overlay-bg:#f8f0e5ed;--overlay-border:#b0684a8c;--overlay-text:#473226;--rail-bg:#f6eee2;--surface-figure:#eee2d2;--surface-reached:#dfc5b0;--highlight-border:#ab6a3180;--highlight-text:#87552a;--hud-shadow:0 6px 20px #3a2e2118;--swatch-fallback:#c0886e;--preview-ground:#0a2129;--surface-0:#fbf4ea;--surface-1:#f3e8da;--surface-2:#ecdfcd;--edge-hi:#ffffff9c;--elevate:#2b231a14;--sidebar-bg:#f3eadc;--sidebar-border:#ab9c8f4d;--nav-hover-bg:#b0684a2e;--nav-active-bg:#cfa68e;--nav-active-text:#3c2b21;--nav-active-border:#b0684abf}[data-theme=winter]{color-scheme:light;--app-bg:#ecf1f5;--panel-bg:#f9fbfd;--panel-border:#9aa4ad4d;--shadow-panel:18px 0 48px #2b231a1f;--text:#28394a;--text-strong:#243444;--text-dim:#4f5e6c;--text-faint:#6b7884;--accent:#4b82ab;--accent-strong:#3e6a8b;--accent-dim:#4b82ab6b;--card-bg:#e3ebf2;--card-border:#9aa4ad57;--card-hover:#d3e0eb;--card-hover-border:#7ea9c999;--card-selected-bg:#c5d7e6;--card-selected-border:#7ea9c9e6;--control-bg:#f4f7fadb;--control-border:#9aa4ad5c;--control-hover-bg:#c9dae7f5;--control-hover-border:#7ea9c9b8;--button-bg:#bed3e3;--button-border:#7ea9c994;--button-text:#273542;--button-hover:#aec9dc;--button-primary-bg:#55748c;--button-primary-border:#7ea9c9d9;--button-primary-text:#f5f7f8;--danger-bg:#f1e4e1;--danger-border:#b4695a8c;--danger-text:#2a3642;--scrim:#1d2b3838;--meter-track:#9aa4ad4d;--meter-a:#79a3c2;--meter-b:#4b82ab;--focus:#39668a;--overlay-bg:#f5f8fbed;--overlay-border:#7ea9c98c;--overlay-text:#273748;--rail-bg:#f3f6f9;--surface-figure:#e7edf3;--surface-reached:#cddce9;--highlight-border:#4b82ab80;--highlight-text:#3d6889;--hud-shadow:0 6px 20px #3a2e2118;--swatch-fallback:#9abbd4;--preview-ground:#0a2129;--surface-0:#f9fbfd;--surface-1:#edf2f7;--surface-2:#e3ebf2;--edge-hi:#ffffff9c;--elevate:#2b231a14;--sidebar-bg:#eff3f7;--sidebar-border:#9aa4ad4d;--nav-hover-bg:#7ea9c92e;--nav-active-bg:#b3cbde;--nav-active-text:#263542;--nav-active-border:#7ea9c9bf}[data-theme=moonlight]{color-scheme:dark;--app-bg:#0e1428;--panel-bg:#18203c;--panel-border:#5d637657;--shadow-panel:24px 0 60px #00000066;--text:#dfe4f4;--text-strong:#e4e8f6;--text-dim:#a0a6b7;--text-faint:#83889a;--accent:#b9c6f2;--accent-strong:#c8d2f5;--accent-dim:#b9c6f26b;--card-bg:#212a4a;--card-border:#5d63764d;--card-hover:#2e385c;--card-hover-border:#8b9ce099;--card-selected-bg:#38436b;--card-selected-border:#8b9ce0cc;--control-bg:#141b34d1;--control-border:#5d637657;--control-hover-bg:#364168f5;--control-hover-border:#8b9ce0b8;--button-bg:#4d5884;--button-border:#8b9ce094;--button-text:#e4e8f4;--button-hover:#5e6b9e;--button-primary-bg:#54608e;--button-primary-border:#8b9ce0d9;--button-primary-text:#e5e8f4;--danger-bg:#382329;--danger-border:#c07d6d8c;--danger-text:#e3e5ee;--scrim:#080c1c6b;--meter-track:#5d63764d;--meter-a:#9dabe5;--meter-b:#b9c6f2;--focus:#8fa0dd;--overlay-bg:#151c36ed;--overlay-border:#8b9ce08c;--overlay-text:#e2e7f6;--rail-bg:#131a32;--surface-figure:#19213c;--surface-reached:#343f65;--highlight-border:#b9c6f280;--highlight-text:#c4cff4;--hud-shadow:0 8px 26px #00000059;--swatch-fallback:#6c7ab2;--preview-ground:#0a2129;--surface-0:#18203c;--surface-1:#1d2644;--surface-2:#212a4a;--edge-hi:#ffffff16;--elevate:#0000005c;--sidebar-bg:#131931;--sidebar-border:#5d63764d;--nav-hover-bg:#8b9ce029;--nav-active-bg:#495583;--nav-active-text:#e4e8f4;--nav-active-border:#8b9ce0b3}[data-theme=dusk]{color-scheme:dark;--app-bg:#221a24;--panel-bg:#2f2433;--panel-border:#71646857;--shadow-panel:24px 0 60px #00000066;--text:#f2ddd6;--text-strong:#f5e2db;--text-dim:#b4a3a1;--text-faint:#968788;--accent:#efb492;--accent-strong:#f2c4aa;--accent-dim:#efb4926b;--card-bg:#3a2d3e;--card-border:#7164684d;--card-hover:#493848;--card-hover-border:#b98a9499;--card-selected-bg:#564151;--card-selected-border:#b98a94cc;--control-bg:#2a202dd1;--control-border:#71646857;--control-hover-bg:#53404ff5;--control-hover-border:#b98a94b8;--button-bg:#6e525c;--button-border:#b98a9494;--button-text:#f3e5e0;--button-hover:#83626c;--button-primary-bg:#755660;--button-primary-border:#b98a94d9;--button-primary-text:#f3e5e0;--danger-bg:#3e2528;--danger-border:#c07d6d8c;--danger-text:#f0e2dc;--scrim:#160f186b;--meter-track:#7164684d;--meter-a:#c59ca3;--meter-b:#efb492;--focus:#d2908f;--overlay-bg:#2b212fed;--overlay-border:#b98a948c;--overlay-text:#f4e1da;--rail-bg:#291f2c;--surface-figure:#302534;--surface-reached:#513e4d;--highlight-border:#efb49280;--highlight-text:#f1c0a3;--hud-shadow:0 8px 26px #00000059;--swatch-fallback:#936e78;--preview-ground:#0a2129;--surface-0:#2f2433;--surface-1:#352939;--surface-2:#3a2d3e;--edge-hi:#ffffff16;--elevate:#0000005c;--sidebar-bg:#281f2b;--sidebar-border:#7164684d;--nav-hover-bg:#b98a9429;--nav-active-bg:#6a505f;--nav-active-text:#f2e5e0;--nav-active-border:#b98a94b3}[data-theme=space]{color-scheme:dark;--app-bg:#0c0b16;--panel-bg:#16142a;--panel-border:#5a556957;--shadow-panel:24px 0 60px #00000066;--text:#d8cff0;--text-strong:#ded6f3;--text-dim:#9b94af;--text-faint:#7e7990;--accent:#6fc6d4;--accent-strong:#92cfdf;--accent-dim:#6fc6d46b;--card-bg:#1e1b33;--card-border:#5a55694d;--card-hover:#292441;--card-hover-border:#7a6aab99;--card-selected-bg:#322c4d;--card-selected-border:#7a6aabcc;--control-bg:#121022d1;--control-border:#5a556957;--control-hover-bg:#302b4bf5;--control-hover-border:#7a6aabb8;--button-bg:#433b61;--button-border:#7a6aab94;--button-text:#e2dcf1;--button-hover:#524875;--button-primary-bg:#493f68;--button-primary-border:#7a6aabd9;--button-primary-text:#e2dcf1;--danger-bg:#372124;--danger-border:#c07d6d8c;--danger-text:#e1daed;--scrim:#05040c6b;--meter-track:#5a55694d;--meter-a:#8f80b9;--meter-b:#6fc6d4;--focus:#9b8ad4;--overlay-bg:#131124ed;--overlay-border:#7a6aab8c;--overlay-text:#dcd4f2;--rail-bg:#111020;--surface-figure:#171527;--surface-reached:#2f2949;--highlight-border:#6fc6d480;--highlight-text:#88ccdc;--hud-shadow:0 8px 26px #00000059;--swatch-fallback:#5f5286;--preview-ground:#0a2129;--surface-0:#16142a;--surface-1:#1a182f;--surface-2:#1e1b33;--edge-hi:#ffffff16;--elevate:#0000005c;--sidebar-bg:#110f1f;--sidebar-border:#5a55694d;--nav-hover-bg:#7a6aab29;--nav-active-bg:#413961;--nav-active-text:#e2dcf1;--nav-active-border:#7a6aabb3}*{box-sizing:border-box}body{margin:0}button{font:inherit}button{color:inherit;cursor:pointer}button svg{flex-shrink:0}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(./playfair-display-400-CFtfchNt.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400;font-display:swap;src:url(./playfair-display-400-italic-LeeEXsx5.woff2) format("woff2")}:root{--font-ui:"Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-brand:"Playfair Display","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400}button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.link-button{background:none;border:0;padding:0;color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px;font-size:12.5px}.link-button.inline{margin:0 4px}.compact-copy{margin:0 0 14px;font-size:12.5px;line-height:1.75;color:var(--text-dim)}.pond-app{position:relative;display:flex;width:100%;height:100svh;min-height:420px;overflow:hidden;background:var(--app-bg);color:var(--text)}.pond-stage{position:relative;flex:1 1 auto;min-width:0;min-height:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:var(--pond-cursor,none);outline:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 58% 45%,transparent 36%,#03111655 100%);box-shadow:inset 0 0 100px #03111644}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent}.interface{position:absolute;z-index:3;transition:opacity .5s ease;pointer-events:none}.sidebar{flex:0 0 auto;display:flex;flex-direction:column;width:13.5rem;height:100%;padding:20px 14px 16px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);color:var(--text);z-index:6}.brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 8px 22px;text-align:center}.brand-mark{display:grid;place-items:center;color:var(--accent)}.brand-name{font:400 24px/1.14 var(--font-brand);color:var(--text-strong);letter-spacing:.1px}.brand-tagline{font:9px/1 var(--font-ui);letter-spacing:1.7px;text-transform:uppercase;white-space:nowrap;color:var(--text-faint)}.sidebar-collapse{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid transparent;border-radius:9px;background:none;color:var(--text-faint);transition:background .18s,color .18s,border-color .18s}.sidebar-collapse:hover{background:var(--nav-hover-bg);color:var(--text-strong);border-color:var(--card-border)}.sidebar-collapse svg{transition:transform .22s ease}.sidebar.collapsed{width:4.7rem;padding-left:11px;padding-right:11px}.sidebar.collapsed .brand{gap:10px;padding:2px 0 18px}.sidebar.collapsed .sidebar-collapse{position:static;order:2}.sidebar.collapsed .sidebar-collapse svg{transform:scaleX(-1)}.sidebar.collapsed .brand-name,.sidebar.collapsed .brand-tagline,.sidebar.collapsed .nav-item>span,.sidebar.collapsed .music-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .music-corner{padding:8px 6px;gap:6px}.sidebar.collapsed .music-track{justify-content:center}.sidebar.collapsed .music-track>svg{display:none}.sidebar.collapsed .music-level{justify-content:center}.sidebar.collapsed .music-level input[type=range]{display:none}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:none;color:var(--text-dim);font-size:13.5px;text-align:left;transition:background .18s,color .18s,border-color .18s}.nav-item svg{flex:0 0 auto}.nav-item:hover{background:var(--nav-hover-bg);color:var(--text-strong)}.nav-item.active{background:var(--nav-active-bg);border-color:var(--nav-active-border);color:var(--nav-active-text)}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:16px}.music-corner{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg)}.music-track{display:flex;align-items:center;gap:9px;width:100%;padding:0;background:none;border:0;color:var(--text-dim);text-align:left}.music-track:hover{color:var(--text-strong)}.music-art{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;background:var(--nav-active-bg);color:var(--nav-active-text)}.music-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.music-name{font-size:12.5px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-faint)}.music-level{display:flex;align-items:center;gap:9px}.music-mute{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:9px;background:none;color:var(--text-dim)}.music-mute:hover{background:var(--nav-hover-bg);color:var(--text-strong)}.music-level input[type=range]{flex:1;min-width:0}.stage-top{top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-top-left,.stage-top-right{display:flex;align-items:center;gap:8px}.pond-select,.ghost-control{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border:1px solid var(--control-border);border-radius:11px;background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow);color:var(--text);font-size:13px;pointer-events:auto;transition:background .2s,border-color .2s}.pond-select:hover,.ghost-control:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border)}.pond-select span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:11rem}.pond-select svg{color:var(--text-faint)}.stage-top .icon-button{width:38px;height:38px;border-radius:11px;border:1px solid var(--control-border);background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow);color:var(--text);pointer-events:auto;display:grid;place-items:center;transition:background .2s,border-color .2s}.stage-top .icon-button:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border)}.stage-top .icon-button[aria-pressed=true]{color:var(--accent-strong);border-color:var(--control-hover-border)}.drawer-toggle{display:none;width:38px;height:38px;place-items:center;border:1px solid var(--control-border);border-radius:11px;background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow);color:var(--text);pointer-events:auto}.drawer-scrim{display:none}.compact-status{display:flex;align-items:center;gap:9px;height:38px;padding:0 14px;border:1px solid var(--control-border);border-radius:11px;background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow);font-size:12px;color:var(--text-dim);white-space:nowrap}.compact-status strong{font-weight:400;letter-spacing:1.2px;color:var(--accent)}.mini-meter{display:block;width:46px;height:3px;border-radius:8px;background:var(--meter-track);overflow:hidden}.mini-meter>span{display:block;height:100%;background:linear-gradient(90deg,var(--meter-a),var(--meter-b))}.stage-bottom{left:18px;right:18px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.growth,.stage-bottom-right{display:flex;pointer-events:auto}.growth{flex-direction:column;gap:5px;min-width:0;flex:1;max-width:34rem;padding:10px 15px;border:1px solid var(--control-border);border-radius:13px;background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow)}.level-readout{display:flex;align-items:baseline;gap:9px;min-width:0;min-height:32px;background:none;border:0;padding:4px 0 0;text-align:left;color:var(--text-dim);font-size:12.5px}.level-tag{font-family:var(--font-brand);font-size:14px;color:var(--text-strong);white-space:nowrap}.level-name{color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-koi{color:var(--accent-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xp-line{display:flex;align-items:center;gap:10px}.xp-tag{font-size:9.5px;letter-spacing:1.7px;text-transform:uppercase;color:var(--text-faint)}.xp-remaining{font-size:11px;letter-spacing:.6px;color:var(--text-faint);white-space:nowrap}.xp-bar{flex:1;min-width:0;display:block;height:4px;border-radius:8px;background:var(--meter-track);overflow:hidden}.xp-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--meter-a),var(--meter-b));transition:width .3s}.stage-bottom-right{align-items:center;gap:10px;flex:0 0 auto}.pearl-wallet{display:flex;align-items:center;gap:8px;height:42px;padding:0 15px;border:1px solid var(--control-border);border-radius:12px;background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow);color:var(--text-dim);transition:background .2s,border-color .2s}.pearl-wallet:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border)}.pearl-symbol{font-size:15px;color:var(--accent)}.pearl-wallet strong{font:16px var(--font-brand);font-weight:400;color:var(--text-strong)}.pearl-label{font-size:12px;color:var(--text-faint)}.auto-switch{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px 0 9px;border:1px solid var(--control-border);border-radius:12px;background:var(--control-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hud-shadow);color:var(--text-dim);font-size:13px;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}.auto-switch:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border)}.auto-knob{position:relative;display:block;width:34px;height:20px;flex:0 0 auto;border-radius:11px;background:var(--meter-track);transition:background .2s}.auto-knob:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text-faint);transition:transform .2s,background .2s}.auto-switch[aria-checked=true]{color:var(--text-strong)}.auto-switch[aria-checked=true] .auto-knob{background:var(--nav-active-border)}.auto-switch[aria-checked=true] .auto-knob:after{transform:translate(14px);background:var(--button-primary-text)}.pause-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-family:var(--font-brand);font-size:28px;padding:24px 32px;background:var(--overlay-bg);border:1px solid var(--overlay-border);border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;color:var(--overlay-text);z-index:4;box-shadow:var(--hud-shadow)}.pause-message span{display:block;font:12px var(--font-ui);color:var(--text-dim);margin-top:12px;white-space:nowrap}.streak-display{left:26px;top:88px;z-index:4;display:flex;align-items:center;gap:13px;background:none;border:0;animation:streak-in .5s ease-out}.streak-title{display:flex;flex-direction:column;gap:8px;min-width:98px}.streak-label{font-size:10.5px;letter-spacing:1.9px;text-transform:uppercase;color:var(--text-faint)}.streak-rule{display:flex;align-items:center;gap:7px;height:9px;color:var(--accent-dim)}.streak-rule:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,currentColor,transparent)}.streak-ring{position:relative;display:grid;place-items:center;width:54px;height:54px;color:var(--text-dim)}.streak-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.streak-track{fill:none;stroke:var(--control-border);stroke-width:1.1;opacity:.45}.streak-arc{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;opacity:.7;transition:stroke-dashoffset .12s linear;animation:streak-breathe 3.6s ease-in-out infinite}.streak-ring strong{font:19px var(--font-brand);font-weight:400;letter-spacing:.5px}.streak-display[data-level="2"] .streak-ring{color:var(--text-strong)}.streak-display[data-level="3"] .streak-ring{color:var(--accent-strong)}.streak-display[data-level="3"] .streak-arc{opacity:.85;filter:drop-shadow(0 0 5px var(--accent))}.streak-display[data-level="4"] .streak-ring{color:var(--accent-strong)}.streak-display[data-level="4"] .streak-arc{opacity:1;filter:drop-shadow(0 0 7px var(--accent-strong))}.streak-display[data-level="4"] strong{text-shadow:0 0 15px var(--accent)}.streak-display[data-low=true] .streak-arc{animation-duration:1.5s}@keyframes streak-breathe{0%,to{opacity:.55}50%{opacity:.95}}@keyframes streak-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.hint{position:absolute;z-index:4;left:50%;bottom:100px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(560px,86vw);padding:10px 12px 10px 15px;border:1px solid var(--overlay-border);border-radius:999px;background:var(--overlay-bg);color:var(--overlay-text);font-size:13px;line-height:1.5;box-shadow:var(--hud-shadow);animation:hint-in .3s ease}.hint svg{color:var(--accent);flex:0 0 auto}.hint button{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;background:none;border:0;border-radius:50%;color:inherit;opacity:.65;font-size:13px;line-height:1}.hint button:hover{opacity:1}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.restore{position:absolute;z-index:4;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;font-size:12px;padding:11px 15px;border:1px solid var(--control-border);border-radius:25px;background:var(--control-bg);color:var(--text-dim);opacity:.6;box-shadow:var(--hud-shadow)}.restore:hover,.restore:focus-visible{opacity:1;color:var(--text-strong)}.away .stage-top,.away .stage-bottom,.away .hint,.away .streak-display,.away .saying,.away .world-status,.away .pause-message,.away .restore{opacity:0;visibility:hidden}.immersive .immersive-hide,.immersive .sidebar{display:none}.immersive .stage-bottom,.immersive .hint,.immersive .streak-display,.immersive .pond-select,.panel-open .streak-display,.panel-open .hint{opacity:0;visibility:hidden}.panel{flex:0 0 auto;display:flex;flex-direction:column;width:min(36rem,44vw);height:100%;overflow:hidden;border-right:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text);box-shadow:var(--shadow-panel);animation:panel-in .26s ease}.panel:focus{outline:none}@keyframes panel-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 12px}.panel-eyebrow{margin:0 0 6px;font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--text-faint)}.panel-header h2{margin:0;font:26px var(--font-brand);font-weight:400;color:var(--text-strong)}.panel-header-actions{display:flex;align-items:center;gap:8px}.panel-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--control-border);border-radius:50%;background:var(--control-bg);color:var(--text);transition:background .2s,border-color .2s}.panel-close:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border)}.panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 20px 26px;scrollbar-color:var(--text-faint) var(--panel-bg)}.panel-body h3{margin:22px 0 12px;font:19px var(--font-brand);font-weight:400;color:var(--accent-strong)}.wallet-chip{display:flex;align-items:baseline;gap:6px;padding:5px 11px;border:1px solid var(--control-border);border-radius:16px;background:var(--control-bg);color:var(--accent-strong);font:15px var(--font-brand)}.wallet-chip:hover{border-color:var(--control-hover-border)}.wallet-chip-static{cursor:default}.wallet-chip span{color:var(--accent)}.journal-layout{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:18px;align-items:start}.rail{display:flex;flex-direction:column;gap:4px;position:sticky;top:2px}.rail button{display:flex;align-items:center;gap:8px;text-align:left;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);font-size:13px;transition:background .18s,color .18s,border-color .18s}.rail button svg{flex:0 0 auto;opacity:.85}.rail .rail-name{flex:1 1 auto;min-width:0}.rail .rail-count{flex:0 0 auto;font-size:11px;letter-spacing:.2px;color:var(--text-faint);font-variant-numeric:tabular-nums}.rail button[aria-pressed=true] .rail-count{color:var(--accent-strong)}.rail button:hover{background:var(--card-hover)}.rail button[aria-pressed=true]{background:var(--card-selected-bg);border-color:var(--card-selected-border);color:var(--accent-strong)}.journal-sections .rail,.codex .rail{flex-direction:row;flex-wrap:wrap;gap:6px;position:static;margin:2px 0 14px}.journal-sections .rail button,.codex .rail button{padding:8px 13px;border-color:var(--card-border);background:var(--card-bg);font-size:12.5px;min-height:34px}.grid-block{margin-bottom:6px}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.block-head h3{margin:22px 0 12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:9px}.choice-card,.shop-card{position:relative;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--card-border);border-radius:11px;background:var(--card-bg);color:var(--text);text-align:left;min-height:54px;transition:background .18s,border-color .18s,box-shadow .18s}.choice-card:hover:not(:disabled),.shop-card:hover:not(:disabled){background:var(--card-hover);border-color:var(--card-hover-border)}.choice-card.selected,.shop-card.owned{border-color:var(--card-selected-border);background:var(--card-selected-bg);box-shadow:0 0 0 1px var(--card-selected-border),0 0 18px -8px var(--accent)}.choice-card.locked,.shop-card.locked{opacity:.62}.choice-card:disabled,.shop-card:disabled{cursor:not-allowed}.choice-preview{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--swatch-fallback);box-shadow:inset 0 0 0 1px #ffffff26;overflow:hidden}.choice-preview svg{color:#0f1f22;opacity:.72}.preview{display:block}.preview-canvas{display:block;width:100%;height:100%}.choice-preview-art{background:var(--preview-ground);box-shadow:inset 0 0 0 1px var(--card-border)}.choice-card.card-wide{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.choice-card.card-wide .choice-preview{width:100%;height:52px;border-radius:9px}.choice-card.card-wide .choice-text{flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}.choice-card.card-wide .choice-name{white-space:normal}.choice-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.choice-name{font-size:13.5px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choice-meta{font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choice-check{position:absolute;top:5px;right:6px;display:grid;place-items:center;color:var(--accent)}.choice-lock{position:absolute;top:5px;right:6px;display:grid;place-items:center;color:var(--text-faint)}.mode-switch{display:inline-flex;gap:4px;padding:3px;margin-bottom:14px;border:1px solid var(--card-border);border-radius:22px;background:var(--card-bg)}.mode-switch button{background:none;border:0;border-radius:18px;padding:7px 15px;font-size:12.5px;color:var(--text-dim)}.mode-switch button[aria-pressed=true]{background:var(--card-selected-bg);border:1px solid var(--card-selected-border);color:var(--accent-strong)}.wearing{margin:0 0 14px;font-size:12px;letter-spacing:.2px;color:var(--text-faint)}.wearing strong{font-weight:400;color:var(--accent-strong)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:10px}.shop-card{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.shop-card .choice-preview{width:100%;height:40px;border-radius:9px}.price-tag{position:absolute;top:8px;right:10px;font-size:15px;color:var(--accent)}.shop-hint{font-size:10.5px;color:var(--danger-text)}.toggle-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--card-border);border-radius:11px;background:var(--card-bg);color:var(--text)}.toggle-row+.toggle-row{margin-top:10px}.advanced .toggle-row:first-of-type{margin-top:4px}.toggle-row.selected{border-color:var(--card-selected-border);background:var(--card-selected-bg)}.toggle-row strong{font-size:14.5px;font-weight:400;color:var(--text-strong)}.toggle-row p{margin:6px 0 0;font-size:12.5px;line-height:1.7;color:var(--text-dim)}.toggle-row button{flex-shrink:0;min-width:100px;padding:10px 14px;font-size:12.5px;border:1px solid var(--button-border);border-radius:7px;background:var(--button-bg);color:var(--button-text)}.toggle-row button:hover:not(:disabled){background:var(--button-hover)}.toggle-row button:disabled{opacity:.5;cursor:not-allowed}.mixer{display:flex;flex-direction:column;gap:10px}.mixer-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 13px;border:1px solid var(--card-border);border-radius:11px;background:var(--card-bg)}.mixer-row.muted{opacity:.62}.mixer-label{flex:1 1 100%;display:flex;align-items:baseline;gap:8px}.mixer-label strong{font-size:13.5px;font-weight:400;color:var(--text-strong)}.mixer-label small{font-size:11px;color:var(--text-faint)}.mixer-row input[type=range]{flex:1 1 6rem;min-width:4rem}.mixer-value{flex:0 0 2.9em;text-align:right;font-size:12px;color:var(--accent-strong)}.mute-button{flex:0 0 auto;font-size:11.5px;padding:7px 11px;border:1px solid var(--button-border);border-radius:7px;background:var(--button-bg);color:var(--button-text);white-space:nowrap}.mute-button[aria-pressed=true]{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.setting-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin-top:10px;font-size:12.5px;color:var(--text-dim)}.setting-row.disabled{opacity:.55}.setting-row>span:first-child{flex:1 1 7rem}.setting-row input[type=range]{flex:2 1 8rem;min-width:5rem}.setting-row output{flex:0 0 2.9em;text-align:right;font-size:12px;color:var(--accent-strong)}input[type=range]{accent-color:var(--accent)}.shortcut-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:8px}.shortcut-list li{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);font-size:12.5px;color:var(--text-dim)}.shortcut-list kbd{font:11px var(--font-ui);letter-spacing:.6px;padding:3px 7px;border:1px solid var(--button-border);border-radius:5px;background:var(--button-bg);color:var(--button-text);min-width:2.6rem;text-align:center}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:10px}.theme-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:11px;border:1px solid var(--card-border);border-radius:11px;background:var(--card-bg);color:var(--text);text-align:left;transition:background .18s,border-color .18s}.theme-card:hover{background:var(--card-hover);border-color:var(--card-hover-border)}.theme-card.selected{border-color:var(--card-selected-border);background:var(--card-selected-bg);box-shadow:0 0 0 1px var(--card-selected-border)}.theme-swatch{display:flex;align-items:center;gap:6px;height:26px}.theme-swatch i{display:block;width:16px;height:16px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000021}.theme-name{font-size:13px;color:var(--text-strong)}.theme-note{font-size:11px;line-height:1.5;color:var(--text-faint)}.journey-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:9px}.journey-stats>div{padding:13px 9px;border:1px solid var(--card-border);border-radius:9px;background:var(--card-bg);text-align:center}.journey-stats strong{display:block;margin-bottom:6px;font:22px var(--font-brand);font-weight:400;color:var(--accent-strong)}.journey-stats span{font-size:11.5px;color:var(--text-faint)}.growth-figure{display:flex;gap:16px;align-items:center;padding:15px;border:1px solid var(--card-border);border-radius:11px;background:var(--surface-figure)}.growth-figure svg{flex:0 0 132px;height:70px;overflow:visible}.growth-figure>div{flex:1;min-width:0}.growth-outline{fill:none;stroke:var(--text-faint);stroke-width:1.2;stroke-dasharray:4 4;opacity:.6}.growth-current{fill:var(--accent);fill-opacity:.35;stroke:var(--accent);stroke-width:1.4}.growth-eye{fill:var(--accent-strong)}.growth-readout{margin:0 0 6px;font-size:13.5px;color:var(--text-dim)}.growth-readout strong{font-weight:400;color:var(--accent-strong)}.stage-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:8px;list-style:none;padding:0;margin:13px 0 0}.stage-track li{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid var(--card-border);border-radius:9px;font-size:12px;color:var(--text-faint)}.stage-track li.reached{border-color:var(--highlight-border);background:var(--surface-reached);color:var(--highlight-text)}.stage-track li[aria-current=step]{border-color:var(--card-selected-border);color:var(--accent-strong)}.stage-track small{font-size:10.5px;color:var(--text-faint)}.boost-figure{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:11px}.boost-figure>div{padding:13px;border:1px solid var(--card-border);border-radius:9px;background:var(--surface-figure)}.boost-figure span{display:block;margin-bottom:6px;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--text-faint)}.boost-figure strong{font:21px var(--font-brand);font-weight:400;color:var(--accent-strong)}.boost-figure small{display:block;margin-top:4px;font-size:11.5px;color:var(--text-dim)}.growth-roadmap{list-style:none;padding:0;margin:0}.growth-roadmap li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--card-border);color:var(--text-faint)}.level-badge{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--card-border);border-radius:50%;font:16px var(--font-brand)}.growth-roadmap li>div{flex:1;min-width:0}.growth-roadmap strong{font-size:13.5px;font-weight:400;color:var(--text-dim)}.growth-roadmap p{margin:4px 0 0;font-size:11.5px;line-height:1.6}.growth-roadmap li>span:last-child{font-size:11.5px;white-space:nowrap}.growth-roadmap .reached,.growth-roadmap .reached strong{color:var(--highlight-text)}.growth-roadmap [aria-current=step] .level-badge{background:var(--surface-reached);border-color:var(--card-selected-border);color:var(--accent-strong)}.growth-roadmap li.stage .level-badge{border-color:var(--highlight-border)}.stage-tag{margin-left:8px;font-style:normal;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-faint)}.slot-list{display:flex;flex-direction:column;gap:11px}.slot-card{padding:15px;border:1px solid var(--card-border);border-radius:11px;background:var(--card-bg);color:var(--text)}.slot-card.active{border-color:var(--card-selected-border);background:var(--card-selected-bg)}.slot-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.slot-card h4{margin:0;font-size:15.5px;font-weight:400;color:var(--text-strong)}.slot-badge{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-strong);border:1px solid var(--card-selected-border);background:var(--surface-reached);border-radius:12px;padding:3px 9px;white-space:nowrap}.slot-meta{margin:0 0 5px;font-size:11.5px;line-height:1.65;color:var(--text-dim)}.slot-name-input{width:100%;font:inherit;font-size:14.5px;color:var(--text-strong);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:7px;padding:8px 10px}.slot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.slot-actions button{font-size:12.5px;padding:9px 13px;border:1px solid var(--button-border);border-radius:7px;background:var(--button-bg);color:var(--button-text)}.slot-actions button:hover{background:var(--button-hover)}.slot-actions button.primary{border-color:var(--button-primary-border);background:var(--button-primary-bg);color:var(--button-primary-text)}.slot-actions button.danger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.slot-confirm{margin-top:11px;padding:13px;border:1px solid var(--danger-border);border-radius:9px;background:var(--danger-bg)}.slot-confirm p{margin:0;font-size:12.5px;line-height:1.65;color:var(--text)}.slot-confirm strong{font-weight:400;color:var(--danger-text)}@media(max-width:1200px){.panel{width:min(32rem,48vw)}.journal-layout{grid-template-columns:7.5rem minmax(0,1fr);gap:14px}}@media(max-width:980px){.journal-layout{grid-template-columns:1fr}.journal-sections .rail{margin-top:0}.rail{flex-direction:row;flex-wrap:wrap;gap:6px}.rail button{flex:1 1 auto;text-align:center}.sidebar{width:12rem}.xp-remaining{display:none}.level-readout{flex-wrap:wrap;row-gap:2px}}@media(max-width:760px){.sidebar,.sidebar.collapsed{position:absolute;inset:0 auto 0 0;width:min(15rem,78vw);z-index:30;padding-left:14px;padding-right:14px;transform:translate(-102%);transition:transform .24s ease;box-shadow:0 0 70px #00000059}.sidebar.open{transform:none}.sidebar-collapse{display:none}.sidebar.collapsed .brand{flex-direction:row;gap:11px;padding:0 8px 20px}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-item>span,.sidebar.collapsed .music-text{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}.sidebar.collapsed .brand-name{white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:flex-start;padding-left:11px;padding-right:11px}.sidebar.collapsed .music-corner{padding:10px;gap:8px}.sidebar.collapsed .music-track{justify-content:flex-start}.sidebar.collapsed .music-track>svg{display:block}.sidebar.collapsed .music-level{justify-content:flex-start}.sidebar.collapsed .music-level input[type=range]{display:block}.drawer-toggle{display:grid}.drawer-open .drawer-scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:29;background:var(--scrim)}.panel{position:absolute;inset:0 auto 0 0;z-index:20;width:min(23rem,88vw);box-shadow:0 0 70px #0006}.stage-top{top:14px;left:14px;right:14px}.stage-bottom{left:14px;right:14px;bottom:12px;gap:10px;align-items:stretch}.growth{padding:9px 13px}.choice-preview{width:28px;height:28px}.hint{bottom:88px;font-size:12.5px}.streak-display{left:14px;top:76px;gap:11px}.streak-title{min-width:84px;gap:6px}.streak-label{font-size:10px;letter-spacing:1.6px}.streak-ring{width:46px;height:46px}.streak-ring strong{font-size:17px}.restore{right:12px;bottom:12px}.growth-figure{flex-direction:column;align-items:flex-start;gap:10px}.growth-figure svg{flex:none;width:150px;height:60px}}@media(max-width:520px){.stage-bottom{flex-direction:column;align-items:stretch;gap:8px}.growth{max-width:none}.stage-bottom-right{justify-content:space-between}.ghost-control span{display:none}.ghost-control{padding:0 11px}.level-name{display:none}.pearl-wallet strong{font-size:15px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}}@media(max-height:600px){.stage-top{top:10px}.stage-bottom{bottom:8px}.streak-display{top:66px}}@media(prefers-reduced-motion:reduce){.interface,button,.xp-bar>span,.mini-meter>span,.streak-arc{transition:none}.panel,.hint,.streak-display,.streak-arc{animation:none}.sidebar,.sidebar-collapse svg{transition:none}.auto-knob,.auto-knob:after{transition:none}}.emblem{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--accent-dim);border-radius:50%;color:var(--accent)}.welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8vw;background:radial-gradient(ellipse at 68% 46%,#03111633 20%,#03111699);animation:welcome-in .9s ease both;cursor:pointer}.welcome-mark{display:block;margin:0 0 20px;color:#dec28d;opacity:.9}.welcome h1{margin:0;font-family:var(--font-brand);font-size:clamp(42px,6.6vw,98px);font-weight:400;line-height:1.04;letter-spacing:-2.2px;color:#efe9d5;text-shadow:0 2px 35px #061b2170}.welcome h1 em{font-weight:400;font-style:italic;color:#dec28d}.welcome-tagline{margin:22px 0 0;font-size:10.5px;letter-spacing:2.7px;text-transform:uppercase;color:#bcb797}.welcome-prompt{margin:26px 0 0;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#c8c1a7;animation:breathe 4s ease-in-out infinite}@keyframes welcome-in{0%{opacity:0}to{opacity:1}}.welcome.leaving{pointer-events:none;animation:welcome-out var(--welcome-fade,1.1s) ease-in both}.welcome.leaving>*{animation:welcome-lift calc(var(--welcome-fade,1.1s) * .66) ease-in both}.welcome.leaving h1{animation-delay:calc(var(--welcome-fade,1.1s) * .08)}.welcome.leaving .welcome-tagline{animation-delay:calc(var(--welcome-fade,1.1s) * .04)}.welcome.leaving .welcome-prompt{animation-duration:calc(var(--welcome-fade,1.1s) * .34)}@keyframes welcome-out{0%{opacity:1}70%{opacity:.24}to{opacity:0}}@keyframes welcome-lift{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-14px)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.saying{position:absolute;z-index:3;left:26px;bottom:100px;max-width:min(33rem,50vw);margin:0;font-family:var(--font-brand);font-size:14.5px;line-height:1.75;color:#dfe8d8;opacity:.7;text-shadow:0 1px 14px #04161bd9;pointer-events:none;animation:saying-in 1.6s ease both}@keyframes saying-in{0%{opacity:0;transform:translateY(6px)}to{opacity:.7;transform:none}}.immersive .saying{opacity:0;visibility:hidden}.note{position:absolute;z-index:5;left:50%;top:74px;transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:min(31rem,90vw);padding:11px 12px 11px 14px;border:1px solid var(--overlay-border);border-left:3px solid var(--tier,var(--accent));border-radius:12px;background:var(--overlay-bg);box-shadow:var(--hud-shadow);animation:discovery-in .42s ease both}.note-mark{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--tier,var(--accent)) 22%,transparent);color:var(--tier,var(--accent))}.note-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.note-eyebrow{font-size:9.5px;letter-spacing:1.9px;text-transform:uppercase;color:var(--text-faint)}.note-text strong{font-weight:400;font-size:15px;color:var(--text-strong)}.note-meta{font-size:11.5px;color:var(--text-dim)}.note-notice .note-text strong{font-size:13px;color:var(--text)}.note-count{flex:0 0 auto;font-size:11px;letter-spacing:.3px;color:var(--text-faint);padding:2px 7px;border-radius:99px;background:var(--card-hover)}.note-close{background:none;border:0;color:inherit;opacity:.6;padding:2px 4px;font-size:13px;line-height:1}.note-close:hover{opacity:1}@media(max-width:600px){.note{max-width:94vw}}@keyframes discovery-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.award-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.award-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--card-border);border-left:3px solid transparent;border-radius:10px;background:var(--card-bg)}.award-row.earned{border-left-color:var(--accent)}.award-row:not(.earned){opacity:.62}.award-row-mark{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--card-hover);color:var(--text-faint)}.award-row.earned .award-row-mark{background:color-mix(in srgb,var(--accent) 18%,var(--card-bg));color:var(--accent)}.award-row-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.award-row-text strong{font-weight:400;font-size:13.5px;color:var(--text)}.award-row.earned .award-row-text strong{color:var(--text-strong)}.award-row-text span{font-size:11.5px;line-height:1.5;color:var(--text-dim)}.award-row.secret .award-row-text strong{font-style:italic}.award-row-date{flex:0 0 auto;font-size:11px;color:var(--text-faint);white-space:nowrap}.build-stamp{margin:14px 0 0;font-size:11px;letter-spacing:.4px;color:var(--text-faint)}.screen-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;overflow-y:auto;background:radial-gradient(120% 90% at 50% 40%,#04161c66,#04161ccc 70%,#04161ce6);animation:screen-in var(--screen-fade,1.1s) ease both}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.title-screen{display:flex;flex-direction:column;align-items:center;gap:2px;padding:40px 24px;text-align:center}.title-mark{color:var(--brand-ink,#e8d5a6);opacity:.92}.title-name{margin:10px 0 0;font-family:var(--font-brand);font-weight:400;font-size:clamp(38px,7vw,58px);line-height:1.04;letter-spacing:.4px;color:#f4ece0}.title-name em{font-style:italic;color:var(--brand-ink,#e8d5a6)}.title-tagline{margin:12px 0 30px;font-size:10.5px;letter-spacing:3.4px;text-transform:uppercase;color:#f4ece0a8}.title-menu{display:flex;flex-direction:column;gap:7px;width:min(19rem,82vw)}.title-action{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:11px 15px;border:1px solid #f4ece026;border-radius:11px;background:#04161c5c;color:#f4ece0cc;font-size:13.5px;text-align:left;transition:background .18s,border-color .18s,color .18s}.title-action:hover{background:#f4ece014;border-color:#f4ece03d;color:#f4ece0}.title-action:focus-visible{outline:2px solid var(--brand-ink,#e8d5a6);outline-offset:2px}.title-action.primary{min-height:56px;font-size:16px;color:#f4ece0;border-color:#e8d5a659;background:#e8d5a61f}.title-action.primary:hover{background:#e8d5a62e;border-color:#e8d5a68a}.title-action-mark{display:grid;place-items:center;flex:0 0 auto;width:26px;color:var(--brand-ink,#e8d5a6)}.title-action-label{flex:1 1 auto}.title-action-hint{flex:0 0 auto;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#f4ece066}.title-active{margin:8px 0 12px;font-size:11.5px;color:#f4ece08a}.select-screen{width:min(46rem,92vw);padding:34px 22px 44px}.select-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:6px}.select-back{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 13px 8px 9px;border:1px solid #f4ece026;border-radius:10px;background:#04161c5c;color:#f4ece0bb;font-size:12.5px}.select-back:hover{background:#f4ece014;color:#f4ece0}.select-back:focus-visible{outline:2px solid var(--brand-ink,#e8d5a6);outline-offset:2px}.select-back svg{transform:rotate(180deg)}.select-eyebrow{margin:0;font-size:9.5px;letter-spacing:2px;text-transform:uppercase;color:#f4ece080}.select-title{margin:2px 0 0;font-family:var(--font-brand);font-weight:400;font-size:27px;color:#f4ece0}.select-lead{margin:4px 0 20px;font-size:12.5px;line-height:1.7;color:#f4ece0a3;max-width:34rem}.slot-list-screen{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:11px}.slot-list-screen .slot-card{background:#04161c73;border-color:#f4ece021;color:#f4ece0cc}.slot-list-screen .slot-card.active{border-color:#e8d5a659}.slot-list-screen .slot-card h4{color:#f4ece0}.slot-list-screen .slot-meta{color:#f4ece094}.slot-list-screen .compact-copy{grid-column:1/-1;color:#f4ece080}.slot-koi{display:grid;height:54px;margin:-2px 0 8px;border-radius:9px;overflow:hidden;background:var(--preview-ground)}.slot-koi>.preview{width:100%;height:100%}.settings-group{margin-top:26px;padding-top:15px;border-top:1px solid var(--card-border);font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--text-faint)}.settings-group:first-of-type{margin-top:6px;padding-top:0;border-top:0}.credits-mark{display:grid;place-items:center;margin:2px 0 4px;color:var(--accent)}.credits-name{margin:0;text-align:center;font-family:var(--font-brand);font-weight:400;font-size:21px;color:var(--text-strong)}.credits-tagline{text-align:center;margin-bottom:18px}.about-list{display:flex;flex-direction:column;gap:1px;margin:8px 0 4px}.about-row{display:flex;align-items:baseline;gap:12px;padding:8px 10px;border-radius:8px;background:var(--card-bg)}.about-label{flex:0 0 8.5rem;font-size:12px;color:var(--text-dim)}.about-value{flex:1 1 auto;font-size:12.5px;color:var(--text)}.about-note{display:block;margin-top:2px;font-style:normal;font-size:11px;color:var(--text-faint)}@media(max-width:600px){.title-menu{width:min(21rem,90vw)}.select-screen{padding:22px 14px 34px}.slot-list-screen{grid-template-columns:1fr}.about-row{flex-direction:column;gap:2px}.about-label{flex:0 0 auto}}@media(prefers-reduced-motion:reduce){.screen-layer{animation-duration:.01ms}}@media(max-width:600px){.award-row-date{display:none}}.codex-progress{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-faint);white-space:nowrap}.codex-progress strong{font:15px var(--font-brand);font-weight:400;color:var(--accent-strong)}.codex-progress .summary-bar{width:4.5rem}.summary-bar{display:block;height:3px;border-radius:8px;background:var(--meter-track);overflow:hidden}.summary-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--meter-a),var(--meter-b))}.codex-total{margin:9px 0 14px;font-size:11.5px;letter-spacing:.4px;color:var(--text-faint)}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:8px}.codex-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);color:var(--text-dim);text-align:center;transition:background .18s,border-color .18s}.codex-card:hover{background:var(--card-hover);border-color:var(--card-hover-border)}.codex-card.selected{border-color:var(--card-selected-border);background:var(--card-selected-bg);box-shadow:0 0 0 1px var(--card-selected-border)}.codex-card.unknown{opacity:.7}.codex-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--own) 20%,var(--card-bg));color:var(--own);box-shadow:inset 0 0 0 1px var(--tier)}.codex-card.unknown .codex-mark{background:var(--card-hover);color:var(--text-faint);box-shadow:inset 0 0 0 1px var(--card-border)}.codex-mark-art{display:grid;width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--preview-ground);box-shadow:inset 0 0 0 1px var(--tier,var(--card-border))}.codex-mark-art>.preview{width:100%;height:100%}.codex-unknown{font-family:var(--font-brand);font-size:16px;line-height:1}.codex-name{font-size:11.5px;line-height:1.4;color:var(--text)}.codex-detail{margin-top:12px;padding:13px 14px;border:1px solid var(--card-border);border-radius:10px;background:var(--surface-figure)}.codex-detail header{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}.codex-detail strong{font-size:14.5px;font-weight:400;color:var(--text-strong)}.codex-detail p{margin:0 0 6px;font-size:12.5px;line-height:1.7;color:var(--text-dim)}.codex-detail .codex-origin{font-size:11.5px;color:var(--text-faint)}.codex-tier,.codex-tag{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;border:1px solid var(--tier);border-radius:12px;padding:3px 8px;color:var(--tier)}.codex-tag{border-color:var(--card-border);color:var(--text-faint)}.reward-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.reward-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--card-border);border-radius:9px;background:var(--card-bg);color:var(--text-faint);font-size:12.5px}.reward-list li.earned{border-color:var(--highlight-border);background:var(--surface-reached);color:var(--highlight-text)}.reward-list>li>span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.reward-list strong{font-weight:400;color:var(--text-strong)}.reward-list li.earned strong{color:var(--accent-strong)}.reward-list small{color:var(--text-faint)}.reward-list em{font-style:normal;font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase}.cursor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:9px}.cursor-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-bg);color:var(--text);text-align:left;transition:background .18s,border-color .18s}.cursor-card:hover:not(:disabled){background:var(--card-hover);border-color:var(--card-hover-border)}.cursor-card.selected{border-color:var(--card-selected-border);background:var(--card-selected-bg)}.cursor-card.locked{opacity:.58}.cursor-card:disabled{cursor:not-allowed}.cursor-swatch{flex:0 0 auto;width:28px;height:28px;border:1px solid var(--card-border);border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:contain}.cursor-swatch-default{position:relative;border-color:var(--accent-dim);background:radial-gradient(circle,var(--accent) 0 3px,transparent 3px)}.cursor-swatch-default:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid var(--accent-dim);border-radius:50%}.cursor-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}.name-row>span{flex:0 0 auto;font-size:12.5px;color:var(--text-dim)}.name-row>span small{color:var(--text-faint)}.name-row input{flex:1 1 10rem;min-width:8rem;font:inherit;font-size:13.5px;color:var(--text-strong);background:var(--panel-bg);border:1px solid var(--card-border);border-radius:8px;padding:8px 10px}.level-koi{font-style:italic;color:var(--accent-strong)}@media(max-width:860px){.saying{display:none}.welcome{padding:0 7vw}.welcome-mark{margin-bottom:14px}}@media(max-width:520px){.welcome h1{letter-spacing:-1.6px}.welcome-prompt{font-size:11px;letter-spacing:2px}.note{top:60px;font-size:12px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}}@media(prefers-reduced-motion:reduce){.saying,.note{animation:none}.welcome.leaving{animation:welcome-out var(--welcome-fade,.32s) linear both}.welcome.leaving>*{animation:none}.welcome-prompt{animation:none;opacity:.8}}.lab-panel{width:min(40rem,50vw)}.lab-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--card-border);border-radius:16px;font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-faint)}.lab-chip.live{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.lab-section{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--card-border)}.lab-section h3{display:flex;align-items:baseline;gap:9px;margin:0 0 10px;font:15px var(--font-ui);font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-strong)}.lab-section h3 small{font-size:10.5px;font-weight:400;letter-spacing:.4px;text-transform:none;color:var(--text-faint)}.lab-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:7px}.lab-button{padding:7px 11px;border:1px solid var(--button-border);border-radius:7px;background:var(--button-bg);color:var(--button-text);font-size:12px;white-space:nowrap}.lab-button:hover:not(:disabled){background:var(--button-hover)}.lab-button:disabled{opacity:.45;cursor:not-allowed}.lab-button.primary{border-color:var(--button-primary-border);background:var(--button-primary-bg);color:var(--button-primary-text)}.lab-button.danger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger-text)}.lab-select{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim)}.lab-select select,.lab-input{font:inherit;font-size:12px;color:var(--text-strong);background:var(--panel-bg);border:1px solid var(--card-border);border-radius:7px;padding:6px 8px;max-width:15rem}.lab-input{max-width:6rem}.lab-readout{margin:0 0 8px;padding:11px 12px;border:1px solid var(--card-border);border-radius:8px;background:var(--surface-figure);color:var(--text-dim);font:11.5px/1.65 ui-monospace,Consolas,monospace;white-space:pre;overflow-x:auto}.lab-note{margin:0 0 7px;font-size:11.5px;line-height:1.6;color:var(--text-faint)}.lab-warn{font-size:12px;color:var(--danger-text)}.lab-fault{padding:11px 12px;border:1px solid var(--danger-border);border-radius:8px;background:var(--danger-bg);color:var(--danger-text)}.lab-fault p{margin:0 0 6px;font-size:12.5px}.lab-fault pre{margin:0;font:11.5px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.lab-fault details{margin-top:6px}.lab-fault summary{cursor:pointer;font-size:11.5px}.lab-log{max-height:15rem;overflow-y:auto;padding:10px 12px;border:1px solid var(--card-border);border-radius:8px;background:var(--surface-figure);scrollbar-color:var(--text-faint) var(--surface-figure)}.lab-log p{margin:0 0 3px;font:11.5px/1.55 ui-monospace,Consolas,monospace;color:var(--text-dim)}.lab-log p span{color:var(--text-faint);margin-right:6px}.lab-log p em{font-style:normal;color:var(--accent-strong)}.advanced{margin:14px 0 0;padding:11px 13px;border:1px solid var(--card-border);border-radius:10px;background:var(--surface-figure)}.advanced summary{cursor:pointer;font-size:13px;letter-spacing:1.3px;text-transform:uppercase;color:var(--text-faint)}.advanced[open] summary{margin-bottom:10px;color:var(--accent-strong)}@media(max-width:900px){.lab-panel{width:min(34rem,58vw)}}.moment{position:absolute;z-index:5;left:50%;top:15%;transform:translate(-50%);max-width:min(30rem,86vw);width:max-content;text-align:center;pointer-events:none;animation:moment-life 7s ease both}.moment p{margin:0;font-family:var(--font-brand);font-size:clamp(19px,2.3vw,29px);font-weight:400;letter-spacing:4.5px;text-transform:uppercase;color:#f4eeda;text-shadow:0 2px 26px #031116d9,0 0 40px #031116b3}.moment span{display:block;margin-top:11px;font-family:var(--font-brand);font-size:14px;font-style:italic;letter-spacing:.5px;color:#ded8bf;text-shadow:0 1px 16px #031116d9}.moment:after{content:"";display:block;width:64px;height:1px;margin:15px auto 0;background:linear-gradient(90deg,transparent,var(--moment-accent,#e6cf96),transparent);opacity:.75}@keyframes moment-life{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}76%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.panel-open .moment,.immersive .moment{opacity:0}@media(max-width:600px){.moment{top:11%}.moment p{letter-spacing:2.6px}.moment span{font-size:12.5px}}@media(prefers-reduced-motion:reduce){.moment{animation:moment-life 7s step-end both}}.saying{position:absolute;z-index:3;left:30px;bottom:104px;max-width:min(30rem,44vw);margin:0;font-family:var(--font-brand);font-size:clamp(14.5px,1.05vw,17px);font-style:italic;line-height:1.95;letter-spacing:.42px;color:#e2ead9;opacity:.62;text-wrap:pretty;text-shadow:0 1px 3px #03111699,0 2px 22px #031116e6;pointer-events:none;animation:saying-in 1.8s ease both}.saying-mark{display:inline-block;width:15px;height:7px;margin-right:11px;vertical-align:middle;border-top:1px solid var(--accent);border-radius:50% 50% 0 0;opacity:.55;position:relative;top:-2px}.saying:before{content:"";display:block;width:38px;height:1px;margin-bottom:14px;background:linear-gradient(90deg,#dec98f99,transparent)}@keyframes saying-in{0%{opacity:0;transform:translateY(7px)}to{opacity:.62;transform:none}}.rail{border-radius:12px;background:var(--surface-1);padding:8px 7px;gap:3px}.rail button{position:relative;padding:9px 12px}.rail button:hover{background:var(--surface-2);color:var(--text-strong)}.rail button[aria-pressed=true]:before{content:"";position:absolute;left:2px;top:24%;bottom:24%;width:2px;border-radius:2px;background:var(--accent)}.choice-card,.shop-card,.codex-card,.slot-card,.music-card,.decoration-card,.theme-card,.cursor-card,.toggle-row,.mixer-row,.shortcut-list li,.reward-list li{background:var(--surface-2)}.choice-card.selected,.shop-card.owned,.codex-card.selected,.slot-card.active,.music-card.selected,.theme-card.selected,.cursor-card.selected,.decoration-card.selected,.toggle-row.selected{background:linear-gradient(180deg,var(--edge-hi),transparent 62%),var(--card-selected-bg);border-color:var(--card-selected-border);box-shadow:0 0 0 1px var(--card-selected-border),0 8px 20px -12px var(--elevate),inset 0 1px 0 var(--edge-hi)}.choice-check{color:var(--accent);filter:drop-shadow(0 1px 2px var(--elevate))}.journal-sections h3,.panel-body>h3{display:flex;align-items:center;gap:12px}.journal-sections h3:before,.panel-body>h3:before{content:"";flex:0 0 auto;width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--accent-dim);background:var(--accent);opacity:.65}.journal-sections h3:after,.panel-body>h3:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--accent-dim),transparent)}.block-head h3:after,.block-head h3:before{display:none}.timeline{position:relative;list-style:none;margin:0;padding:2px 0}.timeline:before{content:"";position:absolute;left:14px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,var(--accent-dim),var(--card-border) 55%,transparent)}.timeline-node{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 0;position:relative}.timeline-medal{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--card-border);border-radius:50%;background:var(--surface-0);font:13px var(--font-brand);color:var(--text-faint)}.timeline-node.done .timeline-medal{border-color:var(--highlight-border);background:var(--surface-reached);color:var(--highlight-text)}.timeline-node.current .timeline-medal{width:32px;height:32px;margin-left:-1px;border-color:var(--card-selected-border);background:var(--card-selected-bg);color:var(--accent-strong);box-shadow:0 0 0 3px var(--accent-dim),0 6px 16px -10px var(--elevate)}.timeline-node.chapter{padding:13px 0}.timeline-node.chapter .timeline-medal{border-width:1.5px;border-color:var(--accent-dim);color:var(--accent)}.timeline-node.locked{opacity:.68}.timeline-name{margin:0;font-size:14px;color:var(--text-strong);line-height:1.4}.timeline-node.chapter .timeline-name{font-size:15.5px;letter-spacing:.2px}.timeline-node.current .timeline-name{color:var(--accent-strong)}.timeline-unlock{margin:3px 0 0;font-size:11.5px;line-height:1.6;color:var(--text-faint)}.timeline-xp{font-size:11.5px;color:var(--text-faint);white-space:nowrap}.timeline-node.current{background:linear-gradient(90deg,var(--card-selected-bg),transparent 82%);border-radius:10px;padding-left:8px;margin-left:-8px}.journey-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 9px}.stat-glyph{color:var(--accent);opacity:.72;margin-bottom:2px}.journey-stats strong{font:24px var(--font-brand);color:var(--accent-strong);margin-bottom:1px}.journey-stats span{letter-spacing:.5px;text-transform:uppercase;font-size:10.5px}.choice-card.env-card{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.choice-card.env-card .choice-preview{width:100%;height:38px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--edge-hi),inset 0 -8px 14px -8px var(--elevate)}.choice-card.env-card .choice-text{flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}.choice-card.env-card.selected .choice-preview{box-shadow:inset 0 0 0 1px var(--card-selected-border),0 4px 14px -8px var(--elevate)}.codex-card{border-left:3px solid transparent}.codex-card.found{border-left-color:var(--own)}.codex-date{font-size:9.5px;letter-spacing:.4px;color:var(--text-faint)}.codex-card.found .codex-name{color:var(--text-strong)}.atelier-strip{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 11px;margin-bottom:8px;background:linear-gradient(180deg,var(--surface-0) 68%,transparent)}.atelier-chip{display:flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;font-size:11px;border:1px solid var(--card-border);border-radius:16px;background:var(--surface-1);color:var(--text-dim);text-align:left}.atelier-chip:hover{background:var(--surface-2);color:var(--text-strong)}.atelier-chip.active{border-color:var(--card-selected-border);background:var(--card-selected-bg);color:var(--accent-strong)}.atelier-chip-swatch{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2e}.atelier-chip-swatch svg{color:#12262a;opacity:.7}.atelier-chip-text{display:flex;flex-direction:column;gap:1px;line-height:1.25}.atelier-chip-label{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-faint)}.atelier-chip.active .atelier-chip-label{color:var(--accent-strong)}.atelier-chip-choice{font-size:11.5px;color:var(--text-strong);max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.timeline-node{grid-template-columns:28px minmax(0,1fr);gap:9px}.timeline-xp{grid-column:2;font-size:11px}.atelier-strip{padding-bottom:9px}}.lab-pin{padding:5px 11px;border:1px solid var(--card-border);border-radius:16px;background:var(--control-bg);color:var(--text-dim);font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.lab-pin:hover{border-color:var(--control-hover-border);color:var(--accent)}.lab-pin.on{border-color:var(--card-selected-border);background:var(--card-selected-bg);color:var(--accent-strong)}.panel.lab-pinned{order:2;width:min(25rem,30vw);border-right:0;border-left:1px solid var(--panel-border);box-shadow:-24px 0 60px #00000059}.pond-app:has(.lab-pinned) .pond-stage{order:1}.pond-app:has(.lab-pinned) .progress-time{opacity:0}.lab-section{padding:0;border-bottom:1px solid var(--card-border);margin-bottom:14px}.lab-section-head{display:flex;align-items:baseline;gap:8px;width:100%;padding:9px 0;background:none;border:0;text-align:left;color:var(--accent-strong)}.lab-section-head span{flex:0 0 auto;font:700 13px var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-strong)}.lab-section-head small{flex:1;font-size:10.5px;letter-spacing:.3px;text-transform:none;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-section-head i{flex:0 0 auto;font-style:normal;color:var(--text-faint);font-size:14px;line-height:1}.lab-section-head:hover span,.lab-section-head:hover i{color:var(--text-strong)}@media(max-width:1100px){.panel.lab-pinned{width:min(21rem,42vw)}}@media(max-width:760px){.panel.lab-pinned{position:absolute;inset:0 0 0 auto;order:0;width:min(20rem,88vw);height:100%;z-index:20}}.world-status{position:absolute;z-index:4;right:26px;bottom:104px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(15rem,44vw);pointer-events:none}.world-chip{display:flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--control-border);border-radius:999px;background:var(--control-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--hud-shadow);color:var(--text-dim);font-size:11.5px;letter-spacing:.3px;white-space:nowrap;animation:world-in .45s ease both}.world-chip svg{color:var(--accent);flex:0 0 auto}.world-chip em{font-style:normal;font-size:10.5px;color:var(--text-faint)}.world-chip[data-kind=bonus]{border-color:var(--card-selected-border);color:var(--accent-strong)}.world-chip[data-kind=discoveries] svg,.world-chip[data-kind=encounters] svg{color:var(--meter-a)}.world-chip[data-kind=gift]{border-color:var(--highlight-border);color:var(--highlight-text)}@keyframes world-in{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:none}}.encounter{position:absolute;z-index:5;left:50%;bottom:152px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 15px;border:1px solid var(--overlay-border);border-radius:999px;background:var(--overlay-bg);box-shadow:var(--hud-shadow);pointer-events:none;animation:encounter-life 2.6s ease both}.encounter-mark{color:var(--accent);display:grid;place-items:center}.encounter-text{display:flex;flex-direction:column;gap:1px;line-height:1.25}.encounter-text strong{font-weight:400;font-size:12.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--accent-strong)}.encounter-text span{font-size:11.5px;color:var(--text-dim)}@keyframes encounter-life{0%{opacity:0;transform:translate(-50%,9px)}14%{opacity:1;transform:translate(-50%)}76%{opacity:1}to{opacity:0}}.immersive .world-status,.immersive .encounter{opacity:0;visibility:hidden}@media(max-width:900px){.world-status{right:16px;bottom:96px}.world-chip span{display:none}.encounter{bottom:142px;font-size:12px}}@media(max-width:600px){.world-status{bottom:88px;gap:5px}.world-chip{padding:5px 9px}}@media(prefers-reduced-motion:reduce){.world-chip,.encounter{animation:none}}