/* Refined subpage palette: one calm night base, precise green/cyan light and restrained violet depth. */
:root{--page-ink:#edfbfa;--page-muted:#bdd4da;--page-line:#b8fff033;--page-green:#63efac;--page-cyan:#75e7ff;--page-navy:#071b2a}
body[data-page]:not([data-page="start"]){background:var(--page-navy)}
body[data-page]:not([data-page="start"]) #site-header{background:#061522dc;border-bottom-color:#8cf5c13b;box-shadow:0 12px 34px #0209108f}
body[data-page]:not([data-page="start"]) #site-header .brand,body[data-page]:not([data-page="start"]) #site-header .nav nav a{color:#f3fffd}
body[data-page]:not([data-page="start"]) #site-header .nav nav a:hover,body[data-page]:not([data-page="start"]) #site-header .nav nav a[aria-current=page]{color:var(--page-green)}
body[data-page]:not([data-page="start"]) #site-header .nav nav a{background:linear-gradient(145deg,#18394aeb,#0b1d2ddd);border-color:#87f4c340;box-shadow:0 5px 0 #030b139e,0 11px 22px #020b155c}
body[data-page]:not([data-page="start"]) #site-header .nav nav a:hover,body[data-page]:not([data-page="start"]) #site-header .nav nav a[aria-current=page]{background:linear-gradient(145deg,#1f9a74,#176d91);box-shadow:0 9px 0 #062c2c,0 19px 30px #010a147a}
body[data-page]:not([data-page="start"]) main{position:relative;overflow:hidden;color:var(--page-ink);background:radial-gradient(ellipse 64% 28% at 98% 7%,#5d50b51e 0%,transparent 72%),radial-gradient(ellipse 62% 32% at 2% 44%,#10bd8824 0%,transparent 70%),linear-gradient(155deg,#061b2a 0%,#0a2637 48%,#111d39 100%)}
body[data-page]:not([data-page="start"]) .page-hero{padding:204px 0 116px;background:radial-gradient(circle at 84% 28%,#8171dc3d 0%,transparent 25%),radial-gradient(circle at 4% 92%,#26d18b42 0%,transparent 30%),linear-gradient(116deg,#0b3c48 0%,#135366 54%,#263866 100%);box-shadow:inset 0 -92px 90px -72px #09283a}
body[data-page]:not([data-page="start"]) .page-hero:after{width:48%;height:100%;right:-17%;bottom:-36%;background:radial-gradient(circle,#82f4d142 0%,#63dffb1b 48%,transparent 72%);filter:blur(12px)}
body[data-page]:not([data-page="start"]) .page-hero h1{color:#f6fffd;text-shadow:0 4px 22px #020c1666}
body[data-page]:not([data-page="start"]) .page-hero p{color:#d0e6e8}
body[data-page]:not([data-page="start"]) .page-hero .eyebrow{color:#8cf4bd}
body[data-page]:not([data-page="start"]) .section{position:relative;background:transparent}
body[data-page]:not([data-page="start"]) .eyebrow{color:#8df3bd}
body[data-page]:not([data-page="start"]) .intro p,body[data-page]:not([data-page="start"]) .section-heading p,body[data-page]:not([data-page="start"]) .values p,body[data-page]:not([data-page="start"]) .game-row p,body[data-page]:not([data-page="start"]) .contact-card p,body[data-page]:not([data-page="start"]) .faq details p{color:var(--page-muted)}
body[data-page]:not([data-page="start"]) .final-cta{background:radial-gradient(circle at 84% 18%,#53c8e933 0%,transparent 26%),linear-gradient(110deg,#061c2b,#0c5154 55%,#172b65);color:#f4fffd}
body[data-page]:not([data-page="start"]) .final-cta .eyebrow{color:#a5f8c8}
body[data-page]:not([data-page="start"]) .button{background:linear-gradient(135deg,#26bf79,#19a9c7);border-color:#8ff6cb64;box-shadow:0 14px 32px #02162269}
body[data-page]:not([data-page="start"]) .button:hover{background:linear-gradient(135deg,#39d38a,#27bad7)}

/* Community */
body[data-page="community"] .intro{padding:clamp(28px,5vw,54px);border:1px solid var(--page-line);border-radius:28px;background:linear-gradient(135deg,#102b38f5,#163246f5 56%,#1b2948f5);box-shadow:0 30px 70px #020e1c66,inset 0 1px #ddfff21c}
body[data-page="community"] .numbered{border-color:var(--page-line)}
body[data-page="community"] .numbered li{border-color:#b8fff021}
body[data-page="community"] .numbered b{color:var(--page-green)}
body[data-page="community"] .section-tint{background:linear-gradient(90deg,#071d2b00,#24485b38 52%,#071d2b00);box-shadow:inset 0 1px #c7fff014,inset 0 -1px #c7fff014}
body[data-page="community"] .values article{min-height:236px;padding:29px;border:1px solid var(--page-line);border-radius:22px;background:linear-gradient(145deg,#0b2231f8,#122d40f8 58%,#1a2948f8);box-shadow:0 20px 46px #020d1a5c,inset 0 1px #effff814}
body[data-page="community"] .values article:nth-child(2n){background:linear-gradient(145deg,#102438f8,#123239f8 58%,#1d2948f8)}
body[data-page="community"] .values article:before{content:"";display:block;width:44px;height:3px;margin-bottom:23px;background:linear-gradient(90deg,var(--page-green),var(--page-cyan));border-radius:99px}

/* Games */
body[data-page="games"] main{background:radial-gradient(ellipse 52% 31% at 94% 10%,#6d56be20 0%,transparent 71%),radial-gradient(ellipse 56% 34% at 4% 60%,#12c68b20 0%,transparent 73%),linear-gradient(155deg,#061b2a,#0b293a 53%,#111d39)}
body[data-page="games"] .page-hero.cs2-page-hero{background:linear-gradient(92deg,#061522ef 0%,#0b4052d2 46%,#2533617a),url("/assets/img/site/hero/cs2-night-arena.webp") center/cover}
body[data-page="games"] .cs2-page-hero h1,body[data-page="games"] .cs2-page-hero p{color:#f5fffd}
body[data-page="games"] .cs2-page-hero .eyebrow{color:#9cffc7}
body[data-page="games"] .game-row{min-height:236px;padding:34px;border:1px solid var(--page-line);background:linear-gradient(145deg,#0c2937f8,#123447f8 58%,#1d2b4bf8)!important;box-shadow:0 22px 48px #020d1a60,inset 0 1px #effff817}
body[data-page="games"] .game-row:nth-child(2){background:linear-gradient(145deg,#102941f8,#12383cf8 58%,#1d2b4af8)!important}
body[data-page="games"] .game-row:nth-child(3){background:linear-gradient(145deg,#0d2d3df8,#153449f8 58%,#20294bf8)!important}
body[data-page="games"] .game-row:nth-child(4){background:linear-gradient(145deg,#11283cf8,#143541f8 58%,#202c4ef8)!important}
body[data-page="games"] .game-row:before{height:4px;background:linear-gradient(90deg,var(--page-green),var(--page-cyan),#a695ff)}
body[data-page="games"] .game-row .eyebrow{color:#9ffac7}

/* FAQ */
body[data-page="faq"] main{background:radial-gradient(ellipse 55% 32% at 90% 8%,#725cc522 0%,transparent 73%),radial-gradient(ellipse 65% 28% at 5% 72%,#0ec6951d 0%,transparent 75%),linear-gradient(155deg,#061b2a,#0b293a 50%,#111d39)}
body[data-page="faq"] .faq{padding:clamp(24px,4vw,46px);border:1px solid var(--page-line);border-radius:28px;background:linear-gradient(140deg,#102b3af5,#153347f5 57%,#1d2c4cf5);box-shadow:0 30px 70px #020d1d66,inset 0 1px #effff81a}
body[data-page="faq"] .faq details{margin-bottom:10px;padding:20px;border:1px solid #c5fff02b;border-radius:16px;background:linear-gradient(104deg,#0b202ef8,#112d3ef8 60%,#192a47f8)!important;box-shadow:0 10px 23px #020d1b3d}
body[data-page="faq"] .faq summary:after{color:var(--page-green)}

/* Contact */
body[data-page="kontakt"] main{background:radial-gradient(ellipse 55% 33% at 93% 11%,#755fc124 0%,transparent 72%),radial-gradient(ellipse 63% 31% at 5% 70%,#14c89020 0%,transparent 74%),linear-gradient(155deg,#061b2a,#0b293a 49%,#111d39)}
body[data-page="kontakt"] .contact-card{min-height:286px;border:1px solid var(--page-line);background:linear-gradient(145deg,#0d2938f8,#123448f8 56%,#1d2b4bf8)!important;box-shadow:0 22px 50px #020d1b62,inset 0 1px #effff818}
body[data-page="kontakt"] .contact-card:nth-child(2){background:linear-gradient(145deg,#112840f8,#12383df8 55%,#1f2c4cf8)!important}
body[data-page="kontakt"] .contact-card:nth-child(3){background:linear-gradient(145deg,#0c2c3bf8,#143448f8 55%,#202b4df8)!important}
body[data-page="kontakt"] .contact-card a:not(.button){color:#98f8c4}

@media(max-width:820px){body[data-page]:not([data-page="start"]) .page-hero{padding:150px 0 78px}body[data-page="community"] .intro,body[data-page="faq"] .faq{padding:26px 21px;border-radius:20px}body[data-page="community"] .values article,body[data-page="games"] .game-row,body[data-page="kontakt"] .contact-card{min-height:0;padding:26px}.mobile-nav{background:#061522f5}.mobile-nav a:not(.button){color:#f6fffc!important}}

/* Semantic surface system: canvas, section, elevated groups and cards are deliberately different values. */
:root{--canvas:#071521;--section:#0b2233;--elevated:#102c3d;--card:#183d4d;--card-hover:#214d5d;--text-strong:#f5fbff;--text-muted:#bfd2dc;--accent-green:#31d781;--accent-cyan:#44cbec}
body[data-page]:not([data-page="start"]){background:var(--canvas)}
body[data-page]:not([data-page="start"]) main{background:radial-gradient(ellipse 52% 30% at 100% 4%,#2c91a41b 0%,transparent 70%),radial-gradient(ellipse 48% 32% at 0% 62%,#28c27b16 0%,transparent 72%),var(--canvas)}
body[data-page]:not([data-page="start"]) .page-hero{background:radial-gradient(circle at 90% 24%,#4acde52b 0%,transparent 25%),radial-gradient(circle at 3% 90%,#32d58128 0%,transparent 28%),linear-gradient(118deg,#0e4351 0%,#16546a 58%,#1d4167 100%);box-shadow:inset 0 -105px 90px -72px var(--canvas)}
body[data-page]:not([data-page="start"]) .section{background:transparent}
body[data-page]:not([data-page="start"]) .intro,body[data-page]:not([data-page="start"]) .faq{background:var(--elevated);border-color:#7ce6ef36;box-shadow:0 28px 64px #01070e80,inset 0 1px #dbfff00f}
body[data-page]:not([data-page="start"]) .section-tint{background:linear-gradient(180deg,#0b2233 0%,#071521 100%);box-shadow:inset 0 1px #cffff009,inset 0 -1px #cffff009}
body[data-page]:not([data-page="start"]) .values article,body[data-page]:not([data-page="start"]) .game-row,body[data-page]:not([data-page="start"]) .contact-card{background:linear-gradient(135deg,#183d4d 0%,#1b4051 100%)!important;border-color:#8aeaf033;box-shadow:0 18px 40px #01070e72,inset 0 1px #effff80c}
body[data-page]:not([data-page="start"]) .values article:nth-child(2n),body[data-page]:not([data-page="start"]) .game-row:nth-child(2n),body[data-page]:not([data-page="start"]) .contact-card:nth-child(2n){background:linear-gradient(135deg,#173847 0%,#1a3f4f 100%)!important}
body[data-page]:not([data-page="start"]) .values article:hover,body[data-page]:not([data-page="start"]) .game-row:hover,body[data-page]:not([data-page="start"]) .contact-card:hover{background:var(--card-hover)!important}
body[data-page]:not([data-page="start"]) .faq details{background:#0b2233!important;border-color:#8aeaf02b;box-shadow:inset 0 1px #effff80b}
body[data-page]:not([data-page="start"]) .faq details[open]{background:var(--elevated)!important;border-color:#52dab55e}
body[data-page]:not([data-page="start"]) .intro p,body[data-page]:not([data-page="start"]) .section-heading p,body[data-page]:not([data-page="start"]) .values p,body[data-page]:not([data-page="start"]) .game-row p,body[data-page]:not([data-page="start"]) .contact-card p,body[data-page]:not([data-page="start"]) .faq details p{color:var(--text-muted)}
body[data-page]:not([data-page="start"]) h1,body[data-page]:not([data-page="start"]) h2,body[data-page]:not([data-page="start"]) h3{color:var(--text-strong)}
body[data-page]:not([data-page="start"]) .eyebrow,body[data-page]:not([data-page="start"]) .faq summary:after{color:var(--accent-green)}
body[data-page]:not([data-page="start"]) .button{background:linear-gradient(135deg,#1fbf70,#22b2c9);border-color:#82f6c261;box-shadow:0 14px 30px #03121d84}
body[data-page]:not([data-page="start"]) .button:hover{background:linear-gradient(135deg,#31d781,#36c6dc)}

/* Keep the Counter-Strike artwork above the generic page-hero surface. */
body[data-page="games"] .page-hero.cs2-page-hero{background:linear-gradient(92deg,#061522ef 0%,#0b4052d2 46%,#2533617a),url("/assets/img/site/hero/cs2-night-arena.webp") center/cover}