/* ECLIPSE-9 // Website-Rebranding 2026-10-23
   Ausschliesslich Darstellung. Alle vorhandenen Datenattribute, Klassen, IDs,
   Routen, Lade-/Uebergangsanimationen und JS-/Backend-Vertraege bleiben erhalten. */
:root {
  --background:#090a0c; --foreground:#e9e7e3; --card:#141619;
  --card-foreground:#f4f2ee; --popover:#131518;
  --primary:#ae332d; --primary-foreground:#fff9f5;
  --muted:#191b1e; --muted-foreground:#a6a7a6;
  --accent:#a8afa9; --border:#33373b;
  --rust:#ae332d; --rust-bright:#db4b3f; --toxic:#c0c3bc;
  --steel:#a4a6a4; --paper:#e6e3dc;
  --font-sans:'Arial Narrow','Segoe UI',Arial,sans-serif;
  --font-mono:'Cascadia Mono','Consolas',ui-monospace,monospace;
  --nav-height:84px;
}
html { background:#090a0c; }
body {
  color:var(--foreground); background-color:#090a0c;
  background-image:radial-gradient(ellipse 70% 50% at 92% 4%,rgba(99,36,33,.11),transparent 75%),
    radial-gradient(ellipse 40% 25% at 10% 88%,rgba(80,83,85,.06),transparent 75%);
  line-height:1.6;
}
a,button { touch-action:manipulation; }
.site-frame { overflow-x:clip; }
.noise { opacity:.017; }
.main-header {
  height:var(--nav-height); padding-inline:clamp(20px,2.7vw,90px);
  background:linear-gradient(180deg,rgba(7,8,10,.98),rgba(10,11,13,.93));
  border-color:rgba(200,194,183,.13); box-shadow:0 12px 40px rgba(0,0,0,.28);
  gap:clamp(14px,1.35vw,30px);
}
.main-header::after { left:0; bottom:-1px; width:clamp(94px,9vw,220px); height:2px; background:linear-gradient(90deg,#7c2521,#c84439,transparent); box-shadow:none; }
.brand { min-width:0; flex:none; gap:0; align-self:center; }
.brand img { width:clamp(180px,13.4vw,248px); height:auto; aspect-ratio:3/1; object-fit:contain; filter:drop-shadow(0 7px 9px rgba(0,0,0,.65)); }
.main-header nav { gap:clamp(8px,1.45vw,28px); flex:0 1 auto; min-width:0; }
.main-header nav a { color:#b7b9b7; font-size:clamp(.62rem,.62vw,.75rem); letter-spacing:.065em; white-space:nowrap; font-weight:700; }
.main-header nav a:hover,.main-header nav a.active { color:#fff; }
.main-header nav a.active::after { bottom:calc(-1 * (var(--nav-height) - 16px)/2); background:#c74438; box-shadow:none; }
.main-header nav .discord-link { color:#c4c8cb; }
.main-header nav .admin-link { color:#bb8178; }
.header-actions { gap:clamp(8px,1vw,22px); flex:none; }
.status-compact { color:#a0a7a0; font-size:.63rem; }
.status-compact strong { color:#d7d9d4; }
.status-dot { background:#9b3d36; box-shadow:0 0 7px #80271f; }
.status-dot.online { background:#91b6a2;box-shadow:0 0 8px #6f907f; }
.connect-small,.primary-action {
  clip-path:none; border-radius:2px; border:1px solid #a03b33;
  background:linear-gradient(110deg,#912c26,#6b211d);
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 7px 19px rgba(0,0,0,.3);
  text-shadow:0 1px 0 rgba(0,0,0,.4);
  letter-spacing:.08em;
}
.connect-small { padding:14px 16px; }
.primary-action { min-height:54px; }
.connect-small:hover,.primary-action:hover { filter:brightness(1.14); }
.secondary-action { border-color:#56585a; color:#e4e2dc; background:rgba(16,17,19,.84); }
.secondary-action:hover { background:#202126; }
.signal-label,.eyebrow { color:#cfb6a9; letter-spacing:.15em; }
.signal-label i { background:#c74438; box-shadow:0 0 9px rgba(181,49,38,.38); }
.signal-divider { color:#6b6864; }
.hero { min-height:760px; max-height:none; height:min(920px,100svh); padding-top:var(--nav-height); }
.hero-video { filter:saturate(.65) contrast(1.14) brightness(.60); }
.hero-overlay { background:linear-gradient(90deg,rgba(6,7,9,.985) 0%,rgba(7,8,10,.95) 21%,rgba(7,8,10,.66) 53%,rgba(7,8,10,.38) 80%,rgba(7,8,10,.74)),linear-gradient(0deg,#090a0c 0%,transparent 40%,rgba(5,5,7,.5)); }
.hero-grid { opacity:.13; background-size:96px 96px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.hero-content,.content-section,.operations,.final-cta,.page-shell,.age-briefing { width:min(1640px,calc(100% - clamp(36px,7.5vw,140px))); }
.hero-content { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(15px,3vw,65px); }
.hero-copy { padding-top:22px; max-width:790px; }
.hero-subrelease { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:18px; color:#a6aaa7; font:700 .62rem var(--font-mono);letter-spacing:.16em; }
.hero-subrelease > span:first-child { border-left:2px solid #af3c31; padding-left:10px; }
.hero-age { color:#e2c6b8; padding:4px 10px; border:1px solid rgba(193,86,71,.47); background:rgba(75,30,27,.28);font-weight:800; }
.hero h1 { font-size:clamp(3.5rem,5.6vw,6.6rem); max-width:820px; line-height:.94; letter-spacing:-.045em; overflow-wrap:normal; text-wrap:balance; }
.hero h1 span { color:#c44c42; -webkit-text-stroke:0; }
.hero-copy > p { color:#bebfbc; max-width:650px; font-size:clamp(1rem,1.08vw,1.13rem); border-left:2px solid #9e3931; margin:29px 0 30px; padding-left:19px; }
.hero-actions { gap:12px; }
.hero-emblem { width:min(38vw,600px); aspect-ratio:1.16; justify-self:center; isolation:isolate; }
.hero-emblem::before { content:''; position:absolute; inset:7%; border:1px solid rgba(180,175,167,.13); clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,6% 100%,0 94%); background:radial-gradient(ellipse at center,rgba(136,45,37,.1),transparent 70%); }
.hero-emblem img { width:110%; height:auto; max-height:80%; object-fit:contain; z-index:2; filter:drop-shadow(0 16px 22px rgba(0,0,0,.85)); animation:emblemFloat 8s ease-in-out infinite; }
.emblem-ring { inset:6%; border-radius:0; border:1px solid rgba(183,166,157,.17); box-shadow:none; animation:none; clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
.emblem-ring::before,.emblem-ring::after { background:#b73e36; height:4px; width:29px; box-shadow:none; }
.emblem-ring::before { top:0;left:0; }.emblem-ring::after { bottom:0;right:0; }
.sector-stamp { right:-3%;bottom:5%;transform:none;color:#d8bbb2;border:1px solid rgba(181,58,48,.57);background:rgba(19,11,11,.83); }
.emblem-coordinate { position:absolute;left:0;top:0;color:#a9a4a1;font:700 .59rem var(--font-mono);letter-spacing:.1em;transform:translateY(-24px); }
.hero-status { left:max(calc((100% - 1640px)/2),calc(clamp(36px,7.5vw,140px)/2));right:0;bottom:18px; }
.server-status-panel { max-width:700px;background:rgba(10,12,14,.94);border-color:#3e3d3c;border-left:2px solid #a8463c; }
.status-icon { border-color:#513b36;background:#231b1b;color:#c6a5a0; }
.server-status-panel strong { font-size:.78rem; }
.section-heading h2,.operations h2,.final-cta h2 { font-size:clamp(2.2rem,4vw,4.6rem);letter-spacing:-.035em; }
.section-heading h2::after,.rules-hero h1::after { background:linear-gradient(90deg,#a83e36,transparent);box-shadow:none; }
.section-heading p,.operations-copy p { color:#a9aaa8; }
.content-section { padding:112px 0; }
.systems-grid { gap:16px; }
.system-card { background:linear-gradient(145deg,#191a1d,#101113); border:1px solid #33373a; min-height:320px; padding:25px; }
.system-card:hover { border-color:#8c433d; background:#1a1b1e; }
.system-card::before { opacity:.13; }
.system-card h3 { color:#eae9e5; font-size:1.24rem; }
.system-card p { color:#acaeaa; }
.system-top b { color:#ba564a; }
.card-corner { background:#3b1818; }
.operations-map { background:radial-gradient(circle at center,rgba(100,121,110,.13),transparent 42%),linear-gradient(#15181a,#0b0d0f);border-color:#3a3d3f; }
.operations-map::before { opacity:.11; }
.operations-map::after { background:linear-gradient(transparent,#b0b9a9,transparent);box-shadow:none;opacity:.22; }
.map-label { color:#c3c6bf;border-color:#51565a;background:#121618; }
.map-label::before { background:#a9473c;box-shadow:none; }
.radar-ring { border-color:rgba(183,182,176,.21); }
.radar-center { color:#bc6154; }
.operations-copy li { color:#dbd8d2; }
.operations-copy li span { color:#bb5c4c; }
.text-link { color:#dc8579; }
.age-briefing { display:grid;grid-template-columns:auto minmax(0,1fr) auto; align-items:center;gap:clamp(22px,3vw,52px);margin:0 auto 52px;padding:32px clamp(25px,3vw,56px);border:1px solid #65403b;background:linear-gradient(90deg,#251514,#171718 42%,#111214);box-shadow:0 18px 45px rgba(0,0,0,.22); }
.age-briefing-mark { border:1px solid rgba(212,101,89,.65); color:#f0d3c9; font:900 clamp(2.6rem,5vw,5rem)/1 var(--font-mono); letter-spacing:-.07em; padding:14px 18px; }
.age-briefing-mark span { color:#d55a4d; }
.age-briefing-content h2 { margin:7px 0 5px; font-size:clamp(1.3rem,2.2vw,2.25rem);line-height:1.08;letter-spacing:-.01em; }
.age-briefing-content p { margin:0;color:#beb8b6;max-width:900px;font-size:.92rem; }
.age-briefing .secondary-action { white-space:nowrap; }
.final-cta { padding:clamp(30px,4vw,65px);background:linear-gradient(105deg,rgba(88,35,31,.4),rgba(19,21,23,.95) 62%);border-color:#54403d; }
.page-shell { padding-top:var(--nav-height); }
.page-hero.compact { min-height:315px;padding:75px 0 35px;border-color:#38393b; }
.page-hero h1 { font-size:clamp(3.4rem,6.1vw,6.7rem);line-height:.98;letter-spacing:-.04em; }
.page-hero p { color:#afb1af; }
.rules-page { max-width:1700px; }
.rules-hero { min-height:285px; }
.rules-hero::before { opacity:.09; }
.rules-hero-mark { width:172px;height:172px;border-color:#4c4b4b;background:#131416; }
.rules-hero-mark strong { color:#ca594a; }
.rules-hero-mark small { color:#c1c6c3; }
.rules-mandatory-warning { display:flex; gap:24px;align-items:center;padding:24px 28px; background:linear-gradient(90deg,#251514,#141516);border:1px solid #753c34;margin:26px 0 16px; }
.rules-age-mark { flex:none;color:#f3e0d9;font:900 2.2rem var(--font-mono);border:1px solid #b14a3f;padding:10px 14px;line-height:1.1; }
.rules-mandatory-warning strong { color:#f2dad0;font:.86rem var(--font-mono);letter-spacing:.07em; }
.rules-mandatory-warning p { margin:5px 0 0;color:#c7bfba; font-size:.91rem;line-height:1.55; }
.rules-command-strip { border-color:#3b3f41;background:linear-gradient(90deg,#161819,#101112);color:#b0b5b1; }
.rules-command-strip i { background:#bc5145;box-shadow:none; }
.rules-layout { grid-template-columns:275px minmax(0,1fr); gap:34px;padding-top:36px; }
.rules-sidebar { top:calc(var(--nav-height) + 20px);scrollbar-color:#595457 #19191a; }
.rules-sidebar > button { color:#b2b2b0; border-color:#343638; }
.rules-sidebar > button:hover,.rules-sidebar > button.active { border-left-color:#bc5045; background:linear-gradient(90deg,rgba(153,56,48,.22),transparent); }
.rules-sidebar > button span { color:#8e8e8a; }
.rule-notice { border-color:#69453e;background:#211515;color:#e4a092; }
.rule-notice p { color:#bab0ae; }
.search-field { background:#151719;border-color:#444749; }
.rules-summary { color:#a1a4a1; }
.rule-card { background:linear-gradient(130deg,#16181a,#101214); border-color:#34383b; }
.rule-card.severity-important { border-left:3px solid #99835e; }
.rule-card.severity-critical { border-left:3px solid #bc5247; }
.rule-card[open] { border-color:#965248;box-shadow:inset 2px 0 #aa443a,0 13px 30px rgba(0,0,0,.22); }
.rule-card[open] > summary { background:linear-gradient(90deg,rgba(138,48,39,.17),transparent 52%); }
.rule-title strong { color:#e9e9e5; }
.rule-category { color:#beada3; }
.rule-card .rule-number { color:#949b98; border-color:#464748; }
.rule-card[open] .rule-number { color:#e79788; }
.rule-body p { color:#d7d5cf; }
.rule-body > small { color:#8f9792;border-color:#414142; }
.rule-toggle { border-color:#54585b; }
.rule-card[open] .rule-toggle { border-color:#ad5c4e; background:#3a2421; }
.shop-hero { min-height:520px;grid-template-columns:1fr 1.05fr; }
.shop-coin { min-height:430px; }
.shop-coin img { width:min(100%,455px); filter:drop-shadow(0 25px 30px rgba(0,0,0,.75)); }
.shop-hero-copy h1 { font-size:clamp(3.1rem,5.8vw,6.6rem); }
.shop-hero-copy h1 span { color:#c68d80; }
.policy-warning { background:#201715;border-color:#6b4b3f; }
.product-card,.coin-money-card { border-color:#3b3e3f;background:linear-gradient(150deg,#1b1c1e,#101214); }
.product-card h2 { overflow-wrap:anywhere; }
.product-card p { color:#b6b5b0; }
.product-card.featured { border-color:#8b6446; }
.product-bottom { flex-wrap:wrap; }
.product-bottom a,.product-bottom button { background:#77332b; border-color:#a34d42; }
.product-bottom > strong { color:#e6cfb6; }
.coin-money-card { background:linear-gradient(150deg,#211a1a,#101214); }
.coin-money-card.popular { border-color:#a87954; }
.paid-coin-visual img { width:145px;height:145px; }
.team-card { border-color:#343739;background:linear-gradient(140deg,#191b1e,#111214); }
.team-card p { color:#aeb1ae; }
.team-principles { border-color:#3a3d3e;background:#121416; }
.legal-nav { top:var(--nav-height);background:rgba(15,16,19,.95); }
.legal-card { border-color:#37393b;background:linear-gradient(140deg,#191a1d,#111315); }
.legal-card p,.legal-card dd,.legal-list li { color:#c0bfbb; }
.legal-emphasis { background:#2a1b19; }
.admin-panel,.admin-kpi { border-color:#3c3e40;background:linear-gradient(140deg,#1a1b1e,#121315); }
.admin-table { border-color:#3c3f42; }
.admin-table td { color:#ceccc7; }
.admin-tabs-list a:hover,.admin-tabs-list a.active { background:#282124; }
.login-card { width:min(570px,100%);background:linear-gradient(145deg,#191a1d,#0e1012);border-color:#4e4240; }
.login-card > img { width:min(340px,90%);height:auto;aspect-ratio:3/1; }
.main-footer { background:#0a0b0d;border-color:#373a3b;grid-template-columns:220px minmax(0,1fr) auto; }
.footer-brand { display:grid;gap:3px; }
.footer-brand img { width:190px;height:auto;aspect-ratio:3/1;object-fit:contain; }
.footer-brand-sub { font-size:.61rem;color:#989b98;letter-spacing:.14em;margin-left:9px; }
.main-footer p { color:#9c9c9b; }
.footer-links { color:#babbb8; }
/* Branded assets only; route-gate/intro timing and animations intentionally unchanged */
.route-gate { background:#090a0c; }
.route-gate-core { width:min(510px,80vw); }
.route-gate-core img { width:min(440px,75vw);height:auto;aspect-ratio:3/1;object-fit:contain; }
.route-gate-core strong { color:#ebdfd7;font-size:clamp(.76rem,1.4vw,1.02rem); }
.route-gate-core small { color:#a7a6a2; }
.route-gate-door { background:linear-gradient(105deg,#0b0c0f,#242529 60%,#0c0e10); }
.route-gate-door span { color:#b5a29e; }
.route-gate-core > i > b { background:linear-gradient(90deg,#762820,#d65f4f,#d4c7bb); }
.intro-gate { background:#090a0c; }
.intro-center img { width:min(580px,74vw);height:auto;aspect-ratio:3/1;object-fit:contain; }
.intro-center .eyebrow { color:#d3c0b3; }
.gate-door { background:linear-gradient(90deg,#0a0b0d,#222427 60%,#090b0d); }
.gate-door span { color:#a7a09d; }
/* Table/controls safeguard: never clip data, small screens get scroll */
.admin-content,.admin-panel,.product-section,.rules-content,.legal-card,.operations-copy { min-width:0; }
.admin-table { max-width:100%; overflow-x:auto; }
.admin-dialog { max-width:min(760px,calc(100vw - 28px))!important; }
.admin-dialog input,.admin-dialog textarea { max-width:100%; }
@media (max-width:1450px) {
  .main-header { gap:14px; padding-inline:clamp(18px,2vw,45px); }
  .main-header nav { gap:clamp(8px,1vw,18px); }
  .brand img { width:clamp(176px,14vw,220px); }
  .status-compact { display:none; }
  .hero h1 { font-size:clamp(3.3rem,5.2vw,6rem); }
  .coin-pack-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1100px) {
  :root { --nav-height:72px; }
  .main-header nav { position:absolute; z-index:70;top:var(--nav-height);left:0;right:0;bottom:auto;display:none;padding:14px 20px 25px;gap:8px;flex-direction:column;align-items:stretch;background:rgba(11,12,14,.99);box-shadow:0 30px 50px rgba(0,0,0,.55);max-height:calc(100svh - var(--nav-height));overflow-y:auto; }
  .main-header nav.open { display:flex; }
  .main-header nav a { border:1px solid #34373a; background:#17191b; padding:13px 17px;min-height:48px;display:flex;align-items:center;font-size:.77rem; }
  .main-header nav a.active::after { left:0;right:auto;top:0;bottom:0;height:auto;width:3px; }
  .menu-button { display:grid; place-items:center;width:43px;height:43px;background:#17191c;border:1px solid #454749;border-radius:2px; }
  .hero { min-height:720px; }
  .systems-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .coin-pack-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .age-briefing { grid-template-columns:auto 1fr; }
  .age-briefing > a { grid-column:2;justify-self:start; }
}
@media (max-width:820px) {
  :root { --nav-height:68px; }
  .brand img { width:clamp(143px,36vw,205px);height:auto; }
  .main-header { padding-inline:clamp(12px,3vw,22px); }
  .hero { height:auto;min-height:750px;padding:145px 0 165px; }
  .hero-content,.content-section,.operations,.final-cta,.page-shell,.age-briefing { width:calc(100% - 34px); }
  .hero-content { display:block; }
  .hero-emblem { width:min(70vw,500px);position:absolute;right:-9%;top:-26px;opacity:.19;pointer-events:none; }
  .hero-emblem img { width:100%; }
  .hero-copy { position:relative;z-index:2;padding-top:0; }
  .hero h1 { font-size:clamp(3.1rem,10.2vw,5.2rem);max-width:95%; }
  .hero-copy > p { max-width:600px; }
  .hero-status { left:17px;right:17px;bottom:22px; }
  .hero-subrelease { margin-top:5px; }
  .content-section { padding:85px 0; }
  .operations { grid-template-columns:1fr;gap:32px;padding:30px 0 100px; }
  .operations-map { min-height:370px; }
  .page-hero.compact { min-height:265px;padding:48px 0 35px; }
  .rules-layout { grid-template-columns:1fr;gap:18px;padding-top:25px; }
  .rules-sidebar { position:static;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;max-height:none;padding-bottom:13px; }
  .rules-sidebar > button { flex:none;min-height:45px;padding:0 15px;border:1px solid #393a3b; }
  .rules-sidebar .filter-label,.rules-sidebar .rule-notice { display:none; }
  .search-field { top:calc(var(--nav-height) + 8px); }
  .shop-hero { grid-template-columns:1fr;min-height:0;padding:55px 0 32px; }
  .shop-coin { min-height:260px;order:2; }
  .shop-coin img { max-width:295px; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .coin-pack-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-card.featured { transform:none; }
  .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .team-principles { grid-template-columns:1fr; }
  .legal-grid { grid-template-columns:1fr; }
  .legal-card.wide { grid-column:1; }
  .legal-nav { top:var(--nav-height); }
  .admin-grid { grid-template-columns:1fr; }
  .main-footer { grid-template-columns:1fr;gap:13px;justify-items:center;text-align:center; }
  .footer-brand { justify-items:center; }
  .footer-brand-sub { margin-left:0; }
  .main-footer p { max-width:640px; }
  .route-gate-core img { width:min(420px,76vw); }
  .login-card { padding:clamp(22px,6vw,42px); }
}
@media (max-width:560px) {
  .main-header { gap:8px; }
  .main-header nav { top:var(--nav-height);max-height:calc(100svh - var(--nav-height)); }
  .header-actions { gap:8px; }
  .header-actions .connect-small { width:42px;height:42px;padding:0;font-size:0; }
  .header-actions .connect-small span { font-size:1.1rem; }
  .hero { min-height:700px; padding:120px 0 190px; }
  .hero-emblem { opacity:.09; }
  .hero h1 { font-size:clamp(2.48rem,10.3vw,3.5rem);line-height:1;letter-spacing:-.05em; }
  .hero-subrelease { font-size:.57rem;gap:7px; }
  .hero-copy > p { font-size:.98rem;line-height:1.7;margin-top:23px; }
  .hero-actions { gap:10px; }
  .hero-actions a { width:100%;min-height:48px; }
  .hero-status { bottom:17px; }
  .server-status-panel { grid-template-columns:auto 1fr;gap:9px;padding:11px; }
  .status-data { grid-column:1/-1;border:0;border-top:1px solid #35363a;padding:10px 0 0;justify-items:start; }
  .section-heading h2,.operations h2 { font-size:clamp(2rem,8.3vw,3rem); }
  .systems-grid { grid-template-columns:1fr;gap:12px; }
  .system-card { min-height:250px; }
  .system-card h3 { margin-top:54px; }
  .age-briefing { grid-template-columns:1fr;padding:24px;gap:16px; }
  .age-briefing-mark { justify-self:start;font-size:2.4rem; }
  .age-briefing > a { grid-column:1; }
  .final-cta { margin-bottom:68px;padding:28px 22px;display:flex;flex-direction:column;align-items:flex-start; }
  .page-hero h1 { font-size:clamp(2.8rem,12vw,4.25rem); }
  .rules-mandatory-warning { padding:16px;gap:13px;align-items:flex-start; }
  .rules-age-mark { font-size:1.45rem;padding:7px 9px; }
  .rules-mandatory-warning strong { font-size:.72rem; }
  .rules-mandatory-warning p { font-size:.82rem; }
  .rules-command-strip { overflow-x:auto;gap:20px; }
  .rules-command-strip span { white-space:nowrap; }
  .rule-card > summary { grid-template-columns:39px minmax(0,1fr) 28px;gap:9px;padding:14px 10px;min-height:78px; }
  .rule-card .rule-number { min-height:40px;font-size:.65rem; }
  .rule-title strong { font-size:.93rem; }
  .rule-category { font-size:.51rem; }
  .rule-body { padding:14px 15px 19px; }
  .rule-body p { font-size:.95rem;line-height:1.75; }
  .product-grid,.coin-pack-grid { grid-template-columns:1fr; }
  .product-card,.coin-money-card { min-height:0; }
  .product-bottom { gap:12px; }
  .product-bottom > strong { font-size:1.65rem; }
  .team-grid { grid-template-columns:1fr; }
  .legal-nav { margin-inline:-17px;padding-inline:17px;overflow:auto;max-width:calc(100% + 34px); }
  .legal-card { padding:25px 20px; }
  .login-card > img { max-width:270px; }
  .admin-header { flex-direction:column;align-items:flex-start; }
  .admin-kpis { grid-template-columns:1fr; }
  .settings-grid,.dialog-form { grid-template-columns:1fr; }
  .row-actions { flex-wrap:wrap; }
  .main-footer { padding:26px 18px 90px; }
  .sound-control { bottom:10px;left:10px; }
  .intro-center img { width:min(450px,84vw); }
}
@media (max-width:365px) {
  .brand img { width:130px; }
  .hero h1 { font-size:clamp(2.22rem,10.1vw,2.8rem); }
  .hero-subrelease > span:first-child { display:none; }
  .main-header nav a { padding:12px; }
  .rules-summary span:last-child { display:none; }
  .rule-card > summary { gap:7px; }
}
@media (min-width:2200px) {
  :root { --nav-height:96px; }
  body { font-size:18px; }
  .hero-content,.content-section,.operations,.final-cta,.page-shell,.age-briefing { width:min(2040px,calc(100% - 180px)); }
  .main-header { padding-inline:clamp(75px,4vw,150px); }
  .brand img { width:290px; }
  .main-header nav a { font-size:.78rem; }
  .hero { min-height:960px;height:min(1080px,92svh); }
  .hero h1 { font-size:clamp(6.6rem,4.4vw,8.1rem); }
  .hero-emblem { width:min(700px,28vw); }
  .hero-copy > p { font-size:1.22rem; }
  .hero-status { left:max(calc((100% - 2040px)/2),90px); }
  .system-card { min-height:360px; }
  .page-hero.compact { min-height:420px; }
  .rules-page { max-width:2040px; }
  .rules-layout { grid-template-columns:330px minmax(0,1fr);gap:56px; }
  .product-grid { gap:23px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-emblem img { animation:none; }
  .product-card:hover { transform:none; }
}