@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/chakra-petch-400.woff") format("woff");}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/chakra-petch-500.woff") format("woff");}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/chakra-petch-600.woff") format("woff");}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/chakra-petch-700.woff") format("woff");}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/rajdhani-500.woff") format("woff");}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/rajdhani-600.woff") format("woff");}
@font-face{font-family:"Rajdhani";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/rajdhani-700.woff") format("woff");}
@font-face{font-family:"Chakra Petch";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/chakra-petch-700-italic.woff") format("woff");}

/* NOVACOIL — nach der gelieferten 411 × 2047 px Vorlage.
   Desktop: dieselben Proportionen bis 1920 px Breite.
   Mobil: lesbare, einspaltige Anordnung ab 760 px.
   --u entspricht einem Pixel der ursprünglichen Vorlage. */
:root{color-scheme:dark;--bg:#08090b;--fg:#ece7d8;--muted:#a39d90;--gold:#ffb421}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Rajdhani",Arial,sans-serif}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}img{display:block;max-width:100%}svg{display:block}button,a{font:inherit}::selection{background:var(--gold);color:#08090b}
.page{width:100%;max-width:1920px;margin:auto;container-type:inline-size;overflow:hidden;background:#08090b}
.canvas{--u:calc(100cqw / 411);height:calc(2047 * var(--u));position:relative;font-size:calc(6.2 * var(--u));line-height:1.5;background:radial-gradient(ellipse calc(145 * var(--u)) calc(190 * var(--u)) at 82% 6%,#bd700015,transparent 80%),radial-gradient(ellipse calc(150 * var(--u)) calc(150 * var(--u)) at 7% 32%,#a34d0017,transparent 75%),radial-gradient(ellipse calc(180 * var(--u)) calc(140 * var(--u)) at 91% 55%,#006a7014,transparent 78%),radial-gradient(circle,#bca9780c calc(.42 * var(--u)),transparent calc(.7 * var(--u)));background-size:auto,auto,auto,calc(10 * var(--u)) calc(10 * var(--u))}
.panel{position:absolute;left:0;top:calc(var(--top) * var(--u));width:100%;height:calc(var(--height) * var(--u));isolation:isolate}
.loc{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u))}
.eyebrow{color:var(--gold);font-family:"Rajdhani",sans-serif;font-weight:700;font-size:calc(4.5 * var(--u));letter-spacing:calc(1.6 * var(--u));line-height:1.4;text-transform:uppercase}
h1,h2,h3{font-family:"Chakra Petch",Arial,sans-serif;line-height:1.2;font-weight:700}h2{font-size:calc(15.3 * var(--u));letter-spacing:calc(-.26 * var(--u))}h3{font-size:calc(7 * var(--u));letter-spacing:calc(-.08 * var(--u))}p{color:var(--muted)}em,.gold{font-style:normal;color:var(--gold)}.copy h2{margin:calc(3.4 * var(--u)) 0 calc(5.4 * var(--u))}.copy p{font-size:calc(6.3 * var(--u));line-height:1.5}
.wordmark{transform:scaleX(1.2);transform-origin:left center;display:inline-flex;align-items:baseline;white-space:nowrap;font-family:"Chakra Petch",Arial,sans-serif;font-weight:700;font-style:italic;letter-spacing:calc(-1.3 * var(--u));font-size:calc(36 * var(--u));line-height:1.1}
/* Der SVG-Kreis kompensiert die horizontale Streckung des Schriftzugs.
   Dadurch bleibt er auf Desktop und Handy geometrisch kreisrund. */
.logo-o{display:block;flex:0 0 .82em;width:.82em;height:.82em;margin:0 .03em;overflow:visible;transform:translateY(.035em) scaleX(.833333333333);transform-origin:center}

.hero .eyebrow{font-size:calc(4 * var(--u));letter-spacing:calc(1.4 * var(--u))}.hero h1{font-size:calc(13.8 * var(--u));line-height:1.12}.hero .description{font-size:calc(6.5 * var(--u));line-height:1.48}.hero-devices{z-index:2}.hero-glow{position:absolute;width:calc(276 * var(--u));height:calc(276 * var(--u));left:calc(196 * var(--u));top:calc(-8 * var(--u));border-radius:50%;border:calc(.5 * var(--u)) solid #aa6a212e;border-left:calc(2 * var(--u)) solid #bf5710;background:radial-gradient(circle,#b6680424,transparent 70%);transform:rotate(18deg);z-index:-1}.hero-glow:after{content:"";position:absolute;inset:calc(31 * var(--u));border:calc(.6 * var(--u)) dashed #ac6b1629;border-radius:50%}
.badges{display:flex;flex-wrap:wrap;gap:calc(3 * var(--u));font-size:calc(5 * var(--u));font-weight:700;letter-spacing:calc(.8 * var(--u));line-height:1}.badge{display:inline-block;white-space:nowrap;padding:calc(4 * var(--u)) calc(5 * var(--u));color:#f2b03f;background:#17130c;border:calc(.6 * var(--u)) solid #534018;clip-path:polygon(0 0,100% 0,100% 72%,94% 100%,0 100%)}.badge.primary{background:var(--gold);color:#131008;border-color:#ffca45}
.stats{background:#111115;border-top:calc(.6 * var(--u)) solid #262529;display:grid;grid-template-columns:repeat(5,1fr);height:calc(51 * var(--u));clip-path:polygon(0 0,100% 0,100% 90%,98.5% 100%,0 100%)}.stat{padding:calc(7 * var(--u));border-left:calc(.4 * var(--u)) solid #242329}.stat:first-child{border:0}.stat strong{font-family:"Chakra Petch",sans-serif;color:var(--gold);font-size:calc(17 * var(--u));line-height:1.25;text-shadow:0 0 calc(5 * var(--u)) #faba2466}.stat span{display:block;font-size:calc(4.8 * var(--u));line-height:1.45;letter-spacing:calc(.6 * var(--u));font-weight:600;text-transform:uppercase}
.section-intro h2{margin-top:calc(2.5 * var(--u));margin-bottom:calc(4 * var(--u))}.section-intro p{font-size:calc(6.3 * var(--u));line-height:1.5}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(5 * var(--u))}.card{background:linear-gradient(145deg,#18181e,#0e0e12);border:calc(.5 * var(--u)) solid #202025;padding:calc(7 * var(--u)) calc(6 * var(--u));position:relative;clip-path:polygon(0 0,calc(100% - 6 * var(--u)) 0,100% calc(6 * var(--u)),100% 100%,0 100%)}.card:before{content:"";position:absolute;left:0;top:0;width:calc(17 * var(--u));height:calc(1.1 * var(--u));background:#a77928}.icon{width:calc(13 * var(--u));height:calc(13 * var(--u));color:var(--gold)}.card h3{margin:calc(7 * var(--u)) 0 calc(3 * var(--u))}.card p{font-size:calc(4.9 * var(--u));line-height:1.4}.mode-grid .card{height:calc(64.5 * var(--u))}
.bullets{margin-top:calc(7 * var(--u))}.bullets li{display:flex;align-items:flex-start;gap:calc(4.5 * var(--u));margin:0 0 calc(6 * var(--u));font-size:calc(5.8 * var(--u));line-height:1.48;color:var(--muted)}.bullets strong{color:#e5e0d3;font-weight:700}.bullet-icon{flex:0 0 auto;width:calc(8 * var(--u));height:calc(8 * var(--u));color:var(--gold);filter:drop-shadow(0 0 calc(1.5 * var(--u)) #d88a0766);margin-top:calc(.25 * var(--u))}
.battle-glow{position:absolute;inset:calc(-20 * var(--u)) 40% 15% -15%;z-index:-1;background:radial-gradient(ellipse,#a555041f,transparent 70%)}
.hazards{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(4 * var(--u))}.hazard{height:calc(54 * var(--u));position:relative;overflow:hidden;border:calc(.6 * var(--u)) solid #36332b;background:#171813}.hazard img{width:100%;height:calc(47 * var(--u));object-fit:cover}.hazard figcaption{position:absolute;bottom:0;left:0;right:0;padding:calc(5 * var(--u)) calc(4 * var(--u)) calc(3 * var(--u));font-size:calc(5.2 * var(--u));line-height:1;font-weight:700;letter-spacing:calc(1 * var(--u));color:var(--hazard);background:linear-gradient(transparent,#090a0ddb);text-shadow:0 0 calc(2 * var(--u)) currentColor}
.blaster .bullets li{margin-bottom:calc(6.2 * var(--u))}.field-types{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(4 * var(--u))}.field-types .card{height:calc(40 * var(--u));padding:calc(5 * var(--u))}.field-types h3{font-size:calc(5.7 * var(--u));margin:0 0 calc(4 * var(--u));display:flex;align-items:center;gap:calc(3 * var(--u))}.field-types .icon{width:calc(7 * var(--u));height:calc(7 * var(--u))}.field-types p{font-size:calc(4.7 * var(--u));line-height:1.4}
.qr-cards{display:flex;gap:calc(5 * var(--u))}.qr-card{width:calc(32.5 * var(--u));background:#fff;border-radius:calc(1 * var(--u));overflow:hidden;box-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #0008;padding:0;color:#151515;text-align:center}.qr-card img{width:100%;height:auto;aspect-ratio:1276/2008;object-fit:contain}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(5 * var(--u))}.tech-grid .card{height:calc(57 * var(--u));padding:calc(7 * var(--u))}.tech-grid .icon{width:calc(10 * var(--u));height:calc(10 * var(--u))}.tech-grid h3{font-size:calc(7 * var(--u));margin:calc(5 * var(--u)) 0 calc(3 * var(--u))}.tech-grid p{font-size:calc(5.15 * var(--u));line-height:1.35}
.team-colours{display:flex;align-items:center;gap:calc(2.5 * var(--u));font-size:calc(4.7 * var(--u));color:var(--muted)}.swatch{width:calc(15 * var(--u));height:calc(2 * var(--u));background:var(--colour);box-shadow:0 0 calc(3 * var(--u)) var(--colour)}.team-colours p{margin-left:calc(4 * var(--u))}
.footer{text-align:center}.footer:before{content:"";position:absolute;top:0;left:20%;width:60%;height:calc(.6 * var(--u));background:linear-gradient(90deg,transparent,#7c5c252f,transparent)}.footer .wordmark{font-size:calc(28 * var(--u));transform-origin:center}.footer h2{font-size:calc(13.7 * var(--u));margin-top:calc(8 * var(--u))}.footer .message{font-size:calc(6 * var(--u));line-height:1.5;margin:calc(5 * var(--u)) auto calc(8 * var(--u));max-width:calc(246 * var(--u))}.footer .badges{justify-content:center}.fineprint{font-size:calc(3.7 * var(--u));line-height:1.5;color:#655f54}.footer .fineprint{margin-top:calc(12 * var(--u))}
.copy .eyebrow,.section-intro .eyebrow{font-size:calc(4.5 * var(--u));line-height:1.4}
.device-art img,.hero-devices img{width:auto;max-width:100%;height:auto;filter:drop-shadow(0 0 clamp(5px,calc(1.8 * var(--u)),9px) rgba(255,145,35,.18)) drop-shadow(0 0 clamp(12px,calc(4 * var(--u)),20px) rgba(255,126,18,.11))}
.hazard{filter:drop-shadow(0 0 clamp(3px,calc(.8 * var(--u)),5px) rgba(255,145,35,.13))}
.hazard img{height:100%;object-fit:contain}
.hazard figcaption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Mobil: dieselben Inhalte, gut lesbar und ohne horizontalen Scrollbalken. */
@media(max-width:760px){
 .canvas{--u:1px;height:auto;font-size:16px;background-size:auto,auto,auto,26px 26px}
 .panel{position:relative;top:auto;height:auto;padding:32px 22px;display:flex;flex-direction:column;gap:22px}
 .loc{position:static;left:auto;top:auto;width:auto}
 .eyebrow,.hero .eyebrow,.copy .eyebrow,.section-intro .eyebrow{font-size:10px;letter-spacing:2.2px;line-height:1.7}
 h2{font-size:29px;letter-spacing:-.5px;line-height:1.15}h3{font-size:16px}.copy h2{margin:9px 0 13px}.copy p,.section-intro p{font-size:16px;line-height:1.5}
 .hero{padding-top:30px;gap:20px}.hero h1{font-size:28px;line-height:1.15}.hero .wordmark{transform:scaleX(1.1);font-size:clamp(42px,11.5vw,76px);letter-spacing:-2px}.wordmark .logo-o{transform:translateY(.035em) scaleX(.909090909091)}.hero .description{font-size:16px;max-width:500px}.desktop-break{display:none}
 .hero .badges{gap:7px;max-width:400px}.badges{font-size:11px;letter-spacing:1px;gap:7px}.badge{padding:9px 10px;border-width:1px}.hero-devices{width:100%;max-width:470px;align-self:center;margin-top:6px}.hero-glow{left:20%;top:380px;width:360px;height:360px}
 .stats-panel{padding:0 22px 20px}.stats{width:100%;height:auto;min-height:88px}.stat{padding:10px 5px}.stat strong{font-size:25px}.stat span{font-size:8px;letter-spacing:.5px;line-height:1.3;margin-top:6px}
 .section-intro h2{margin:8px 0 12px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-grid .card{height:auto;min-height:179px}.card{padding:18px 14px;border-width:1px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.card:before{width:42px;height:2px}.icon{width:27px;height:27px}.card h3{font-size:15px;margin:15px 0 8px}.card p{font-size:13px;line-height:1.4}
 .battle .copy{order:-1}.battle .device-art{max-width:650px;width:100%;align-self:center}.bullets{margin-top:18px}.bullets li,.blaster .bullets li{font-size:14px;line-height:1.5;gap:11px;margin-bottom:15px}.bullet-icon{width:19px;height:19px;margin-top:2px}.hazards{gap:6px;width:100%}.hazard{height:auto;aspect-ratio:1.15}.hazard img{height:100%;width:100%;object-fit:cover}.hazard figcaption{font-size:8px;letter-spacing:.6px;padding:14px 4px 6px}
 .blaster .device-art{width:80%;max-width:420px;align-self:center}.battlefield .copy{order:-1}.battlefield .device-art{width:80%;max-width:380px;align-self:center}.field-types{gap:9px}.field-types .card{height:auto;min-height:115px;padding:12px 9px}.field-types h3{font-size:12px;margin-bottom:9px;gap:4px}.field-types .icon{width:15px;height:15px}.field-types p{font-size:12px;line-height:1.4}.qr-cards{justify-content:center;gap:8px}.qr-card{width:18%;max-width:90px;padding:0;border-radius:3px}.qr-card img{height:auto;aspect-ratio:1276/2008}
 .gamemaster .device-art{width:100%;max-width:720px;align-self:center}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tech-grid .card{height:auto;min-height:160px;padding:16px 13px}.tech-grid .icon{width:22px;height:22px}.tech-grid h3{font-size:15px;margin:14px 0 8px}.tech-grid p{font-size:13px;line-height:1.4}.team-colours{flex-wrap:wrap;gap:6px}.swatch{width:27px;height:4px}.team-colours p{font-size:12px;width:100%;margin:5px 0 0}.footer{padding:60px 22px 35px}.footer .wordmark{font-size:44px;transform:scaleX(1.1)}.footer h2{font-size:24px;margin-top:24px}.footer .message{font-size:15px;max-width:460px;margin:16px auto 22px}.footer .fineprint{font-size:10px;line-height:1.6;margin:28px auto 0;max-width:460px}
}
@media(max-width:359px){.panel{padding-left:16px;padding-right:16px}.mode-grid,.tech-grid{grid-template-columns:1fr}.field-types{grid-template-columns:1fr}.field-types .card{min-height:0}.stat strong{font-size:22px}.stat span{font-size:7px}.hazard figcaption{font-size:7px}.footer .wordmark{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}