/* SOURCE: consent-share.css */
/* =========================================================
   STATTUNER COOKIE CONSENT + SHARE BUILD 13.3.16
   ========================================================= */

.st-cookie-banner,
.st-consent-dialog,
.st-share-dialog,
.st-share-fab,
.st-toast {
    font-family: "Rajdhani", "Segoe UI", Arial, sans-serif;
}

.st-cookie-banner {
    position: fixed;
    left: 50%;
    bottom: max(18px, env(safe-area-inset-bottom));
    z-index: 100000;
    width: min(1120px, calc(100% - 32px));
    max-height: calc(100dvh - 36px);
    overflow: auto;
    transform: translateX(-50%);
    border: 1px solid rgba(173, 145, 120, .44);
    border-radius: 20px;
    background: rgba(255, 253, 248, .98);
    box-shadow: 0 28px 80px rgba(35, 25, 18, .24);
    color: #251d18;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.st-cookie-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: 22px 24px;
}

.st-cookie-copy {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    min-width: 0;
}

.st-cookie-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid #decab7;
    border-radius: 14px;
    background: linear-gradient(145deg, #fff, #f1e6da);
    color: #a44c30;
}

.st-cookie-icon svg {
    width: 25px;
    height: 25px;
}

.st-cookie-copy h2,
.st-consent-dialog h2,
.st-share-dialog h2 {
    margin: 0;
    color: #251d18;
    font-size: 22px;
    line-height: 1.15;
}

.st-cookie-copy p,
.st-consent-dialog p,
.st-share-dialog p {
    margin: 7px 0 0;
    color: #6e5d51;
    font-size: 15px;
    line-height: 1.55;
}

.st-cookie-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 15px;
    margin-top: 8px;
}

.st-cookie-links a,
.st-cookie-settings-link {
    color: #9d432c !important;
    font-weight: 700;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.st-cookie-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
}

.st-cookie-button,
.st-dialog-button {
    min-height: 44px;
    padding: 0 17px;
    border: 1px solid #cdb8a5;
    border-radius: 11px;
    background: #fff;
    color: #2b211b;
    font: inherit;
    font-size: 14px;
    font-weight: 750;
    cursor: pointer;
}

.st-cookie-button:hover,
.st-dialog-button:hover {
    transform: translateY(-1px);
    border-color: #a44c30;
}

.st-cookie-button.primary,
.st-dialog-button.primary {
    border-color: #2b211b;
    background: #2b211b;
    color: #fff;
}

.st-cookie-button.reject {
    background: #f4ede5;
}

.st-dialog-overlay {
    position: fixed;
    inset: 0;
    z-index: 100002;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(22, 16, 12, .62);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.st-dialog-overlay[hidden] {
    display: none !important;
}

.st-consent-dialog,
.st-share-dialog {
    width: min(560px, 100%);
    max-height: calc(100dvh - 36px);
    overflow: auto;
    border: 1px solid #d4c0ad;
    border-radius: 20px;
    background: #fffdf8;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .34);
}

.st-dialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 23px 24px 18px;
    border-bottom: 1px solid #e3d8cc;
}

.st-dialog-close {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid #d8c7b7;
    border-radius: 11px;
    background: #fff;
    color: #2b211b;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.st-dialog-body {
    padding: 20px 24px 6px;
}

.st-consent-choice {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 17px 0;
    border-bottom: 1px solid #e8ded4;
}

.st-consent-choice:last-child {
    border-bottom: 0;
}

.st-consent-choice strong {
    display: block;
    color: #2b211b;
    font-size: 16px;
}

.st-consent-choice span {
    display: block;
    margin-top: 3px;
    color: #79685a;
    font-size: 13px;
    line-height: 1.45;
}

.st-switch {
    position: relative;
    width: 50px;
    height: 28px;
    display: inline-block;
}

.st-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.st-switch-track {
    position: absolute;
    inset: 0;
    border: 1px solid #bba998;
    border-radius: 999px;
    background: #ded4ca;
    cursor: pointer;
    transition: .18s;
}

.st-switch-track::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    transition: .18s;
}

.st-switch input:checked + .st-switch-track {
    border-color: #a8452e;
    background: #b74c32;
}

.st-switch input:checked + .st-switch-track::after {
    transform: translateX(22px);
}

.st-switch input:disabled + .st-switch-track {
    opacity: .62;
    cursor: not-allowed;
}

.st-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 9px;
    padding: 18px 24px 23px;
}

.st-share-fab {
    position: fixed;
    right: max(24px, env(safe-area-inset-right));
    bottom: max(24px, env(safe-area-inset-bottom));
    z-index: 9990;
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, .48);
    border-radius: 999px;
    background: linear-gradient(135deg, #6d28d9 0%, #a21caf 52%, #e11d74 100%);
    color: #fff;
    box-shadow: 0 16px 40px rgba(126, 34, 206, .38);
    font: inherit;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    isolation: isolate;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.st-share-fab::before {
    content: "";
    position: absolute;
    inset: -5px;
    z-index: -1;
    border-radius: inherit;
    border: 1px solid rgba(225, 29, 116, .34);
    animation: stSharePulse 2.2s ease-out infinite;
}

.st-share-fab:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 48px rgba(126, 34, 206, .48);
}

.st-share-fab svg {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
}

@keyframes stSharePulse {
    0% { opacity: .8; transform: scale(.96); }
    80%, 100% { opacity: 0; transform: scale(1.15); }
}

body.st-cookie-open .st-share-fab {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
}

.st-share-url {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    margin-top: 17px;
    padding: 0 13px;
    border: 1px solid #cdb9a6;
    border-radius: 11px;
    background: #f7f1ea;
    color: #403129;
    font: 600 13px/1.3 "Segoe UI", Arial, sans-serif;
}

.st-share-summary {
    margin-top: 14px;
    padding: 13px 15px;
    border-left: 4px solid #8b2bd1;
    border-radius: 9px;
    background: #f6effc;
    color: #60456e;
    font-size: 13px;
    line-height: 1.5;
}

.st-toast {
    position: fixed;
    left: 50%;
    bottom: 30px;
    z-index: 100005;
    max-width: calc(100% - 32px);
    padding: 12px 17px;
    transform: translate(-50%, 12px);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: #251d18;
    color: #fff;
    box-shadow: 0 14px 35px rgba(0, 0, 0, .28);
    font-size: 14px;
    font-weight: 700;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
}

.st-toast.show {
    opacity: 1;
    transform: translate(-50%, 0);
}

body.st-dialog-open {
    overflow: hidden;
}

@media (max-width: 900px) {
    .game-page .st-cookie-banner {
        bottom: calc(74px + env(safe-area-inset-bottom));
        max-height: calc(100dvh - 92px);
    }

    .game-page .st-share-fab {
        right: 14px;
        bottom: calc(76px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 760px) {
    .st-cookie-banner {
        width: calc(100% - 20px);
        border-radius: 17px;
    }

    .st-cookie-inner {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 18px;
    }

    .st-cookie-copy {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
    }

    .st-cookie-icon {
        width: 40px;
        height: 40px;
        border-radius: 12px;
    }

    .st-cookie-copy h2,
    .st-consent-dialog h2,
    .st-share-dialog h2 {
        font-size: 20px;
    }

    .st-cookie-copy p {
        font-size: 14px;
    }

    .st-cookie-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: stretch;
    }

    .st-cookie-button {
        width: 100%;
        padding: 0 10px;
    }

    .st-cookie-button.primary {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .st-dialog-head,
    .st-dialog-body,
    .st-dialog-actions {
        padding-left: 18px;
        padding-right: 18px;
    }

    .st-dialog-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .st-dialog-button {
        width: 100%;
    }

    .st-share-fab {
        right: 14px;
        bottom: calc(16px + env(safe-area-inset-bottom));
        min-width: 54px;
        min-height: 54px;
        padding: 0 15px;
        font-size: 13px;
    }
}

@media (max-width: 390px) {
    .st-cookie-actions {
        grid-template-columns: 1fr;
    }

    .st-cookie-button.primary {
        grid-column: auto;
        grid-row: auto;
    }

    .st-share-fab span {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .st-share-fab::before {
        animation: none;
    }

    .st-share-fab,
    .st-toast,
    .st-cookie-button,
    .st-dialog-button {
        transition: none;
    }
}

/* SOURCE: stattuner-final.css */
:root{
  --st-bg:#030817;
  --st-bg-2:#071020;
  --st-panel:#0b1429;
  --st-panel-2:#0e1930;
  --st-panel-3:#111217;
  --st-line:#283957;
  --st-line-soft:#202c43;
  --st-text:#f4f7ff;
  --st-muted:#9aa7bd;
  --st-gold:#f6bd26;
  --st-gold-2:#ffcf4d;
  --st-mint:#58dbad;
  --st-danger:#ff6c78;
  --st-max:1380px;
  --st-radius:20px;
  --st-shadow:0 22px 60px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--st-bg);color:var(--st-text)}
body{margin:0;min-width:320px;background:var(--st-bg);color:var(--st-text);font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden;color-scheme:dark}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{max-width:100%}
.site-header{position:sticky;top:0;z-index:300;min-height:82px;display:flex;align-items:center;gap:20px;padding:12px max(20px,calc((100vw - var(--st-max))/2));background:rgba(3,8,23,.95);border-bottom:1px solid var(--st-line);backdrop-filter:blur(18px);box-shadow:0 10px 34px rgba(0,0,0,.24)}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}
.brand img{display:block;width:210px;height:58px;object-fit:contain;object-position:left center}
.brand span{padding-left:12px;border-left:1px solid var(--st-line);color:#7f8ca4;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:22px}
.desktop-nav a{color:#a6b1c5;font-size:12px;font-weight:800;transition:.18s}
.desktop-nav a:hover{color:var(--st-gold)}
.header-games{display:flex;gap:7px}
.header-games a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #2b3d5c;border-radius:12px;background:#0b1429;position:relative;transition:.18s}
.header-games a:hover,.header-games a.active{border-color:var(--game-accent,var(--st-gold));transform:translateY(-1px);box-shadow:0 10px 26px color-mix(in srgb,var(--game-accent,var(--st-gold)) 14%,transparent)}
.header-games a.active:after{content:"";position:absolute;left:9px;right:9px;bottom:4px;height:2px;background:var(--game-accent,var(--st-gold))}
.header-games img{width:29px;height:29px;object-fit:contain}.header-games span{display:none}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid #344968;border-radius:14px;background:#0d1830;cursor:pointer}
.menu-toggle span{display:block;width:21px;height:2px;margin:5px auto;background:#eef4ff;border-radius:2px}
.mobile-menu-backdrop{position:fixed;inset:0;z-index:390;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.mobile-menu{position:fixed;right:0;top:0;bottom:0;z-index:400;width:min(390px,92vw);padding:18px;background:#071021;border-left:1px solid #2e405e;transform:translateX(105%);transition:.22s;overflow:auto;box-shadow:-24px 0 70px rgba(0,0,0,.52)}
body.menu-open .mobile-menu{transform:none}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--st-line)}
.mobile-menu-brand img{width:190px;height:58px;object-fit:contain}
.mobile-menu-close{width:44px;height:44px;border:1px solid #344968;border-radius:12px;background:#0d1830;font-size:25px}
.mobile-game-links,.mobile-page-links{display:grid;gap:9px;margin-top:16px}
.mobile-game-links a{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #2c3e5c;border-radius:14px;background:#0a1428}
.mobile-game-links a.active{border-color:var(--menu-accent,var(--st-gold));background:color-mix(in srgb,var(--menu-accent,var(--st-gold)) 8%,#0a1428)}
.mobile-game-links img{width:42px;height:42px;object-fit:contain}
.mobile-game-links strong,.mobile-game-links small{display:block}.mobile-game-links small{color:#7f8ca4;font-size:10px}
.mobile-page-links a{padding:13px 14px;border:1px solid #273955;border-radius:12px;color:#bac5d7;background:#0a1326;font-size:12px;font-weight:800}

/* Homepage */
.home-final{overflow:hidden;background:
  radial-gradient(circle at 85% 3%,rgba(246,189,38,.10),transparent 28%),
  radial-gradient(circle at 4% 32%,rgba(88,219,173,.06),transparent 28%),
  linear-gradient(180deg,#030817,#050b18 66%,#030817)}
.home-hero-final{width:min(var(--st-max),calc(100% - 40px));min-height:700px;margin:auto;padding:78px 0 66px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(380px,.73fr);gap:34px;align-items:center}
.home-hero-copy small,.section-kicker,.hub-kicker{color:var(--st-mint);font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.home-hero-copy h1{max-width:900px;margin:16px 0 22px;font-family:Rajdhani,Manrope,sans-serif;font-size:clamp(56px,7vw,98px);line-height:.89;letter-spacing:-.045em;text-transform:uppercase}
.home-hero-copy h1 em{display:block;color:var(--st-gold);font-style:normal}
.home-hero-copy>p{max-width:720px;margin:0;color:#a5b1c6;font-size:17px;line-height:1.72}
.home-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.st-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid #334866;border-radius:12px;background:#0d1830;color:#eff4ff;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.st-button.primary{border-color:var(--st-gold);background:var(--st-gold);color:#0a0f18}.st-button.mint{border-color:var(--st-mint);color:var(--st-mint);background:rgba(88,219,173,.06)}
.home-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.home-proof span{padding:8px 11px;border:1px solid #263854;border-radius:999px;background:#081226;color:#8d9ab0;font-size:10px}.home-proof b{color:#eef3ff}
.home-console{display:grid;grid-template-rows:auto 1fr auto;min-height:500px;border:1px solid #3b392d;border-radius:26px;background:linear-gradient(145deg,#111319,#080c15);overflow:hidden;box-shadow:var(--st-shadow)}
.home-console-head{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #2c3039;color:#8a96aa;font-size:9px;font-weight:900;letter-spacing:.1em}
.home-console-body{display:grid;place-items:center;padding:26px;text-align:center;background:radial-gradient(circle,rgba(246,189,38,.15),transparent 42%)}
.home-console-body img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 22px 32px rgba(0,0,0,.5))}.home-console-body small{display:block;margin-top:14px;color:var(--st-mint);font-size:9px;font-weight:900;letter-spacing:.16em}.home-console-body strong{display:block;margin-top:6px;font-family:Rajdhani,sans-serif;font-size:36px;text-transform:uppercase}.home-console-body p{margin:8px 0 0;color:#8794aa;font-size:11px}
.home-console-foot{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #2c3039}.home-console-foot span{padding:14px;border-right:1px solid #2c3039;color:#728097;font-size:9px}.home-console-foot span:last-child{border-right:0}.home-console-foot b{display:block;color:#fff;font-size:11px}
.home-section{width:min(var(--st-max),calc(100% - 40px));margin:auto;padding:84px 0}.home-section-head{max-width:800px;margin-bottom:28px}.home-section-head h2{margin:10px 0 12px;font-family:Rajdhani,sans-serif;font-size:clamp(40px,5vw,66px);line-height:.95;text-transform:uppercase}.home-section-head p{margin:0;color:#96a3b8;line-height:1.7}
.game-grid-final{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-card-final{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:300px;border:1px solid #293b58;border-radius:22px;background:linear-gradient(145deg,#0e182d,#081122);overflow:hidden;transition:.2s}.game-card-final:hover{transform:translateY(-4px);border-color:var(--card-accent,var(--st-gold));box-shadow:var(--st-shadow)}
.game-card-art{display:grid;place-items:center;padding:22px;border-right:1px solid #293b58;background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 14%,transparent),transparent 58%),#071021}.game-card-art img{width:126px;height:126px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}
.game-card-copy{padding:26px}.game-card-copy small{color:var(--card-accent);font-size:9px;font-weight:900;letter-spacing:.12em}.game-card-copy h3{margin:8px 0 6px;font-family:Rajdhani,sans-serif;font-size:35px;line-height:1;text-transform:uppercase}.game-card-copy p{margin:0;color:#8f9db2;font-size:12px;line-height:1.65}.game-card-copy ul{margin:17px 0 22px;padding:0;list-style:none;display:grid;gap:6px}.game-card-copy li{color:#c5cedd;font-size:11px}.game-card-copy li:before{content:"✓";margin-right:8px;color:var(--st-mint)}.game-card-copy b{color:var(--st-gold);font-size:10px;letter-spacing:.08em}
.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.workflow-card{min-height:220px;padding:22px;border:1px solid #293a57;border-radius:18px;background:#0a1428}.workflow-card span{color:var(--st-gold);font-family:Rajdhani,sans-serif;font-size:30px;font-weight:800}.workflow-card h3{margin:12px 0 8px;font-size:17px}.workflow-card p{margin:0;color:#8996ac;font-size:11px;line-height:1.65}
.home-callout{width:min(var(--st-max),calc(100% - 40px));margin:0 auto 80px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid rgba(246,189,38,.45);border-radius:22px;background:linear-gradient(120deg,rgba(246,189,38,.09),#0a1428)}.home-callout h2{margin:0 0 7px;font-family:Rajdhani,sans-serif;font-size:36px;text-transform:uppercase}.home-callout p{margin:0;color:#96a4b8}

/* game hubs */
.game-hub-final{min-height:100vh;padding:56px 0 100px;background:radial-gradient(circle at 85% 4%,rgba(246,189,38,.08),transparent 28%),linear-gradient(180deg,#030817,#050b18)}
.game-hub-inner{width:min(var(--st-max),calc(100% - 40px));margin:auto}
.game-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:stretch}.game-hub-copy{padding:38px;border:1px solid #2b3c59;border-radius:24px;background:linear-gradient(145deg,#0e182d,#081122);position:relative;overflow:hidden}.game-hub-copy:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--hub-accent,var(--st-gold))}.game-hub-copy h1{margin:13px 0 14px;font-family:Rajdhani,sans-serif;font-size:clamp(52px,6vw,82px);line-height:.9;text-transform:uppercase}.game-hub-copy p{max-width:760px;margin:0;color:#9ba8bc;font-size:15px;line-height:1.72}.game-hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.game-hub-visual{display:grid;place-items:center;padding:26px;border:1px solid #363522;border-radius:24px;background:radial-gradient(circle,rgba(246,189,38,.13),transparent 48%),#101217;text-align:center}.game-hub-visual img{width:160px;height:160px;object-fit:contain}.game-hub-visual small{display:block;color:var(--st-mint);font-size:9px;font-weight:900;letter-spacing:.15em}.game-hub-visual strong{display:block;margin-top:5px;font-family:Rajdhani,sans-serif;font-size:29px;text-transform:uppercase}.game-hub-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.game-hub-stats span{padding:8px 10px;border:1px solid #2d405d;border-radius:999px;background:#081226;color:#8d9ab0;font-size:10px}.game-hub-stats b{color:#fff}
.tool-group{margin-top:58px}.tool-group-head{max-width:780px;margin-bottom:20px}.tool-group-head small{color:var(--st-mint);font-size:9px;font-weight:900;letter-spacing:.17em}.tool-group-head h2{margin:8px 0 8px;font-family:Rajdhani,sans-serif;font-size:clamp(36px,4vw,56px);line-height:.96;text-transform:uppercase}.tool-group-head p{margin:0;color:#8f9cb1;line-height:1.65}.tool-grid-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card-final{min-height:195px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:20px;border:1px solid #293b58;border-radius:18px;background:linear-gradient(145deg,#0d172b,#081122);position:relative;transition:.18s}.tool-card-final:hover{transform:translateY(-3px);border-color:var(--st-gold);box-shadow:0 18px 42px rgba(0,0,0,.3)}.tool-card-final.featured{border-color:rgba(246,189,38,.5);background:linear-gradient(145deg,rgba(246,189,38,.08),#091222)}.tool-card-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid #344866;border-radius:14px;background:#071021;color:var(--st-gold);font-family:Rajdhani,sans-serif;font-size:21px;font-weight:900}.tool-card-final small{color:var(--st-mint);font-size:8px;font-weight:900;letter-spacing:.1em}.tool-card-final h3{margin:7px 0 7px;font-size:18px}.tool-card-final p{margin:0;color:#8996aa;font-size:11px;line-height:1.58}.tool-card-final>em{position:absolute;right:16px;bottom:14px;color:var(--st-gold);font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em}

/* content pages and footer */
.content-page,.about-page,.legal-page,.methodology-page,.sources-page,.contact-page{width:min(1040px,calc(100% - 40px));margin:auto;padding:60px 0 90px}.content-hero,.about-hero,.legal-hero,.methodology-hero,.sources-hero{padding:32px;border:1px solid #2a3c59;border-radius:22px;background:#0b1429}.content-page h1,.about-page h1,.legal-page h1,.methodology-page h1,.sources-page h1,.contact-page h1{font-family:Rajdhani,sans-serif;font-size:clamp(43px,6vw,72px);line-height:.94;text-transform:uppercase}.content-page h2,.about-page h2,.legal-page h2,.methodology-page h2,.sources-page h2,.contact-page h2{margin-top:34px;color:#fff}.content-page p,.content-page li,.about-page p,.about-page li,.legal-page p,.legal-page li,.methodology-page p,.methodology-page li,.sources-page p,.sources-page li,.contact-page p{color:#9aa7ba}.content-card,.legal-card,.methodology-card,.sources-card,.contact-card,.about-card,.about-section{margin-top:16px;padding:24px;border:1px solid #293b58;border-radius:18px;background:#0a1428}
.site-footer{padding:52px max(20px,calc((100vw - var(--st-max))/2)) 24px;border-top:1px solid var(--st-line);background:#050918;color:#dbe3f2}.footer-brand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.footer-brand img{width:220px;height:70px;object-fit:contain}.footer-brand p{max-width:620px;margin:6px 0 0;color:#7f8da3;font-size:11px}.footer-game-row{display:flex;gap:8px}.footer-game-row a{width:48px;height:48px;display:grid;place-items:center;border:1px solid #2c3e5c;border-radius:12px;background:#0a1428}.footer-game-row img{width:32px;height:32px;object-fit:contain}.footer-game-row span{display:none}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;padding-top:28px;border-top:1px solid #22324b}.footer-links>div{display:grid;gap:8px}.footer-links strong{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.footer-links a{color:#8e9bb0;font-size:11px}.footer-links a:hover{color:var(--st-gold)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #22324b;color:#6f7d92;font-size:9px}

/* share button */
body.drawer-open .st-share-fab,.item-drawer.open~.st-share-fab{display:none!important}
.st-share-fab{bottom:18px!important;right:18px!important;transform:scale(.86);transform-origin:right bottom}

@media(max-width:1100px){
 .desktop-nav{display:none}.game-hub-hero,.home-hero-final{grid-template-columns:1fr}.home-console{max-width:720px}.game-hub-visual{max-width:720px}.tool-grid-final{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .site-header{min-height:74px;padding:9px 14px}.brand img{width:190px;height:54px}.brand span,.header-games{display:none}.menu-toggle{display:block;margin-left:auto}.home-hero-final,.home-section,.home-callout,.game-hub-inner{width:calc(100% - 24px)}.home-hero-final{min-height:auto;padding:45px 0 54px}.home-hero-copy h1{font-size:54px}.home-console{min-height:390px}.home-console-body img{width:135px;height:135px}.game-grid-final{grid-template-columns:1fr}.game-card-final{grid-template-columns:130px minmax(0,1fr)}.game-card-art img{width:100px;height:100px}.game-hub-final{padding-top:28px}.game-hub-copy{padding:28px 22px}.game-hub-copy h1{font-size:51px}.tool-grid-final{grid-template-columns:1fr}.tool-card-final{min-height:170px}.home-callout{align-items:flex-start;flex-direction:column}.footer-brand{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}
}
@media(max-width:520px){
 .brand img{width:170px}.home-hero-copy h1{font-size:47px}.game-card-final{grid-template-columns:1fr}.game-card-art{min-height:145px;border-right:0;border-bottom:1px solid #293b58}.workflow-grid{grid-template-columns:1fr}.home-section{padding:60px 0}.footer-links{grid-template-columns:1fr}.tool-card-final{grid-template-columns:50px minmax(0,1fr);padding:17px}.tool-card-icon{width:48px;height:48px}.st-share-fab{display:none!important}
}

/* Consent and share components follow the dark site theme */
.st-cookie-banner,.st-consent-dialog,.st-share-dialog{border-color:#344866!important;background:rgba(11,20,41,.98)!important;color:#f4f7ff!important;box-shadow:0 28px 80px rgba(0,0,0,.5)!important}
.st-cookie-icon{border-color:#3a4e6c!important;background:#071021!important;color:#f6bd26!important}
.st-cookie-copy h2,.st-consent-dialog h2,.st-share-dialog h2{color:#f4f7ff!important}
.st-cookie-copy p,.st-consent-dialog p,.st-share-dialog p{color:#9aa7bb!important}
.st-cookie-links a,.st-cookie-settings-link{color:#f6bd26!important}
.st-cookie-button,.st-dialog-button{border-color:#3b4f6d!important;background:#0d1830!important;color:#eef4ff!important}
.st-cookie-button.primary,.st-dialog-button.primary{border-color:#f6bd26!important;background:#f6bd26!important;color:#07101f!important}
.st-cookie-button.reject{background:#101b33!important;color:#d9e2f0!important}
.st-dialog-head,.st-dialog-actions,.st-dialog-section{border-color:#293b58!important}
.st-dialog-close{border-color:#3b4f6d!important;background:#0d1830!important;color:#fff!important}
@media(max-width:700px){
 .st-cookie-banner{bottom:max(8px,env(safe-area-inset-bottom))!important;width:calc(100% - 16px)!important;border-radius:16px!important}
 .st-cookie-inner{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}
 .st-cookie-copy{grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important}
 .st-cookie-icon{width:36px!important;height:36px!important;border-radius:10px!important}.st-cookie-icon svg{width:20px!important;height:20px!important}
 .st-cookie-copy h2{font-size:18px!important}.st-cookie-copy p{font-size:12px!important;line-height:1.45!important;margin-top:4px!important}
 .st-cookie-links{margin-top:5px!important;gap:6px 10px!important;font-size:11px!important}
 .st-cookie-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .st-cookie-button{min-height:38px!important;padding:0 7px!important;font-size:10px!important}
}

/* SOURCE: i18n.css */
/* StatTuner multilingual language selector */
.language-switcher {
  position: relative;
  z-index: 80;
  margin-left: 10px;
}

.language-switcher-button {
  appearance: none;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(8,15,35,.86);
  color: #f7f9ff;
  min-height: 42px;
  padding: 8px 11px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font: inherit;
  cursor: pointer;
}

.language-switcher-button strong {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.language-switcher-button i {
  font-style: normal;
  opacity: .65;
  font-size: 10px;
}

.language-switcher-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: min(250px, calc(100vw - 24px));
  padding: 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: #071022;
  box-shadow: 0 20px 60px rgba(0,0,0,.46);
}

.language-switcher-menu[hidden] {
  display: none !important;
}

.language-switcher-menu a {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  min-height: 42px;
  padding: 7px 9px;
  border-radius: 10px;
  color: #eaf0ff;
  text-decoration: none;
}

.language-switcher-menu a:hover,
.language-switcher-menu a:focus-visible,
.language-switcher-menu a.active {
  background: rgba(246,189,38,.12);
}

.language-switcher-menu a span {
  color: #8f9dbb;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.language-switcher-menu a strong {
  font-size: 13px;
}

html[lang="de"] .desktop-nav,
html[lang="es"] .desktop-nav,
html[lang="pt-BR"] .desktop-nav {
  gap: clamp(10px, 1.15vw, 22px);
}

@media (max-width: 980px) {
  .language-switcher {
    margin-left: auto;
    margin-right: 8px;
  }

  .language-switcher-button {
    min-width: 42px;
    justify-content: center;
  }

  .language-switcher-button strong {
    display: none;
  }
}

@media (max-width: 560px) {
  .language-switcher {
    margin-right: 4px;
  }

  .language-switcher-button {
    min-height: 38px;
    padding: 7px 9px;
  }
}

/* =========================================================
   STATTUNER MOBILE PERFORMANCE 1.2
   Home-only layout stability and below-fold paint containment
   ========================================================= */
.home-final .brand img,
.home-final .mobile-menu-brand img,
.home-final .footer-brand img {
  aspect-ratio: 220 / 63;
}

.home-console {
  height: 500px;
  min-height: 500px;
  contain: layout paint style;
}

.home-console-body img,
.game-card-art img,
.header-games img,
.mobile-game-links img,
.footer-game-row img {
  aspect-ratio: 1 / 1;
}

.home-console-head,
.home-console-body,
.home-console-foot {
  min-width: 0;
}

.home-console-body strong {
  min-height: 1.1em;
  line-height: 1.05;
}

@supports (content-visibility: auto) {
  .home-section,
  .home-callout,
  .site-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 900px;
  }

  .site-footer {
    contain-intrinsic-size: auto 520px;
  }
}

@media (max-width: 800px) {
  .home-console {
    height: 390px;
    min-height: 390px;
  }

  .home-console-head {
    min-height: 48px;
  }

  .home-console-foot {
    min-height: 62px;
  }
}

@media (max-width: 520px) {
  .home-console {
    height: 380px;
    min-height: 380px;
  }

  .home-console-body {
    min-height: 260px;
  }
}