.site-header{position:absolute;z-index:20;top:env(safe-area-inset-top,0px);left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));max-width:1180px;margin-inline:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;font-family:Arial,Helvetica,sans-serif;color:#f6eee0}.site-header :is(a,button,select){touch-action:manipulation}.site-header :is(a,button,select):focus-visible,.site-language:focus-within{outline:2px solid #ffdf96;outline-offset:3px}.site-toolbar{display:flex;align-items:stretch;flex:none;margin-inline-start:auto;min-height:54px;background:linear-gradient(#19253ef0,#142139f7);border:1px solid #bb974d;box-shadow:0 0 0 1px #26364a}.site-nav{display:flex;align-items:stretch}.site-nav>a,.site-mobile-menu>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;font-size:14px;white-space:nowrap;text-decoration:none;color:#f6eee0}.site-header a[aria-current=page]{position:relative;background:linear-gradient(100deg,#152d52,#31538b 35%,#1a3966 72%,#294771);box-shadow:inset 0 0 0 1px #bc9953;font-weight:600}.site-header a[aria-current=page]:after{content:"";position:absolute;top:0;left:calc(50% - 6px);border:6px solid transparent;border-top-color:#dfbc73}.site-header .site-play{display:flex;align-items:center;justify-content:center;align-self:center;gap:8px;min-height:44px;margin:4px 8px;padding:8px 14px;border:1px solid #ffdfa0;border-radius:6px;background:linear-gradient(#ffdf88,#edc463 40%,#dca544 84%,#f9cf77);box-shadow:inset 0 0 0 2px #6d421855,inset 0 0 8px #fff4b688,0 2px 4px #0007;color:#211608;font-size:14px;font-weight:600;text-shadow:0 1px 0 #ffeab988;white-space:nowrap;clip-path:polygon(4% 0,96% 0,100% 22%,100% 78%,96% 100%,4% 100%,0 78%,0 22%);cursor:pointer}.site-play:hover{filter:brightness(1.1)}.site-play svg{width:16px;height:16px}.site-language{position:relative;display:flex;align-items:center;justify-content:center;min-width:76px;min-height:44px;gap:5px;padding:8px;font-size:12px;cursor:pointer}.site-language svg{width:18px;height:18px}.site-language select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.site-menu-toggle,.site-mobile-menu{display:none}.site-notice{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:12px 20px;border:1px solid #d5b16d;background:#13263c;border-radius:5px;opacity:0;pointer-events:none}.site-notice.visible{opacity:1}@media(max-width:900px){.site-header{gap:12px}.site-nav>a{padding-inline:14px}}@media(max-width:760px){.site-header{gap:12px}.site-nav{display:none}.site-menu-toggle{display:grid;place-items:center;width:44px;min-height:44px;margin:4px;padding:8px;background:#16334a;color:#ffdf96;border:1px solid #d5ad5b;border-radius:3px;cursor:pointer}.site-menu-toggle svg{width:24px;height:24px}.site-mobile-menu{display:flex;flex-direction:column;position:absolute;top:64px;right:0;width:min(320px,100%);max-height:calc(100svh - 80px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;padding:10px;background:#13263c;border:1px solid #d5b16d;border-radius:5px;box-shadow:0 5px 22px #0008}.site-mobile-menu>a{justify-content:flex-start}.site-mobile-menu .site-play{max-width:100%;white-space:normal;text-align:center}}.site-shell[data-v-81bce914]{position:relative;isolation:isolate}.site-shell--admin[data-v-81bce914]{color-scheme:light;background:#e9e5d9;min-height:100vh;padding:clamp(24px,6vh,68px) 0}.site-shell--admin[data-v-81bce914]:before{content:"";position:fixed;inset:0;z-index:-1;background:#e9e5d9 url(/assets/admin/castle-background.png) center / cover no-repeat;pointer-events:none}@media(max-width:650px){.site-shell--admin[data-v-81bce914]{padding:12px 0}}:root{font-family:Arial,Helvetica,sans-serif;color:#fff5cf;background:#092c3c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #fff4af;outline-offset:4px}button{border:0}svg{display:block;width:24px;height:24px;flex:none}button{touch-action:manipulation}p,h1{margin:0}.landing{position:relative;min-height:100svh;isolation:isolate;overflow:clip;background:#0b3041}.scenery{position:absolute;z-index:-2;inset:0;background-image:url(/assets/background-wide.webp);background-repeat:no-repeat;background-position:center top;background-size:3840px 1280px}.landing:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(0deg,#07263366,transparent 24%)}.scene{position:relative;max-width:1920px;height:100svh;min-height:524px;margin:0 auto}.button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;text-transform:uppercase;white-space:nowrap;transition:filter .16s,translate .16s}.button:hover,.feature-card:hover{filter:brightness(1.14)}.button:active,.feature-card:active{translate:0 1px}.button-gold{background:linear-gradient(#ffe986,#ffdc48 26%,#ffcd2e 64%,#e9a627);color:#042b3b;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);box-shadow:inset 0 0 0 2px #ffec8d,inset 0 -5px 5px #c2852955;border-radius:20px}select{background:#09354f;color:#fff;padding:7px;border:1px solid #7d9aa8;border-radius:3px}.hero-copy{position:absolute;z-index:3;left:max(38px,calc(50% - 565px));top:max(126px,calc(50% - 136px));max-width:550px}.eyebrow{font:12px Georgia,serif;letter-spacing:3px;text-transform:uppercase;color:#f3f5f5;text-shadow:0 1px 5px #022534}.hero-copy:before{content:"";position:absolute;z-index:-1;inset:-16px -30px -10px;background:radial-gradient(ellipse at 40% 45%,#002333d1,#00233399 42%,transparent 80%);filter:blur(8px);pointer-events:none}h1{font-family:Georgia,Times New Roman,serif;font-size:48px;line-height:.89;letter-spacing:-.8px;font-weight:700;text-transform:uppercase;margin-top:12px;color:#ffe18b;text-shadow:0 2px 2px #263222,0 0 14px #072f3977}h1 span,.hero-description span{display:block}.hero-description{font:700 18px/1.1 Georgia,Times New Roman,serif;letter-spacing:1px;text-transform:uppercase;margin-top:13px;color:#f1f3f5;text-shadow:0 2px 5px #031e30}.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px;width:216px;margin-top:12px;filter:drop-shadow(0 0 7px #ffc92a50)}.main-play{height:41px;min-height:44px;font-size:19px}.main-play svg{width:25px;height:25px}.button-blue{height:33px;min-height:44px;border:1px solid #3b8193;border-radius:8px;background:linear-gradient(100deg,#03243cef,#074966e8 52%,#012238f5);clip-path:polygon(4% 0,96% 0,100% 24%,100% 76%,96% 100%,4% 100%,0 76%,0 24%);color:#f4f7ff;font-size:12px;letter-spacing:.4px;box-shadow:inset 0 0 10px #0082a52b}.button-blue svg{width:24px;height:24px;position:absolute;left:18px}.button-blue span{padding-left:27px}.heroes-art{position:absolute;z-index:2;width:clamp(450px,40vw,650px);height:calc(100% - 130px);max-height:650px;object-fit:contain;object-position:center bottom;right:max(18px,calc(50% - 656px));bottom:70px;-webkit-mask-image:linear-gradient(#000 94%,transparent);mask-image:linear-gradient(#000 94%,transparent);pointer-events:none;filter:drop-shadow(0 6px 4px #051e2655)}.features{position:absolute;z-index:4;bottom:9px;left:50%;transform:translate(-50%);width:1312px;max-width:calc(100% - 36px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.feature-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:79px;padding:8px 8px 6px;background:linear-gradient(130deg,#073b53ed,#03283def 70%);border:1px solid #2d7083;color:#ffe39a;clip-path:polygon(4% 0,96% 0,100% 13%,100% 87%,96% 100%,4% 100%,0 87%,0 13%);box-shadow:inset 0 0 0 3px #052c43,inset 0 0 0 4px #3c667559,0 0 5px #062630;transition:filter .16s}.feature-card:after{content:"";position:absolute;inset:4px;border:1px solid #807a473d;clip-path:inherit;pointer-events:none}.feature-card svg{height:27px;width:33px;margin-bottom:5px;filter:drop-shadow(0 1px 2px #010b18)}.feature-title{font:700 14px/1.03 Georgia,serif;letter-spacing:.6px;text-transform:uppercase}.feature-description{margin-top:5px;font-size:9px;line-height:1.2;letter-spacing:1.1px;text-transform:uppercase;color:#b6d7e6}.decoration-note{position:absolute;z-index:1;color:#e6e9e2;font:italic 17px/1.05 cursive;text-align:center;text-shadow:0 1px 3px #122731;transform:rotate(-12deg)}.note-left{left:20px;top:275px}.note-right{right:28px;top:321px;background:#38434cad;padding:10px;transform:rotate(-7deg);border:3px ridge #77808080}.toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,12px);z-index:30;padding:12px 25px;background:#042a42f5;border:1px solid #d5b355;color:#ffe29a;box-shadow:0 4px 20px #0008;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%)}@media(min-width:1000px){.landing:not([data-locale=en]) h1{font-size:44px}}@media(max-width:1100px){.hero-copy{left:6.5%;max-width:50%}.heroes-art{left:auto;right:6%;width:47%}.note-left{left:10px}.note-right{right:8px}}@media(max-width:760px){.scene{min-height:432px}.hero-copy{top:106px;left:6.5%;max-width:58%}.eyebrow{font-size:6px;letter-spacing:1.6px}h1{font-size:32px;letter-spacing:-.4px;margin-top:6px;line-height:.86}.hero-description{font-size:12px;letter-spacing:.4px;margin-top:9px}.hero-actions{width:142px;gap:4px;margin-top:9px}.main-play{height:28px;font-size:13px;gap:4px}.main-play svg{width:17px;height:17px}.button-blue{height:25px;font-size:8px;letter-spacing:.2px}.button-blue svg{width:17px;height:17px;left:12px}.button-blue span{padding-left:18px}.heroes-art{right:5%;width:300px;height:300px;bottom:70px}.features{max-width:calc(100% - 40px);gap:5px;bottom:9px}.feature-card{min-height:66px;padding:6px 5px}.feature-card svg{width:25px;height:22px;margin-bottom:4px}.feature-title{max-width:80px;font-size:9px;line-height:1.04;letter-spacing:.4px}.feature-description{font-size:5px;letter-spacing:.6px;line-height:1.2;margin-top:4px}.note-left{left:16px;top:auto;bottom:90px;font-size:10px}.note-right{right:10px;top:auto;bottom:130px;font-size:11px;background:none;border:0;padding:0;color:#132f4b;text-shadow:0 1px 3px #fff}.landing:not([data-locale=en]) h1{font-size:28px}}@media(max-width:480px){.scene{min-height:436px}.hero-copy{left:5.2%;top:auto;bottom:103px;max-width:85%}.eyebrow{display:none}h1{font-size:27px;line-height:.86;margin:0;letter-spacing:-.5px}.hero-description{font-size:10px;line-height:1.12;letter-spacing:.15px;margin-top:8px}.hero-actions{width:136px;margin-top:8px;gap:4px}.main-play{height:30px;font-size:13px}.button-blue{height:26px;font-size:9px}.heroes-art{width:244px;height:250px;right:8%;bottom:70px}.features{max-width:calc(100% - 22px);gap:4px;bottom:8px}.feature-card{min-height:77px;padding:6px 3px 5px}.feature-card svg{width:25px;height:21px;margin-bottom:4px}.feature-title{font-size:8px;letter-spacing:.25px;max-width:68px}.feature-description{font-size:5.5px;line-height:1.2;letter-spacing:.35px;max-width:64px;margin-top:4px}.note-left{left:15px;top:104px;bottom:auto;font-size:11px}.note-right{right:11px;bottom:147px;font-size:11px}.landing:not([data-locale=en]) h1{font-size:23px}.landing:not([data-locale=en]) .hero-description{font-size:9px}.landing:not([data-locale=en]) .feature-title{font-size:7.5px}.landing[data-locale=de] h1,.landing[data-locale=fr] h1{font-size:22px}.landing[data-locale=de] .feature-title{font-size:6.5px}.landing[data-locale=fr] .button-blue{font-size:8px}}@media(max-width:360px){.heroes-art{right:2%;width:246px}.hero-copy{left:4.5%}h1{font-size:24px}.hero-actions{width:130px}.features{gap:3px;max-width:calc(100% - 14px)}.feature-title{font-size:7px}.feature-description{font-size:5px;letter-spacing:0}.landing:not([data-locale=en]) h1{font-size:21px}.landing:not([data-locale=en]) .feature-title{font-size:6.4px}.landing[data-locale=de] .feature-title{font-size:5.8px}}@media(min-height:600px)and (max-width:760px){.hero-copy{top:auto;bottom:135px}.heroes-art{bottom:70px;width:340px;height:390px;right:0}.features{bottom:18px}.feature-card{min-height:88px}.note-left{top:120px;bottom:auto}.note-right{bottom:185px}.scenery{background-position:50% top}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.royal-banner{position:absolute;z-index:1;right:22px;top:-31px;width:154px;height:318px;object-fit:fill;pointer-events:none;filter:drop-shadow(3px 5px 3px #00142755)}@media(max-width:1100px){.royal-banner{right:0}}@media(max-width:760px){.royal-banner{right:0;top:-23px;width:90px;height:218px}}@media(max-width:480px){.royal-banner{right:3px;top:-3px;width:86px;height:207px}}.feature-title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}@media(min-height:600px)and (max-width:760px){.heroes-art{width:300px;height:310px}.feature-title{max-width:100%}}@media(max-width:760px){.feature-title{max-width:100%}.features{bottom:max(9px,env(safe-area-inset-bottom,0px))}}@media(min-width:761px)and (max-width:999px){.hero-copy{top:118px}h1{font-size:42px}.hero-description{font-size:16px}}@media(max-width:360px){.landing[data-locale=en] .feature-title{font-size:6.3px}}@media(min-width:761px)and (max-width:1100px){.hero-copy{top:116px}.eyebrow{font-size:10px;letter-spacing:2px}.landing[data-locale] h1{font-size:clamp(32px,3.6vw,40px)}.hero-description{font-size:16px}}@media(min-width:1200px){.scene{min-height:720px}.hero-copy{left:max(38px,calc(50% - 610px));top:max(156px,calc(50% - 166px));max-width:440px}.heroes-art{left:calc(50% - 280px);right:auto;width:clamp(450px,38vw,560px)}.note-right{display:none}}@media(min-width:761px)and (max-width:1199px){.scene{min-height:740px}.hero-copy{top:max(256px,calc(50% - 134px));left:6.5%;max-width:52%}.heroes-art{max-height:calc(100% - 270px)}.note-left{top:180px}.note-right{display:none}.royal-banner{top:160px}}@media(max-width:760px){.scene{min-height:calc(680px + env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px))}.hero-copy{top:auto;bottom:calc(126px + env(safe-area-inset-bottom,0px))}.hero-actions{width:158px;gap:5px}.button-blue{font-size:10px}.button-blue span{width:100%;padding-inline:36px 6px;white-space:normal;text-align:center}.royal-banner{top:156px}.note-left{top:195px;bottom:auto}.note-right{display:none}.heroes-art{bottom:calc(70px + env(safe-area-inset-bottom,0px))}}