@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root,:root[data-theme=cobalt]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f7fc;--panel:#fff;--ink:#172b4d;--muted:#54657e;--accent:#1555d5;--accent-hover:#1046b3;--on-accent:#fff;--surface:#eaf0fc;--line:#d5deec;--input-line:#8192ab;--selection:#cfe0ff;--error:#b42336;--error-hover:#8f1c2b;--error-surface:#fff0f2;--error-active:#ffdae0;--on-error:#fff;--success:#176644;--success-surface:#eaf4f0;--violet:#655087;--violet-surface:#f2eef8;--backdrop:#122b4e66;--button-shadow:#1555d510;--dialog-shadow:#0c224730;--menu-shadow:#172b4d20;--die-shadow:#1555d51a}:root[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#141923;--panel:#1e2633;--ink:#e5eaf3;--muted:#aab8cd;--accent:#99b8ff;--accent-hover:#b5cbff;--on-accent:#14213c;--surface:#27354d;--line:#3d4c63;--input-line:#75869f;--selection:#374f78;--error:#ff9eaa;--error-hover:#ffbdc5;--error-surface:#402732;--error-active:#54303c;--on-error:#37151c;--success:#94d7b5;--success-surface:#203c32;--violet:#c6b2ed;--violet-surface:#342d49;--backdrop:#070d18a6;--button-shadow:#00000020;--dialog-shadow:#0006;--menu-shadow:#00000040;--die-shadow:#0003}:root[data-theme=parchment]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4efe3;--panel:#fffcf5;--ink:#342e25;--muted:#6b5e4c;--accent:#805027;--accent-hover:#633b1a;--on-accent:#fffcf5;--surface:#eee2cc;--line:#d9cbb3;--input-line:#9e896c;--selection:#dfc7a2;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#342e2566;--button-shadow:#80502710;--dialog-shadow:#342e2530;--menu-shadow:#342e2520;--die-shadow:#8050271a}:root[data-theme=forest]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#121d1a;--panel:#1c2b25;--ink:#e4ede7;--muted:#a8bdb0;--accent:#91c7ac;--accent-hover:#b0ddc4;--on-accent:#13291f;--surface:#2a4035;--line:#3d5548;--input-line:#718f7e;--selection:#385b48;--error:#f4a7a3;--error-hover:#ffc3bf;--error-surface:#402a2a;--error-active:#573434;--on-error:#351919;--success:#a7dcb8;--success-surface:#273f2e;--violet:#cebae1;--violet-surface:#383145;--backdrop:#060f0ba6;--button-shadow:#00000020;--dialog-shadow:#0006;--menu-shadow:#00000040;--die-shadow:#0003}:root[data-theme=blossom]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fff2f6;--panel:#fffafb;--ink:#3d2433;--muted:#765465;--accent:#a52d62;--accent-hover:#84214d;--on-accent:#fff;--surface:#f9e0eb;--line:#e7c6d5;--input-line:#a4778c;--selection:#efbed3;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#3d243366;--button-shadow:#a52d6210;--dialog-shadow:#3d243330;--menu-shadow:#3d243320;--die-shadow:#a52d621a}:root[data-theme=cyberpunk-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f7f7;--panel:#fff;--ink:#242424;--muted:#626262;--accent:#cc202b;--accent-hover:#ad1822;--on-accent:#fff;--surface:#f5e8e8;--line:#dccbcb;--input-line:#997c7c;--selection:#efbfc2;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#24242466;--button-shadow:#cc202b10;--dialog-shadow:#24242430;--menu-shadow:#24242420;--die-shadow:#cc202b1a}:root[data-theme=cyberpunk-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#171410;--panel:#24201b;--ink:#eee7d7;--muted:#c4b79b;--accent:#e18067;--accent-hover:#f09b80;--on-accent:#24150f;--surface:#352a22;--line:#5d4f3d;--input-line:#a39171;--selection:#694332;--error:#ffb0a6;--error-hover:#ffcbc4;--error-surface:#422729;--error-active:#563135;--on-error:#341516;--success:#a7dcb8;--success-surface:#273f2e;--violet:#cebae1;--violet-surface:#383145;--backdrop:#0e0905b3;--button-shadow:#00000020;--dialog-shadow:#0006;--menu-shadow:#00000040;--die-shadow:#0003}:root[data-theme=vampire]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#19131e;--panel:#251c2d;--ink:#f0e6f5;--muted:#c3aecf;--accent:#c69be0;--accent-hover:#dbb8ef;--on-accent:#291336;--surface:#382740;--line:#57415f;--input-line:#9b7ba8;--selection:#614073;--error:#ffb0a6;--error-hover:#ffcbc4;--error-surface:#422729;--error-active:#563135;--on-error:#341516;--success:#a7dcb8;--success-surface:#273f2e;--violet:#cebae1;--violet-surface:#383145;--backdrop:#070d18a6;--button-shadow:#00000020;--dialog-shadow:#0006;--menu-shadow:#00000040;--die-shadow:#0003}:root[data-theme=chthonic-horror]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#edf0e7;--panel:#fafbf5;--ink:#202d25;--muted:#526450;--accent:#365d3c;--accent-hover:#28482d;--on-accent:#fff;--surface:#e0e7d7;--line:#c4cfba;--input-line:#7c8d70;--selection:#c6d8b5;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#202d2566;--button-shadow:#365d3c10;--dialog-shadow:#202d2530;--menu-shadow:#202d2520;--die-shadow:#365d3c1a}:root[data-theme=the-loop]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#faf8f3;--panel:#fff;--ink:#29251f;--muted:#6d5e49;--accent:#a94708;--accent-hover:#873503;--on-accent:#fff;--surface:#fff0cd;--line:#e4d5b8;--input-line:#a18454;--selection:#ffdc89;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#29251f66;--button-shadow:#a9470810;--dialog-shadow:#29251f30;--menu-shadow:#29251f20;--die-shadow:#a947081a}:root[data-theme=the-flood]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f6f8;--panel:#fff;--ink:#282630;--muted:#625e70;--accent:#803450;--accent-hover:#64253e;--on-accent:#fff;--surface:#eee7ee;--line:#d7ccd8;--input-line:#928396;--selection:#dfc4d6;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#28263066;--button-shadow:#80345010;--dialog-shadow:#28263030;--menu-shadow:#28263020;--die-shadow:#8034501a}:root[data-theme=nuclear]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f8f3;--panel:#fff;--ink:#182d4b;--muted:#52647a;--accent:#20549a;--accent-hover:#173f78;--on-accent:#fff;--surface:#fff1b8;--line:#d9d5b6;--input-line:#7d8b99;--selection:#f5d566;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#182d4b66;--button-shadow:#20549a10;--dialog-shadow:#182d4b30;--menu-shadow:#182d4b20;--die-shadow:#20549a1a}:root[data-theme=cosmic-horror]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#101713;--panel:#1b2520;--ink:#e3eee5;--muted:#adbdaf;--accent:#b0d478;--accent-hover:#c8e99a;--on-accent:#192611;--surface:#2b3828;--line:#43563f;--input-line:#7c9373;--selection:#425c30;--error:#ffb0a6;--error-hover:#ffcbc4;--error-surface:#422729;--error-active:#563135;--on-error:#341516;--success:#a7dcb8;--success-surface:#273f2e;--violet:#cebae1;--violet-surface:#383145;--backdrop:#070d18a6;--button-shadow:#00000020;--dialog-shadow:#0006;--menu-shadow:#00000040;--die-shadow:#0003}:root[data-theme=field-manual]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#e9ede6;--panel:#f5f6ef;--ink:#2b302a;--muted:#5c655a;--accent:#4d5d43;--accent-hover:#384731;--on-accent:#fff;--surface:#dde2d4;--line:#c4ccbc;--input-line:#839079;--selection:#c6d0b6;--error:#a12b36;--error-hover:#82212a;--error-surface:#fbe9e7;--error-active:#f4d4d1;--on-error:#fff;--success:#316342;--success-surface:#e8eddb;--violet:#71507b;--violet-surface:#f0e7ed;--backdrop:#2b302a66;--button-shadow:#4d5d4310;--dialog-shadow:#2b302a30;--menu-shadow:#2b302a20;--die-shadow:#4d5d431a}:root[data-theme=noir]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f3f3f3;--panel:#fff;--ink:#202020;--muted:#606060;--accent:#333;--accent-hover:#111;--on-accent:#fff;--surface:#e8e8e8;--line:#cecece;--input-line:#858585;--selection:#d4d4d4;--error:#333;--error-hover:#111;--error-surface:#ededed;--error-active:#d6d6d6;--on-error:#fff;--success:#333;--success-surface:#e8e8e8;--violet:#4a4a4a;--violet-surface:#ededed;--backdrop:#20202066;--button-shadow:#33333310;--dialog-shadow:#20202030;--menu-shadow:#20202020;--die-shadow:#3333331a}:root[data-theme=classic-dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#101010;--panel:#181818;--ink:#e6e6e6;--muted:#a8a8a8;--accent:#e6e6e6;--accent-hover:#fff;--on-accent:#101010;--surface:#262626;--line:#363636;--input-line:gray;--selection:#454545;--error:#ff9b95;--error-hover:#ffb8b3;--error-surface:#3b2025;--error-active:#51272d;--on-error:#300f14;--success:#7ee787;--success-surface:#173324;--violet:#d2a8ff;--violet-surface:#2c2341;--backdrop:#000000b3;--button-shadow:#00000020;--dialog-shadow:#0006;--menu-shadow:#00000040;--die-shadow:#0003}:root{color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,input{min-height:44px}h1,h2,h3,p{margin:0}::selection{background:var(--selection);color:var(--ink)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--panel);z-index:10;padding:12px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.not-found-page{flex:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:clamp(48px,10vh,120px);display:grid}.not-found-art{place-items:center;padding:28px;display:grid}.not-found-die{width:min(100%,280px);color:var(--accent);filter:drop-shadow(0 22px 20px var(--die-shadow));transform:rotate(-16deg)}.not-found-content{min-width:0;max-width:500px}.not-found-code{color:var(--muted);letter-spacing:.16em;margin-bottom:16px;font-size:1rem;font-weight:650}.not-found-content h1{letter-spacing:-.04em;overflow-wrap:anywhere;font-family:Manrope,sans-serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.15}.not-found-content h1:focus-visible{outline:3px solid var(--accent);outline-offset:8px;border-radius:4px}.not-found-description{color:var(--muted);margin-block:20px 32px;font-size:1.0625rem;line-height:1.75}.not-found-content .button{gap:12px;font-size:1rem}@media (width<=700px){.not-found-page{text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;gap:32px}.not-found-art{padding:12px}.not-found-die{width:148px}.not-found-content{margin-inline:auto}}@media (forced-colors:active){.not-found-art{display:none}.not-found-page{grid-template-columns:minmax(0,1fr);justify-items:center}}.shell{width:min(1200px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:32px;min-height:104px;display:flex}.wordmark{letter-spacing:-1px;white-space:nowrap;align-items:center;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;display:inline-flex}.brand-die{color:var(--accent);width:33px;height:36px;margin-right:10px}.brand-dot{color:var(--accent)}.header-nav{color:var(--muted);gap:28px;margin:auto;font-size:13px;font-weight:500;display:flex}.header-nav a:hover{color:var(--accent)}.account-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:22px;min-height:46px;padding:11px 19px;font-size:13px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 4px var(--button-shadow)}.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.quiet{background:0 0;padding-inline:10px}.quiet:hover{background:var(--surface)}.large{min-height:54px;padding:15px 23px;font-size:14px}.signed-in{overflow-wrap:anywhere;max-width:220px;font-size:14px}.auth-dialog{background:var(--panel);border:1px solid var(--line);width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:0 30px 120px var(--dialog-shadow);border-radius:20px;padding:34px 40px;overflow-y:auto}.auth-dialog::backdrop{background:var(--backdrop)}.close-button{width:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;font-size:28px;position:absolute;top:10px;right:10px}.close-button:hover{background:var(--surface)}.dialog-mark{width:36px;height:40px;color:var(--accent);margin-bottom:20px}.dialog-mark svg{width:100%;height:100%}.auth-dialog h2{letter-spacing:-1.1px;margin:9px 0;font-family:Manrope,sans-serif;font-size:29px}.dialog-intro,.created-state p{color:var(--muted);margin-bottom:26px;font-size:14px;line-height:1.7}.auth-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.form-field label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-field input{border:1px solid var(--input-line);background:var(--panel);width:100%;color:var(--ink);border-radius:7px;min-height:46px;padding:12px;font-size:16px}.form-field input::placeholder{color:var(--muted);font-size:13px}.form-field input[aria-invalid=true]{border-color:var(--error)}.form-field small{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5;display:block}.form-field small.field-error{color:var(--error)}.password-checks{color:var(--muted);margin:12px 0;padding:0;font-size:11px;line-height:1.9;list-style:none}.password-checks .met{color:var(--success)}.password-checks span{width:15px;display:inline-block}.show-password{cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-block:12px;font-size:12px;display:flex}.show-password input{width:17px;height:17px;min-height:17px;accent-color:var(--accent)}.full{justify-content:space-between;width:100%;min-height:49px}.form-message{color:var(--error);background:var(--error-surface);border-radius:6px;margin-bottom:16px;padding:12px;font-size:13px;line-height:1.5}.switch-auth{text-align:center;color:var(--muted);margin-top:16px;font-size:12px}.switch-auth button{color:var(--accent);background:0 0;border:0;padding:5px;font-size:12px;font-weight:600}.success-mark{color:var(--success);margin-bottom:12px;font-size:30px;display:block}#root{flex-direction:column;min-height:100svh;display:flex}.site-header{flex-shrink:0}.eyebrow{letter-spacing:2px;color:var(--accent);font-size:10px;font-weight:700;line-height:1.6}.dice-stage{flex:1;place-items:center;padding:48px 24px;display:grid}.spinning-die{filter:drop-shadow(0 24px 22px var(--die-shadow));background:0 0;border:0;border-radius:24px;padding:0;line-height:0;display:block}.center-die{width:clamp(180px,26vw,340px);max-width:62vw;max-height:52svh;color:var(--accent);animation:24s linear infinite dice-turn;display:block}.spinning-die[data-paused=true] .center-die{animation-play-state:paused}@keyframes dice-turn{0%{transform:rotate(-12deg)}to{transform:rotate(348deg)}}@media (prefers-reduced-motion:reduce){.center-die{animation:none;transform:rotate(-12deg)}}@media (width<=1050px){.shell{width:calc(100% - 56px)}.header-nav{display:none}.account-actions{margin-left:auto}}@media (width<=700px){.shell{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:10px;min-height:86px;padding-block:14px}.wordmark{font-size:20px}.brand-die{width:26px;margin-right:7px}.account-actions{gap:4px}.account-actions .button{padding:10px;font-size:11px}.account-actions .primary span{display:none}.auth-dialog{padding:30px 24px}.auth-dialog h2{font-size:27px}}@media (width<=380px){.site-header .wordmark{width:100%}.account-actions{justify-content:space-between;width:100%;margin-left:0}.account-actions .button{font-size:13px}}.auth-dialog{padding:24px 28px}.auth-heading{align-items:center;gap:12px;margin:0 32px 20px 0;display:flex}.auth-heading .dialog-mark{flex-shrink:0;width:28px;height:32px;margin:0}.auth-dialog .auth-heading h2{letter-spacing:-.8px;margin:0;font-size:24px;line-height:1.25}.form-field{margin-top:12px}.form-field:first-child{margin-top:0}.form-field label{margin-bottom:6px}.form-field input{min-height:44px;padding:10px 12px}.form-field small{margin-top:4px;font-size:12px}.password-checks{grid-template-columns:1fr 1fr;gap:4px 12px;margin:10px 0 12px;font-size:12px;line-height:1.5;display:grid}.password-checks li{align-items:baseline;display:flex}.password-checks span{flex:0 0 16px}.show-password{margin-block:4px}.switch-auth{margin-top:6px}@media (width<=700px){.auth-dialog{padding:22px 20px}}@media (height<=650px) and (width>=600px){.auth-dialog{max-width:640px}.auth-dialog fieldset{grid-template-columns:1fr 1fr;gap:10px 18px;display:grid}.form-field{margin-top:0}.password-checks,.show-password,.form-message,.auth-dialog .full{grid-column:1/-1}.password-checks{margin-block:0}.auth-heading{margin-bottom:16px}}.profile-page{padding-block:56px 64px}.profile-intro{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding-bottom:44px;display:flex}.profile-avatar{background:var(--surface);height:88px;color:var(--accent);border-radius:24px;flex:0 0 88px;place-items:center;font:700 36px Manrope,sans-serif;display:grid}.profile-identity{min-width:0}.profile-label{color:var(--accent);margin-bottom:6px;font-size:14px;font-weight:600}.profile-identity h1{letter-spacing:-1.2px;overflow-wrap:anywhere;margin-bottom:10px;font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,44px);line-height:1.2}.profile-identity>p:last-child{color:var(--muted);font-size:16px;line-height:1.6}.profile-die{width:100px;height:112px;color:var(--accent);flex-shrink:0;margin-left:auto;transform:rotate(12deg)}.profile-campaigns{padding-top:36px}.campaigns-heading{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;display:flex}.campaigns-heading h2{letter-spacing:-.6px;font:750 24px/1.3 Manrope,sans-serif}.preview-label{background:var(--surface);color:var(--accent);border-radius:6px;padding:5px 9px;font-size:12px;font-weight:600}.campaigns-note,.campaigns-footer{color:var(--muted);font-size:14px;line-height:1.7}.campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 20px;padding:0;list-style:none;display:grid}.campaign-tile{border:1px solid var(--line);border-radius:14px;overflow:hidden}.campaign-art{background:var(--surface);height:144px;color:var(--accent);place-items:center;display:grid}.campaign-art svg{width:66px;height:76px;transform:rotate(-15deg)}.party .campaign-art{background:var(--success-surface);color:var(--success)}.party .campaign-art svg{transform:rotate(15deg)}.hollow .campaign-art{background:var(--violet-surface);color:var(--violet)}.hollow .campaign-art svg{transform:rotate(-5deg)}.campaign-content{padding:22px}.campaign-meta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;display:flex}.campaign-content h3{overflow-wrap:anywhere;margin-bottom:8px;font:700 19px/1.4 Manrope,sans-serif}.campaign-content p{color:var(--muted);font-size:14px;line-height:1.7}.campaign-system{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:16px;font-size:12px}@media (width<=900px){.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.profile-page{padding-block:32px}.profile-intro{align-items:flex-start;gap:16px;padding-bottom:28px}.profile-avatar{border-radius:16px;flex-basis:56px;height:56px;font-size:26px}.profile-die{display:none}.profile-campaigns{padding-top:28px}.campaign-grid{grid-template-columns:minmax(0,1fr);gap:20px}}.settings-page{padding-block:28px 64px}.settings-back{color:var(--accent);margin:0 0 24px -10px}.settings-page h1{letter-spacing:-1px;font:750 clamp(28px,4vw,36px)/1.25 Manrope,sans-serif}.settings-intro{color:var(--muted);margin:12px 0 32px;line-height:1.7}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;display:grid}.settings-panel{border:1px solid var(--line);border-radius:16px;padding:28px}.settings-panel h2{font:700 21px/1.4 Manrope,sans-serif}.settings-panel>p{color:var(--muted);margin:8px 0 24px;font-size:14px;line-height:1.7}.settings-panel fieldset{border:0;min-width:0;margin:0;padding:0}.settings-panel .form-field{margin-bottom:18px}.settings-panel .button{margin-top:8px}.settings-success{color:var(--success);background:var(--success-surface);border-radius:6px;margin-top:16px;padding:12px;font-size:14px;line-height:1.6}@media (width<=760px){.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-panel{padding:22px}}.create-room-button{gap:10px;margin-left:auto}.room-creation-notice{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;margin-top:18px;padding:14px 18px;font-size:14px;line-height:1.7}@media (width<=600px){.create-room-button{width:100%;margin-left:0}}.profile-identity h1:focus,.settings-page>h1:focus{outline:none}.menu-toggle{flex-shrink:0;padding:10px}.site-header:has(.menu-toggle){gap:16px}.side-menu{border:0;border-right:1px solid var(--line);width:min(320px,100vw - 40px);max-width:none;height:100dvh;max-height:100dvh;color:var(--ink);background:var(--panel);box-shadow:12px 0 60px var(--menu-shadow);margin:0;padding:24px;animation:.18s ease-out menu-slide;position:fixed;inset:0 auto 0 0}.side-menu::backdrop{background:var(--backdrop)}.side-menu[open]{flex-direction:column;display:flex}.side-menu-footer{border-top:1px solid var(--line);padding-top:16px;padding-bottom:env(safe-area-inset-bottom,0px);margin-top:auto}.side-menu-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.side-menu-heading h2{font:750 22px Manrope,sans-serif}.side-menu-heading button{font-size:26px}.side-menu nav{gap:8px;display:grid}.side-menu-item{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;width:100%;padding:14px;font-size:16px;font-weight:600;display:flex}.side-menu-icon{color:var(--accent);flex-shrink:0}.side-menu-item>span:last-child{margin-left:auto}.side-menu-item:hover,.side-menu-item[aria-current=page]{background:var(--surface);color:var(--accent)}.side-menu-item:active{background:var(--selection)}.side-menu-note{color:var(--muted);padding:24px 14px;font-size:14px;line-height:1.7}@keyframes menu-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}.demo-page{padding-block:48px 64px}.demo-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.demo-heading h1{letter-spacing:-1px;font:750 clamp(28px,4vw,36px)/1.25 Manrope,sans-serif}.demo-heading h1:focus{outline:none}.demo-heading .button{gap:10px}.demo-disclosure{color:var(--muted);align-items:center;gap:12px;font-size:14px;line-height:1.7;display:flex}.campaign-content h2{overflow-wrap:anywhere;margin-bottom:8px;font:700 19px/1.4 Manrope,sans-serif}.friend-list{border:1px solid var(--line);border-radius:14px;margin:28px 0 0;padding:0;list-style:none;overflow:hidden}.friend-row{align-items:center;gap:18px;padding:24px;display:flex}.friend-row+.friend-row{border-top:1px solid var(--line)}.friend-avatar{border-radius:50%;flex:0 0 56px;place-items:center;height:56px;font-weight:700;display:grid}.friend-avatar.violet{color:var(--violet);background:var(--violet-surface)}.friend-avatar.green{color:var(--success);background:var(--success-surface)}.friend-avatar.blue{color:var(--accent);background:var(--surface)}.friend-identity{min-width:0}.friend-identity h2{overflow-wrap:anywhere;font-size:17px}.friend-identity p{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.7}.friend-example{color:var(--muted);margin-left:auto;font-size:12px}@media (width<=600px){.demo-page{padding-top:32px}.demo-heading{flex-wrap:wrap;gap:20px}.demo-heading .button{width:100%}.demo-disclosure{align-items:flex-start}.friend-row{flex-wrap:wrap;gap:12px;padding:18px}.friend-identity{flex:1}.friend-example{width:100%;margin-left:68px}}.delete-account{grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;margin-top:8px;display:flex}.delete-account p{color:var(--muted);max-width:64ch;margin-top:8px;font-size:14px;line-height:1.7}.delete-account>.button{flex-shrink:0;margin:0}.destructive-outline{color:var(--error);background:var(--panel);border-color:var(--error)}.destructive-outline:hover{background:var(--error-surface)}.destructive{color:var(--on-error);background:var(--error)}.destructive:hover{background:var(--error-hover)}.delete-dialog>p{color:var(--muted);margin-block:18px;font-size:15px;line-height:1.7}.delete-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@media (width<=600px){.delete-account{flex-direction:column;align-items:flex-start}}.side-menu-logout{color:var(--ink)}.side-menu-logout .side-menu-icon{color:var(--error)}.side-menu-logout:hover:not(:disabled),.side-menu-logout:focus-visible{color:var(--error);background:var(--error-surface)}.side-menu-logout:active:not(:disabled){background:var(--error-active)}.side-menu-logout:focus-visible{outline-color:var(--error)}.side-menu-logout:disabled{color:var(--ink);background:0 0}.side-menu-logout>span:last-child{margin-left:0}.settings-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:40px;display:grid}.settings-nav{border-right:1px solid var(--line);gap:8px;padding-right:24px;display:grid}.settings-nav-item{width:100%;min-height:48px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.settings-nav-item>span{font-size:22px}.settings-nav-item:hover{background:var(--surface);color:var(--ink)}.settings-nav-item[aria-current=page]{background:var(--surface);color:var(--accent)}.settings-content{min-width:0}.settings-section-title{letter-spacing:-.7px;font:750 28px/1.3 Manrope,sans-serif}.settings-section-intro{color:var(--muted);margin:10px 0 28px;line-height:1.7}.settings-layout .settings-grid{gap:20px}.settings-layout .settings-panel{background:var(--panel);padding:24px}.theme-picker{border:0;min-width:0;margin:0;padding:0}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.theme-option{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative}.theme-option:hover{border-color:var(--muted)}.theme-option:has(input:checked){border-color:var(--accent)}.theme-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.theme-option input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.theme-swatch{border:1px solid var(--line);background:linear-gradient(135deg, var(--swatch-background) 50%, var(--swatch-accent) 50%);border-radius:16px;place-items:center;width:88px;height:88px;display:grid;position:relative}.theme-option-heading{justify-content:space-between;align-items:center;gap:12px;font:700 17px/1.4 Manrope,sans-serif;display:flex}.theme-check{width:24px;color:var(--accent);text-align:center}.theme-description{color:var(--muted);font-size:14px;line-height:1.6}.theme-feedback{min-height:24px;color:var(--accent);margin-top:8px;font-size:14px;line-height:1.7}@media (width<=1000px){.settings-layout{grid-template-columns:160px minmax(0,1fr);gap:24px}.settings-layout .settings-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:28px}.settings-nav{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;display:flex}.settings-nav-item{justify-content:center}}@media (width<=420px){.theme-options{gap:12px}.theme-option{padding:14px}.theme-swatch{border-radius:12px;width:64px;height:64px}}.language-picker{flex-shrink:0;position:relative}.language-trigger{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-size:.875rem;font-weight:500;display:inline-flex}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:var(--surface);color:var(--ink)}.language-options{z-index:20;border:1px solid var(--line);background:var(--panel);min-width:160px;box-shadow:0 8px 24px var(--menu-shadow);border-radius:12px;padding:5px;position:absolute;top:calc(100% + 6px);right:0}.language-option{width:100%;min-height:44px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:24px;padding:10px 12px;font-size:.875rem;display:flex}.language-option:hover,.language-option:focus-visible{background:var(--surface)}.language-option:focus-visible{outline-offset:-3px}.settings-language{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:24px;display:flex}.language-warning{background:var(--surface);width:min(18rem,80vw);color:var(--ink);z-index:10;border:1px solid;border-radius:.5rem;padding:.75rem;position:absolute;top:100%;right:0}@media (width<=700px){.account-actions{flex-wrap:wrap}}