:root{color-scheme:dark;--bg:#070811;--bg-soft:#0b0d18;--surface:#10131f;--surface-2:#151827;--surface-3:#1b2032;--text:#f6f7ff;--muted:#aeb3c7;--line:#292f43;--line-strong:#3a4563;--violet:#a98cff;--violet-strong:#8d68ff;--cyan:#7fe8ff;--cyan-strong:#33d8ff;--gold:#f1c86c;--green:#78e08f;--accent:#7656e8;--accent-2:#27cce8;--danger:#ff7187;--container:1240px;--radius-sm:10px;--radius:18px;--radius-lg:28px;--shadow:0 24px 70px rgba(0,0,0,.32);--glow:0 0 60px rgba(118,86,232,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{touch-action:manipulation}img{max-width:100%;height:auto}img[hidden]{display:none!important}figure,p,h1,h2,h3{margin:0}ul,ol{padding-left:1.4rem}p+p{margin-top:1rem}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px;border-radius:2px}a:hover{color:var(--cyan)}::selection{background:#6745b5;color:#fff}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1,h2{font-weight:800}h2{font-size:clamp(2rem,3.3vw,3rem)}h3{font-size:1.4rem}hr{border:0;border-top:1px solid var(--line);margin:1.7rem 0}address{font-style:normal;white-space:pre-line}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.muted{color:var(--muted)}.small{font-size:.875rem}.eyebrow{font-size:.75rem;font-weight:700;line-height:1.6;letter-spacing:.18em;color:var(--violet);text-transform:uppercase}.tiny-line{display:inline-block;width:25px;height:2px;vertical-align:middle;background:var(--violet);margin-right:9px}.section{padding-block:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{color:var(--muted);font-size:.9375rem;max-width:345px}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-200%);z-index:100;background:var(--text);color:var(--bg);padding:12px 18px}.skip-link:focus{transform:translateY(0)}#main:focus{outline:none}
.site-header{position:sticky;top:0;z-index:20;background:rgba(9,10,18,.97);border-bottom:1px solid var(--line)}.nav-wrap{width:min(1320px,calc(100% - 64px));margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:1.45rem;letter-spacing:-.04em;white-space:nowrap;line-height:1.2}.brand b{color:var(--violet)}.brand img{width:30px;height:30px}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav a{font-size:.875rem;letter-spacing:.055em;font-weight:700;padding-block:29px;position:relative;color:#c2c2d2}.site-header nav a:hover,.site-header nav a[aria-current]{color:#fff}.site-header nav a[aria-current]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--violet)}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);width:48px;height:48px;padding:12px;cursor:pointer}.menu-toggle span{display:block;background:currentColor;height:2px;margin:4px 0;transition:transform .15s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}
.hero{min-height:735px;position:relative;isolation:isolate;border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-3}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% 52%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,10,18,.96) 0%,rgba(9,10,18,.83) 24%,rgba(9,10,18,.35) 56%,rgba(9,10,18,.08) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 20%)}.hero-content{padding-block:62px 120px}.hero .eyebrow{margin-bottom:21px;color:#c0acf6}.hero h1{font-size:clamp(4.4rem,7.1vw,7rem);letter-spacing:-.055em;font-weight:900;line-height:1.02}.hero h1 span{color:var(--violet)}.hero-slogan{margin-top:24px;font-size:clamp(1.8rem,3.2vw,3.05rem);font-weight:850;letter-spacing:.018em;line-height:1.2}.hero-slogan span{color:var(--violet)}.hero-description{max-width:465px;color:#c0c1d0;margin-top:22px;line-height:1.75}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;padding:15px 23px;font-size:.875rem;font-weight:800;letter-spacing:.06em;line-height:1.4;border:1px solid transparent;transition:background .16s,border-color .16s,transform .16s}.button-primary{background:var(--accent);border-color:#a98af4;color:#fff;box-shadow:0 0 28px #6840c125}.button-primary[href]:hover{color:#fff;background:#8e65f1;transform:translateY(-2px)}.button-secondary{background:#10111b99;border-color:#565064}.button-secondary:hover{border-color:var(--violet);background:#211b34}.is-unavailable{cursor:default;background:#32234d;border-color:#634a8b;color:#e0cef9;box-shadow:none}.hero-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:24px;color:#acabbc;font-size:.75rem}.hero-meta>span:first-child{letter-spacing:.08em;font-weight:700}.meta-divider{width:1px;height:12px;background:#555062}.hero-bottom{position:absolute;left:0;right:0;bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.75rem;letter-spacing:.14em;color:#a9a7bd}.hero-bottom a{padding:10px 0}.art-caption{position:absolute;right:32px;bottom:82px;font-size:.75rem;color:#bbb5cc}.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}.pillar{padding:32px 30px 34px;border-right:1px solid var(--line);background:linear-gradient(140deg,#19162655,transparent)}.pillar:first-child{border-left:1px solid var(--line)}.pillar-top{display:flex;justify-content:space-between;align-items:center;color:#858394;font-size:.75rem;letter-spacing:.1em;margin-bottom:24px}.pillar-symbol{font-size:2.4rem;line-height:1;color:var(--violet)}.pillar h3{font-size:2.35rem;letter-spacing:-.02em}.pillar h3 span{color:var(--violet)}.pillar p{color:var(--muted);margin-top:16px;line-height:1.75;max-width:295px}.pillar-caption{display:block;margin-top:28px;font-size:.75rem;letter-spacing:.11em;font-weight:700;color:#b2a2cd}.modes-section{background:linear-gradient(110deg,#12111e,var(--bg));border-block:1px solid #222134}.mode-row{display:grid;grid-template-columns:38px 1fr 1.4fr 170px;gap:24px;align-items:center;padding:33px 0;border-top:1px solid var(--line)}.mode-row:last-child{border-bottom:1px solid var(--line)}.mode-index{font-size:.75rem;color:#9691a9}.mode-name h3{font-size:1.9rem;letter-spacing:-.02em}.mode-name>span{display:block;margin-top:10px;font-size:.75rem;letter-spacing:.11em;color:var(--muted)}.mode-row>p{color:var(--muted);font-size:.9375rem;line-height:1.7}.mode-tag{font-size:.75rem;letter-spacing:.06em;border:1px solid #3b344a;color:#c2b3db;padding:8px 10px;text-align:center;justify-self:end}.featured-mode .mode-name h3{color:var(--violet)}.featured-mode .mode-tag{background:#37215644;border-color:#604180;color:#d4baff}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.feature-grid article{border-top:1px solid var(--line);padding-top:28px}.feature-grid h3{margin-top:14px}.feature-list{padding:0;list-style:none;margin:22px 0 0}.feature-list li{margin-top:12px;color:#b9bacb;font-size:.9375rem;padding-left:18px;position:relative}.feature-list li:before{content:"+";position:absolute;left:0;color:var(--violet)}.inline-note{display:inline-block;font-size:.75rem;color:var(--violet)}.screenshots-section{padding-top:15px}.screenshots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.screenshot-frame{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #353047;background:radial-gradient(ellipse at center,#271c4050,transparent 65%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff03 30px),repeating-linear-gradient(90deg,transparent 0 29px,#ffffff03 30px),#10111b}.screenshot-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#b2a5cf;font-size:.75rem;letter-spacing:.1em}.frame-icon{font-size:2.5rem;color:#9b82c4;line-height:1.2;margin-bottom:6px}.screenshot-placeholder small{font-size:.75rem;letter-spacing:0;color:#9490a3}.screenshot-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.screenshot-card figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:14px;font-size:.8125rem;color:#b6b4c5}.screenshot-card figcaption>span:last-child{color:#81798f}.closing-section{border:1px solid #483661;position:relative;padding:46px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:90px;background:linear-gradient(120deg,#291c3c,#11121e)}.closing-section h2{margin-top:15px}.closing-section p:not(.eyebrow){margin-top:15px;letter-spacing:.13em;font-size:.75rem;color:#bcb0d2}.closing-actions{display:flex;flex-direction:column;gap:14px;align-items:stretch}.text-link{color:var(--violet);font-size:.9375rem}.closing-actions .text-link{font-size:.8125rem;text-align:center}.site-footer{border-top:1px solid var(--line);background:#080911}.footer-top{padding-block:44px;display:flex;justify-content:space-between;gap:32px}.footer-slogan{font-size:.75rem;letter-spacing:.17em;color:#a7a1ba;margin-top:15px}.footer-top nav{display:flex;flex-wrap:wrap;align-content:center;gap:10px 24px;max-width:670px;font-size:.875rem;color:#b9b7c9}.footer-top nav span{color:#8c869c}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #202131;padding-block:22px;font-size:.75rem;color:#8f8b9f}.footer-bottom a{flex-shrink:0}
.page-intro{padding-block:78px 53px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(2.6rem,5vw,4.7rem);margin-top:25px;overflow-wrap:anywhere}.page-intro h1 span{color:var(--violet)}.page-intro>p:not(.eyebrow){font-size:1.2rem;line-height:1.7;color:var(--muted);margin-top:24px}.document-meta{font-size:.8125rem;color:#aaa3bc;margin-top:20px}.document-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:62px;padding-block:48px 95px}.document-nav{align-self:start;position:sticky;top:118px}.document-nav nav{display:flex;flex-direction:column;border-left:1px solid var(--line)}.document-nav a{padding:10px 0 10px 18px;line-height:1.5;font-size:.875rem;color:var(--muted)}.document-nav a:hover{border-left:2px solid var(--violet);margin-left:-1px;color:var(--violet)}.document-content{max-width:850px;min-width:0;color:#c2c1d2;overflow-wrap:anywhere}.document-content section{padding-top:36px;margin-top:12px;border-top:1px solid var(--line);scroll-margin-top:100px}.document-content section:first-child{padding-top:0;border:0}.document-content h2{font-size:1.65rem;color:var(--text);line-height:1.3;margin-bottom:20px}.document-content h3{font-size:1.1rem;letter-spacing:-.01em;color:var(--text);margin-block:26px 12px;line-height:1.4}.document-content p,.document-content address{margin-block:14px;line-height:1.8}.document-content li+li{margin-top:14px}.document-content a,.contact-card p a,.contact-address a,.faq-section p a{color:var(--violet);text-decoration:underline;text-underline-offset:4px}.document-content a:hover,.contact-address a:hover{color:var(--cyan)}.notice{border:1px solid #605032;background:#2d24172e;padding:22px 24px;color:#deccac;line-height:1.7;font-size:.9375rem;margin-bottom:30px}.notice strong{color:#f3dcb2}.notice p{margin:10px 0 0}.placeholder{color:#f2cf9e;font-size:.9375rem;white-space:pre-line;overflow-wrap:anywhere}.services-list .service-entry{padding-block:22px;margin:0}.service-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.service-title h3{margin:0}.status{font-size:.75rem;letter-spacing:.06em;font-weight:700;padding:5px 8px;background:#221a34;border:1px solid #49375e;color:#cbb3ee}.status-unverified{background:#292319;border-color:#615033;color:#f2cf9e}.status-active{background:#142b31;border-color:#31555d;color:#abe9ed}.status-disabled{background:#20212b;border-color:#444653;color:#bdbecf}.service-entry p{margin:12px 0 0;font-size:.9375rem}.support-layout{padding-block:40px 90px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:60px}.support-topics{display:flex;flex-wrap:wrap;gap:8px}.support-topics a{font-size:.8125rem;border:1px solid #3f374f;background:#181522;min-height:44px;display:flex;align-items:center;padding:8px 13px;color:#cbbbe3}.support-topics a:hover{border-color:var(--violet)}.support-hint{margin-top:24px;font-size:.875rem;color:var(--muted)}.faq-section{padding-top:40px;scroll-margin-top:100px}.faq-section h2{font-size:1.65rem;margin-block:13px 22px}.faq-section>p:not(.eyebrow){color:var(--muted)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;position:relative;padding:21px 38px 21px 0;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:5px;top:18px;font-size:1.35rem;color:var(--violet);font-weight:400}details[open]>summary:after{content:"−"}summary:hover{color:var(--violet)}details>div{padding:0 20px 24px 0;color:var(--muted);font-size:.9375rem;line-height:1.8}details p+p{margin-top:12px}.contact-card{align-self:start;position:sticky;top:112px;padding:28px;border:1px solid #49365e;background:linear-gradient(145deg,#241a32,#10111b);overflow-wrap:anywhere;scroll-margin-top:110px}.contact-card h2{font-size:1.85rem;margin-top:18px}.contact-card h3{font-size:.75rem;letter-spacing:.1em;margin-top:28px;color:#c6b2e4}.contact-card p{margin-top:18px;color:#c0b6d0}.contact-address{margin-top:12px;line-height:1.7}.contact-card .text-link{text-decoration:underline}.updates-content{padding-block:50px 100px;min-height:400px}.empty-state{max-width:620px;padding-block:32px}.empty-state h2{margin-top:18px}.empty-state p{color:var(--muted);margin-block:22px}.update-entry{display:grid;grid-template-columns:180px 1fr;gap:40px;padding-block:32px;border-bottom:1px solid var(--line)}.update-entry h2{font-size:1.8rem}.update-entry p,.update-entry li{color:var(--muted)}.error-page{text-align:center;padding-block:65px 100px;max-width:850px}.error-code{font-size:clamp(8rem,18vw,13rem);font-weight:900;letter-spacing:-.08em;line-height:1.1;color:#ad8bf4;text-shadow:0 0 90px #673db864}.error-page .eyebrow{margin-top:20px}.error-page h1{font-size:clamp(2rem,4.5vw,3.5rem);margin-top:24px}.error-page h1 span{color:var(--violet)}.error-page>p:not(.eyebrow){color:var(--muted);margin-block:24px}.error-page .button{margin-top:10px}

/* =========================================================
   MODERN HOME PAGE EXTENSIONS
   ========================================================= */
body{background:
  radial-gradient(circle at 12% 0%,rgba(86,65,190,.12),transparent 32%),
  radial-gradient(circle at 88% 12%,rgba(36,190,220,.08),transparent 28%),
  var(--bg)}
.site-header{background:rgba(7,8,17,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(126,139,181,.16);box-shadow:0 8px 30px rgba(0,0,0,.16)}
.brand,.button,.mode-tag,.status-badge,.platform-badge{border-radius:var(--radius-sm)}
.button{position:relative;overflow:hidden;border-color:rgba(255,255,255,.13);box-shadow:0 12px 35px rgba(0,0,0,.18)}
.button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-120%);transition:transform .45s ease}
.button:hover:before{transform:translateX(120%)}
.button-primary{background:linear-gradient(135deg,var(--violet-strong),#6648da);border-color:#b39dff;box-shadow:0 14px 34px rgba(118,86,232,.28)}
.button-primary[href]:hover{background:linear-gradient(135deg,#a586ff,#7656e8);transform:translateY(-3px);box-shadow:0 18px 42px rgba(118,86,232,.38)}
.button-secondary{background:rgba(13,16,28,.58);backdrop-filter:blur(12px);border-color:rgba(169,140,255,.28)}
.button-secondary:hover{background:rgba(35,29,58,.78);border-color:var(--violet);transform:translateY(-2px)}
.accent-text{background:linear-gradient(90deg,var(--violet),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.section-heading-large h2{font-size:clamp(2.5rem,4.5vw,4.25rem);max-width:760px}
.section-heading-large>p{max-width:430px;font-size:1rem}
.dark-section{position:relative;background:linear-gradient(180deg,rgba(14,16,28,.96),rgba(8,9,17,.98));border-block:1px solid rgba(126,139,181,.16);overflow:hidden}
.dark-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-240px;top:-260px;background:radial-gradient(circle,rgba(118,86,232,.16),transparent 68%);pointer-events:none}

/* Hero */
.hero{min-height:790px;border-bottom-color:rgba(126,139,181,.18)}
.hero-shade{background:
  linear-gradient(90deg,rgba(6,7,15,.97) 0%,rgba(7,8,17,.86) 27%,rgba(7,8,17,.42) 58%,rgba(7,8,17,.16) 100%),
  linear-gradient(0deg,var(--bg) 0%,rgba(7,8,17,.34) 23%,transparent 48%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(22px);pointer-events:none;z-index:-1}
.hero-glow-left{width:440px;height:440px;left:-220px;top:120px;background:radial-gradient(circle,rgba(137,93,255,.24),transparent 67%)}
.hero-glow-right{width:380px;height:380px;right:-160px;bottom:80px;background:radial-gradient(circle,rgba(49,216,255,.16),transparent 68%)}
.hero-content{padding-block:72px 132px}
.hero-badges{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.status-badge,.platform-badge{display:inline-flex;align-items:center;gap:9px;min-height:30px;padding:6px 11px;border:1px solid rgba(255,255,255,.12);font-size:.7rem;font-weight:800;letter-spacing:.11em;background:rgba(12,15,27,.72);backdrop-filter:blur(10px)}
.status-badge{color:#b7f6c1;border-color:rgba(120,224,143,.26)}
.platform-badge{color:#c8d1ff;border-color:rgba(169,140,255,.26)}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(120,224,143,.08),0 0 16px rgba(120,224,143,.65)}
.hero h1{text-shadow:0 14px 42px rgba(0,0,0,.35)}
.hero-slogan{display:flex;gap:.34em;flex-wrap:wrap;max-width:760px}
.hero-description{max-width:610px;font-size:1.05rem;color:#c8ccdc}
.hero-meta{padding-top:2px}

/* Quick facts */
.game-stats{position:relative;z-index:2;margin-top:-1px;border-bottom:1px solid rgba(126,139,181,.14);background:rgba(10,12,22,.78);backdrop-filter:blur(18px)}
.game-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.game-stat{position:relative;padding:30px 28px;border-right:1px solid rgba(126,139,181,.14);min-height:150px;display:flex;flex-direction:column;justify-content:center;transition:background .2s ease,transform .2s ease}
.game-stat:first-child{border-left:1px solid rgba(126,139,181,.14)}
.game-stat:hover{background:linear-gradient(180deg,rgba(169,140,255,.07),rgba(127,232,255,.025));transform:translateY(-2px)}
.game-stat strong{font-size:clamp(2.25rem,4vw,3.6rem);line-height:1;color:#fff;letter-spacing:-.05em}
.game-stat span{margin-top:12px;font-size:.77rem;font-weight:800;letter-spacing:.13em;color:var(--violet)}
.game-stat small{margin-top:7px;color:var(--muted);font-size:.84rem}

/* Game loop */
.game-loop{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}
.game-loop-card{position:relative;min-width:0;padding:30px 26px 26px;border:1px solid rgba(126,139,181,.18);border-radius:var(--radius);background:linear-gradient(155deg,rgba(25,29,48,.84),rgba(12,14,25,.8));box-shadow:0 18px 55px rgba(0,0,0,.16);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.game-loop-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 0%,rgba(169,140,255,.12),transparent 34%);pointer-events:none}
.game-loop-card:hover{transform:translateY(-6px);border-color:rgba(169,140,255,.46);box-shadow:var(--shadow)}
.loop-number{position:absolute;right:18px;top:16px;color:#737b94;font-size:.72rem;letter-spacing:.12em}
.loop-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(118,86,232,.22),rgba(43,216,255,.1));border:1px solid rgba(169,140,255,.26);color:var(--cyan);font-size:1.55rem;margin-bottom:28px}
.game-loop-card h3{font-size:1.55rem;letter-spacing:.02em}
.game-loop-card p{margin-top:14px;color:var(--muted);font-size:.92rem;line-height:1.75}
.loop-caption{display:block;margin-top:24px;color:#b8a8e3;font-size:.68rem;font-weight:800;letter-spacing:.13em}
.game-loop-arrow{align-self:center;color:#645e78;font-size:1.45rem}

/* Pillars */
.pillars{gap:18px;border:0}
.pillar,.pillar:first-child{border:1px solid rgba(126,139,181,.17);border-radius:var(--radius);background:linear-gradient(145deg,rgba(24,25,42,.9),rgba(11,13,23,.86));box-shadow:0 18px 45px rgba(0,0,0,.12);transition:transform .2s ease,border-color .2s ease}
.pillar:hover{transform:translateY(-5px);border-color:rgba(169,140,255,.4)}

/* Modes */
.modes-section{background:linear-gradient(180deg,#0d0f1a,#090a12);border-block-color:rgba(126,139,181,.15)}
.mode-list{display:grid;gap:16px}
.mode-row{grid-template-columns:46px minmax(180px,.9fr) minmax(260px,1.25fr) minmax(170px,.8fr) 150px;gap:22px;padding:26px 28px;border:1px solid rgba(126,139,181,.16);border-radius:var(--radius);background:linear-gradient(145deg,rgba(20,23,38,.8),rgba(11,13,23,.78));transition:transform .2s ease,border-color .2s ease,background .2s ease}
.mode-row:last-child{border-bottom:1px solid rgba(126,139,181,.16)}
.mode-row:hover{transform:translateX(4px);border-color:rgba(169,140,255,.38);background:linear-gradient(145deg,rgba(28,30,50,.92),rgba(13,15,27,.9))}
.mode-index{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(169,140,255,.07);border:1px solid rgba(169,140,255,.16)}
.mode-kicker{color:var(--cyan)!important;font-size:.66rem!important;font-weight:800;letter-spacing:.13em!important;margin-top:0!important;margin-bottom:6px}
.mode-name>span:last-child{margin-top:8px}
.mode-features{display:flex;flex-wrap:wrap;gap:8px;align-content:center}
.mode-features span{font-size:.68rem;letter-spacing:.05em;color:#c3c9dc;border:1px solid rgba(126,139,181,.18);background:rgba(255,255,255,.025);border-radius:999px;padding:7px 10px}
.mode-tag{justify-self:end;border-color:rgba(169,140,255,.24);background:rgba(169,140,255,.05)}
.featured-mode{border-color:rgba(169,140,255,.32);box-shadow:0 0 0 1px rgba(169,140,255,.05),0 18px 55px rgba(77,49,150,.09)}

/* Progression */
.progression-section{position:relative}
.progression-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:24px}
.progression-main,.progression-side{border:1px solid rgba(126,139,181,.18);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(22,25,41,.88),rgba(10,12,22,.9));box-shadow:var(--shadow)}
.progression-main{padding:40px;position:relative;overflow:hidden}
.progression-main:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(127,232,255,.13),transparent 66%)}
.progression-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(169,140,255,.09);border:1px solid rgba(169,140,255,.2);font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#c9baff}
.progression-main h3{font-size:clamp(2rem,4vw,3.4rem);margin-top:18px}
.progression-main>p{max-width:720px;margin-top:16px;color:var(--muted)}
.level-example{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin-top:34px}
.level-example>div{padding:20px;border:1px solid rgba(126,139,181,.16);border-radius:16px;background:rgba(255,255,255,.025)}
.level-example span{display:block;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#8991aa}
.level-example strong{display:block;margin-top:8px;font-size:1.55rem;color:#fff}
.level-example small{display:block;margin-top:7px;color:var(--muted);font-size:.8rem}
.level-arrow{align-self:center;color:var(--violet);font-size:1.35rem}
.progression-side{padding:30px}
.progression-side>.eyebrow{margin-bottom:20px}
.progression-stat{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid rgba(126,139,181,.14)}
.progression-stat span{font-size:.76rem;font-weight:800;letter-spacing:.08em;color:#bdc3d7}
.progression-stat strong{color:var(--cyan);font-size:1.15rem}

/* Arsenal */
.tower-section{position:relative;background:linear-gradient(180deg,rgba(12,14,24,.96),rgba(8,9,17,.98));border-block:1px solid rgba(126,139,181,.14)}
.tower-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tower-preview-card{position:relative;padding:26px 22px;min-height:250px;border-radius:var(--radius);border:1px solid rgba(126,139,181,.16);background:linear-gradient(160deg,rgba(24,28,46,.82),rgba(10,12,21,.9));overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.tower-preview-card:before{content:"";position:absolute;inset:-45% -30% auto;height:150px;background:radial-gradient(circle,rgba(127,232,255,.11),transparent 66%);pointer-events:none}
.tower-preview-card:hover{transform:translateY(-7px);border-color:rgba(127,232,255,.36);box-shadow:0 20px 55px rgba(0,0,0,.22)}
.tower-number{font-size:.68rem;letter-spacing:.12em;color:#747c94}
.tower-preview-card h3{margin-top:36px;font-size:1.55rem}
.tower-preview-card p{margin-top:13px;color:var(--muted);font-size:.88rem;line-height:1.7}
.tower-role{display:inline-flex;margin-top:24px;padding:6px 9px;border-radius:999px;border:1px solid rgba(169,140,255,.2);background:rgba(169,140,255,.06);font-size:.64rem;font-weight:800;letter-spacing:.1em;color:#c8b8f2}

/* Feature cards */
.feature-grid{gap:18px}
.feature-grid article,.feature-card{padding:28px;border:1px solid rgba(126,139,181,.16);border-radius:var(--radius);background:linear-gradient(155deg,rgba(22,25,41,.8),rgba(11,13,23,.86));border-top:1px solid rgba(126,139,181,.16)}
.feature-grid article:hover{border-color:rgba(169,140,255,.34)}

/* Screenshots */
.screenshots-section{padding-block:100px;background:linear-gradient(180deg,#080914,#0b0d18);border-block:1px solid rgba(126,139,181,.14)}
.screenshots-grid{gap:18px}
.screenshot-card{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(126,139,181,.18);background:#0f1220;box-shadow:0 18px 50px rgba(0,0,0,.18);transition:transform .2s ease,border-color .2s ease}
.screenshot-card:hover{transform:translateY(-5px);border-color:rgba(169,140,255,.42)}
.screenshot-frame{aspect-ratio:16/9;border:0;background:#0b0d17}
.screenshot-frame img{object-fit:cover;transition:transform .35s ease}
.screenshot-card:hover .screenshot-frame img{transform:scale(1.025)}
.screenshot-card figcaption{padding:14px 16px 16px;background:linear-gradient(180deg,rgba(18,21,35,.95),rgba(11,13,23,.98))}

/* Endless highlight */
.endless-highlight{position:relative;overflow:hidden;background:linear-gradient(115deg,#111328,#0b0d18 55%,#0b1520);border-block:1px solid rgba(126,139,181,.16)}
.endless-highlight:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;right:-260px;top:-280px;background:radial-gradient(circle,rgba(127,232,255,.16),transparent 68%)}
.endless-highlight-inner{min-height:410px;display:flex;align-items:center;justify-content:space-between;gap:60px}
.endless-highlight-copy{max-width:720px}
.endless-highlight h2{font-size:clamp(2.5rem,5vw,4.5rem);margin-top:18px}
.endless-highlight-copy>p:not(.eyebrow){margin-top:20px;color:var(--muted);font-size:1rem;max-width:640px}
.endless-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.endless-points span{padding:8px 11px;border-radius:999px;border:1px solid rgba(127,232,255,.2);background:rgba(127,232,255,.05);font-size:.67rem;font-weight:800;letter-spacing:.1em;color:#afefff}
.endless-number{font-size:clamp(8rem,18vw,15rem);font-weight:900;line-height:.7;letter-spacing:-.09em;background:linear-gradient(180deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 35px rgba(127,232,255,.13))}

/* Customization */
.customization-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.customization-grid article{position:relative;padding:32px;border:1px solid rgba(126,139,181,.16);border-radius:var(--radius);background:linear-gradient(145deg,rgba(22,25,41,.85),rgba(10,12,22,.9));min-height:220px;overflow:hidden}
.customization-grid article:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-70px;bottom:-80px;background:radial-gradient(circle,rgba(169,140,255,.11),transparent 68%)}
.custom-number{font-size:.68rem;letter-spacing:.12em;color:#737b94}
.customization-grid h3{margin-top:38px;font-size:1.65rem}
.customization-grid p{margin-top:14px;color:var(--muted);max-width:330px}

/* Early access */
.early-access-section{padding-block:15px 100px}
.early-access-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:50px;padding:42px;border:1px solid rgba(120,224,143,.19);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(25,33,37,.72),rgba(18,20,34,.92));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.early-access-card .eyebrow{margin-top:22px}
.early-access-card h2{margin-top:14px}
.early-access-card>div:first-child>p:last-child{margin-top:16px;color:var(--muted);max-width:660px}
.early-access-info{display:grid;grid-template-columns:1fr;align-self:stretch;border-left:1px solid rgba(126,139,181,.16);padding-left:36px}
.early-access-info>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(126,139,181,.13)}
.early-access-info>div:last-child{border-bottom:0}
.early-access-info span{font-size:.68rem;font-weight:800;letter-spacing:.11em;color:#8e96ad}
.early-access-info strong{font-size:.95rem;color:#e8ebf8}

/* Closing CTA */
.closing-section{border-color:rgba(169,140,255,.28);border-radius:var(--radius-lg);padding:52px;background:linear-gradient(120deg,rgba(50,34,78,.88),rgba(15,18,31,.96) 62%,rgba(16,29,38,.94));box-shadow:var(--shadow);overflow:hidden}
.closing-section:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-160px;top:-180px;background:radial-gradient(circle,rgba(127,232,255,.13),transparent 68%)}
.closing-copy{position:relative;z-index:1;max-width:720px}
.closing-copy h2{font-size:clamp(2.4rem,5vw,4.3rem)}
.closing-slogan{color:var(--cyan)!important;font-weight:800}
.closing-copy>p:last-child{letter-spacing:0!important;font-size:.95rem!important;line-height:1.7;color:#bbc2d5!important;max-width:620px}
.muted-link{color:#8e94aa}

@media(min-width:1700px){.hero{min-height:825px}.hero-art img{object-position:center 54%}}
@media(max-width:1099px){.nav-wrap{min-height:72px;flex-wrap:wrap;gap:0}.site-header nav{width:100%;flex-wrap:wrap;gap:0 25px;padding-block:12px}.site-header nav a{padding-block:13px}.js .menu-toggle{display:block}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.hero{min-height:715px}.hero-art img{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#090a12ee,#090a1299 48%,#090a1222),linear-gradient(0deg,var(--bg),transparent 25%)}.mode-row{grid-template-columns:28px 1fr 1.2fr;gap:20px}.mode-tag{grid-column:2;justify-self:start;margin-top:-8px}.mode-row>p{grid-row:1/3;grid-column:3}.document-layout{grid-template-columns:180px minmax(0,1fr);gap:36px}.support-layout{grid-template-columns:minmax(0,1fr) 280px;gap:30px}.contact-card{padding:24px}.section{padding-block:76px}.screenshots-section{padding-top:0}.pillar{padding-inline:23px}.footer-top{flex-direction:column}.footer-top nav{max-width:none}}
@media(max-width:760px){.container,.nav-wrap{width:calc(100% - 40px)}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.hero{min-height:790px;align-items:flex-start}.hero-art{inset:0 0 auto;height:400px}.hero-art img{object-position:78% 45%}.hero-shade{background:linear-gradient(0deg,var(--bg) 35%,#090a1288 65%,#090a1244)}.hero-content{padding-top:210px;padding-bottom:110px}.hero h1{font-size:4.6rem}.hero .eyebrow{font-size:.75rem;margin-bottom:18px}.hero-slogan{font-size:2.15rem;margin-top:17px}.hero-description{font-size:1rem;max-width:480px}.hero .button-row{margin-top:25px}.hero-meta{gap:9px;font-size:.75rem}.hero-bottom{bottom:15px;font-size:.6rem;letter-spacing:.07em}.art-caption{top:15px;bottom:auto;right:20px;font-size:.75rem}.pillars{grid-template-columns:1fr;border-bottom:0}.pillar,.pillar:first-child{border:1px solid var(--line);border-top:0;padding:27px}.pillar p{max-width:none}.pillar-top{margin-bottom:16px}.pillar-caption{margin-top:20px}.pillar h3{font-size:2.1rem}.mode-row{grid-template-columns:24px 1fr;gap:14px;padding-block:26px}.mode-row>p{grid-column:2;grid-row:auto}.mode-tag{grid-column:2;margin:4px 0 0}.mode-name h3{font-size:1.7rem}.mode-name>span{font-size:.75rem;margin-top:8px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-grid h3{font-size:1.4rem}.feature-list{margin-top:16px}.screenshots-grid{grid-template-columns:1fr;gap:28px}.screenshot-frame{aspect-ratio:16/9}.closing-section{padding:30px 25px;flex-direction:column;align-items:flex-start;margin-bottom:65px;gap:28px}.closing-actions{align-items:flex-start;width:100%}.closing-actions .button{width:100%}.closing-actions .text-link{align-self:center}.footer-top{padding-block:35px}.footer-top nav{gap:12px 24px;align-items:center}.footer-top nav a{padding-block:5px}.footer-bottom{flex-direction:column;gap:10px;padding-bottom:25px}.footer-bottom p{max-width:360px}.page-intro{padding-block:48px 35px}.page-intro h1{font-size:2.75rem;margin-top:19px}.page-intro .long-title{font-size:clamp(1.9rem,6.6vw,3rem);line-height:1.2}.page-intro>p:not(.eyebrow){font-size:1.1rem}.document-layout{grid-template-columns:1fr;gap:30px;padding-block:28px 60px}.document-nav{position:static}.document-nav nav{flex-direction:row;flex-wrap:wrap;border:0;gap:6px}.document-nav a{padding:9px 11px;border:1px solid var(--line);font-size:.8125rem;min-height:44px;display:flex;align-items:center}.document-nav a:hover{margin:0;border:1px solid var(--violet)}.notice{padding:18px;font-size:.875rem}.document-content h2{font-size:1.45rem}.document-content section{padding-top:29px}.document-content .service-entry{padding-top:20px}.document-content p{line-height:1.8}.support-layout{grid-template-columns:1fr;gap:45px;padding-block:28px 60px}.contact-card{position:static;padding:27px}.contact-card .placeholder{font-size:.9375rem}.support-topics a{font-size:.75rem}.update-entry{grid-template-columns:1fr;gap:18px}.error-page{padding-block:48px 65px}}
@media(max-width:410px){.container,.nav-wrap{width:calc(100% - 32px)}.hero h1{font-size:4.05rem}.hero-slogan{font-size:1.95rem}.hero{min-height:845px}.hero-content{padding-top:210px}.hero .button-row{flex-direction:column;align-items:stretch;max-width:340px}.hero .button{min-height:49px}.hero-meta{max-width:310px}.hero-meta .meta-divider{display:none}.hero-meta>span:last-child{flex-basis:100%}.hero-bottom{font-size:.75rem}.page-intro h1{font-size:2.4rem}.section{padding-block:59px}.screenshots-section{padding-top:0}.section-heading h2{font-size:1.95rem}.closing-section h2{font-size:1.9rem}}

@media(max-width:1099px){
  .game-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-stat:nth-child(2){border-right:1px solid rgba(126,139,181,.14)}
  .game-stat:nth-child(3){border-left:1px solid rgba(126,139,181,.14);border-top:1px solid rgba(126,139,181,.14)}
  .game-stat:nth-child(4){border-top:1px solid rgba(126,139,181,.14)}
  .game-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .game-loop-arrow{display:none}
  .mode-row{grid-template-columns:36px 1fr 1.25fr;align-items:start}
  .mode-row>p{grid-column:3;grid-row:1/3}
  .mode-features{grid-column:2}
  .mode-tag{grid-column:2;justify-self:start;margin:0}
  .progression-layout{grid-template-columns:1fr}
  .progression-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
  .progression-side>.eyebrow{grid-column:1/-1}
  .tower-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .early-access-card{grid-template-columns:1fr}
  .early-access-info{border-left:0;border-top:1px solid rgba(126,139,181,.16);padding-left:0;padding-top:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .early-access-info>div{display:block;border-bottom:0;padding:0}
  .early-access-info strong{display:block;margin-top:5px}
}
@media(max-width:760px){
  .section-heading-large h2{font-size:2.45rem}
  .hero{min-height:850px}
  .hero-badges{margin-top:4px}
  .hero-slogan{display:block;line-height:1.05}
  .hero-slogan span{display:block}
  .game-stats-grid{grid-template-columns:1fr 1fr}
  .game-stat{padding:22px 18px;min-height:126px}
  .game-stat strong{font-size:2.4rem}
  .game-loop{grid-template-columns:1fr}
  .game-loop-card{padding:26px 22px}
  .mode-row{grid-template-columns:32px 1fr;padding:22px}
  .mode-row>p,.mode-features,.mode-tag{grid-column:2;grid-row:auto}
  .mode-features{margin-top:4px}
  .progression-main,.progression-side{border-radius:var(--radius)}
  .progression-main{padding:28px 22px}
  .level-example{grid-template-columns:1fr;gap:10px}
  .level-arrow{transform:rotate(90deg);justify-self:center}
  .progression-side{display:block;padding:24px 22px}
  .tower-preview-grid{grid-template-columns:1fr 1fr}
  .tower-preview-card{min-height:215px;padding:22px 18px}
  .customization-grid{grid-template-columns:1fr}
  .endless-highlight-inner{min-height:auto;flex-direction:column;align-items:flex-start;gap:28px;padding-block:72px}
  .endless-number{align-self:flex-end;font-size:9rem}
  .early-access-section{padding-bottom:70px}
  .early-access-card{padding:30px 24px;gap:30px}
  .early-access-info{grid-template-columns:1fr;gap:0}
  .early-access-info>div{padding:12px 0;border-bottom:1px solid rgba(126,139,181,.13)}
  .closing-section{padding:34px 26px}
}
@media(max-width:410px){
  .game-stats-grid{grid-template-columns:1fr}
  .game-stat,.game-stat:first-child,.game-stat:nth-child(2),.game-stat:nth-child(3),.game-stat:nth-child(4){border-left:1px solid rgba(126,139,181,.14);border-right:1px solid rgba(126,139,181,.14);border-top:1px solid rgba(126,139,181,.14)}
  .game-stat:first-child{border-top:0}
  .tower-preview-grid{grid-template-columns:1fr}
  .hero-badges{gap:7px}
  .status-badge,.platform-badge{font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.document-nav,.menu-toggle,.skip-link{display:none}body{background:white;color:black;font-size:11pt}.container{width:100%;max-width:none}.document-layout{display:block;padding:0}.document-content,.document-content h2,.document-content h3,.document-content a,.placeholder,.notice,.page-intro>p{color:black}.page-intro{padding:0 0 20px}.document-content{max-width:none}.document-content section{break-inside:avoid}.notice{background:none}.document-content a{text-decoration:underline}.status{color:black;background:none}.page-intro h1{font-size:24pt}}

/* =========================================================
   DAS SPIEL / NEXUSPEDIA PAGE
   ========================================================= */

.game-guide-hero{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid rgba(126,139,181,.16);
  background:
    radial-gradient(circle at 78% 28%,rgba(127,232,255,.12),transparent 26%),
    radial-gradient(circle at 18% 16%,rgba(169,140,255,.15),transparent 34%),
    linear-gradient(135deg,#111426 0%,#090a12 70%);
}
.game-guide-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.62) 70%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.62) 70%,transparent 100%);
}
.game-guide-hero:after{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-250px;
  top:-90px;
  border-radius:50%;
  z-index:-1;
  background:radial-gradient(circle,rgba(51,216,255,.16),transparent 66%);
  filter:blur(20px);
}
.game-guide-hero-inner{
  width:min(var(--container),calc(100% - 64px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
  align-items:center;
  gap:70px;
  padding-block:100px;
}
.game-guide-copy h1{
  margin-top:18px;
  font-size:clamp(3.7rem,7.2vw,7.2rem);
  line-height:.95;
  letter-spacing:-.065em;
  font-weight:900;
}
.game-guide-copy h1 span{
  display:block;
  background:linear-gradient(90deg,var(--violet),var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.game-guide-lead{
  max-width:700px;
  margin-top:26px;
  color:#c3c9dc;
  font-size:1.1rem;
  line-height:1.8;
}
.guide-overview{
  border:1px solid rgba(126,139,181,.18);
  border-radius:var(--radius-lg);
  background:linear-gradient(155deg,rgba(22,25,41,.86),rgba(9,11,20,.9));
  box-shadow:var(--shadow);
  padding:28px;
  backdrop-filter:blur(14px);
}
.guide-overview nav{
  display:grid;
  gap:8px;
  margin-top:20px;
}
.guide-overview nav a{
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:12px;
  min-height:50px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#cbd0df;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.guide-overview nav a span{
  color:var(--violet);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
}
.guide-overview nav a:hover{
  color:#fff;
  background:rgba(169,140,255,.07);
  border-color:rgba(169,140,255,.22);
  transform:translateX(4px);
}

.guide-section{
  position:relative;
}
.guide-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:30px;
  margin-bottom:20px;
  padding-inline:10px;
  border-radius:999px;
  border:1px solid rgba(169,140,255,.2);
  background:rgba(169,140,255,.07);
  color:#c8b8f2;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
}
.guide-dark-section{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#0d101b,#090a12);
  border-block:1px solid rgba(126,139,181,.14);
}
.guide-dark-section:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:-250px;
  top:-240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(118,86,232,.14),transparent 68%);
  pointer-events:none;
}

/* DOWNLOAD / STEPS */
.steps-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.step-card{
  position:relative;
  min-height:250px;
  padding:28px 24px;
  border:1px solid rgba(126,139,181,.16);
  border-radius:var(--radius);
  background:linear-gradient(155deg,rgba(22,25,41,.84),rgba(10,12,22,.9));
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.step-card:after{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-80px;
  bottom:-85px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(127,232,255,.1),transparent 70%);
}
.step-card:hover{
  transform:translateY(-6px);
  border-color:rgba(169,140,255,.4);
  box-shadow:0 20px 55px rgba(0,0,0,.2);
}
.step-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(169,140,255,.2);
  background:rgba(169,140,255,.08);
  color:var(--violet);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}
.step-card h3{
  margin-top:34px;
  font-size:1.6rem;
}
.step-card p{
  margin-top:14px;
  color:var(--muted);
  font-size:.92rem;
}

/* FIRST GAME FLOW */
.first-game-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:14px;
  align-items:stretch;
}
.first-game-flow article{
  padding:28px 24px;
  border:1px solid rgba(126,139,181,.16);
  border-radius:var(--radius);
  background:linear-gradient(155deg,rgba(20,23,38,.88),rgba(10,12,22,.9));
}
.first-game-flow article>span{
  color:var(--cyan);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
}
.first-game-flow h3{
  margin-top:20px;
  font-size:1.35rem;
}
.first-game-flow p{
  margin-top:12px;
  color:var(--muted);
  font-size:.9rem;
}
.flow-line{
  align-self:center;
  color:#6f748a;
  font-size:1.4rem;
}

/* CORE GAMEPLAY */
.guide-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.guide-feature-grid article{
  min-height:240px;
  padding:28px;
  border:1px solid rgba(126,139,181,.16);
  border-radius:var(--radius);
  background:linear-gradient(150deg,rgba(22,25,41,.82),rgba(11,13,23,.88));
}
.guide-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(169,140,255,.22);
  background:linear-gradient(145deg,rgba(118,86,232,.18),rgba(51,216,255,.08));
  color:var(--cyan);
  font-size:1.45rem;
}
.guide-feature-grid h3{
  margin-top:28px;
}
.guide-feature-grid p{
  margin-top:13px;
  color:var(--muted);
  font-size:.92rem;
}

/* RESOURCES */
.resource-section{
  position:relative;
  padding-block:92px;
  background:
    radial-gradient(circle at 90% 10%,rgba(127,232,255,.08),transparent 30%),
    linear-gradient(180deg,#0a0c16,#0f111d);
  border-block:1px solid rgba(126,139,181,.14);
}
.resource-section h2{
  margin-top:14px;
}
.resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:38px;
}
.resource-grid article{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:20px;
  align-items:start;
  padding:28px;
  border:1px solid rgba(126,139,181,.16);
  border-radius:var(--radius);
  background:rgba(255,255,255,.025);
}
.resource-icon{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:16px;
  border:1px solid rgba(127,232,255,.24);
  background:rgba(127,232,255,.07);
  color:var(--cyan);
  font-weight:900;
}
.gold-resource{
  color:var(--gold);
  border-color:rgba(241,200,108,.26);
  background:rgba(241,200,108,.07);
}
.diamond-resource{
  color:#73e7ff;
  border-color:rgba(115,231,255,.28);
  background:rgba(115,231,255,.07);
}
.resource-grid p{
  margin-top:10px;
  color:var(--muted);
  font-size:.92rem;
}

/* GAME MODES */
.guide-modes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.guide-mode-card{
  position:relative;
  min-height:390px;
  padding:30px;
  border:1px solid rgba(126,139,181,.17);
  border-radius:var(--radius-lg);
  background:linear-gradient(155deg,rgba(22,25,41,.88),rgba(10,12,22,.92));
  overflow:hidden;
}
.guide-mode-card:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-120px;
  bottom:-120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(169,140,255,.12),transparent 68%);
}
.guide-mode-featured{
  border-color:rgba(127,232,255,.3);
  box-shadow:0 0 0 1px rgba(127,232,255,.04),0 24px 60px rgba(0,0,0,.18);
}
.mode-number{
  display:block;
  color:#6e758e;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:26px;
}
.guide-mode-card h3{
  margin-top:10px;
  font-size:2rem;
}
.guide-mode-card>p:not(.eyebrow){
  margin-top:18px;
  color:var(--muted);
}
.guide-mode-card ul{
  list-style:none;
  padding:0;
  margin:26px 0 0;
}
.guide-mode-card li{
  position:relative;
  padding:10px 0 10px 18px;
  border-top:1px solid rgba(126,139,181,.12);
  color:#c6cada;
  font-size:.86rem;
}
.guide-mode-card li:before{
  content:"+";
  position:absolute;
  left:0;
  color:var(--violet);
}

/* PROGRESSION EXPLANATION */
.upgrade-explanation{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:28px;
  padding:34px;
  border:1px solid rgba(126,139,181,.17);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,rgba(22,25,41,.86),rgba(10,12,22,.92));
}
.upgrade-copy h3{
  font-size:2rem;
}
.upgrade-copy p{
  margin-top:14px;
  color:var(--muted);
}
.upgrade-example{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  gap:12px;
  align-items:stretch;
}
.upgrade-example>div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:150px;
  padding:20px;
  border:1px solid rgba(126,139,181,.16);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.upgrade-example>div>span{
  color:#8f97ae;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.12em;
}
.upgrade-example strong{
  margin-top:8px;
  font-size:1.65rem;
}
.upgrade-example small{
  margin-top:6px;
  color:var(--muted);
}
.upgrade-example>span{
  align-self:center;
  color:var(--violet);
  font-size:1.3rem;
}

/* NEXUSPEDIA */
.nexuspedia{
  position:relative;
}
.nexuspedia-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:40px;
}
.nexuspedia-nav a{
  min-width:140px;
  padding:11px 15px;
  text-align:center;
  border:1px solid rgba(169,140,255,.22);
  border-radius:999px;
  background:rgba(169,140,255,.06);
  color:#c8b8ef;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
}
.nexuspedia-nav a:hover{
  color:#fff;
  border-color:rgba(127,232,255,.36);
  background:rgba(127,232,255,.07);
}
.pedia-section{
  scroll-margin-top:110px;
  padding-top:30px;
}
.pedia-section+.pedia-section{
  margin-top:80px;
  padding-top:80px;
  border-top:1px solid rgba(126,139,181,.14);
}
.pedia-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:28px;
}
.pedia-code{
  display:block;
  color:var(--cyan);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:10px;
}
.pedia-heading h3{
  font-size:clamp(2.2rem,4vw,3.5rem);
}
.pedia-heading>p{
  color:var(--muted);
}
.pedia-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.pedia-card{
  position:relative;
  min-height:330px;
  padding:28px;
  border:1px solid rgba(126,139,181,.16);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 90% 10%,rgba(127,232,255,.055),transparent 24%),
    linear-gradient(155deg,rgba(22,25,41,.85),rgba(10,12,22,.92));
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.pedia-card:hover{
  transform:translateY(-4px);
  border-color:rgba(169,140,255,.36);
  box-shadow:0 20px 55px rgba(0,0,0,.18);
}
.pedia-card-number{
  color:#6f768e;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.14em;
}
.pedia-card-body{
  margin-top:26px;
}
.pedia-type{
  display:inline-flex;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(127,232,255,.2);
  background:rgba(127,232,255,.05);
  color:#afefff;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.11em;
}
.pedia-card-body h4{
  margin:14px 0 0;
  font-size:1.85rem;
  line-height:1.15;
  letter-spacing:-.025em;
}
.pedia-card-body>p{
  margin-top:14px;
  color:var(--muted);
}
.pedia-card dl{
  margin:24px 0 0;
  display:grid;
  gap:0;
}
.pedia-card dl div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:11px 0;
  border-top:1px solid rgba(126,139,181,.12);
}
.pedia-card dt{
  color:#7f879f;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.11em;
}
.pedia-card dd{
  margin:0;
  color:#d4d8e6;
  text-align:right;
  font-size:.86rem;
}

/* Monsterpedia */
.monsterpedia-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);
  gap:40px;
  align-items:end;
  margin-bottom:28px;
  padding:30px;
  border:1px solid rgba(255,113,135,.16);
  border-radius:var(--radius);
  background:linear-gradient(145deg,rgba(38,20,28,.28),rgba(12,14,24,.86));
}
.monsterpedia-intro h4{
  margin:12px 0 0;
  font-size:clamp(1.65rem,3vw,2.5rem);
  line-height:1.2;
  letter-spacing:-.03em;
}
.monsterpedia-intro>p{
  color:var(--muted);
}
.monster-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.monster-entry{
  min-height:360px;
}
.monster-silhouette{
  display:grid;
  place-items:center;
  width:92px;
  height:92px;
  margin-top:26px;
  border-radius:24px;
  border:1px solid rgba(255,113,135,.2);
  background:
    radial-gradient(circle,rgba(255,113,135,.08),transparent 68%),
    rgba(255,255,255,.02);
  color:#7a5360;
  font-size:2.5rem;
  font-weight:900;
  box-shadow:inset 0 0 25px rgba(255,113,135,.04);
}
.monster-entry .pedia-type{
  color:#efb7c1;
  border-color:rgba(255,113,135,.2);
  background:rgba(255,113,135,.05);
}

/* TIPS */
.tips-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.tips-grid article{
  padding:24px 20px;
  border:1px solid rgba(126,139,181,.14);
  border-radius:var(--radius);
  background:rgba(255,255,255,.02);
}
.tips-grid strong{
  color:var(--violet);
  font-size:.68rem;
  letter-spacing:.12em;
}
.tips-grid p{
  margin-top:16px;
  color:#c5cada;
  font-size:.88rem;
}

.game-guide-closing{
  margin-top:90px;
}

/* =========================================================
   DAS SPIEL / NEXUSPEDIA RESPONSIVE
   ========================================================= */
@media(max-width:1099px){
  .game-guide-hero-inner{
    grid-template-columns:1fr;
    gap:42px;
    padding-block:80px;
  }

  .guide-overview{
    max-width:720px;
  }

  .guide-overview nav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .steps-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .first-game-flow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .flow-line{
    display:none;
  }

  .guide-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .resource-grid{
    grid-template-columns:1fr;
  }

  .guide-modes{
    grid-template-columns:1fr;
  }

  .guide-mode-card{
    min-height:auto;
  }

  .upgrade-explanation{
    grid-template-columns:1fr;
  }

  .monster-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .tips-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .game-guide-hero{
    min-height:auto;
  }

  .game-guide-hero-inner{
    width:calc(100% - 40px);
    padding-block:64px;
  }

  .game-guide-copy h1{
    font-size:clamp(3.2rem,15vw,5rem);
  }

  .game-guide-lead{
    font-size:1rem;
  }

  .guide-overview{
    padding:22px;
  }

  .guide-overview nav{
    grid-template-columns:1fr;
  }

  .steps-grid,
  .first-game-flow,
  .guide-feature-grid,
  .pedia-grid,
  .monster-grid,
  .tips-grid{
    grid-template-columns:1fr;
  }

  .step-card,
  .guide-feature-grid article{
    min-height:auto;
  }

  .resource-section{
    padding-block:72px;
  }

  .resource-grid article{
    grid-template-columns:54px 1fr;
    padding:22px;
  }

  .resource-icon{
    width:48px;
    height:48px;
    border-radius:14px;
  }

  .upgrade-explanation{
    padding:24px 20px;
  }

  .upgrade-example{
    grid-template-columns:1fr;
  }

  .upgrade-example>span{
    transform:rotate(90deg);
    justify-self:center;
  }

  .pedia-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .monsterpedia-intro{
    grid-template-columns:1fr;
    gap:22px;
    padding:24px 20px;
  }

  .pedia-card{
    min-height:auto;
    padding:24px 20px;
  }

  .game-guide-closing{
    margin-top:70px;
  }
}

@media(max-width:410px){
  .game-guide-hero-inner{
    width:calc(100% - 32px);
  }

  .game-guide-copy h1{
    font-size:3.15rem;
  }

  .game-guide-copy .button-row{
    flex-direction:column;
    align-items:stretch;
  }

  .game-guide-copy .button{
    width:100%;
  }

  .nexuspedia-nav{
    display:grid;
    grid-template-columns:1fr;
  }

  .nexuspedia-nav a{
    width:100%;
  }
}