.theme-toggle{position:fixed;right:20px;bottom:17px;z-index:35;border:1px solid #c4a66f99;background:#152b3aed;color:#f4dca8;padding:10px 14px;border-radius:30px;font:700 10px system-ui;box-shadow:0 3px 15px #11223220;cursor:pointer}.screen-game .theme-toggle,.screen-tavern .theme-toggle{display:none}.theme-dialog{position:fixed;max-width:min(620px,94vw);border:1px solid #d3b97f;border-radius:18px;padding:33px;color:#eee3d3;background:#232641}.theme-dialog::backdrop{background:#09132abe;backdrop-filter:blur(8px)}.theme-dialog h2{font:30px Georgia;color:#f9dda7;margin:0 25px 14px 0}.theme-dialog p{font:13px/1.7 system-ui;color:#d0d2e2;margin-bottom:24px}.theme-close{position:absolute;top:15px;right:18px;background:transparent;border:0;color:#ebd3a4;font-size:24px;cursor:pointer}.theme-choice{display:grid;grid-template-columns:118px 1fr;gap:8px 18px;width:100%;text-align:left;background:#ffffff05;border:1px solid #a6a5bc55;padding:15px;color:#f4e4c9;border-radius:10px;margin-top:12px;cursor:pointer}.theme-choice[aria-pressed=true]{border-color:#f7d18e;box-shadow:0 0 0 2px #d5b78230}.theme-choice strong{font:23px Georgia;align-self:end}.theme-choice small{font:12px/1.5 system-ui;color:#c2ccdc}.theme-swatch{grid-row:span 2;height:88px;border-radius:7px;border:1px solid #d3ba8b88}.theme-swatch.weltenpark{background:url('/assets/wunderpfad/wunderinsel-v1.png') center 45%/cover}.theme-swatch.classic{background:radial-gradient(ellipse at 50% 75%,#8aaf7866,transparent),linear-gradient(135deg,#2e5d4b,#092d34)}
:root[data-theme=weltenpark]{--gold:#8e6332;--cream:#24344f;--muted:#61657c;color-scheme:light}
[data-theme=weltenpark] body{background:radial-gradient(ellipse at 15% 0,#e4dcff 0,transparent 45%),radial-gradient(ellipse at 90% 55%,#f9dfc9 0,transparent 45%),#f5f2fb;color:#27344c}
[data-theme=weltenpark] body:not(.screen-game):not(.screen-tavern):not(.fa-world-preview) #world{opacity:.12}
[data-theme=weltenpark] .topbar{background:#f5f1f8e8;border-bottom:1px solid #b9a9cf70;border-radius:0 0 12px 12px}
[data-theme=weltenpark] .topbar .logo,[data-theme=weltenpark] .topbar .brand{color:#42456a}
[data-theme=weltenpark] .topbar nav .nav-link,[data-theme=weltenpark] .ux-nav-menu>summary{color:#3b4167;background:#fffcf4;border-color:#bbaace8a;font-weight:750}
[data-theme=weltenpark] .ux-nav-menu[open]>summary{background:#e1d9f5;color:#4f3885}
[data-theme=weltenpark] .ux-nav-popover{background:#fffaf2;border-color:#bba4cd;box-shadow:0 15px 45px #57517f38}
[data-theme=weltenpark] .ux-nav-popover button,[data-theme=weltenpark] .ux-nav-menu[open] button{background:transparent;color:#3a3d62}
[data-theme=weltenpark] .ux-nav-popover small,[data-theme=weltenpark] .ux-nav-menu[open] button small{color:#737089}
[data-theme=weltenpark] #navPlay{color:#fff1d8;background:linear-gradient(130deg,#8d66b3,#655293);border-color:#ab8bc6}
[data-theme=weltenpark] #profileButton,[data-theme=weltenpark] #accountWallet,[data-theme=weltenpark] #friendsToggle{background:#fffaf1;color:#414266;border-color:#bca9c8}
[data-theme=weltenpark] #profileButton small,[data-theme=weltenpark] #accountWallet small{color:#7d618c}
[data-theme=weltenpark] .home-welcome{position:relative;isolation:isolate;min-height:295px;padding:31px 34px;margin:30px 0 25px;border-radius:21px;overflow:hidden;display:grid;grid-template-columns:1fr .86fr;gap:35px;border:1px solid #aa8cc2;background:radial-gradient(ellipse at 20% 0,#8c75b0 0,transparent 60%),linear-gradient(125deg,#3c3e73,#395b88);box-shadow:0 15px 35px #72578b22}
[data-theme=weltenpark] .home-welcome::after{content:'✦';position:absolute;right:48%;top:16%;font-size:100px;color:#ffe5a50c;z-index:-1;transform:rotate(15deg)}
[data-theme=weltenpark] .home-welcome h1{font:clamp(35px,3.6vw,55px)/1.08 Georgia;color:#fff1ce;letter-spacing:-.025em;margin:16px 0}
[data-theme=weltenpark] .home-welcome h1 em{color:#ffd4b0}
[data-theme=weltenpark] .home-welcome p{color:#e9e2f2;font-size:14px;line-height:1.7}
[data-theme=weltenpark] .winter-badge{background:#f7db9a19;border-color:#ebcb9680;color:#ffe8c0}
[data-theme=weltenpark] .world-map-teaser{align-self:stretch;min-height:228px;border-radius:15px;border:1px solid #f6d69a99;background:#17324e;box-shadow:0 8px 25px #17274666;overflow:hidden}
[data-theme=weltenpark] .world-map-teaser img{content:url('/assets/wunderpfad/wunderinsel-v1.png');opacity:.8;object-fit:cover;object-position:50% 36%;width:100%;height:100%;position:absolute;inset:0}
[data-theme=weltenpark] .world-map-teaser>span{position:relative;z-index:1;align-self:end;background:linear-gradient(transparent,#1a2a51ee 35%);padding:75px 22px 20px;color:#fff0cd;display:flex;flex-direction:column;justify-content:end}
[data-theme=weltenpark] .world-map-teaser strong{color:#fff0ca;font:28px Georgia}
[data-theme=weltenpark] .world-map-teaser small,[data-theme=weltenpark] .world-map-teaser b{color:#ffe0a2}
[data-theme=weltenpark] .home-bottom{background:#fffdf8eb;border:1px solid #c7b7d3;border-radius:20px;box-shadow:0 15px 40px #62548216;padding:30px}
[data-theme=weltenpark] .selection-heading h2{color:#413b67;font-size:32px}
[data-theme=weltenpark] .selection-heading p,[data-theme=weltenpark] .home-bottom p,[data-theme=weltenpark] .mode-brief dd,[data-theme=weltenpark] .ux-mode-brief{color:#6c667b}
[data-theme=weltenpark] .home-mode-groups button,[data-theme=weltenpark] .home-mode-options button{background:#f4f0fa;color:#4f4b70;border-color:#c8b8d5;border-radius:12px}
[data-theme=weltenpark] .home-mode-groups button:nth-child(2){background:#edf6fa;border-color:#abcbd9}
[data-theme=weltenpark] .home-mode-groups button:nth-child(3){background:#fff3de;border-color:#ddc69f}
[data-theme=weltenpark] .home-mode-groups button[aria-pressed=true],[data-theme=weltenpark] .home-mode-options button[aria-pressed=true]{background:linear-gradient(125deg,#e5dcf4,#f4e7eb);border-color:#8d69aa;box-shadow:0 0 0 2px #af94c735}
[data-theme=weltenpark] .home-mode-groups button strong,[data-theme=weltenpark] .home-mode-options strong{color:#4e4173}
[data-theme=weltenpark] .home-mode-groups button small,[data-theme=weltenpark] .home-mode-options small{color:#6b617b}
[data-theme=weltenpark] .ux-selected-hero{background:linear-gradient(150deg,#ece5f8,#fff8ec);border-color:#c5b1d5;color:#4e4168;border-radius:12px}
[data-theme=weltenpark] .ux-selected-hero small{color:#786982}
[data-theme=weltenpark] select,[data-theme=weltenpark] input:not([type=checkbox]):not([type=radio]):not([type=range]){color:#333b57;background:#fffaf2;border-color:#b7a5c9}
[data-theme=weltenpark] .home-launch>div{background:#f8f0df;border-color:#d0ba8e;border-radius:12px}
[data-theme=weltenpark] .home-launch h3,[data-theme=weltenpark] .home-launch p{color:#5c4d6b}
[data-theme=weltenpark] .home-destination{background:#f7f1ff;border-color:#c4afd4;color:#3e4266;box-shadow:0 6px 20px #70608012;border-radius:14px}
[data-theme=weltenpark] .home-destination:nth-child(4n+2){background:#edf6fb;border-color:#a9ccdc}
[data-theme=weltenpark] .home-destination:nth-child(4n+3){background:#fff1e9;border-color:#e0bfa7}
[data-theme=weltenpark] .home-destination:nth-child(4n){background:#fff8e5;border-color:#ddcb93}
[data-theme=weltenpark] .home-destination strong{color:#48416b}
[data-theme=weltenpark] .home-destination p,[data-theme=weltenpark] .home-destination small{color:#766c82}
[data-theme=weltenpark] .destination-icon{color:#9771b3}
[data-theme=weltenpark] .destination-action{color:#715389}
[data-theme=weltenpark] .home-destinations{gap:17px}
[data-theme=weltenpark] #homeWonder{background:linear-gradient(120deg,#eee0fa,#fff0dd);border-color:#bd9cc9}
[data-theme=weltenpark] #homeMarket{background:linear-gradient(120deg,#ffe8d6,#fff4d8);border-color:#d7b17e}
[data-theme=weltenpark] .community-strip{background:#e8e7f5;color:#5f5375;border-color:#b9add2}
[data-theme=weltenpark] .home-onboarding{background:#e7eff8;border-color:#a7c5d9;color:#4a607a}
[data-theme=weltenpark] .home-onboarding strong{color:#3f5477}
[data-theme=weltenpark] .button.gold{background:linear-gradient(125deg,#b895cf,#73599c);border-color:#b699d0;color:#fff5df;box-shadow:0 4px 10px #75599b25}
[data-theme=weltenpark] .home .button.outline,[data-theme=weltenpark] .home .button.subtle{background:#fff9ee;color:#695281;border-color:#bca6cd}
[data-theme=weltenpark] .home .text-link{color:#7a5796}
[data-theme=weltenpark] .site-footer{color:#8e7b98}
[data-theme=weltenpark] .hero-ownership{background:#f4e7ce;color:#75613b}
[data-theme=weltenpark] .theme-toggle{background:#fffbf0;color:#74558f;border-color:#bca3cd}
[data-theme=weltenpark] .auth-panel{background:#fff9f2f5;border-color:#c5afd2;color:#3f4265}
[data-theme=weltenpark] .auth-panel h2,[data-theme=weltenpark] .auth-panel label{color:#53406f}
[data-theme=weltenpark] .auth-panel p,[data-theme=weltenpark] .auth-panel small{color:#756681}
[data-theme=weltenpark] .welcome-header{background:linear-gradient(#202b56e8,transparent)}
[data-theme=weltenpark] .welcome-hero{background:#26375d}
[data-theme=weltenpark] .welcome-vignette{background:linear-gradient(90deg,#1d234fdc 0,#252954ae 29%,#25295422 62%,transparent 80%),linear-gradient(0deg,#242d50,transparent 25%)}
[data-theme=weltenpark] .welcome-hero h1{color:#fff1cc}
[data-theme=weltenpark] .welcome-hero h1 em{color:#f0c29b}
[data-theme=weltenpark] .welcome-hero p,[data-theme=weltenpark] .welcome-kicker,[data-theme=weltenpark] .welcome-scroll{color:#e4dcf1}
[data-theme=weltenpark] .welcome-edition,[data-theme=weltenpark] .welcome-postcard{background:#33365bdb;border-color:#c3aac4;color:#f4d9ac}
[data-theme=weltenpark] .welcome-section{color:#45436c}
[data-theme=weltenpark] .welcome-section h2{color:#4b3c70}
[data-theme=weltenpark] .welcome-section p{color:#756c83}
[data-theme=weltenpark] .welcome-path{background:#fff9f0;border-color:#c7b4cd;color:#4f456b}
[data-theme=weltenpark] .welcome-path h3{color:#584171}
[data-theme=weltenpark] .welcome-path p{color:#776b80}
[data-theme=weltenpark] .welcome-home-section{background:#efe7f6;border-color:#c3afce;color:#504269}
[data-theme=weltenpark] .welcome-home-section p,[data-theme=weltenpark] .welcome-steps p{color:#786c84}
[data-theme=weltenpark] .welcome-final-cta{background:linear-gradient(135deg,#eee2f5,#fff0d7);border-color:#bba1cb;color:#5f447e}
[data-theme=weltenpark] .welcome-footer{background:#29314e;color:#f0dbbb;border-color:#bfa6c6}
@media(max-width:850px){[data-theme=weltenpark] .home-welcome{grid-template-columns:1fr;padding:24px;gap:18px}[data-theme=weltenpark] .world-map-teaser{min-height:190px}[data-theme=weltenpark] .home-welcome h1{font-size:39px}[data-theme=weltenpark] .home-bottom{padding:22px 18px}.theme-toggle{bottom:10px;right:10px}}
@media(prefers-reduced-motion:no-preference){[data-theme=weltenpark] .home-destination{transition:transform .16s,box-shadow .16s}[data-theme=weltenpark] .home-destination:hover{transform:translateY(-4px);box-shadow:0 12px 25px #72578c20}}

[data-theme=weltenpark] #gameUI,[data-theme=weltenpark] .dialog{--cream:#f1e6c7;--gold:#ebc785;--muted:#acc9bf;color-scheme:dark;color:#f1e6c7}
[data-theme=weltenpark] #gameUI input,[data-theme=weltenpark] #gameUI select,[data-theme=weltenpark] .dialog input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-theme=weltenpark] .dialog select{background:#112c36;color:#eee2c5;border-color:#8da29a70}
.ws-live-abilities{border:1px solid #a3bc8655;border-radius:7px;padding:12px;margin:15px 0}.ws-live-abilities summary{font:700 12px/1.6 system-ui;color:#d4cca6;cursor:pointer}.ws-live-abilities article{padding-top:13px;border-top:1px solid #a6bda229;margin-top:12px}.ws-live-abilities strong{font:700 12px/1.4 system-ui;color:#e4d8ac}.ws-live-abilities p{font-size:11px!important;line-height:1.6!important}

html[data-theme=weltenpark] body.screen-home .world-shade{background:linear-gradient(120deg,#f5effbe8,#f8f3eae6 60%,#e4edf9e8)}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button{background:#ece6f5;border-color:#c4afd2;color:#544270;border-radius:12px}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button:nth-child(2){background:#e4f1f7;border-color:#abcad8;color:#42677e}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button:nth-child(3){background:#fcf0d8;border-color:#d9c198;color:#86673d}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button[aria-pressed=true]{box-shadow:0 0 0 2px #b49cd0;border-color:#9b79b7;background:#e9ddf4;color:#503770}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button strong{color:inherit}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button small{color:#746980}
html[data-theme=weltenpark] body.ux-21 #home .home-mode-options>button{background:linear-gradient(130deg,#f0eaf9,#fff4e7);color:#5b4776;border-color:#b9a3cb}
html[data-theme=weltenpark] body.ux-21 #home .home-mode-options>button[aria-pressed=true]{background:linear-gradient(130deg,#e3d6f3,#f2e6f3);border-color:#9e7ab8}
html[data-theme=weltenpark] body.ux-21 #home .home-mode-options>button strong{color:#5b4776}
html[data-theme=weltenpark] body.ux-21 #home .home-mode-options>button small{color:#796684}
html[data-theme=weltenpark] #homeMap{display:block;min-height:228px;height:100%;align-self:stretch}
html[data-theme=weltenpark] #homeMap::before,html[data-theme=weltenpark] #homeMap::after{display:none}
html[data-theme=weltenpark] #homeMap>img{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:1}
html[data-theme=weltenpark] #homeMap>span{position:absolute;inset:0;width:100%;height:100%;max-width:none;padding:70px 22px 20px;box-sizing:border-box;z-index:1;background:linear-gradient(0deg,#1e2a50f5,transparent 95%);color:#fff1cb}
html[data-theme=weltenpark] #homeButton{color:#665083}
html[data-theme=weltenpark] #homeButton small{color:#9b7c55}
html[data-theme=weltenpark] #home .ux-mode-brief dt{color:#8c769c}
html[data-theme=weltenpark] #home .ux-mode-brief dd{color:#5d536d}
html[data-theme=weltenpark] body:not(.screen-game):not(.screen-tavern) #audioToggle{background:#33375ded;border-color:#b89cc8;color:#ffebc3}

[data-theme=weltenpark] :is(.adventure-dialog,.housing-dialog,.workbench-dialog,.friends-dialog){background:#142840;color:#e3e1d4;border-color:#b6a4c1}
[data-theme=weltenpark] :is(.adv-header,.housing-header,.workbench-header){background:linear-gradient(120deg,#403252,#203e56);border-color:#c4acc155}
[data-theme=weltenpark] :is(.adv-hero-bar,.adv-tabs,.housing-tabs){background:#1b3049;border-color:#b5a2bb55}
[data-theme=weltenpark] :is(.adv-section,.adv-live-main,.adv-combatant,.adv-enemy,.adv-resource){background:#203952;border-color:#a4aac05c}
[data-theme=weltenpark] .adventure-dialog .adv-expedition-controls{background:#182f48}
[data-theme=weltenpark] .adventure-dialog .adv-choice{background:#263c55;border-color:#9b92b866}
[data-theme=weltenpark] .adventure-dialog :is(.adv-resource-label,.adv-muted,.adv-note){color:#b9c7d8}
[data-theme=weltenpark] .adventure-dialog select{background:#17283f;color:#f5e2be}

.ux-21 #home .play-categories{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button[data-play-category=party]{background:#fae4ed;border-color:#d8a2b9;color:#964f73}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button[data-play-category=training]{background:#fcf0d8;border-color:#d9c198;color:#86673d}
html[data-theme=weltenpark] body.ux-21 #home .play-categories button[aria-pressed=true]{border-width:2px;box-shadow:0 0 0 2px #b49cd033}

html[data-theme=weltenpark] body.ux-21 #home .launch-card{background:#f7f1e8;border-color:#c5b1cf;border-radius:12px;color:#52446a;box-shadow:0 5px 14px #65508012}
html[data-theme=weltenpark] body.ux-21 #home .launch-card:first-child{background:linear-gradient(135deg,#f0e6f6,#fbeedb);border-color:#b697c9}
html[data-theme=weltenpark] body.ux-21 #home .launch-card h3{color:#584172}
html[data-theme=weltenpark] body.ux-21 #home .launch-card p{color:#66586f}
html[data-theme=weltenpark] body.ux-21 #home .launch-card .help-start{color:#70508d}
html[data-theme=weltenpark] body.ux-21 #home .button.gold{background:linear-gradient(115deg,#8760a6,#68528f);color:#fff6df;border-color:#9c7cbb}
html[data-theme=weltenpark] body.ux-21 #home .selected-mode-explanation{background:#eee8f3;border-color:#a386b7;color:#554567}
html[data-theme=weltenpark] body.ux-21 #home #selectedModeHint{color:#604879}
html[data-theme=weltenpark] body.ux-21 #home .ux-mode-brief small{color:#816b92}
html[data-theme=weltenpark] body.ux-21 #home .ux-mode-brief strong{color:#554567}
html[data-theme=weltenpark] body.ux-21 #home .home-mode-options>button[aria-pressed=true]::after{color:#6f4b83}

/* Shared appearance control: the same live node follows native modal dialogs. */
html[data-layout=dimensions] .appearance-picker{position:fixed;left:14px;bottom:14px;right:auto;z-index:260;display:flex;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 28px);padding:5px 6px;box-sizing:border-box;border:1px solid #aa8db3;border-radius:7px;background:#f6edf7f5;color:#654776;box-shadow:0 4px 20px #21172d32;backdrop-filter:blur(12px);font:12px/1.2 system-ui,sans-serif;isolation:isolate}
html[data-layout=dimensions] .appearance-picker .appearance-label{font:600 9px/1 system-ui,sans-serif;letter-spacing:.1em;padding:0 7px;color:inherit;white-space:nowrap}
html[data-layout=dimensions] .appearance-picker .appearance-choice{display:block;width:auto;min-width:0;min-height:34px;padding:8px 11px;margin:0;border:1px solid transparent;border-radius:4px;background:transparent;color:inherit;font:600 11px/1.2 system-ui,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:none;cursor:pointer}
html[data-layout=dimensions] .appearance-picker .appearance-choice:hover{background:#a47fc423}
html[data-layout=dimensions] .appearance-picker .appearance-choice[aria-pressed=true]{background:linear-gradient(125deg,#9971b4,#735389);border-color:#ba9acb;color:#fff4dc;box-shadow:inset 0 1px #ead3f063}
html[data-layout=dimensions] .appearance-picker .appearance-choice:focus-visible{outline:2px solid #6d4294;outline-offset:2px}
html[data-palette=festival] .appearance-picker{background:#e9f0fcf5;border-color:#729dbb;color:#224971}
html[data-palette=festival] .appearance-picker .appearance-choice[aria-pressed=true]{background:linear-gradient(125deg,#d5634e,#a7344e);border-color:#db9c75;color:#fff3db}
html[data-presentation=legacy] .appearance-picker{background:#07141ff5;border-color:#786647;color:#b9b7a5;box-shadow:0 5px 25px #0007}
html[data-presentation=legacy] .appearance-picker .appearance-choice:hover{background:#1b3543;color:#f4e4ba}
html[data-presentation=legacy] .appearance-picker .appearance-choice[aria-pressed=true]{color:#f6e2af;border-color:#b29659;background:linear-gradient(135deg,#22434d,#102832);box-shadow:inset 0 -2px #41c7d4}
html[data-presentation=legacy] .appearance-picker .appearance-choice:focus-visible{outline-color:#57d9e6}
body:not(.screen-auth):has(.ds-shell:not([hidden]))>.appearance-picker{bottom:62px}
body.screen-game:has(.ds-shell[data-page=scene])>.appearance-picker,body.screen-tavern:has(.ds-shell[data-page=scene])>.appearance-picker{display:none}
@media(max-width:700px){html[data-layout=dimensions] .appearance-picker{left:12px;right:12px;width:auto;max-width:none;gap:3px;padding:4px}html[data-layout=dimensions] .appearance-picker .appearance-label{display:none}html[data-layout=dimensions] .appearance-picker .appearance-choice{flex:1;min-height:38px;padding:8px 5px;font-size:11px}body:not(.screen-auth):has(.ds-shell:not([hidden]))>.appearance-picker{bottom:56px}}

/* Archived palettes remain above; the current client has no appearance switch. */
.appearance-picker,.appearance-controls,.theme-dialog,.theme-toggle,.layout-transform,.ds-palette-toggle{display:none!important}