/* A third presentation for the same client, scenes and account panels. */
.legacy-primary-nav,.legacy-context-nav,.legacy-home,.legacy-social-access,.legacy-preparation-path,.legacy-party-identity,.legacy-party-readiness{display:none}
html[data-layout=dimensions] .ds-shell>.ds-quick-links{padding-left:22px}
html[data-layout=dimensions][data-presentation=legacy] body #dimensionHome{--legacy-ink:#06121c;--legacy-panel:#0b1b29;--legacy-line:#8b744b;--legacy-gold:#d8c18b;--legacy-text:#eee9dc;--legacy-muted:#a7b5bd;--legacy-cyan:#55d6e5;--ds-pale:var(--legacy-text);display:grid;grid-template-rows:82px 48px minmax(0,1fr) 52px;background:#06111b;color:var(--legacy-text);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
html[data-presentation=legacy] #dimensionHome .ds-header{grid-row:1;gap:14px;padding:12px 24px;background:linear-gradient(110deg,#081b27,#050e17 70%);border-bottom:1px solid #8b744b80;box-shadow:0 3px 25px #0005;z-index:20}
html[data-presentation=legacy] #dimensionHome .ds-brand{order:0;flex:none;max-width:185px;margin-right:8px;padding:8px 16px 8px 43px;border:0;border-right:1px solid #8b744b66;border-radius:0;background:url('/assets/arena-mark.svg') left center/31px 39px no-repeat;color:#e8d6a7;font:600 17px/1.2 Georgia,serif;letter-spacing:.1em;text-align:left;white-space:normal}
html[data-presentation=legacy] #dimensionHome .ds-current-section{display:none}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav{order:1;display:flex;align-self:stretch;align-items:center;gap:4px;min-width:0;margin-right:auto}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{position:relative;align-self:stretch;min-height:47px;padding:12px 15px;border:0;border-radius:0;background:none;color:#d4c7a7;font:600 13px/1.3 Georgia,serif;letter-spacing:.065em;white-space:nowrap;text-transform:uppercase;box-shadow:none}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button:hover{color:#fff1c5;background:#cfb8760b}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button[aria-current=page]{color:#f7e2aa;background:linear-gradient(0deg,#af935d24,transparent)}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button[aria-current=page]:after{content:'';position:absolute;left:13px;right:13px;bottom:-12px;height:2px;background:#e3c687;box-shadow:0 0 14px #d8bf7d66}
html[data-presentation=legacy] #dimensionHome .ds-header-tools{order:2;flex:none;margin-left:0;gap:5px}
html[data-presentation=legacy] #dimensionHome .ds-header-tools>button{min-height:39px;padding:7px 10px;border:1px solid #8b744b55;border-radius:2px;background:#0c202b;color:#d8c18b;box-shadow:none}
html[data-presentation=legacy] #dimensionHome .ds-wallet{order:3;margin:0;min-height:42px;padding:7px 12px;border-color:#8b744b66;border-radius:20px;background:#050e17;color:#e8d6a7;font-size:12px}
html[data-presentation=legacy] #dimensionHome .ds-account{order:4;min-height:45px;padding:4px 9px 4px 6px;margin:0;border:0;border-left:1px solid #8b744b66;border-radius:0;background:none;box-shadow:none;color:#eee1bd;max-width:185px}
html[data-presentation=legacy] #dimensionHome .ds-account strong{font:600 17px Georgia,serif;color:#eee1bd}
html[data-presentation=legacy] #dimensionHome .ds-account small{color:#91b6b5;font-size:10px}
html[data-presentation=legacy] #dimensionHome .ds-profile-avatar{width:44px;height:44px;border:1px solid #b99a61;border-radius:50%;background:#0e2833;overflow:hidden;flex:none}
html[data-presentation=legacy] #dimensionHome .ds-account img{width:100%;height:100%;object-fit:contain}
html[data-presentation=legacy] #dimensionHome .ds-settings{order:5;min-width:35px;min-height:37px;padding:5px;border:0;background:none;color:#b6a47c;font-size:20px;box-shadow:none}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav{grid-row:2;display:flex;align-items:stretch;gap:10px;min-width:0;padding:0 26px;background:#081824;border-bottom:1px solid #8b744b4d;overflow-x:auto;scrollbar-width:thin;z-index:12}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button{position:relative;flex:none;padding:12px 15px;border:0;border-radius:0;background:none;color:#aabac2;font:600 11px/1.4 system-ui;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;box-shadow:none}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button:hover{color:#f1dcaa}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button[aria-current=page]{color:#f0dba7;background:linear-gradient(0deg,#ba9b5a18,transparent)}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button[aria-current=page]:after{content:'';position:absolute;bottom:0;left:15px;right:15px;height:2px;background:#56d3df}
html[data-presentation=legacy] #dimensionHome>.ds-stage{grid-row:3;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:minmax(0,1fr);gap:0;padding:0;background:radial-gradient(ellipse at 36% 0,#16374880,transparent 65%),#07141f;overflow:hidden}
html[data-presentation=legacy] #dimensionHome>.ds-stage:before{display:none}
html[data-presentation=legacy] #dimensionHome .ds-rail{display:none}
html[data-presentation=legacy] #dimensionHome .ds-stage>:is(.ds-hall,.ds-page-workspace,.ds-heroes-workspace,.ds-scene-workspace,.legacy-home){grid-column:1;grid-row:1;min-width:0;min-height:0;margin:0}
html[data-presentation=legacy] #dimensionHome :is(.ds-page-workspace,.ds-heroes-workspace){border:0;border-radius:0;background:linear-gradient(135deg,#102735cc,#07131ff5);box-shadow:none;padding:clamp(24px,2.5vw,48px);scrollbar-color:#7f734f #0b1924;animation:none}
html[data-presentation=legacy] #dimensionHome .ds-page-heading{border-bottom-color:#8b744b66}
html[data-presentation=legacy] #dimensionHome .ds-page-heading>small{color:#8db9bc;letter-spacing:.18em}
html[data-presentation=legacy] #dimensionHome .ds-page-heading>h1{color:#eddfbd;font-family:Georgia,serif;font-weight:400}
html[data-presentation=legacy] #dimensionHome .ds-page-heading>p{color:#b7c5cc}
html[data-presentation=legacy] #dimensionHome :is(.ds-collection-workspace,.ds-workbench-workspace)>.ds-collection-tabs{display:none}
html[data-presentation=legacy] #dimensionHome .ds-inline-back{color:#80ced4;border-color:#8b744b66;background:#0a1c27}
html[data-presentation=legacy] #dimensionHome>.ds-quick-links{grid-row:4;padding:7px 22px;min-height:52px;background:#07141f;border-top:1px solid #8b744b55;box-shadow:none}
html[data-presentation=legacy] #dimensionHome>.ds-quick-links>button{background:#0d2633;color:#d8c7a2;border-color:#8b744b77;border-radius:2px}
html[data-presentation=legacy] #dimensionHome>.ds-quick-links>.ds-return-scene{color:#eaf3eb;background:linear-gradient(100deg,#145566,#153746);border-color:#6cb7bb;border-radius:2px;box-shadow:inset 0 0 0 2px #091d25;font-size:11px}
html[data-presentation=legacy] #dimensionHome .ds-live-note{color:#a6bdc7}
html[data-presentation=legacy] #dimensionHome .legacy-home{position:relative;display:grid;grid-template-rows:minmax(350px,1fr) auto;gap:18px;padding:24px;overflow:auto;scrollbar-width:thin;scrollbar-color:#8b744b #07141f}
html[data-presentation=legacy] #dimensionHome .legacy-home-feature{position:relative;min-height:350px;border:1px solid #ad925c80;overflow:hidden;isolation:isolate;background:#0c2530 url('/assets/interface/weltenpark-main-v1.png') center 43%/cover no-repeat;box-shadow:0 15px 45px #0004}
html[data-presentation=legacy] #dimensionHome .legacy-home-feature:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03111cef 0,#051725c9 32%,#06152218 76%),linear-gradient(0deg,#030e18eb,transparent 70%);z-index:-1}
html[data-presentation=legacy] #dimensionHome .legacy-home-feature:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 83% 30%,#72e9e822,transparent 43%);box-shadow:inset 0 0 85px #020c1477;z-index:-1}
html[data-presentation=legacy] #dimensionHome .legacy-home-copy{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100%;max-width:640px;padding:clamp(30px,4vw,76px)}
html[data-presentation=legacy] #dimensionHome .legacy-eyebrow{font:600 10px/1.6 system-ui;letter-spacing:.22em;color:#b9d3ce}
html[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{margin:24px 0 18px;font:400 clamp(42px,4.6vw,78px)/1.05 Georgia,serif;letter-spacing:-.025em;white-space:pre-line;color:#f1dfb7;text-shadow:0 3px 24px #0009}
html[data-presentation=legacy] #dimensionHome .legacy-home-copy p{max-width:410px;margin:0;font:14px/1.8 system-ui;color:#c4d1d4}
html[data-presentation=legacy] #dimensionHome .legacy-home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
html[data-presentation=legacy] #dimensionHome .legacy-action-primary{min-height:49px;padding:13px 35px;border:1px solid #b9ddca;border-radius:0;background:linear-gradient(115deg,#147381,#115060);box-shadow:inset 0 0 0 3px #062b35,0 0 23px #36c3d421;color:#f1ebd8;font:600 13px/1.4 Georgia,serif;letter-spacing:.14em}
html[data-presentation=legacy] #dimensionHome .legacy-action-primary:hover{background:linear-gradient(115deg,#188695,#155a6d);border-color:#e4e5bc}
html[data-presentation=legacy] #dimensionHome .legacy-action-secondary{min-height:49px;padding:13px 18px;border:1px solid #9b865999;border-radius:0;background:#0918249c;color:#dfcfa5;font:600 11px/1.4 system-ui;letter-spacing:.065em}
html[data-presentation=legacy] #dimensionHome .legacy-home-caption{position:absolute;right:23px;bottom:20px;max-width:220px;font:11px/1.5 Georgia,serif;color:#e0d1b6;text-align:right;text-shadow:0 2px 8px #000}
html[data-presentation=legacy] #dimensionHome .legacy-home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
html[data-presentation=legacy] #dimensionHome .legacy-home-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;min-height:182px;padding:24px;border:1px solid #806f4e99;border-radius:0;background:linear-gradient(135deg,#1836479c,#091823f5);color:#c4d1d5;text-align:left;overflow:hidden;box-shadow:inset 0 1px #e5ca9c0d}
html[data-presentation=legacy] #dimensionHome .legacy-home-card[data-feature=adventure]{background:linear-gradient(100deg,#0b2229ee,#0a1b26e6),url('/assets/wunderpfad/wunderinsel-v1.png') center/cover}
html[data-presentation=legacy] #dimensionHome .legacy-home-card[data-feature=heroes]{background:linear-gradient(100deg,#112336ef,#0a1726e0),url('/assets/interface/heldenhof-v1.png') center/cover}
html[data-presentation=legacy] #dimensionHome .legacy-home-card small{font:600 9px/1.5 system-ui;letter-spacing:.15em;color:#88bdc0}
html[data-presentation=legacy] #dimensionHome .legacy-home-card strong{font:400 23px/1.2 Georgia,serif;color:#ead9b3}
html[data-presentation=legacy] #dimensionHome .legacy-home-card span{font:12px/1.65 system-ui;color:#b1c1ca}
html[data-presentation=legacy] #dimensionHome .legacy-home-card b{margin-top:auto;font:600 9px/1.5 system-ui;letter-spacing:.09em;color:#d7c391}
html[data-presentation=legacy] #dimensionHome .legacy-home-card:hover{border-color:#c0a66b;box-shadow:inset 0 0 30px #54b2c011,0 6px 20px #0004}
html[data-presentation=legacy] #dimensionHome .legacy-social-access{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;min-height:0;padding:24px 17px;border-left:1px solid #8b744b70;background:linear-gradient(180deg,#07121c,#081923);overflow:auto;scrollbar-width:thin;scrollbar-color:#746342 #07121c}
html[data-presentation=legacy] #dimensionHome .legacy-social-heading{display:flex;align-items:center;justify-content:space-between;color:#b8aa88;font:600 12px/1.5 Georgia,serif;letter-spacing:.12em}
html[data-presentation=legacy] #dimensionHome .legacy-social-invite{min-width:32px;min-height:32px;padding:4px;border:1px solid #8b744b55;border-radius:0;background:#102430;color:#e4d1a0;font:22px/1 system-ui}
html[data-presentation=legacy] #dimensionHome .legacy-social-identity{display:flex;align-items:center;gap:11px;padding:18px 0}
html[data-presentation=legacy] #dimensionHome .legacy-social-identity>img{width:43px;height:50px;object-fit:contain;border:1px solid #b29a6880;background:#17303e}
html[data-presentation=legacy] #dimensionHome .legacy-social-name{display:flex;flex-direction:column;gap:5px;min-width:0}
html[data-presentation=legacy] #dimensionHome .legacy-social-name strong{font:400 18px/1.2 Georgia,serif;overflow-wrap:anywhere;color:#e8d8b2}
html[data-presentation=legacy] #dimensionHome .legacy-social-name small{font:10px/1.4 system-ui;color:#8abdb2}
html[data-presentation=legacy] #dimensionHome .legacy-social-friends{min-height:43px;padding:10px 9px;border:1px solid #7d9e9b80;border-radius:0;background:#102d38;color:#d0e1db;font:600 10px/1.5 system-ui;letter-spacing:.04em}
html[data-presentation=legacy] #dimensionHome .legacy-social-access h2{margin:22px 0 0;font:600 11px/1.5 Georgia,serif;letter-spacing:.1em;color:#b7a887}
html[data-presentation=legacy] #dimensionHome .legacy-social-group{margin:0;font:12px/1.7 system-ui;color:#a3b6c0}
html[data-presentation=legacy] #dimensionHome .legacy-social-link{min-height:36px;padding:8px 10px;border:1px solid #8b744b44;border-radius:0;background:#0b1f2c;color:#d4c6a3;font:11px/1.5 system-ui;text-align:left;box-shadow:none}
html[data-presentation=legacy] #dimensionHome .legacy-social-link:hover{background:#14313f;border-color:#af956377}
html[data-presentation=legacy] #dimensionHome .legacy-social-future{display:flex;flex-direction:column;gap:11px;margin-top:auto;padding-top:31px;border-top:1px solid #8b744b33}
html[data-presentation=legacy] #dimensionHome .legacy-social-future>small{font:600 8px/1.5 system-ui;letter-spacing:.15em;color:#8da6b0}
html[data-presentation=legacy] #dimensionHome .legacy-social-future>strong{font:400 19px/1.3 Georgia,serif;color:#d7c7a1}
html[data-presentation=legacy] #dimensionHome .legacy-social-future>p{margin:0;color:#94a9b5;font:11px/1.8 system-ui}
html[data-presentation=legacy] #dimensionHome .ds-hall{padding:22px;gap:22px;grid-template-columns:minmax(310px,1fr) minmax(360px,1.05fr);animation:none}
html[data-presentation=legacy] #dimensionHome .ds-hero-stage{border:1px solid #8b744b77;border-radius:0;background:radial-gradient(ellipse at 50% 25%,#25465499,transparent 66%),linear-gradient(180deg,#102735,#081721);box-shadow:inset 0 0 45px #010c1266}
html[data-presentation=legacy] #dimensionHome .ds-hero-name{border-radius:0;border-color:#8b744b77;background:linear-gradient(130deg,#112b38ee,#081923f7);box-shadow:0 8px 35px #0004}
html[data-presentation=legacy] #dimensionHome .ds-hero-name>strong{color:#eedbb2;font-family:Georgia,serif;font-weight:400}
html[data-presentation=legacy] #dimensionHome .ds-hero-name>small{color:#a1bac6}
html[data-presentation=legacy] #dimensionHome .ds-hero-name button{color:#d8c7a0;border-color:#8b744b80;border-radius:1px;background:#112c39}
html[data-presentation=legacy] #dimensionHome .ds-hero-role{color:#e7cd95;border-color:#8b744b77;background:#112833}
html[data-presentation=legacy] #dimensionHome .ds-party-seat{color:#d8c7a7}
html[data-presentation=legacy] #dimensionHome .ds-party-seat>b{border-color:#9e8e65;background:#112c3bc9;color:#e6d4a3;box-shadow:0 0 25px #4a9fb311}
html[data-presentation=legacy] #dimensionHome .ds-party-seat small{color:#a6bec7}
html[data-presentation=legacy] #dimensionHome .ds-play-panel{padding:27px 24px;border:1px solid #8b744b88;border-radius:0;background:linear-gradient(160deg,#122d3a,#071722);box-shadow:inset 0 1px #e9d4a211}
html[data-presentation=legacy] #dimensionHome .ds-play-panel h2{color:#e8d9b3;font-weight:400;font-size:35px}
html[data-presentation=legacy] #dimensionHome .ds-panel-kicker{color:#91b5c0}
html[data-presentation=legacy] #dimensionHome .ds-play-panel>.ds-categories{display:none}
html[data-presentation=legacy] #dimensionHome .ds-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:10px;border:0}
html[data-presentation=legacy] #dimensionHome .ds-modes>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:123px;min-width:0;padding:18px 15px;border:1px solid #75694f;border-radius:0;background:linear-gradient(130deg,#163543,#0b1d29);color:#bfcdd1;box-shadow:none}
html[data-presentation=legacy] #dimensionHome .ds-modes>button strong{font:400 22px/1.2 Georgia,serif;color:#ded0ab;overflow-wrap:anywhere}
html[data-presentation=legacy] #dimensionHome .ds-modes>button small{font:11px/1.5 system-ui;color:#9fb5bf}
html[data-presentation=legacy] #dimensionHome .ds-modes>button[aria-pressed=true]{border-color:#a8c7b4;background:linear-gradient(130deg,#1e5360,#102c3c);box-shadow:inset 0 0 0 1px #8f825455}
html[data-presentation=legacy] #dimensionHome .ds-mode-icon{color:#d6c08c;font-size:27px}
html[data-presentation=legacy] #dimensionHome .ds-mode-detail{color:#c1cfd3;border-color:#8b744b55}
html[data-presentation=legacy] #dimensionHome .ds-mode-detail small{color:#91aeb8}
html[data-presentation=legacy] #dimensionHome .ds-primary-start{min-height:55px;background:linear-gradient(100deg,#1c6372,#173d50);border:1px solid #a9c2aa;border-radius:0;box-shadow:inset 0 0 0 3px #082630;color:#ede7ce;font:600 24px/1.3 Georgia,serif;letter-spacing:.08em}
html[data-presentation=legacy] #dimensionHome .ds-secondary-actions>button{background:#102632;color:#bfc9bd;border-color:#8b744b80;border-radius:0}
html[data-presentation=legacy] #dimensionHome .ds-scene-workspace{border:0;border-radius:0;box-shadow:none}
html[data-presentation=legacy] #dimensionHome[data-page=scene]>.ds-stage{grid-template-columns:minmax(0,1fr)}
html[data-presentation=legacy] #dimensionHome[data-page=scene] .legacy-social-access{display:none}
html[data-presentation=legacy] #dimensionHome .ds-place-card{border-radius:0;border-color:#8b744b77;background:#0d2532}
html[data-presentation=legacy] #dimensionHome .ds-place-copy{background:linear-gradient(135deg,#173542,#081b28)}
html[data-presentation=legacy] #dimensionHome .ds-place-copy :is(h2,strong){color:#e6d4a9}
html[data-presentation=legacy] #dimensionHome .ds-place-copy :is(p,small){color:#aebfc8}
html[data-presentation=legacy] #dimensionHome .ds-place-enter{border-radius:0;background:#123e4c;color:#e3d8b7;border-color:#9e9068}
html[data-presentation=legacy] #dimensionHome .ds-place-room{border-radius:0;border-color:#8b744b66;background:#0c2330;color:#aec3cc}
html[data-presentation=legacy] #dimensionHome .ds-place-room>button{color:#d8c8a3;background:#14313f;border-color:#8b744b77;border-radius:0}
html[data-presentation=legacy] #dimensionHome .ds-future-card{border-radius:0;background:linear-gradient(135deg,#122d3b,#0a1b28);border-color:#8b744b77}
html[data-presentation=legacy] #dimensionHome .ds-future-card>h2{color:#e4d2aa}
html[data-presentation=legacy] #dimensionHome .ds-future-card>p{color:#b0c1ca}
html[data-presentation=legacy] #dimensionHome .ds-future-card>small{color:#8cbfc3}
html[data-presentation=legacy] #dimensionHome .ds-preview-note{color:#b4c3c5}
@media(max-width:1550px){html[data-presentation=legacy] #dimensionHome .ds-header{gap:10px;padding-left:18px;padding-right:18px}html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{padding-left:11px;padding-right:11px;font-size:12px}html[data-presentation=legacy] #dimensionHome .ds-header-tools>button span{display:none}html[data-presentation=legacy] #dimensionHome .ds-header-tools>button{padding:5px 7px}html[data-presentation=legacy] #dimensionHome .ds-account{max-width:145px}html[data-presentation=legacy] #dimensionHome>.ds-stage{grid-template-columns:minmax(0,1fr) 195px}html[data-presentation=legacy] #dimensionHome .legacy-social-access{padding:20px 13px}html[data-presentation=legacy] #dimensionHome .ds-brand{font-size:15px;max-width:164px;padding-right:10px}html[data-presentation=legacy] #dimensionHome .ds-hall{grid-template-columns:minmax(270px,1fr) minmax(340px,1.1fr)}}
@media(max-width:1180px){html[data-layout=dimensions][data-presentation=legacy] body #dimensionHome{grid-template-rows:112px 45px minmax(0,1fr) 52px}html[data-presentation=legacy] #dimensionHome .ds-header{flex-wrap:wrap;align-content:center;gap:8px;padding:9px 18px}html[data-presentation=legacy] #dimensionHome .legacy-primary-nav{order:6;flex-basis:100%;height:36px;justify-content:flex-start;gap:12px}html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{min-height:36px;padding:8px 16px}html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button[aria-current=page]:after{bottom:-8px}html[data-presentation=legacy] #dimensionHome .ds-header-tools{margin-left:auto}html[data-presentation=legacy] #dimensionHome>.ds-stage{grid-template-columns:minmax(0,1fr)}html[data-presentation=legacy] #dimensionHome .legacy-social-access{display:none}html[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:58px}html[data-presentation=legacy] #dimensionHome .legacy-home-feature{min-height:350px}html[data-presentation=legacy] #dimensionHome .legacy-home-card{padding:19px;min-height:166px}html[data-presentation=legacy] #dimensionHome .legacy-home-card strong{font-size:21px}}
@media(max-width:760px){html[data-layout=dimensions] .ds-shell>.ds-quick-links{padding-left:14px;justify-content:flex-end;padding-bottom:48px;min-height:96px;align-items:flex-start}html[data-layout=dimensions][data-presentation=legacy] body #dimensionHome{grid-template-rows:112px 43px minmax(0,1fr) 96px;inset:0 0 calc(var(--ds-social-height,48px) + env(safe-area-inset-bottom,0px));height:auto;min-height:0;overflow:hidden}html[data-presentation=legacy] #dimensionHome .ds-header{padding:8px 12px;gap:6px}html[data-presentation=legacy] #dimensionHome .ds-brand{max-width:147px;font-size:13px;padding-left:32px;background-size:25px 32px}html[data-presentation=legacy] #dimensionHome .ds-header-tools{display:none}html[data-presentation=legacy] #dimensionHome .ds-wallet{margin-left:auto;padding:5px 8px;min-height:35px;font-size:10px}html[data-presentation=legacy] #dimensionHome .ds-account{max-width:125px;padding-left:7px;min-height:37px}html[data-presentation=legacy] #dimensionHome .ds-profile-avatar{width:31px;height:31px}html[data-presentation=legacy] #dimensionHome .ds-account strong{font-size:13px}html[data-presentation=legacy] #dimensionHome .ds-account small{font-size:8px}html[data-presentation=legacy] #dimensionHome .ds-settings{min-width:28px;min-height:32px;padding:3px}html[data-presentation=legacy] #dimensionHome .legacy-primary-nav{gap:0;overflow-x:auto;scrollbar-width:thin}html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{padding:8px 13px;font-size:11px;flex:none}html[data-presentation=legacy] #dimensionHome .legacy-context-nav{padding:0 8px;gap:0}html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button{padding:10px 12px;font-size:9px}html[data-presentation=legacy] #dimensionHome>.ds-stage{grid-template-rows:minmax(0,1fr);padding:0;gap:0}html[data-presentation=legacy] #dimensionHome .ds-stage>:is(.ds-hall,.ds-page-workspace,.ds-heroes-workspace,.ds-scene-workspace,.legacy-home){grid-column:1;grid-row:1}html[data-presentation=legacy] #dimensionHome .legacy-home{padding:12px;gap:12px;grid-template-rows:minmax(335px,1fr) auto}html[data-presentation=legacy] #dimensionHome .legacy-home-copy{padding:30px 23px;min-height:335px}html[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:43px;margin-top:17px}html[data-presentation=legacy] #dimensionHome .legacy-home-copy p{font-size:12px;max-width:330px}html[data-presentation=legacy] #dimensionHome .legacy-home-caption{display:none}html[data-presentation=legacy] #dimensionHome .legacy-home-links{grid-template-columns:1fr;gap:11px}html[data-presentation=legacy] #dimensionHome .legacy-home-card{min-height:145px}html[data-presentation=legacy] #dimensionHome .ds-hall{grid-template-columns:minmax(0,1fr);grid-template-rows:390px auto;overflow:auto;padding:12px;gap:12px}html[data-presentation=legacy] #dimensionHome .ds-hero-stage{min-height:390px}html[data-presentation=legacy] #dimensionHome .ds-play-panel{padding:23px 18px;min-height:500px;overflow:visible}html[data-presentation=legacy] #dimensionHome :is(.ds-page-workspace,.ds-heroes-workspace){padding:23px 16px}html[data-presentation=legacy] #dimensionHome>.ds-quick-links{padding:7px 12px 48px 12px;min-height:96px;align-items:flex-start}html[data-presentation=legacy] #dimensionHome .ds-live-note{display:none}html[data-presentation=legacy] #dimensionHome .ds-return-scene{font-size:9px;min-height:33px;padding:7px 8px}html[data-presentation=legacy] #dimensionHome .ds-hero-name{padding:12px;left:18px;right:18px;bottom:13px}html[data-presentation=legacy] #dimensionHome .ds-hero-name>strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){html[data-presentation=legacy] #dimensionHome *,html[data-presentation=legacy] #dimensionHome *:before,html[data-presentation=legacy] #dimensionHome *:after{animation:none!important;transition:none!important}}

/* Legacy play starts with a client-wide mode choice; hero/party prep follows confirmation. */
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>[data-custom-action=create]{margin-left:auto;border-left:1px solid #8b744b55}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>[data-custom-action]{color:#d5c598;font-size:10px}
html[data-presentation=legacy] #dimensionHome .legacy-mode-back{align-self:flex-start;min-height:34px;margin:0 0 14px;padding:6px 0;border:0;border-bottom:1px solid #8b744b77;border-radius:0;background:none;color:#9fc5cb;font:600 10px/1.5 system-ui;letter-spacing:.06em;box-shadow:none}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-modes{grid-template-columns:minmax(0,1fr)}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-hall{display:block;padding:0;overflow:hidden}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-hero-stage{display:none}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;height:100%;min-height:0;padding:24px clamp(20px,3vw,54px) 20px;border:0;overflow:auto;background:linear-gradient(100deg,#071521f2,#0b2531cb),url('/assets/interface/weltenpark-main-v1.png') center/cover no-repeat;scrollbar-width:thin;scrollbar-color:#7b704e #081a26}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-panel-kicker{flex:none;margin:0 0 7px;color:#8eaab5;font-size:9px;letter-spacing:.16em}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel>h2{flex:none;margin:0 0 15px;color:#d7c7a0;font:400 27px/1.3 Georgia,serif}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes{display:grid;grid-template-columns:repeat(var(--mode-count,4),minmax(0,1fr));flex:none;width:100%;gap:0;margin:0;padding:0;border-bottom:1px solid #a68b5780}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:270px;margin:0;padding:32px 15px 29px;border:0;border-right:1px solid #7b72543b;border-bottom:3px solid transparent;border-radius:0;background:linear-gradient(0deg,#081d2944,transparent);color:#d8c8a0;text-align:center;box-shadow:none;overflow:visible}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button:last-child{border-right:0}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button:hover{background:linear-gradient(0deg,#36849820,transparent 90%)}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button[aria-pressed=true]{border-bottom-color:#b8d1ba;background:radial-gradient(ellipse at 50% 40%,#259bb727,transparent 70%),linear-gradient(0deg,#17607924,transparent 90%);box-shadow:none}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button[aria-pressed=true]:after{content:'';position:absolute;left:calc(50% - 5px);right:auto;top:auto;bottom:-7px;width:10px;height:10px;background:#d4c18a;border:0;border-radius:0;transform:rotate(45deg);box-shadow:0 0 13px #e0d6ab44}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:10px 0 30px;color:#d8c28e;font:400 47px/1 Georgia,serif;filter:drop-shadow(0 0 13px #1b839040)}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon:before{content:'';position:absolute;inset:7px;border:2px solid #b39b65;transform:rotate(45deg);box-shadow:inset 0 0 0 4px #091d2a,0 0 0 3px #6f70494d;pointer-events:none}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon:after{content:'';position:absolute;inset:15px;border:1px solid #c4b27955;transform:rotate(45deg);pointer-events:none}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button[aria-pressed=true] .ds-mode-icon{color:#8dd2d3;filter:drop-shadow(0 0 18px #36c8dd66)}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button strong{order:3;max-width:100%;color:#dfcea4;font:600 clamp(22px,1.75vw,34px)/1.25 Georgia,serif;text-transform:uppercase;letter-spacing:.025em;overflow-wrap:normal;hyphens:auto}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button small{order:2;margin-bottom:9px;color:#b4b897;font:600 11px/1.5 system-ui;overflow-wrap:anywhere}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{flex:none;width:calc(100% / var(--mode-count,4));min-width:0;max-width:none;margin:0 0 18px calc(var(--selected-mode-index,0) * (100% / var(--mode-count,4)));padding:22px 13px 12px;border:0;color:#c5d0cb;font:13px/1.8 system-ui}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-selected-mode{display:block;margin-bottom:6px;color:#e5d2a8;font:400 19px/1.4 Georgia,serif}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-selected-spec{display:block;margin-bottom:11px;color:#92b8c0;font:10px/1.5 system-ui}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail p{margin:0 0 14px;color:#c8d3d1}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail>small{display:block;padding-top:12px;border-top:1px solid #8b744b55;color:#aeac8e;font-size:11px}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-primary-start{align-self:center;flex:none;width:min(330px,100%);min-height:52px;margin-top:auto;padding:12px 25px;font-size:20px}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-secondary-actions{align-self:center;flex:none;width:min(450px,100%);justify-content:center;margin-top:12px}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-secondary-actions>button{min-height:34px;padding:6px 12px;font-size:10px;background:#091f2c99}
@media(min-width:1900px){html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{min-height:330px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon{width:114px;height:114px;font-size:58px;margin-bottom:37px}}
@media(max-width:1000px){html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{min-height:230px;padding:24px 10px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon{width:78px;height:78px;font-size:37px;margin-bottom:23px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button strong{font-size:22px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button small{font-size:10px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{width:min(600px,100%);margin-left:0;padding-left:4px;padding-right:4px}}
@media(max-width:650px){html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel{padding:20px 16px;min-height:0}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{min-height:211px;padding:22px 10px 18px;border-bottom:1px solid #7b725450}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button[aria-pressed=true]{border-bottom:3px solid #b8d1ba}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button strong{font-size:21px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button small{font-size:9px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{margin-bottom:10px;font-size:12px}}

html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-mode-actions{position:sticky;bottom:-20px;z-index:4;display:flex;flex-direction:column;align-items:center;flex:none;align-self:stretch;gap:0;margin-top:auto;padding:13px 12px 9px;border-top:1px solid #8b744b4d;background:linear-gradient(180deg,#091d29f7,#071621);box-shadow:0 -13px 25px #071621a6}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-mode-actions>.ds-primary-start{margin-top:0}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-mode-actions>.ds-secondary-actions{margin-top:9px}
@media(max-height:900px) and (min-width:651px){html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel{padding-top:17px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel>h2{margin-bottom:9px;font-size:24px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{min-height:210px;padding:20px 12px 17px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon{width:76px;height:76px;margin:4px 0 20px;font-size:39px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button strong{font-size:25px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{padding-top:17px;padding-bottom:8px;margin-bottom:10px}}

/* Actual group preparation: a selected-mode path, personal banner and real ready/start actions. */
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hall{grid-template-rows:auto minmax(0,1fr);row-gap:15px}
html[data-presentation=legacy] #dimensionHome .legacy-preparation-path{grid-column:1/-1;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:0 0 14px;border-bottom:1px solid #8b744b66;min-width:0}
html[data-presentation=legacy] #dimensionHome .legacy-preparation-path>button{flex:none;padding:8px 12px;border:1px solid #8b744b77;border-radius:0;background:#0b2432;color:#c7d1bd;font:600 10px/1.5 system-ui;letter-spacing:.04em}
html[data-presentation=legacy] #dimensionHome .legacy-preparation-path>strong{min-width:0;color:#e2d0a6;font:400 17px/1.3 Georgia,serif;overflow-wrap:anywhere}
html[data-presentation=legacy] #dimensionHome .legacy-preparation-path>small{margin-left:auto;color:#94b0bb;font:10px/1.5 system-ui}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-stage{grid-row:2}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel{grid-row:2}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-stage:before{inset:0 27% 11%;border:0;border-left:1px solid #b8a16b66;border-right:1px solid #b8a16b66;border-radius:0;background:linear-gradient(180deg,#163b4a88,#081b27bb 68%,#07131fe6);clip-path:polygon(0 0,100% 0,100% 92%,50% 100%,0 92%);transform:none;opacity:1;pointer-events:none}
html[data-presentation=legacy] #dimensionHome .legacy-party-identity{display:block;flex-basis:100%;color:#e5d5af;font:600 12px/1.4 Georgia,serif;letter-spacing:.035em;overflow-wrap:anywhere}
html[data-presentation=legacy] #dimensionHome .legacy-party-readiness{display:inline-block;flex-basis:100%;color:#8cabb5;font:600 8px/1.4 system-ui;letter-spacing:.13em}
html[data-presentation=legacy] #dimensionHome .legacy-party-readiness[data-ready=true]{color:#9bd8bb}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-name{border-top:2px solid #af9564;background:linear-gradient(140deg,#0f2b38f2,#071822f7);box-shadow:0 8px 30px #0006}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:86px;min-height:137px;padding:13px 6px 18px;border:1px solid #9e8b5b80;border-radius:0;background:linear-gradient(180deg,#173c4ba6,#081824df);clip-path:polygon(0 0,100% 0,100% 92%,50% 100%,0 92%);box-shadow:inset 0 1px #e7d9ae22;z-index:5}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat>b{width:32px;height:32px;min-width:32px;border:1px solid #b29c67aa;background:#0d2b3cbb;color:#e5d2a0;font:400 23px/1 Georgia,serif;box-shadow:none}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat>strong{font:400 12px/1.3 Georgia,serif;color:#dbcba6;max-width:100%;overflow-wrap:anywhere}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat>small{font:9px/1.5 system-ui;color:#9eb9c2;max-width:100%;overflow-wrap:anywhere}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat[data-occupied=true]{opacity:1;filter:none;background:linear-gradient(180deg,#17445185,#081824c7)}
html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat[data-ready=true]{border-color:#99c5a5}
html[data-presentation=legacy] #dimensionHome :is(.legacy-lobby-actions,.legacy-preparation-actions){position:sticky;bottom:-24px;z-index:5;display:flex;flex-direction:column;align-items:stretch;flex:none;gap:9px;margin-top:auto;padding:14px 0 12px;border-top:1px solid #8b744b55;background:linear-gradient(180deg,#0a202cf5,#071721);box-shadow:0 -12px 23px #07172199}
html[data-presentation=legacy] #dimensionHome :is(.legacy-lobby-actions,.legacy-preparation-actions)>.ds-primary-start{width:100%;flex:none;margin-top:0;min-height:54px;font-size:21px}
html[data-presentation=legacy] #dimensionHome .legacy-lobby-actions>.ds-lobby-ready{margin:0;min-height:40px;border-radius:0;border:1px solid #88764f;background:#13303b;color:#d3dabd;font:600 11px/1.4 system-ui}
html[data-presentation=legacy] #dimensionHome :is(.legacy-lobby-actions,.legacy-preparation-actions)>.ds-secondary-actions{margin-top:0}
@media(max-width:1000px){html[data-presentation=legacy] #dimensionHome .legacy-preparation-path>small{display:none}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat{width:74px;min-height:124px;padding-left:4px;padding-right:4px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat>strong{font-size:11px}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-party-seat>small{font-size:8px}}
@media(max-width:760px){html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hall{grid-template-rows:auto 390px auto}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-stage{grid-row:2}html[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel{grid-row:3}html[data-presentation=legacy] #dimensionHome .legacy-preparation-path{gap:9px;padding-bottom:11px}html[data-presentation=legacy] #dimensionHome .legacy-preparation-path>strong{font-size:15px}html[data-presentation=legacy] #dimensionHome .legacy-preparation-path>button{font-size:9px}html[data-presentation=legacy] #dimensionHome :is(.legacy-lobby-actions,.legacy-preparation-actions){position:relative;bottom:auto}}

/* The lobby chat is the existing live node, docked only while this rail is visible. */
html[data-presentation=legacy] #dimensionHome .legacy-communications-host{min-width:0;max-width:100%;flex:none}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host>.comm-panel{position:static;inset:auto;width:100%;min-width:0;max-width:100%;max-height:none;margin:8px 0;z-index:auto;overflow:hidden;box-sizing:border-box}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-heading{padding:7px 6px;gap:5px;min-width:0}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-heading>select{min-width:0;max-width:100%;padding:6px 4px;font-size:10px}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-body{padding:8px;max-height:min(360px,calc(100dvh - 350px));overflow:auto}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-messages{height:76px;font-size:10px}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-form{min-width:0}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-form>input{min-width:0;padding:7px 5px;font-size:10px}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-voice-row{flex-wrap:wrap}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-voice-row>button{flex:1 1 100%;min-width:0;max-width:100%;white-space:normal;padding:7px 5px;font-size:9px}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-pings{gap:3px}
html[data-presentation=legacy] #dimensionHome .legacy-communications-host .comm-pings>button{min-width:0;padding:5px 3px}
html[data-presentation=legacy] #dimensionHome .ds-party-status{display:none}
html[data-presentation=legacy] #dimensionHome .legacy-preparation-count{flex:none;padding:5px 8px;border:1px solid #8b744b66;color:#c8d1b7;background:#0e2b37;font:600 9px/1.5 system-ui;white-space:nowrap}

/* Legacy is permanent: the utility row no longer reserves room for an appearance picker. */
/* Client polish: fixed stages, compact catalogues and travelling menu energy. */
.client-transition-fx{position:absolute;inset:0;z-index:15;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 25%,#74edfa18 46%,#eddb9a22 49%,transparent 55%);mix-blend-mode:screen}
.client-nav-icon{display:inline-block;margin-right:7px;font:21px/1 Georgia;vertical-align:-2px;color:#b5c8c5}
.client-home-channels{display:none}.client-home-energy{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
.client-home-energy i{position:absolute;left:calc(52% + var(--mote)*5%);top:calc(16% + var(--mote)*7%);width:3px;height:3px;border-radius:50%;background:#baf5f4;box-shadow:0 0 14px 4px #69d9e84d;animation:client-mote-drift calc(8s + var(--mote)*1.7s) ease-in-out infinite;animation-delay:calc(var(--mote)*-.9s)}
html[data-presentation=legacy] #dimensionHome button{position:relative;isolation:isolate}
html[data-presentation=legacy] #dimensionHome button.client-energy-active:before{content:'';position:absolute;inset:-1px;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 15%,#a8f7ff99 48%,#fff5dba6 50%,transparent 76%);animation:client-energy-sweep .65s cubic-bezier(.15,.7,.2,1) both;mix-blend-mode:screen}
html[data-presentation=legacy] #dimensionHome .client-nav-icon{transition:transform .25s,color .25s,filter .25s}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button:hover .client-nav-icon,html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button[aria-current=page] .client-nav-icon{color:#b4f4f3;filter:drop-shadow(0 0 7px #4dcddd);transform:translateY(-2px)}
html[data-presentation=legacy] #dimensionHome .ds-mode-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #58cfe244)}
.client-mode-pager{display:flex;align-items:center;justify-content:center;gap:15px;min-height:32px;color:#9db8c3;font:11px system-ui}
.client-mode-pager button{width:36px;height:30px;border:1px solid #8b744b88;background:#102c39;color:#dfd5ae;font-size:23px;line-height:1}
.client-mode-pager button:disabled{opacity:.3}.client-mode-pager[data-single=true]>button{visibility:hidden}
.client-mode-heading>h2{margin:5px 0 0;color:#edddba;font:400 28px/1.2 Georgia,serif}.client-mode-type{font:700 9px system-ui;letter-spacing:.18em;color:#8ccbd1}.client-mode-return{display:block;margin-top:15px;font-size:11px;color:#9fb5ba}.client-mode-summary{color:#b7cbc9;font:10px/1.4 system-ui;letter-spacing:.05em}
html[data-presentation=legacy] #dimensionHome .legacy-friends-host{order:1;display:flex;flex:1;min-height:0;min-width:0}
@media(min-width:1000px){
html:not([data-device-layout=mobile])[data-presentation=legacy] body #dimensionHome{grid-template-rows:74px 44px minmax(0,1fr) 42px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome>.ds-header{padding:8px 18px;gap:10px;flex-wrap:nowrap;align-content:normal}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav{order:1;flex-basis:auto;height:auto;gap:4px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .ds-header-tools{margin-left:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .ds-brand{min-height:52px;max-width:181px;padding:5px 10px 5px 51px;background-size:43px 49px;font:700 18px/1.08 Georgia,serif;letter-spacing:.08em;text-shadow:0 2px 1px #000,0 0 18px #dfbb7526;filter:drop-shadow(0 0 7px #71cde517);transition:filter .25s,transform .25s}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .ds-brand:hover{filter:drop-shadow(0 0 12px #70e8e855);transform:translateY(-1px)}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{padding:10px 12px;font-size:12px;min-height:48px;overflow:hidden}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>[data-legacy-page=play]{margin-right:9px;min-width:126px;align-self:center;min-height:44px;border:1px solid #8bd3d9;background:linear-gradient(130deg,#104450,#146676 55%,#102c3c);box-shadow:inset 0 0 0 3px #071a28,0 0 22px #61d5d71a;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);padding-right:24px;color:#f1e4bf;letter-spacing:.08em}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>[data-legacy-page=play]:hover{background:linear-gradient(130deg,#1a6375,#1991a0,#173f55);box-shadow:inset 0 0 0 2px #b7ece6,0 0 22px #9beff344}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-context-nav{overflow:visible;gap:1px;padding:0 20px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-context-nav>button{padding:9px 13px;font-size:10px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome>.ds-stage{grid-template-columns:minmax(0,1fr) 224px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=scene]>.ds-stage{grid-template-columns:minmax(0,1fr)}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome:not([data-page=scene]) .legacy-social-access{display:flex;padding:17px 12px 10px;gap:12px;overflow:hidden}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-social-heading{order:0;flex:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-social-heading .legacy-social-invite{display:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-social-access>:is(.legacy-social-identity,.legacy-social-friends,h2,.legacy-social-group,.legacy-social-link,.legacy-social-future){display:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-communications-host{order:2;max-height:45%;overflow:auto}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome>.ds-quick-links{min-height:42px;height:42px;padding:5px 18px;box-sizing:border-box}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home{grid-template-columns:155px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 100px;padding:18px;gap:14px;overflow:hidden}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channels{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;gap:6px;padding-top:20px;border-right:1px solid #8b744b4d}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px 10px;border:0;border-left:2px solid transparent;background:transparent;color:#a7b9be;text-align:left}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel>span{font:22px Georgia;color:#bca874}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel>strong{font:600 11px/1.5 Georgia,serif;letter-spacing:.03em}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel[aria-pressed=true]{color:#f0dfb6;border-left-color:#8ae0df;background:linear-gradient(90deg,#3993a027,transparent)}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature{grid-column:2;grid-row:1;min-height:0;background-position:center 43%}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature[data-story=heroes]{background-image:url('/assets/interface/heldenhof-v1.png')}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature[data-story=collection]{background-image:url('/assets/wunderpfad/wunderinsel-v1.png')}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy{box-sizing:border-box;min-height:0;height:100%;max-width:580px;padding:clamp(23px,3vw,50px)}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:clamp(35px,3.2vw,62px);margin:18px 0 14px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy p{font-size:12px;line-height:1.7;max-width:350px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-actions{margin-top:21px;gap:9px;flex-wrap:nowrap}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-action-primary{min-height:44px;padding:10px 27px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-action-secondary{min-height:44px;padding:10px 13px;font-size:10px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-links{grid-column:2;grid-row:2;gap:10px;min-height:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card{min-height:0;padding:12px 16px;gap:5px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card strong{font-size:17px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card>span{display:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel{display:grid;grid-template-columns:minmax(0,1fr) clamp(230px,24%,320px);grid-template-rows:53px minmax(0,1fr) 64px;gap:14px 22px;padding:20px 26px 12px;box-sizing:border-box;overflow:hidden}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-mode-heading{grid-column:1;grid-row:1;align-self:center}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-mode-catalogue{grid-column:1;grid-row:2;display:grid;grid-template-rows:minmax(0,1fr) 34px;gap:8px;min-height:0;min-width:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-content:start;gap:10px;border:0;min-height:0;max-height:400px;align-self:start;height:100%}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel[data-mode-count="1"] .ds-modes,html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel[data-mode-count="2"] .ds-modes{grid-template-rows:minmax(0,1fr);max-height:210px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 10px;align-content:center;align-items:center;justify-items:start;min-height:0;height:100%;padding:17px 13px;border:1px solid #8b744b70;background:linear-gradient(140deg,#14303fc7,#081b28eb);overflow:hidden;text-align:left;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button:hover{transform:translateY(-2px);border-color:#aadbe0;box-shadow:0 0 24px #58d8e218,inset 0 0 25px #67d4da0d}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button[aria-pressed=true]{border-color:#86d9d7;background:linear-gradient(140deg,#1a4e5dda,#0d293beb);box-shadow:inset 3px 0 #86e7e6,0 0 22px #45a5bd18}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button:after{display:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon{grid-column:1;grid-row:1 / 3;width:42px;height:46px;font-size:25px;margin:0;color:#d6c28c}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon:before,html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-icon:after{display:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button strong{grid-column:2;grid-row:1;order:0;font:400 clamp(16px,1.35vw,23px)/1.2 Georgia,serif;text-transform:none;overflow-wrap:anywhere;hyphens:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button small{grid-column:2;grid-row:2;order:0;margin:0;font:10px/1.6 system-ui;color:#a4bfc5}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:auto;min-width:0;min-height:0;margin:0;padding:24px;border:1px solid #8b744b60;background:radial-gradient(ellipse at 50% 0,#31819622,transparent 75%),#071a27bd;font:13px/1.7 system-ui;box-sizing:border-box}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail>.ds-mode-icon{flex:none;align-self:center;width:72px;height:74px;margin:15px 0 18px;color:#a2dedb}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-selected-mode{margin:0 0 9px;font:400 26px/1.18 Georgia,serif}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-selected-spec{margin-bottom:15px;font:11px/1.5 system-ui}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail>p{font-size:12px;line-height:1.7;margin-bottom:15px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-mode-actions{grid-column:1 / -1;grid-row:3;position:static;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin:0;padding:12px 0 0;border-top:1px solid #8b744b60;background:none;box-shadow:none;min-height:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-mode-actions>.ds-primary-start{min-height:46px;width:265px;margin:0;padding:9px 16px;font-size:17px;letter-spacing:.04em}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-mode-actions>.ds-secondary-actions{width:auto;margin:0;justify-self:end}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.legacy-mode-back{display:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-modes{flex:0 0 auto;overflow:visible;min-height:0;padding:0;margin:12px 0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-modes>button{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;min-height:96px;padding:17px;gap:6px 13px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-modes .ds-mode-icon{grid-column:1;grid-row:1/3;align-self:center;justify-self:center;margin:0;font-size:28px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-modes strong{grid-column:2;grid-row:1;font-size:24px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-modes small{grid-column:2;grid-row:2}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-preparation-actions{position:static;bottom:auto;box-shadow:none}
}
@media(min-width:1000px) and (max-height:850px){
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hall{padding:14px;gap:10px 16px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel){padding:17px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>h2{font-size:25px;margin-bottom:8px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-mode-detail{padding:4px 0;margin:0;font-size:11px;line-height:1.5}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-preparation-actions{gap:6px;padding:9px 0 0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-preparation-actions>.ds-primary-start{min-height:45px;font-size:18px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-name{grid-template-columns:1fr auto 1fr;padding:10px;gap:4px 6px;bottom:10px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .legacy-party-identity{grid-column:1/3;grid-row:1;font-size:10px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .legacy-party-readiness{grid-column:3;grid-row:1;font-size:7px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-name>strong{grid-row:2;font-size:27px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-name>small{grid-row:3;font-size:10px;margin:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-role{grid-row:4;padding:3px 9px;font-size:10px;min-height:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-change-hero{grid-column:1;grid-row:5}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-skill-preview{grid-column:2;grid-row:5;gap:3px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-auxiliary{grid-column:3;grid-row:5}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-name button{min-height:32px;padding:5px;font-size:8px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-hero-canvas{bottom:170px;height:calc(100% - 170px);min-height:0}
}
@media(min-width:1000px) and (max-height:650px){
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>:is(h2,.ds-panel-kicker){display:none}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-modes{margin:0 0 8px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-modes>button{min-height:78px;padding:12px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=prepare] .ds-play-panel:not(.ds-lobby-panel)>.ds-mode-detail p{margin:4px 0}
}
@media(min-width:1000px) and (max-width:1450px){html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>[data-legacy-page]:not([data-legacy-page=play]):not([data-legacy-page=home]) .client-nav-label{display:none}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{min-width:43px;padding:8px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-nav-icon{margin-right:0}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>[data-legacy-page=play]{min-width:117px;padding-right:22px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .ds-brand{max-width:162px;font-size:16px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home{grid-template-columns:125px minmax(0,1fr)}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel{padding-left:8px;gap:7px}}
@media(min-width:1000px) and (max-height:740px){html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home{grid-template-rows:minmax(0,1fr) 100px;padding:14px;gap:10px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy{padding:22px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:37px;margin:12px 0}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy p{font-size:11px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-actions{margin-top:15px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card{padding:10px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card strong{font-size:15px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel{padding:14px 20px 10px;grid-template-rows:42px minmax(0,1fr) 59px;gap:10px 16px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{padding:17px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail>.ds-mode-icon{width:45px;height:45px;margin:7px 0 12px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .legacy-selected-mode{font-size:23px}}
@media(min-width:1000px) and (max-height:650px){html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy p{display:none}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:32px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail>.ds-mode-icon{display:none}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail>p{font-size:11px;line-height:1.5}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-mode-return{margin-top:8px;font-size:10px}}
@media(max-width:999px){.client-mode-catalogue{min-height:0}.client-mode-heading{margin-bottom:10px}html[data-presentation=legacy] #dimensionHome .client-mode-pager{margin:10px 0}html[data-presentation=legacy] #dimensionHome .ds-mode-detail>.ds-mode-icon{width:44px;height:44px;margin-bottom:8px}html[data-presentation=legacy] #dimensionHome .client-mode-summary{margin-bottom:9px}}
@media(min-width:1000px) and (max-width:1180px){
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome>.ds-stage{grid-template-columns:minmax(0,1fr) 200px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=scene]>.ds-stage{grid-template-columns:minmax(0,1fr)}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel{grid-template-columns:minmax(0,1fr) 210px;column-gap:12px;padding-inline:14px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:4px;justify-items:center;text-align:center;padding:8px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button>.ds-mode-icon{grid-column:1;grid-row:1;width:27px;height:28px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button>strong{grid-column:1;grid-row:2;font-size:16px;overflow-wrap:normal}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button>small{grid-column:1;grid-row:3;font-size:9px;line-height:1.4}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-mode-actions .client-mode-summary{font-size:9px}
}
html[data-device-layout=mobile] #dimensionHome .client-nav-icon{display:none}
@keyframes client-energy-sweep{0%{opacity:0;clip-path:polygon(0 0,5% 0,0 100%,0 100%)}20%{opacity:1}100%{opacity:0;clip-path:polygon(95% 0,100% 0,100% 100%,80% 100%)}}
@keyframes client-mote-drift{0%,100%{opacity:.15;transform:translate3d(0,0,0)}50%{opacity:.8;transform:translate3d(-18px,-36px,0)}}
@media(prefers-reduced-motion:reduce){.client-home-energy i{animation:none!important}.client-transition-fx{display:none}html[data-presentation=legacy] #dimensionHome button.client-energy-active:before{animation:none!important;background:none}html[data-presentation=legacy] #dimensionHome button{transition:none!important}}
@media(max-width:760px){html[data-layout=dimensions][data-presentation=legacy] body #dimensionHome{grid-template-rows:112px 43px minmax(0,1fr) 52px}html[data-presentation=legacy] #dimensionHome>.ds-quick-links{padding:7px 12px;min-height:52px;align-items:center;justify-content:flex-start}}

/* Sternenkompass: original FantasyArena identity, sharing the live client routes. */
html[data-layout=dimensions][data-presentation=legacy] body #dimensionHome{
 --legacy-ink:#100f25;--legacy-panel:#191a36;--legacy-line:#8c79a1;--legacy-gold:#f3d79b;--legacy-text:#f8f0e6;--legacy-muted:#b4aecb;--legacy-cyan:#79e6f1;
 background:var(--legacy-ink);color:var(--legacy-text);--ds-pale:var(--legacy-text);
}
html[data-presentation=legacy] #dimensionHome>.ds-header{
 background:radial-gradient(ellipse at 18% 0,#72548938,transparent 58%),linear-gradient(110deg,#22203d,#111126 78%);
 border-bottom:1px solid #d6b28266;box-shadow:0 3px 25px #09071c90,inset 0 1px #f9dcaa22;
}
html[data-presentation=legacy] #dimensionHome .ds-brand{color:#ffe8b8;text-shadow:0 2px 2px #090818,0 0 22px #dba4df33;border-right-color:#d2a4bc44}
html[data-presentation=legacy] #dimensionHome .client-nav-icon,
html[data-presentation=legacy] #dimensionHome .client-tool-icon,
html[data-presentation=legacy] #dimensionHome .client-story-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:27px;height:29px;color:var(--legacy-gold);vertical-align:middle;filter:drop-shadow(0 2px 2px #08051977)}
html[data-presentation=legacy] #dimensionHome :is(.client-nav-icon,.client-tool-icon,.client-story-icon) svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{color:#d7c9df;isolation:isolate;transition:background .2s,color .2s,box-shadow .2s}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button:hover{color:#fff3d1;background:linear-gradient(0deg,#a78bd62a,transparent);box-shadow:inset 0 -1px #bda7e777}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button[aria-current=page]{color:#fff2c9;background:radial-gradient(ellipse at 50% 120%,#bc90e84d,transparent 80%)}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button[aria-current=page]:after{bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ffe7af,#abedf2,transparent);box-shadow:0 0 17px #dab2ee88}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button:hover .client-nav-icon,
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button[aria-current=page] .client-nav-icon{color:#c7fbff;filter:drop-shadow(0 0 7px #93bbedaa);transform:translateY(-2px)}
html[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button.client-energy-active .client-nav-icon{animation:atlas-sigil-wake .65s ease-out}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>[data-legacy-page=play]{clip-path:none;border-radius:7px 18px 7px 7px;border-color:#cdb0cf;background:linear-gradient(120deg,#614264,#303c59);padding:10px 15px;box-shadow:inset 0 1px #ffe7cb66,inset 0 0 0 3px #17132a66,0 0 24px #c594e31c}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>[data-legacy-page=play]:hover{background:linear-gradient(120deg,#8b5d82,#42627a);box-shadow:inset 0 1px #fff3cf,inset 0 0 0 2px #ead3fa44,0 0 28px #b5a2ed4d}
html[data-presentation=legacy] #dimensionHome .ds-header-tools>button{display:inline-flex;align-items:center;gap:6px;border-color:#b69bc34d;border-radius:7px;background:linear-gradient(140deg,#36304e,#1a1b35);color:#f2d8a8;box-shadow:inset 0 1px #ffe8d115}
html[data-presentation=legacy] #dimensionHome .ds-header-tools>button>.client-tool-icon{display:inline-flex;width:22px;height:24px}
html[data-presentation=legacy] #dimensionHome .legacy-social-access{background:radial-gradient(ellipse at 0 0,#70518c24,transparent 70%),linear-gradient(165deg,#1c1931,#111327);border-left-color:#af91ba4d;color:#d4c7df}
html[data-presentation=legacy] #dimensionHome .legacy-social-heading{color:#f1d6a5}
html[data-presentation=legacy] #dimensionHome .ds-wallet{border-color:#aa8dba70;background:#121127;color:#ffe4ae;box-shadow:inset 0 0 12px #c396ce0a}
html[data-presentation=legacy] #dimensionHome .ds-account{border-left-color:#b09bc64d;color:#fff0d3}
html[data-presentation=legacy] #dimensionHome .ds-account strong{color:#fff0d3}
html[data-presentation=legacy] #dimensionHome .ds-account small{color:#a8dbd6}
html[data-presentation=legacy] #dimensionHome .ds-profile-avatar{background:radial-gradient(circle,#6c5283,#252640);border-color:#dbc295;box-shadow:0 0 0 3px #b18fe21a,inset 0 0 15px #cab3df25}
html[data-presentation=legacy] #dimensionHome .ds-settings{color:#e0c7ac}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav{background:linear-gradient(90deg,#191830,#15162c);border-bottom-color:#9984b04d;box-shadow:inset 0 -1px #b496ca09}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button{color:#b9b1cc;transition:color .18s,background .18s}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button:hover{color:#fff1d0;background:#ceaaec0c}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button[aria-current=page]{color:#ffe5af;background:linear-gradient(0deg,#c198e820,transparent)}
html[data-presentation=legacy] #dimensionHome .legacy-context-nav>button[aria-current=page]:after{background:linear-gradient(90deg,#e5bcff,#88e5ed);box-shadow:0 0 12px #bc90e577}
html[data-presentation=legacy] #dimensionHome>.ds-stage{background:radial-gradient(ellipse at 25% 0,#674d813b,transparent 60%),radial-gradient(ellipse at 95% 100%,#23505a33,transparent 50%),#111126}
html[data-presentation=legacy] #dimensionHome>.ds-quick-links{background:linear-gradient(90deg,#1e1b35,#131429);border-top-color:#b299bd4d;box-shadow:0 -8px 30px #100d2322}
html[data-presentation=legacy] #dimensionHome>.ds-quick-links>button{border-color:#a28ab269;border-radius:6px;background:#27243f;color:#ebd9c6}
html[data-presentation=legacy] #dimensionHome .ds-live-note{color:#bab1cb}
html[data-presentation=legacy] #dimensionHome .ds-stage>:is(.ds-page-workspace,.ds-heroes-workspace){background:radial-gradient(ellipse at 75% 0,#58467338,transparent 65%),linear-gradient(135deg,#201d38,#12142b);scrollbar-color:#9d88b8 #1a1730}
html[data-presentation=legacy] #dimensionHome :is(.ds-place-card,.ds-future-card,.ds-place-room){border-color:#9c84b354;background-color:#20213b;box-shadow:0 12px 32px #09071a33,inset 0 1px #f6d7ec0e}
html[data-presentation=legacy] #dimensionHome :is(.ds-page-heading>h1,.ds-page-heading h2){color:#f7dfb4}
html[data-presentation=legacy] #dimensionHome .ds-page-heading>small{color:#bda2dd}
html[data-presentation=legacy] #dimensionHome .ds-page-heading>p{color:#c1b8cf}
html[data-presentation=legacy] #dimensionHome button:focus-visible{outline:2px solid #b7f6f5;outline-offset:4px;box-shadow:0 0 18px #92dce74d}

/* A single panoramic stage instead of a second navigation sidebar. */
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home{
 grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 128px;padding:22px;gap:16px;overflow:hidden;
}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature{
 grid-column:1;grid-row:1;min-height:0;border:1px solid #e6b9dc69;border-radius:12px 36px 12px 12px;
 background-position:center 48%;box-shadow:0 15px 45px #07051966,inset 0 0 0 4px #d8afe305;
}
html[data-presentation=legacy] #dimensionHome .legacy-home-feature:before{background:linear-gradient(90deg,#161127ee,#201631d4 26%,#22183865 49%,#17112806 76%),linear-gradient(0deg,#111026bf,transparent 55%)}
html[data-presentation=legacy] #dimensionHome .legacy-home-feature:after{background:radial-gradient(ellipse at 77% 48%,#9afff82b,transparent 35%);box-shadow:inset 0 0 70px #10091e66;animation:atlas-portal-breathe 7s ease-in-out infinite alternate}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy{max-width:660px;padding:clamp(28px,3.4vw,68px);height:calc(100% - 88px);justify-content:center}
html[data-presentation=legacy] #dimensionHome .legacy-eyebrow{color:#c4e8e2;font-size:10px;letter-spacing:.2em;line-height:1.7}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:clamp(38px,3.6vw,76px);line-height:1.04;color:#fff0ce;letter-spacing:-.035em;text-shadow:0 3px 18px #140d2e88;font-weight:400;margin:20px 0 18px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy p{font-size:13px;line-height:1.8;max-width:335px;color:#e5d9ec;text-shadow:0 2px 4px #080817}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-actions{gap:10px;flex-wrap:wrap;margin-top:24px}
html[data-presentation=legacy] #dimensionHome :is(.legacy-action-primary,.ds-primary-start){position:relative;isolation:isolate;overflow:hidden;border:1px solid #ffe1a6;border-radius:7px;background:linear-gradient(120deg,#d39b66,#f5d394 48%,#dfb278);color:#2d1932;text-shadow:0 1px #fff3cc77;box-shadow:0 5px 0 #6c425833,0 0 28px #e9be7630,inset 0 1px #fff3ca;transition:transform .18s,box-shadow .18s,filter .18s}
html[data-presentation=legacy] #dimensionHome :is(.legacy-action-primary,.ds-primary-start):hover{filter:brightness(1.13);transform:translateY(-2px);box-shadow:0 7px 0 #6c425833,0 0 32px #eccca959,inset 0 1px #fff9d5}
html[data-presentation=legacy] #dimensionHome :is(.legacy-action-primary,.ds-primary-start):active{transform:translateY(1px);box-shadow:0 2px 0 #6c425833,0 0 20px #eccca930}
html[data-presentation=legacy] #dimensionHome .legacy-action-secondary{border-color:#d0a9d677;border-radius:6px;background:#27203d99;color:#f0deed;box-shadow:inset 0 1px #f2dcf116}
html[data-presentation=legacy] #dimensionHome .legacy-action-secondary:hover{border-color:#f8d6fc;background:#4a365b9c;box-shadow:0 0 20px #cca5ea2a}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channels{position:absolute;inset:auto auto 24px clamp(28px,3.4vw,68px);display:flex;flex-direction:row;gap:6px;border:1px solid #c7a4dd3d;border-radius:10px;padding:6px;max-width:calc(100% - 56px);background:#1b1739b8;backdrop-filter:blur(14px);z-index:2;box-shadow:0 8px 24px #08051b44}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel{position:relative;min-height:48px;min-width:90px;padding:8px 13px;gap:8px;border:1px solid transparent;border-radius:6px;color:#c0b8d2;background:transparent}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel>strong{font:500 11px/1.3 system-ui;letter-spacing:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel .client-story-icon{width:24px;height:26px;color:#bda7d1}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel:hover{color:#fff0cf;background:#c39fe118;border-color:#d3a5db36}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel[aria-pressed=true]{border-color:#cdaae866;background:linear-gradient(120deg,#6f4b7e66,#38516d44);color:#ffeac2;box-shadow:inset 0 1px #ecd2f330,0 0 15px #b185d01c}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel[aria-pressed=true] .client-story-icon{color:#a5f4ee;filter:drop-shadow(0 0 6px #7be9ef99)}
html[data-presentation=legacy] #dimensionHome .legacy-home-caption{font:10px/1.5 system-ui;color:#ffe4bd;letter-spacing:.04em;text-shadow:0 2px 5px #0e0b21;bottom:14px;right:20px}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-links{grid-column:1;grid-row:2;gap:14px;min-height:0}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card{position:relative;padding:17px 22px 15px 28px;border:1px solid #bba0bf66;border-radius:10px;min-height:0;background-color:#29213f;box-shadow:inset 0 1px #ffdfed16,0 10px 24px #09061a26;overflow:hidden;transform-origin:50% 100%;transition:transform .22s,border-color .22s,box-shadow .22s}
html[data-presentation=legacy] #dimensionHome .legacy-home-card:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,#d2a1e21c,transparent 45%);border-left:3px solid #c6a5eb99}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card:hover{transform:perspective(850px) translateY(-4px) rotateX(3deg);border-color:#d7c2e6;box-shadow:0 13px 28px #07051d66,inset 0 1px #fff4dd77,0 0 20px #aa87d326}
html[data-presentation=legacy] #dimensionHome .legacy-home-card small{color:#a9e6e5;font:600 9px/1.4 system-ui;letter-spacing:.14em}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card strong{font:400 clamp(17px,1.5vw,25px)/1.15 Georgia,serif;color:#ffe8bc}
html[data-presentation=legacy] #dimensionHome .legacy-home-card b{color:#dcc6e8;font:600 9px/1.5 system-ui;letter-spacing:.07em}
html[data-presentation=legacy] #dimensionHome .client-home-energy i{left:var(--mote-x);top:var(--mote-y);animation-duration:var(--mote-duration);animation-delay:var(--mote-delay);background:#d7fff7;box-shadow:0 0 13px 3px #a3d3f659}
html[data-presentation=legacy] #dimensionHome .client-home-energy i:nth-child(3n){width:2px;height:2px;background:#ffd6a0;animation-direction:reverse}
html[data-presentation=legacy] #dimensionHome .client-home-energy i:nth-child(2n){border-radius:0;transform:rotate(45deg);box-shadow:0 0 16px 3px #e0b1ef44}

/* Selection remains compact and paginated; depth never hides the actual mode. */
html[data-presentation=legacy] #dimensionHome .ds-play-panel{background:radial-gradient(ellipse at 20% 0,#684f7d3b,transparent 70%),#14152b;border-color:#a08aaa55}
html[data-presentation=legacy] #dimensionHome .ds-panel-kicker{color:#beabd3}
html[data-presentation=legacy] #dimensionHome .ds-play-panel h2{color:#f4dfbd}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{position:relative;border:1px solid #ad8dbb66;border-radius:10px;background:radial-gradient(ellipse at 0 0,#66508144,transparent 90%),linear-gradient(140deg,#2b2747,#18182f);box-shadow:inset 0 1px #ffe4f011,0 5px 18px #07051a33;isolation:isolate}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button:hover{border-color:#dfbee6;transform:perspective(850px) translateY(-3px) rotateX(3deg);background:radial-gradient(ellipse at 0 0,#986fac55,transparent 90%),linear-gradient(140deg,#403452,#22213d);box-shadow:0 0 30px #b18ddb20,inset 0 1px #fff0d540}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button[aria-pressed=true]{border-color:#dcbded;background:linear-gradient(120deg,#57385f,#2d314e);box-shadow:inset 3px 0 #a3efe9,0 0 26px #bb94dc26}
html[data-presentation=legacy] #dimensionHome .ds-modes>button strong{color:#f8e4c8}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button small{color:#c4bbd5}
html[data-presentation=legacy] #dimensionHome .ds-mode-icon{color:#f1ce94;filter:drop-shadow(0 2px 3px #0a071b)}
html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{border-color:#ab8abd55;border-radius:14px;background:radial-gradient(ellipse at 50% 0,#8e6ca94d,transparent 75%),#1b1932;box-shadow:inset 0 1px #fff0e112,0 14px 30px #07071933;color:#c8bfd7}
html[data-presentation=legacy] #dimensionHome .legacy-selected-mode{color:#ffe8b4}
html[data-presentation=legacy] #dimensionHome .legacy-mode-actions{border-top-color:#b599bb55}
html[data-presentation=legacy] #dimensionHome .ds-hero-stage{border-color:#b396bc66;background:radial-gradient(ellipse at 50% 38%,#9b7ba23b,transparent 58%),linear-gradient(135deg,#292541,#14152c)}
html[data-presentation=legacy] #dimensionHome .ds-hero-name{border-color:#b59abd66;background:linear-gradient(130deg,#28213fe8,#1e233ce8);box-shadow:0 14px 40px #09071977,inset 0 1px #ead1eb1c;backdrop-filter:blur(14px)}
html[data-presentation=legacy] #dimensionHome .ds-hero-name>strong{color:#ffe5b9}
html[data-presentation=legacy] #dimensionHome .ds-party-seat{color:#dfc4eb}
html[data-presentation=legacy] #dimensionHome .ds-party-seat:hover{filter:drop-shadow(0 0 12px #cba9ed88)}
html[data-presentation=legacy] #dimensionHome .client-transition-fx{background:linear-gradient(110deg,transparent 25%,#b7a6e72b 48%,#a5f4ec44 50%,transparent 70%)}
@keyframes atlas-portal-breathe{from{opacity:.45}to{opacity:1}}
@keyframes atlas-sigil-wake{0%{transform:scale(.8) rotate(-12deg);filter:drop-shadow(0 0 3px #fff)}45%{transform:scale(1.18) rotate(6deg);filter:drop-shadow(0 0 13px #affff5)}100%{transform:translateY(-2px)}}
@media(min-width:1000px) and (max-height:820px){
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home{padding:14px;gap:12px;grid-template-rows:minmax(0,1fr) 100px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy{padding:26px 30px;height:calc(100% - 72px)}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:clamp(32px,3vw,48px);margin:12px 0}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy p{font-size:11px;line-height:1.65}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-actions{margin-top:14px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channels{bottom:16px;left:30px;padding:4px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel{min-height:40px;padding:5px 10px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card{padding:13px 20px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card strong{font-size:19px}
 html[data-presentation=legacy] #dimensionHome .legacy-home-caption{display:none}
}
@media(min-width:1000px) and (max-width:1450px){html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channel{gap:6px;padding-inline:9px}html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:42px}}
@media(min-width:2200px){
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature[data-story]{--atlas-wide-art:url('/assets/interface/weltenpark-main-v1.png');background-image:none;background-color:#1b1430}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature[data-story=heroes]{--atlas-wide-art:url('/assets/interface/heldenhof-v1.png')}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature[data-story=collection]{--atlas-wide-art:url('/assets/wunderpfad/wunderinsel-v1.png')}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-feature:before{background:var(--atlas-wide-art) right center/auto 120% no-repeat;mask-image:linear-gradient(90deg,transparent 42%,#000 80%)}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy{max-width:900px;padding-inline:80px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy h1{font-size:90px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-copy p{font-size:16px;max-width:460px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-actions button{min-height:52px;padding-inline:25px;font-size:13px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .client-home-channels{left:80px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-primary-nav>button{font-size:14px;padding-inline:17px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome .legacy-home-card strong{font-size:28px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-play-panel{width:100%;max-width:2380px;margin-inline:auto;grid-template-columns:minmax(0,1fr) 380px;column-gap:30px;padding-inline:48px}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .client-mode-catalogue{grid-template-rows:minmax(260px,400px) 34px;align-content:center}
 html:not([data-device-layout=mobile])[data-presentation=legacy] #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{align-self:center;min-height:460px;max-height:640px}
}
@media(max-width:999px){html[data-presentation=legacy] #dimensionHome .legacy-home-feature{border-color:#c8a0c66b;border-radius:10px}html[data-presentation=legacy] #dimensionHome .legacy-home-copy p{color:#e2d8eb}html[data-presentation=legacy] #dimensionHome .legacy-home-card{border-color:#ad92b663;background-color:#24213d}}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome .legacy-primary-nav{background:linear-gradient(#29213e,#141429);border-top-color:#b9a0bd}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome .legacy-primary-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome .legacy-primary-nav>button:before{display:none}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome .legacy-primary-nav .client-nav-icon{display:inline-flex;width:24px;height:24px;margin:0}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome .legacy-home-feature:before{background:linear-gradient(90deg,#17112be8,#20182e66 85%),linear-gradient(0deg,#100d23dd,transparent 70%)}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button{border-color:#bc9fc16b;border-radius:8px;background:linear-gradient(140deg,#3b2c4cdd,#21233be8);box-shadow:inset 0 1px #f2d2ec12}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome[data-page=play][data-play-step=select] .ds-modes>button[aria-pressed=true]{border-color:#deb7e7;background:linear-gradient(125deg,#624164e8,#34445ddd);box-shadow:inset 2px 0 #a8eee8,0 0 18px #c39cde1c}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome[data-page=play][data-play-step=select] .ds-mode-detail{border-color:#bb9bc160;border-radius:8px;background:linear-gradient(135deg,#31263de8,#1f233ae8);color:#d9cde1}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome .legacy-context-nav{background:linear-gradient(100deg,#241e38,#14152a);border-color:#b99eb854}
html[data-layout=dimensions][data-device-layout=mobile][data-presentation=legacy] body #dimensionHome .ds-secondary-actions button{background:#2e2844;border-color:#b89ac077;color:#edddf0}
html[data-device-layout=mobile][data-presentation=legacy] .device-layout-standalone{bottom:calc(72px + env(safe-area-inset-bottom));left:10px;right:auto;max-width:calc(100vw - 175px)}
@media(prefers-reduced-motion:reduce){html[data-presentation=legacy] #dimensionHome :is(.legacy-home-feature,.client-nav-icon,.legacy-home-feature:after){animation:none!important}html[data-presentation=legacy] #dimensionHome :is(.legacy-home-card,.ds-primary-start,.legacy-action-primary,.ds-modes>button):hover{transform:none!important}html[data-presentation=legacy] #dimensionHome .client-home-channels{backdrop-filter:none}}