:root,[data-theme]{--color-primary:var(--md-sys-color-primary);--color-on-primary:var(--md-sys-color-on-primary);--color-primary-container:var(--md-sys-color-primary-container);--color-on-primary-container:var(--md-sys-color-on-primary-container);--color-secondary:var(--md-sys-color-secondary);--color-on-secondary:var(--md-sys-color-on-secondary);--color-secondary-container:var(--md-sys-color-secondary-container);--color-on-secondary-container:var(--md-sys-color-on-secondary-container);--color-tertiary:var(--md-sys-color-tertiary);--color-on-tertiary:var(--md-sys-color-on-tertiary);--color-tertiary-container:var(--md-sys-color-tertiary-container);--color-on-tertiary-container:var(--md-sys-color-on-tertiary-container);--color-error:var(--md-sys-color-error);--color-on-error:var(--md-sys-color-on-error);--color-error-container:var(--md-sys-color-error-container);--color-on-error-container:var(--md-sys-color-on-error-container);--color-background:var(--md-sys-color-background);--color-on-background:var(--md-sys-color-on-background);--color-surface:var(--md-sys-color-surface);--color-on-surface:var(--md-sys-color-on-surface);--color-surface-variant:var(--md-sys-color-surface-variant);--color-on-surface-variant:var(--md-sys-color-on-surface-variant);--color-surface-container-lowest:var(--md-sys-color-surface-container-lowest);--color-surface-container-low:var(--md-sys-color-surface-container-low);--color-surface-container:var(--md-sys-color-surface-container);--color-surface-container-high:var(--md-sys-color-surface-container-high);--color-surface-container-highest:var(--md-sys-color-surface-container-highest);--color-outline:var(--md-sys-color-outline);--color-outline-variant:var(--md-sys-color-outline-variant);--color-inverse-surface:var(--md-sys-color-inverse-surface);--color-inverse-on-surface:var(--md-sys-color-inverse-on-surface);--color-inverse-primary:var(--md-sys-color-inverse-primary);--color-scrim:var(--md-sys-color-scrim);--color-shadow:var(--md-sys-color-shadow)}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{scrollbar-gutter:stable}body{background-color:var(--color-background);min-width:320px;min-height:100vh;color:var(--color-on-background);margin:0}[data-theme=gold].dark{--md-sys-color-primary:#dbc66e;--md-sys-color-surface-tint:#dbc66e;--md-sys-color-on-primary:#3a3000;--md-sys-color-primary-container:#534600;--md-sys-color-on-primary-container:#f8e287;--md-sys-color-secondary:#d1c6a1;--md-sys-color-on-secondary:#363016;--md-sys-color-secondary-container:#4e472a;--md-sys-color-on-secondary-container:#eee2bc;--md-sys-color-tertiary:#a9d0b3;--md-sys-color-on-tertiary:#143723;--md-sys-color-tertiary-container:#2c4e38;--md-sys-color-on-tertiary-container:#c5ecce;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#15130b;--md-sys-color-on-background:#e8e2d4;--md-sys-color-surface:#15130b;--md-sys-color-on-surface:#e8e2d4;--md-sys-color-surface-variant:#4b4739;--md-sys-color-on-surface-variant:#cdc6b4;--md-sys-color-outline:#969080;--md-sys-color-outline-variant:#4b4739;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e8e2d4;--md-sys-color-inverse-on-surface:#333027;--md-sys-color-inverse-primary:#6d5e0f;--md-sys-color-primary-fixed:#f8e287;--md-sys-color-on-primary-fixed:#221b00;--md-sys-color-primary-fixed-dim:#dbc66e;--md-sys-color-on-primary-fixed-variant:#534600;--md-sys-color-secondary-fixed:#eee2bc;--md-sys-color-on-secondary-fixed:#211b04;--md-sys-color-secondary-fixed-dim:#d1c6a1;--md-sys-color-on-secondary-fixed-variant:#4e472a;--md-sys-color-tertiary-fixed:#c5ecce;--md-sys-color-on-tertiary-fixed:#00210f;--md-sys-color-tertiary-fixed-dim:#a9d0b3;--md-sys-color-on-tertiary-fixed-variant:#2c4e38;--md-sys-color-surface-dim:#15130b;--md-sys-color-surface-bright:#3c3930;--md-sys-color-surface-container-lowest:#100e07;--md-sys-color-surface-container-low:#1e1b13;--md-sys-color-surface-container:#222017;--md-sys-color-surface-container-high:#2d2a21;--md-sys-color-surface-container-highest:#38352b}[data-theme=gold].light{--md-sys-color-primary:#6d5e0f;--md-sys-color-surface-tint:#6d5e0f;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#f8e287;--md-sys-color-on-primary-container:#534600;--md-sys-color-secondary:#665e40;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#eee2bc;--md-sys-color-on-secondary-container:#4e472a;--md-sys-color-tertiary:#43664e;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#c5ecce;--md-sys-color-on-tertiary-container:#2c4e38;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#fff9ee;--md-sys-color-on-background:#1e1b13;--md-sys-color-surface:#fff9ee;--md-sys-color-on-surface:#1e1b13;--md-sys-color-surface-variant:#eae2d0;--md-sys-color-on-surface-variant:#4b4739;--md-sys-color-outline:#7c7767;--md-sys-color-outline-variant:#cdc6b4;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#333027;--md-sys-color-inverse-on-surface:#f7f0e2;--md-sys-color-inverse-primary:#dbc66e;--md-sys-color-primary-fixed:#f8e287;--md-sys-color-on-primary-fixed:#221b00;--md-sys-color-primary-fixed-dim:#dbc66e;--md-sys-color-on-primary-fixed-variant:#534600;--md-sys-color-secondary-fixed:#eee2bc;--md-sys-color-on-secondary-fixed:#211b04;--md-sys-color-secondary-fixed-dim:#d1c6a1;--md-sys-color-on-secondary-fixed-variant:#4e472a;--md-sys-color-tertiary-fixed:#c5ecce;--md-sys-color-on-tertiary-fixed:#00210f;--md-sys-color-tertiary-fixed-dim:#a9d0b3;--md-sys-color-on-tertiary-fixed-variant:#2c4e38;--md-sys-color-surface-dim:#e0d9cc;--md-sys-color-surface-bright:#fff9ee;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#faf3e5;--md-sys-color-surface-container:#f4eddf;--md-sys-color-surface-container-high:#eee8da;--md-sys-color-surface-container-highest:#e8e2d4}[data-theme=nature].dark{--md-sys-color-primary:#90d5ae;--md-sys-color-surface-tint:#90d5ae;--md-sys-color-on-primary:#003823;--md-sys-color-primary-container:#005234;--md-sys-color-on-primary-container:#abf2c9;--md-sys-color-secondary:#b4ccbc;--md-sys-color-on-secondary:#203529;--md-sys-color-secondary-container:#364b3f;--md-sys-color-on-secondary-container:#d0e8d7;--md-sys-color-tertiary:#a4cddd;--md-sys-color-on-tertiary:#053542;--md-sys-color-tertiary-container:#234c59;--md-sys-color-on-tertiary-container:#c0e9fa;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#0f1511;--md-sys-color-on-background:#dee4de;--md-sys-color-surface:#0f1511;--md-sys-color-on-surface:#dee4de;--md-sys-color-surface-variant:#404943;--md-sys-color-on-surface-variant:#c0c9c1;--md-sys-color-outline:#8a938c;--md-sys-color-outline-variant:#404943;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#dee4de;--md-sys-color-inverse-on-surface:#2c322e;--md-sys-color-inverse-primary:#256a4a;--md-sys-color-primary-fixed:#abf2c9;--md-sys-color-on-primary-fixed:#002112;--md-sys-color-primary-fixed-dim:#90d5ae;--md-sys-color-on-primary-fixed-variant:#005234;--md-sys-color-secondary-fixed:#d0e8d7;--md-sys-color-on-secondary-fixed:#0b1f15;--md-sys-color-secondary-fixed-dim:#b4ccbc;--md-sys-color-on-secondary-fixed-variant:#364b3f;--md-sys-color-tertiary-fixed:#c0e9fa;--md-sys-color-on-tertiary-fixed:#001f28;--md-sys-color-tertiary-fixed-dim:#a4cddd;--md-sys-color-on-tertiary-fixed-variant:#234c59;--md-sys-color-surface-dim:#0f1511;--md-sys-color-surface-bright:#353b36;--md-sys-color-surface-container-lowest:#0a0f0c;--md-sys-color-surface-container-low:#171d19;--md-sys-color-surface-container:#1b211d;--md-sys-color-surface-container-high:#262b27;--md-sys-color-surface-container-highest:#303632}[data-theme=nature].light{--md-sys-color-primary:#256a4a;--md-sys-color-surface-tint:#256a4a;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#abf2c9;--md-sys-color-on-primary-container:#005234;--md-sys-color-secondary:#4e6356;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d0e8d7;--md-sys-color-on-secondary-container:#364b3f;--md-sys-color-tertiary:#3c6472;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#c0e9fa;--md-sys-color-on-tertiary-container:#234c59;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#f5fbf4;--md-sys-color-on-background:#171d19;--md-sys-color-surface:#f5fbf4;--md-sys-color-on-surface:#171d19;--md-sys-color-surface-variant:#dce5dc;--md-sys-color-on-surface-variant:#404943;--md-sys-color-outline:#707972;--md-sys-color-outline-variant:#c0c9c1;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2c322e;--md-sys-color-inverse-on-surface:#edf2ec;--md-sys-color-inverse-primary:#90d5ae;--md-sys-color-primary-fixed:#abf2c9;--md-sys-color-on-primary-fixed:#002112;--md-sys-color-primary-fixed-dim:#90d5ae;--md-sys-color-on-primary-fixed-variant:#005234;--md-sys-color-secondary-fixed:#d0e8d7;--md-sys-color-on-secondary-fixed:#0b1f15;--md-sys-color-secondary-fixed-dim:#b4ccbc;--md-sys-color-on-secondary-fixed-variant:#364b3f;--md-sys-color-tertiary-fixed:#c0e9fa;--md-sys-color-on-tertiary-fixed:#001f28;--md-sys-color-tertiary-fixed-dim:#a4cddd;--md-sys-color-on-tertiary-fixed-variant:#234c59;--md-sys-color-surface-dim:#d6dbd5;--md-sys-color-surface-bright:#f5fbf4;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f0f5ef;--md-sys-color-surface-container:#eaefe9;--md-sys-color-surface-container-high:#e4eae3;--md-sys-color-surface-container-highest:#dee4de}[data-theme=sky].dark{--md-sys-color-primary:#9acbfa;--md-sys-color-surface-tint:#9acbfa;--md-sys-color-on-primary:#003352;--md-sys-color-primary-container:#0a4a72;--md-sys-color-on-primary-container:#cde5ff;--md-sys-color-secondary:#b9c8da;--md-sys-color-on-secondary:#233240;--md-sys-color-secondary-container:#394857;--md-sys-color-on-secondary-container:#d4e4f6;--md-sys-color-tertiary:#d2bfe7;--md-sys-color-on-tertiary:#382a4a;--md-sys-color-tertiary-container:#4f4061;--md-sys-color-on-tertiary-container:#eddcff;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#101418;--md-sys-color-on-background:#e0e2e8;--md-sys-color-surface:#101418;--md-sys-color-on-surface:#e0e2e8;--md-sys-color-surface-variant:#42474e;--md-sys-color-on-surface-variant:#c2c7cf;--md-sys-color-outline:#8c9198;--md-sys-color-outline-variant:#42474e;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e0e2e8;--md-sys-color-inverse-on-surface:#2d3135;--md-sys-color-inverse-primary:#2d628b;--md-sys-color-primary-fixed:#cde5ff;--md-sys-color-on-primary-fixed:#001d32;--md-sys-color-primary-fixed-dim:#9acbfa;--md-sys-color-on-primary-fixed-variant:#0a4a72;--md-sys-color-secondary-fixed:#d4e4f6;--md-sys-color-on-secondary-fixed:#0d1d2a;--md-sys-color-secondary-fixed-dim:#b9c8da;--md-sys-color-on-secondary-fixed-variant:#394857;--md-sys-color-tertiary-fixed:#eddcff;--md-sys-color-on-tertiary-fixed:#221533;--md-sys-color-tertiary-fixed-dim:#d2bfe7;--md-sys-color-on-tertiary-fixed-variant:#4f4061;--md-sys-color-surface-dim:#101418;--md-sys-color-surface-bright:#36393e;--md-sys-color-surface-container-lowest:#0b0f12;--md-sys-color-surface-container-low:#181c20;--md-sys-color-surface-container:#1c2024;--md-sys-color-surface-container-high:#272a2e;--md-sys-color-surface-container-highest:#313539}[data-theme=sky].light{--md-sys-color-primary:#2d628b;--md-sys-color-surface-tint:#2d628b;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#cde5ff;--md-sys-color-on-primary-container:#0a4a72;--md-sys-color-secondary:#51606f;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#d4e4f6;--md-sys-color-on-secondary-container:#394857;--md-sys-color-tertiary:#67587a;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#eddcff;--md-sys-color-on-tertiary-container:#4f4061;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#f7f9ff;--md-sys-color-on-background:#181c20;--md-sys-color-surface:#f7f9ff;--md-sys-color-on-surface:#181c20;--md-sys-color-surface-variant:#dee3eb;--md-sys-color-on-surface-variant:#42474e;--md-sys-color-outline:#72787e;--md-sys-color-outline-variant:#c2c7cf;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#2d3135;--md-sys-color-inverse-on-surface:#eef1f6;--md-sys-color-inverse-primary:#9acbfa;--md-sys-color-primary-fixed:#cde5ff;--md-sys-color-on-primary-fixed:#001d32;--md-sys-color-primary-fixed-dim:#9acbfa;--md-sys-color-on-primary-fixed-variant:#0a4a72;--md-sys-color-secondary-fixed:#d4e4f6;--md-sys-color-on-secondary-fixed:#0d1d2a;--md-sys-color-secondary-fixed-dim:#b9c8da;--md-sys-color-on-secondary-fixed-variant:#394857;--md-sys-color-tertiary-fixed:#eddcff;--md-sys-color-on-tertiary-fixed:#221533;--md-sys-color-tertiary-fixed-dim:#d2bfe7;--md-sys-color-on-tertiary-fixed-variant:#4f4061;--md-sys-color-surface-dim:#d7dadf;--md-sys-color-surface-bright:#f7f9ff;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f1f4f9;--md-sys-color-surface-container:#ebeef3;--md-sys-color-surface-container-high:#e6e8ee;--md-sys-color-surface-container-highest:#e0e2e8}[data-theme=scarlet].dark{--md-sys-color-primary:#ffb4ab;--md-sys-color-surface-tint:#ffb4ab;--md-sys-color-on-primary:#561e19;--md-sys-color-primary-container:#73332e;--md-sys-color-on-primary-container:#ffdad6;--md-sys-color-secondary:#e7bdb8;--md-sys-color-on-secondary:#442926;--md-sys-color-secondary-container:#5d3f3c;--md-sys-color-on-secondary-container:#ffdad6;--md-sys-color-tertiary:#e0c38c;--md-sys-color-on-tertiary:#3f2e04;--md-sys-color-tertiary-container:#584419;--md-sys-color-on-tertiary-container:#fddfa6;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#1a1110;--md-sys-color-on-background:#f1dedc;--md-sys-color-surface:#1a1110;--md-sys-color-on-surface:#f1dedc;--md-sys-color-surface-variant:#534341;--md-sys-color-on-surface-variant:#d8c2bf;--md-sys-color-outline:#a08c8a;--md-sys-color-outline-variant:#534341;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#f1dedc;--md-sys-color-inverse-on-surface:#392e2d;--md-sys-color-inverse-primary:#904a43;--md-sys-color-primary-fixed:#ffdad6;--md-sys-color-on-primary-fixed:#3b0907;--md-sys-color-primary-fixed-dim:#ffb4ab;--md-sys-color-on-primary-fixed-variant:#73332e;--md-sys-color-secondary-fixed:#ffdad6;--md-sys-color-on-secondary-fixed:#2c1513;--md-sys-color-secondary-fixed-dim:#e7bdb8;--md-sys-color-on-secondary-fixed-variant:#5d3f3c;--md-sys-color-tertiary-fixed:#fddfa6;--md-sys-color-on-tertiary-fixed:#261900;--md-sys-color-tertiary-fixed-dim:#e0c38c;--md-sys-color-on-tertiary-fixed-variant:#584419;--md-sys-color-surface-dim:#1a1110;--md-sys-color-surface-bright:#423735;--md-sys-color-surface-container-lowest:#140c0b;--md-sys-color-surface-container-low:#231918;--md-sys-color-surface-container:#271d1c;--md-sys-color-surface-container-high:#322826;--md-sys-color-surface-container-highest:#3d3231}[data-theme=scarlet].light{--md-sys-color-primary:#904a43;--md-sys-color-surface-tint:#904a43;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#ffdad6;--md-sys-color-on-primary-container:#73332e;--md-sys-color-secondary:#775653;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#ffdad6;--md-sys-color-on-secondary-container:#5d3f3c;--md-sys-color-tertiary:#715b2e;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#fddfa6;--md-sys-color-on-tertiary-container:#584419;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#fff8f7;--md-sys-color-on-background:#231918;--md-sys-color-surface:#fff8f7;--md-sys-color-on-surface:#231918;--md-sys-color-surface-variant:#f5ddda;--md-sys-color-on-surface-variant:#534341;--md-sys-color-outline:#857371;--md-sys-color-outline-variant:#d8c2bf;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#392e2d;--md-sys-color-inverse-on-surface:#ffedea;--md-sys-color-inverse-primary:#ffb4ab;--md-sys-color-primary-fixed:#ffdad6;--md-sys-color-on-primary-fixed:#3b0907;--md-sys-color-primary-fixed-dim:#ffb4ab;--md-sys-color-on-primary-fixed-variant:#73332e;--md-sys-color-secondary-fixed:#ffdad6;--md-sys-color-on-secondary-fixed:#2c1513;--md-sys-color-secondary-fixed-dim:#e7bdb8;--md-sys-color-on-secondary-fixed-variant:#5d3f3c;--md-sys-color-tertiary-fixed:#fddfa6;--md-sys-color-on-tertiary-fixed:#261900;--md-sys-color-tertiary-fixed-dim:#e0c38c;--md-sys-color-on-tertiary-fixed-variant:#584419;--md-sys-color-surface-dim:#e8d6d4;--md-sys-color-surface-bright:#fff8f7;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#fff0ee;--md-sys-color-surface-container:#fceae7;--md-sys-color-surface-container-high:#f6e4e2;--md-sys-color-surface-container-highest:#f1dedc}[data-theme=obsidian].dark{--md-sys-color-primary:#e1b8f5;--md-sys-color-surface-tint:#e1b8f5;--md-sys-color-on-primary:#422255;--md-sys-color-primary-container:#5a396d;--md-sys-color-on-primary-container:#f5d9ff;--md-sys-color-secondary:#d3c0d8;--md-sys-color-on-secondary:#382c3e;--md-sys-color-secondary-container:#4f4255;--md-sys-color-on-secondary-container:#f0dcf5;--md-sys-color-tertiary:#f4b7b8;--md-sys-color-on-tertiary:#4c2527;--md-sys-color-tertiary-container:#663b3c;--md-sys-color-on-tertiary-container:#ffdada;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-background:#161217;--md-sys-color-on-background:#e9e0e7;--md-sys-color-surface:#161217;--md-sys-color-on-surface:#e9e0e7;--md-sys-color-surface-variant:#4b444d;--md-sys-color-on-surface-variant:#cec3ce;--md-sys-color-outline:#978e98;--md-sys-color-outline-variant:#4b444d;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#e9e0e7;--md-sys-color-inverse-on-surface:#342f35;--md-sys-color-inverse-primary:#735187;--md-sys-color-primary-fixed:#f5d9ff;--md-sys-color-on-primary-fixed:#2c0b3f;--md-sys-color-primary-fixed-dim:#e1b8f5;--md-sys-color-on-primary-fixed-variant:#5a396d;--md-sys-color-secondary-fixed:#f0dcf5;--md-sys-color-on-secondary-fixed:#221728;--md-sys-color-secondary-fixed-dim:#d3c0d8;--md-sys-color-on-secondary-fixed-variant:#4f4255;--md-sys-color-tertiary-fixed:#ffdada;--md-sys-color-on-tertiary-fixed:#331113;--md-sys-color-tertiary-fixed-dim:#f4b7b8;--md-sys-color-on-tertiary-fixed-variant:#663b3c;--md-sys-color-surface-dim:#161217;--md-sys-color-surface-bright:#3c383d;--md-sys-color-surface-container-lowest:#110d12;--md-sys-color-surface-container-low:#1e1a20;--md-sys-color-surface-container:#221e24;--md-sys-color-surface-container-high:#2d282e;--md-sys-color-surface-container-highest:#383339}[data-theme=obsidian].light{--md-sys-color-primary:#735187;--md-sys-color-surface-tint:#735187;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#f5d9ff;--md-sys-color-on-primary-container:#5a396d;--md-sys-color-secondary:#68596e;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#f0dcf5;--md-sys-color-on-secondary-container:#4f4255;--md-sys-color-tertiary:#815153;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ffdada;--md-sys-color-on-tertiary-container:#663b3c;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#93000a;--md-sys-color-background:#fff7fc;--md-sys-color-on-background:#1e1a20;--md-sys-color-surface:#fff7fc;--md-sys-color-on-surface:#1e1a20;--md-sys-color-surface-variant:#eadfea;--md-sys-color-on-surface-variant:#4b444d;--md-sys-color-outline:#7d747e;--md-sys-color-outline-variant:#cec3ce;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-inverse-surface:#342f35;--md-sys-color-inverse-on-surface:#f7eef6;--md-sys-color-inverse-primary:#e1b8f5;--md-sys-color-primary-fixed:#f5d9ff;--md-sys-color-on-primary-fixed:#2c0b3f;--md-sys-color-primary-fixed-dim:#e1b8f5;--md-sys-color-on-primary-fixed-variant:#5a396d;--md-sys-color-secondary-fixed:#f0dcf5;--md-sys-color-on-secondary-fixed:#221728;--md-sys-color-secondary-fixed-dim:#d3c0d8;--md-sys-color-on-secondary-fixed-variant:#4f4255;--md-sys-color-tertiary-fixed:#ffdada;--md-sys-color-on-tertiary-fixed:#331113;--md-sys-color-tertiary-fixed-dim:#f4b7b8;--md-sys-color-on-tertiary-fixed-variant:#663b3c;--md-sys-color-surface-dim:#e0d7df;--md-sys-color-surface-bright:#fff7fc;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#faf1f9;--md-sys-color-surface-container:#f4ebf3;--md-sys-color-surface-container-high:#efe5ed;--md-sys-color-surface-container-highest:#e9e0e7}@font-face{font-family:OpenDyslexic;src:url(../fonts/OpenDyslexic-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(../fonts/OpenDyslexic-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(../fonts/OpenDyslexic-Italic.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(../fonts/OpenDyslexic-BoldItalic.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}[data-font=default]{--font-gameplay:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}[data-font=dyslexic]{--font-gameplay:"OpenDyslexic","Inter",sans-serif}.gameplay__content,.gameplay__choices,.gameplay__input-field,.gameplay__input-label{font-family:var(--font-gameplay)}[data-font-size=small]{--font-size-base:1rem;--font-size-large:1.125rem}[data-font-size=medium]{--font-size-base:1.125rem;--font-size-large:1.25rem}[data-font-size=large]{--font-size-base:1.25rem;--font-size-large:1.375rem}[data-font-size=xl]{--font-size-base:1.5rem;--font-size-large:1.625rem}[data-line-height=compact]{--line-height-text:1.5}[data-line-height=normal]{--line-height-text:1.75}[data-line-height=relaxed]{--line-height-text:2}[data-reduce-motion=true] *,[data-reduce-motion=true] :before,[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.container{box-sizing:border-box;width:100%;margin:0 auto;padding:2rem 1.5rem}@media (min-width:768px){.container{max-width:720px;padding:0}}@media (min-width:1024px){.container{max-width:960px}}@media (min-width:1440px){.container{max-width:1320px}}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gap-3{gap:.75rem}.navbar{z-index:50;border-bottom:1px solid var(--color-outline-variant);background-color:rgba(var(--color-background),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0}.navbar__container{justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:2rem 1.5rem;display:flex}@media (min-width:768px){.navbar__container{max-width:720px;padding:1rem 0}}@media (min-width:1024px){.navbar__container{max-width:960px;padding:1rem 0}}@media (min-width:1440px){.navbar__container{max-width:1320px;padding:1rem 0}}.navbar__brand{align-items:center;gap:.5rem;display:flex}.navbar__logo{color:var(--color-primary)}.navbar__title{letter-spacing:-.025em;color:var(--color-on-background);font-size:1.25rem;font-weight:700}.navbar__actions{align-items:center;gap:1rem;display:flex}.navbar__btn{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,color .2s;display:flex}.navbar__btn:hover{background-color:var(--color-surface-container-highest);color:var(--color-on-surface)}.gameplay-sidebar__backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.6);position:fixed;top:0;bottom:0;left:0;right:0}.gameplay-sidebar__panel{z-index:200;background-color:var(--color-surface-container);border-left:1px solid var(--color-outline-variant);width:100%;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (min-width:768px){.gameplay-sidebar__panel{max-width:24rem}}.gameplay-sidebar__header{border-bottom:1px solid rgba(var(--color-outline-variant),.5);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.gameplay-sidebar__header h2{color:var(--color-on-surface);margin:0;font-size:1.25rem;font-weight:700}.gameplay-sidebar__close-btn{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,color .2s;display:flex}.gameplay-sidebar__close-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.gameplay-sidebar__content{flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.gameplay-sidebar__section-title{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:500}.gameplay-sidebar__mode-group{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:.5rem;padding:.25rem;display:flex}.gameplay-sidebar__mode-btn{cursor:pointer;background:0 0;border:none;border-radius:.375rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.gameplay-sidebar__mode-btn--active{background-color:var(--color-surface-container-high);color:var(--color-on-surface);box-shadow:0 1px 2px rgba(0,0,0,.05)}.gameplay-sidebar__mode-btn--inactive{color:var(--color-on-surface-variant)}.gameplay-sidebar__mode-btn--inactive:hover{color:var(--color-on-surface)}.gameplay-sidebar__theme-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.gameplay-sidebar__toggle-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;transition:color .2s;display:flex}.gameplay-sidebar__toggle-btn:hover{color:rgba(var(--color-primary),.8)}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.theme-grid--expanded{padding-top:.75rem}.theme-card{cursor:pointer;border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-low);border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.75rem;transition:background-color .2s,border-color .2s;display:flex;position:relative}.theme-card:hover{border-color:var(--color-outline)}.theme-card--active{border-color:var(--color-primary);background-color:var(--color-primary-container)}.theme-card--active .theme-card__name{color:var(--color-on-primary-container)}.theme-card__swatch{border:1px solid rgba(255,255,255,.1);border-radius:9999px;width:2rem;height:2rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.theme-card__name{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;color:var(--color-on-surface-variant);font-size:.75rem;font-weight:500;overflow:hidden}.settings-modal__backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.6);position:fixed;top:0;bottom:0;left:0;right:0}.settings-modal__wrapper{z-index:200;z-index:201;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings-modal__container{pointer-events:auto;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:1rem;flex-direction:column;width:100%;max-width:28rem;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.settings-modal__header{border-bottom:1px solid rgba(var(--color-outline-variant),.5);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.settings-modal__header h2{color:var(--color-on-surface);margin:0;font-size:1.25rem;font-weight:700}.settings-modal__close-btn{color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s,color .2s;display:flex}.settings-modal__close-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.settings-modal__content{flex-direction:column;gap:2rem;padding:1.5rem;display:flex;overflow-y:auto}.settings-modal__section-title{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:500}.settings-modal__mode-group{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:.5rem;padding:.25rem;display:flex}.settings-modal__mode-btn{cursor:pointer;color:var(--color-on-surface-variant);background:0 0;border:none;border-radius:.375rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.settings-modal__mode-btn--active{background-color:var(--color-surface-container-high);color:var(--color-on-surface);box-shadow:0 1px 2px rgba(0,0,0,.05)}.settings-modal__mode-btn--inactive{color:var(--color-on-surface-variant)}.settings-modal__mode-btn--inactive:hover{color:var(--color-on-surface)}.settings-modal__theme-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-modal__toggle-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;transition:color .2s;display:flex}.settings-modal__toggle-btn:hover{color:rgba(var(--color-primary),.8)}.settings-modal__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.settings-modal__grid--expanded{padding-top:.75rem}.settings-modal__theme-card{cursor:pointer;border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-low);border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.75rem;transition:background-color .2s,border-color .2s;display:flex;position:relative}.settings-modal__theme-card:hover{border-color:var(--color-outline)}.settings-modal__theme-card--active{border-color:var(--color-primary);background-color:var(--color-primary-container)}.settings-modal__theme-card--active .settings-modal__theme-name{color:var(--color-on-primary-container)}.settings-modal__swatch{border:1px solid rgba(255,255,255,.1);border-radius:9999px;width:2rem;height:2rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.settings-modal__theme-name{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;color:var(--color-on-surface-variant);font-size:.75rem;font-weight:500;overflow:hidden}.story-card{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);cursor:pointer;aspect-ratio:1;border-radius:.75rem;transition:border-color .2s;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.story-card:hover{border-color:var(--color-outline)}.story-card:hover .story-card__image{transform:scale(1.1)}.story-card--featured{aspect-ratio:1;grid-column:1/-1}@media (min-width:768px){.story-card--featured{grid-column:span 2}}@media (min-width:1024px){.story-card--featured{grid-column:span 2}}.story-card--featured .story-card__title{font-size:1.875rem}.story-card__bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.story-card__image{object-fit:cover;opacity:.6;width:100%;height:100%;transition:transform .7s}.story-card__gradient{background:linear-gradient(transparent,rgba(0,0,0,.4),rgba(0,0,0,.9));position:absolute;top:0;bottom:0;left:0;right:0}.story-card__content{z-index:10;flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.story-card__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:auto;display:flex}.story-card__tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.story-card__tag--new{color:#fff;letter-spacing:.05em;background:linear-gradient(135deg,#10b981 0%,#059669 100%);font-weight:700;box-shadow:0 0 10px rgba(16,185,129,.3)}.story-card__tag--locked{color:#a1a1aa;background-color:rgba(0,0,0,.6);align-items:center;gap:.25rem;display:flex}.story-card__tag--category{background-color:rgba(var(--color-tertiary-container),.8);color:var(--color-on-tertiary-container);border:1px solid rgba(var(--color-tertiary),.2)}.story-card__info{flex-direction:column;gap:.5rem;display:flex}.story-card__title{color:#fff;font-size:1.25rem;font-weight:700}.story-card__description{color:#d4d4d8;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.story-card__footer{justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.story-card__meta{color:#a1a1aa;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.65rem;display:flex}.story-card__meta div{align-items:center;gap:.25rem;display:flex}.story-card__meta div svg{width:10px;height:10px}.story-card__stat{align-items:center;gap:4px;display:flex}.story-card__stat svg{width:10px;height:10px}.story-card__difficulty{letter-spacing:.1em;font-size:.65rem}.story-card__progress-track{background-color:var(--color-surface-container-highest);border-radius:9999px;width:4rem;height:.25rem;overflow:hidden}.story-card__progress-bar{background-color:var(--color-primary);height:100%}.story-card__action-btn{background-color:var(--color-primary-container);color:var(--color-on-primary-container);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1.25rem;transition:transform .2s,background-color .2s,color .2s;display:flex}.story-card__action-btn:hover{background-color:var(--color-primary);color:var(--color-on-primary);transform:scale(1.05)}.story-card__action-btn:active{transform:scale(.95)}@media (min-width:768px){.story-card--featured{aspect-ratio:2}}.gameplay{background-color:var(--color-background);min-height:100vh;color:var(--color-on-background);font-family:Georgia,serif;position:relative}.gameplay__bg{z-index:0;position:fixed;top:0;bottom:0;left:0;right:0}.gameplay__bg-image{opacity:.2;-webkit-filter:blur(24px);filter:blur(24px);background-position:50%;background-size:cover;transition:opacity 1s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.1)}.gameplay__bg-gradient{background:linear-gradient(to bottom,rgba(var(--color-background),.8),rgba(var(--color-background),.9),var(--color-background));position:absolute;top:0;bottom:0;left:0;right:0}.gameplay__nav{z-index:50;background:linear-gradient(to bottom,rgba(var(--color-background),.8),transparent);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.gameplay__nav-link{color:var(--color-on-surface-variant);align-items:center;gap:.5rem;text-decoration:none;transition:color .2s;display:flex}.gameplay__nav-icon{transition:transform .2s}.gameplay__nav-link:hover{color:var(--color-on-surface)}.gameplay__nav-link:hover .gameplay__nav-icon{transform:translate(-4px)}.gameplay__nav-text{letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:500}.gameplay__menu-btn{cursor:pointer;color:var(--color-on-surface-variant);transition:color .2s}.gameplay__menu-btn:hover{color:var(--color-on-surface)}.gameplay__container{z-index:10;width:100%;margin:0 auto;padding:8rem 1rem 6rem;position:relative}@media (min-width:768px){.gameplay__container{max-width:720px;padding:8rem 1.5rem 6rem}}@media (min-width:1024px){.gameplay__container{max-width:960px}}@media (min-width:1440px){.gameplay__container{max-width:1320px}}.gameplay__container{flex-direction:column;min-height:100vh;display:flex}.gameplay__intro{text-align:center;width:100%;max-width:48rem;margin-bottom:4rem;margin-left:auto;margin-right:auto}.gameplay__chapter-label{letter-spacing:.2em;color:var(--color-primary);text-transform:uppercase;opacity:.8;margin-bottom:1rem;font-family:sans-serif;font-size:.75rem;font-weight:700;display:block}.gameplay__title{letter-spacing:-.025em;color:var(--color-on-background);margin:0 0 1.5rem;font-size:2.25rem;font-weight:700}@media (min-width:768px){.gameplay__title{font-size:3rem}}.gameplay__divider{background:linear-gradient(to right,transparent,var(--color-outline),transparent);width:6rem;height:1px;margin:0 auto}.gameplay__content{font-size:var(--font-size-base,1.125rem);line-height:var(--line-height-text,1.75);color:var(--color-on-surface-variant);width:100%;max-width:45rem;margin:0 auto}@media (min-width:768px){.gameplay__content{font-size:var(--font-size-large,1.25rem);line-height:var(--line-height-text,1.8)}}.gameplay__content h1,.gameplay__content h2,.gameplay__content h3,.gameplay__content h4,.gameplay__content strong{color:var(--color-on-surface)}.gameplay__content p{margin-bottom:1.5em}.gameplay__content .has-dropcap:first-letter{float:left;color:var(--color-primary);text-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:.05rem;margin-bottom:-.15rem;margin-right:.2rem;padding-right:.05rem;font-family:Georgia,serif;font-size:5rem;font-weight:700;line-height:.9}.gameplay__content .has-dropcap+*{clear:both}.gameplay__choices{flex-direction:column;gap:1rem;width:100%;max-width:45rem;margin-top:auto;margin-left:auto;margin-right:auto;padding-top:4rem;display:flex}.gameplay__input-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.gameplay__input-label{color:var(--color-on-surface-variant);font-family:sans-serif;font-size:.875rem}.gameplay__input-field{background-color:rgba(var(--color-surface-variant),.2);border:1px solid rgba(var(--color-outline),.3);width:100%;color:var(--color-on-surface);border-radius:.375rem;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}.gameplay__input-field:focus{border-color:var(--color-primary);background-color:rgba(var(--color-surface-variant),.3);outline:none}.gameplay__input-field::-webkit-input-placeholder{color:var(--color-on-surface-variant);opacity:.5}.gameplay__input-field::-moz-placeholder{color:var(--color-on-surface-variant);opacity:.5}.gameplay__input-field::-ms-input-placeholder{color:var(--color-on-surface-variant);opacity:.5}.gameplay__input-field::placeholder{color:var(--color-on-surface-variant);opacity:.5}.gameplay__choice-btn{background-color:rgba(var(--color-surface-container-low),.5);border:1px solid var(--color-outline-variant);text-align:left;cursor:pointer;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem;transition:all .2s;display:flex}.gameplay__choice-btn:hover{background-color:var(--color-surface-container);border-color:rgba(var(--color-primary),.5)}.gameplay__choice-btn:hover .gameplay__choice-label{color:var(--color-primary)}.gameplay__choice-btn[disabled]{opacity:.5;cursor:not-allowed}.gameplay__choice-btn[disabled]:hover{background-color:rgba(var(--color-surface-container-low),.5);border-color:var(--color-outline-variant)}.gameplay__choice-btn[disabled]:hover .gameplay__choice-label{color:var(--color-on-surface-variant)}.gameplay__choice-label{color:var(--color-on-surface-variant);align-items:center;gap:.5rem;width:100%;font-family:sans-serif;font-size:.875rem;transition:color .2s;display:flex}.gameplay__choice-text{color:var(--color-on-surface);padding-left:0;font-size:1.125rem}.gameplay-bar{pointer-events:none;z-index:50;justify-content:center;display:flex;position:fixed;bottom:1.5rem;left:0;right:0}.gameplay-bar__container{pointer-events:auto;background-color:rgba(var(--color-surface-container-low),.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--color-outline-variant),.5);border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.gameplay-bar__btn{width:4rem;height:3.5rem;color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:all .2s;display:flex}.gameplay-bar__btn:hover{background-color:var(--color-surface-container-highest);color:var(--color-on-surface);transform:translateY(-2px)}.gameplay-bar__btn--disabled{opacity:.5;cursor:not-allowed}.gameplay-bar__btn--disabled:hover{color:var(--color-on-surface-variant);background-color:transparent;transform:none}.gameplay-bar__label{text-transform:uppercase;letter-spacing:.05em;font-family:sans-serif;font-size:.625rem;font-weight:600}.characters-page{background-color:var(--color-background);min-height:100vh;padding-bottom:2rem}.characters-page__header{margin-bottom:1rem}@media (min-width:768px){.characters-page__header{padding:1.5rem 0 2rem}}.characters-page__title{letter-spacing:-.025em;color:var(--color-on-surface);margin:0 0 .5rem;font-size:2.25rem;font-weight:800}@media (min-width:768px){.characters-page__title{font-size:3rem}}.characters-page__subtitle{color:var(--color-on-surface-variant);margin:0;font-size:1.125rem}.characters-page__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.characters-page__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.characters-page__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.character-card{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);cursor:pointer;border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.character-card:hover{background-color:var(--color-surface-container);border-color:var(--color-outline);transform:translateY(-2px)}.character-card__header{justify-content:space-between;align-items:flex-start;display:flex}.character-card__icon{background-color:var(--color-surface-container-high);width:3rem;height:3rem;color:var(--color-primary);border-radius:9999px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.character-card__story-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-tertiary);background-color:var(--color-tertiary-container);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.character-card__content{flex-direction:column;gap:.5rem;display:flex}.character-card__name{color:var(--color-on-surface);margin:0;font-size:1.25rem;font-weight:700}.character-card__tagline{color:var(--color-on-surface-variant);margin:0;font-size:.875rem;line-height:1.5}.character-detail{background-color:var(--color-background);min-height:100vh;padding-bottom:2rem}.character-detail__nav{align-items:center;margin-bottom:1rem;padding:1.5rem 0;display:flex}.character-detail__back-btn{color:var(--color-on-surface-variant);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.character-detail__back-btn:hover{color:var(--color-on-surface)}.character-detail__hero{border-bottom:1px solid var(--color-outline-variant);flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}@media (min-width:768px){.character-detail__hero{flex-direction:row;justify-content:space-between;align-items:center}}.character-detail__info{flex-direction:column;gap:.5rem;display:flex}.character-detail__name{color:var(--color-on-surface);letter-spacing:-.025em;margin:0;font-size:2.5rem;font-weight:800}.character-detail__meta{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;gap:1rem;font-family:sans-serif;font-size:.875rem;font-weight:600;display:flex}.character-detail__tagline{color:var(--color-primary);margin:0;font-family:Georgia,serif;font-size:1.25rem;font-style:italic}.character-detail__section{margin-bottom:2rem}.character-detail__section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface-variant);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:flex}.character-detail__section-title:after{content:"";background-color:var(--color-outline-variant);flex:1;height:1px}.character-detail__traits{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.character-detail__trait-card{background-color:var(--color-surface-container-low);border-left:3px solid var(--color-primary);border-radius:.5rem;padding:1rem}.character-detail__trait-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);margin-bottom:.25rem;font-size:.75rem;display:block}.character-detail__trait-value{color:var(--color-on-surface);font-size:1.125rem;font-weight:600}.character-detail__attributes{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:768px){.character-detail__attributes{grid-template-columns:repeat(4,1fr)}}.character-detail__attribute-item{background-color:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.character-detail__attribute-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);font-size:.75rem}.character-detail__attribute-value{color:var(--color-on-surface);font-size:1rem;font-weight:600}.character-detail__skills{flex-wrap:wrap;gap:.5rem;display:flex}.character-detail__skill-tag{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container);border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.character-detail__memories{flex-direction:column;gap:1rem;display:flex}.character-detail__memory-card{border-bottom:1px solid var(--color-outline-variant);background-color:transparent;gap:1rem;padding:1rem;display:flex}.character-detail__memory-card:last-child{border-bottom:none}.character-detail__memory-marker{color:var(--color-primary);font-size:1.25rem;line-height:1}.character-detail__memory-content{flex:1}.character-detail__memory-text{color:var(--color-on-surface);margin-bottom:.25rem;font-family:Georgia,serif;font-size:1.125rem;line-height:1.6}.character-detail__memory-meta{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.home{padding-bottom:2rem}.home__hero{padding:2rem 1.5rem;position:relative}@media (min-width:768px){.home__hero{padding:1.5rem 0 2rem}}.home__header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (min-width:768px){.home__header{flex-direction:row;align-items:flex-end}}.home__title-group{flex-direction:column;gap:.5rem;display:flex}.home__title{letter-spacing:-.025em;color:var(--color-on-surface);align-items:center;gap:.75rem;margin:0;font-size:2.25rem;font-weight:800;display:flex}@media (min-width:768px){.home__title{font-size:3rem}}.home__icon{color:var(--color-primary)}.home__subtitle{color:var(--color-on-surface-variant);margin:0;font-size:1.125rem}.home__settings-btn{background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);color:var(--color-on-surface-variant);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.home__settings-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface);border-color:var(--color-outline)}.home__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.home__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.home__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.login-page{background-color:var(--color-background);background-image:radial-gradient(circle at 50% 50%,rgba(var(--color-primary-rgb),.08)0%,transparent 60%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-page .login-container{background:rgba(var(--color-surface-rgb),.7);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--color-outline-rgb),.2);border-radius:24px;flex-direction:column;gap:2rem;width:100%;max-width:420px;padding:3rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;box-shadow:0 12px 48px rgba(0,0,0,.3)}.login-page .login-header{text-align:center}.login-page .login-header h1{font-family:var(--font-display);color:var(--color-primary);letter-spacing:-.03em;text-shadow:0 0 20px rgba(var(--color-primary-rgb),.3);margin-bottom:.75rem;font-size:2.25rem;font-weight:700}.login-page .login-header p{font-family:var(--font-body);color:var(--color-on-surface-variant);font-size:1rem;line-height:1.5}.login-page .login-notice{background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.15);color:var(--color-on-surface);text-align:center;border-radius:12px;margin-top:1.5rem;padding:1rem;font-size:.825rem;line-height:1.6}.login-page .login-notice p:first-child{color:var(--color-primary);margin-bottom:.25rem;font-weight:600}.login-page .login-form{flex-direction:column;gap:1.5rem;display:flex}.login-page .login-form .form-group{flex-direction:column;gap:.625rem;display:flex}.login-page .login-form .form-group label{font-family:var(--font-body);color:var(--color-on-surface);margin-left:.25rem;font-size:.875rem;font-weight:500}.login-page .login-form .form-group input{background:rgba(var(--color-surface-container-highest-rgb),.3);border:1px solid var(--color-outline-variant);color:var(--color-on-surface);font-family:var(--font-body);border-radius:12px;padding:.875rem 1.25rem;font-size:1rem;transition:all .2s}.login-page .login-form .form-group input:focus{border-color:var(--color-primary);background:rgba(var(--color-surface-container-highest-rgb),.5);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15);outline:none}.login-page .login-form .form-group input::-webkit-input-placeholder{color:var(--color-on-surface-variant);opacity:.6}.login-page .login-form .form-group input::-moz-placeholder{color:var(--color-on-surface-variant);opacity:.6}.login-page .login-form .form-group input::-ms-input-placeholder{color:var(--color-on-surface-variant);opacity:.6}.login-page .login-form .form-group input::placeholder{color:var(--color-on-surface-variant);opacity:.6}.login-page .login-form .login-button{background-color:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-body);cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.login-page .login-form .login-button:hover:not(:disabled){-webkit-filter:brightness(1.1);filter:brightness(1.1);box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.login-page .login-form .login-button:active:not(:disabled){transform:translateY(0)}.login-page .login-form .login-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-page .login-form .back-button{color:var(--color-primary);border:1px solid var(--color-outline);background-color:transparent;margin-top:1rem}.login-page .login-form .back-button:hover:not(:disabled){background-color:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary);box-shadow:none}.login-page .error-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.login-page .error-popup-overlay .error-popup-content{background-color:var(--color-surface);border:1px solid var(--color-error);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:1.25rem;width:420px;max-width:90%;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:0 20px 48px rgba(0,0,0,.4)}.login-page .error-popup-overlay .error-popup-content h2{color:var(--color-error);font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600}.login-page .error-popup-overlay .error-popup-content p{color:var(--color-on-surface);font-family:var(--font-body);font-size:1rem;line-height:1.6}.login-page .error-popup-overlay .error-popup-content button{background-color:rgba(var(--color-error-rgb),.1);color:var(--color-error);border:1px solid rgba(var(--color-error-rgb),.3);cursor:pointer;font-family:var(--font-body);border-radius:10px;margin-top:.5rem;padding:.75rem 2.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.login-page .error-popup-overlay .error-popup-content button:hover{background-color:var(--color-error);color:var(--color-on-error);box-shadow:0 4px 12px rgba(var(--color-error-rgb),.2);transform:translateY(-1px)}.login-page .login-footer{text-align:center;pointer-events:none;width:100%;padding:0 1.5rem;position:fixed;bottom:1.5rem;left:0}.login-page .login-footer p{font-family:var(--font-body);color:var(--color-on-background);opacity:.4;text-shadow:0 1px 2px rgba(0,0,0,.5);max-width:500px;margin:0 auto;font-size:.7rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}