/* Screenshot-matched shared game-page layout. Per-game classes vary colour and art only. */
.game-page {
    --gd-accent:#6d28d9;
    --gd-accent-2:#d91b8f;
    --gd-soft:#f4efff;
    --gd-deep:#26053e;
    --gd-shadow:0 10px 30px rgba(31,24,54,.08);
    --gd-device-tilt:-4deg;
    --gd-flow-tilt:0deg;
    --gd-art-offset:0%;
    --header-height:95px;
    background:#fff;
}

.game-page.design-palette-0 { --gd-accent:#6d28d9; --gd-accent-2:#d91b8f; --gd-soft:#f4efff; --gd-deep:#25033d; }
.game-page.design-palette-1 { --gd-accent:#087f5b; --gd-accent-2:#d39712; --gd-soft:#eaf8f1; --gd-deep:#071f1b; }
.game-page.design-palette-2 { --gd-accent:#3157d5; --gd-accent-2:#04a4c7; --gd-soft:#edf3ff; --gd-deep:#071532; }
.game-page.design-palette-3 { --gd-accent:#be185d; --gd-accent-2:#f06a5f; --gd-soft:#fff0f6; --gd-deep:#360315; }
.game-page.design-palette-4 { --gd-accent:#577b12; --gd-accent-2:#d5a412; --gd-soft:#f2f8df; --gd-deep:#182207; }
.game-page.design-palette-5 { --gd-accent:#7c2d8d; --gd-accent-2:#ef5c42; --gd-soft:#fbecff; --gd-deep:#27082f; }
.game-page.design-palette-6 { --gd-accent:#087f8c; --gd-accent-2:#ec9d00; --gd-soft:#e9f9fa; --gd-deep:#06282c; }
.game-page.design-palette-7 { --gd-accent:#175cd3; --gd-accent-2:#c026d3; --gd-soft:#edf4ff; --gd-deep:#0a1c44; }
.game-page.design-palette-8 { --gd-accent:#207a58; --gd-accent-2:#31bd84; --gd-soft:#eaf9f3; --gd-deep:#0b261b; }
.game-page.design-palette-9 { --gd-accent:#7134a1; --gd-accent-2:#e1ac13; --gd-soft:#f8efff; --gd-deep:#24102f; }

.game-page.design-layout-0 { --gd-device-tilt:-7deg; --gd-art-offset:-1.2%; }
.game-page.design-layout-1 { --gd-device-tilt:-6deg; --gd-art-offset:-.8%; }
.game-page.design-layout-2 { --gd-device-tilt:-5deg; --gd-art-offset:-.4%; }
.game-page.design-layout-3 { --gd-device-tilt:-4deg; --gd-art-offset:0%; }
.game-page.design-layout-4 { --gd-device-tilt:-3deg; --gd-art-offset:.4%; }
.game-page.design-layout-5 { --gd-device-tilt:-2deg; --gd-art-offset:.8%; }
.game-page.design-layout-6 { --gd-device-tilt:2deg; --gd-art-offset:-1%; }
.game-page.design-layout-7 { --gd-device-tilt:3deg; --gd-art-offset:-.5%; }
.game-page.design-layout-8 { --gd-device-tilt:4deg; --gd-art-offset:0%; }
.game-page.design-layout-9 { --gd-device-tilt:5deg; --gd-art-offset:.5%; }
.game-page.design-layout-10 { --gd-device-tilt:6deg; --gd-art-offset:1%; }
.game-page.design-layout-11 { --gd-device-tilt:7deg; --gd-art-offset:1.2%; }

.game-page.design-motif-0 .reference-showcase { background-image:radial-gradient(circle at 86% 24%,rgba(255,169,26,.2),transparent 20%),linear-gradient(112deg,#160006 0%,var(--gd-deep) 46%,#09080d 100%); }
.game-page.design-motif-1 .reference-showcase { background-image:radial-gradient(circle at 68% 12%,rgba(255,255,255,.12),transparent 18%),linear-gradient(125deg,var(--gd-deep),#071a26 58%,#020507); }
.game-page.design-motif-2 .reference-showcase { background-image:radial-gradient(circle at 82% 76%,rgba(255,207,57,.2),transparent 22%),linear-gradient(105deg,#100411,var(--gd-deep) 52%,#1e0903); }
.game-page.design-motif-3 .reference-showcase { background-image:linear-gradient(140deg,rgba(255,255,255,.04) 25%,transparent 25% 50%,rgba(255,255,255,.04) 50% 75%,transparent 75%),linear-gradient(115deg,var(--gd-deep),#05040b); background-size:42px 42px,auto; }
.game-page.design-motif-4 .reference-showcase { background-image:radial-gradient(circle at 78% 28%,rgba(255,255,255,.11) 0 2px,transparent 3px),linear-gradient(115deg,#120207,var(--gd-deep) 48%,#07060c); background-size:28px 28px,auto; }
.game-page.design-motif-5 .reference-showcase { background-image:repeating-radial-gradient(circle at 80% 45%,rgba(255,255,255,.06) 0 2px,transparent 3px 22px),linear-gradient(105deg,var(--gd-deep),#05030a); }
.game-page.design-motif-6 .reference-showcase { background-image:linear-gradient(45deg,transparent 46%,rgba(255,255,255,.05) 48% 52%,transparent 54%),linear-gradient(115deg,#09030f,var(--gd-deep) 60%,#120500); background-size:50px 50px,auto; }
.game-page.design-motif-7 .reference-showcase { background-image:radial-gradient(ellipse at 74% 38%,rgba(255,184,38,.18),transparent 27%),linear-gradient(122deg,var(--gd-deep),#03040a); }
.game-page.design-flow-1 { --gd-flow-tilt:2deg; }
.game-page.design-flow-2 { --gd-flow-tilt:-2deg; }
.game-page.design-flow-3 .showcase-creator { transform:scale(1.04); transform-origin:center bottom; }

.game-page *,
.game-page *::before,
.game-page *::after { min-width:0; }
.game-page main { padding-bottom:84px; overflow:hidden; }
.game-page .container { width:min(1180px,calc(100% - 56px)); }
.game-page .warning-strip { display:none; }
.game-page .site-header { height:95px; background:rgba(255,255,255,.98); border-bottom:1px solid #ececf2; box-shadow:0 2px 12px rgba(20,18,31,.025); }
.game-page .header-inner { gap:20px; }
.game-page .desktop-nav a { border:1px solid var(--gd-accent); color:var(--gd-accent); background:#fff; }
.game-page .desktop-nav a:last-child { display:none; }
.game-page .desktop-nav a:hover { color:#fff; background:var(--gd-accent); }
.game-page .language-switch { color:#fff; border-color:#ff6a20; background:linear-gradient(135deg,#ff8a00,#ff4d30); }
.game-page .breadcrumbs { min-height:56px; display:flex; align-items:center; gap:9px; padding:0; color:#636b7b; font-size:12px; white-space:nowrap; overflow:hidden; }
.game-page .breadcrumbs a { flex:0 0 auto; color:var(--gd-accent); }
.game-page .breadcrumbs span { flex:0 0 auto; }
.game-page .breadcrumbs span:last-child { min-width:0; flex:0 1 auto; overflow:hidden; text-overflow:ellipsis; }
.reference-product {
    min-height:235px;
    display:grid;
    grid-template-columns:196px minmax(0,1fr) 176px;
    align-items:center;
    gap:26px;
    padding:0 0 26px;
}
.reference-logo {
    position:relative;
    width:196px;
    aspect-ratio:1;
    overflow:hidden;
    border-radius:27px;
    background:linear-gradient(145deg,var(--gd-deep),var(--gd-accent));
    box-shadow:0 16px 35px rgba(26,15,45,.15);
}
.reference-logo img { width:100%; height:100%; object-fit:cover; }
.reference-logo::after { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.2); border-radius:inherit; pointer-events:none; }
.reference-logo-fallback {
    position:relative;
    width:100%; height:100%; display:grid; place-items:center; align-content:center;
    padding:18px; color:#fff; text-align:center;
    background:
        radial-gradient(circle at 76% 20%,rgba(255,255,255,.18),transparent 21%),
        linear-gradient(145deg,var(--gd-deep),var(--gd-accent) 63%,var(--gd-accent-2));
}
.reference-logo-fallback::before,
.reference-logo-fallback::after { position:absolute; font-size:40px; opacity:.17; transform:rotate(-15deg); }
.reference-logo-fallback::before { content:"♠"; left:17px; top:10px; }
.reference-logo-fallback::after { content:"♦"; right:17px; bottom:9px; }
.reference-logo-fallback small { font-size:10px; font-weight:900; letter-spacing:.16em; opacity:.8; }
.reference-logo-fallback strong { margin:4px 0; font-size:57px; line-height:1; letter-spacing:-.08em; text-shadow:0 5px 12px rgba(0,0,0,.22); }
.reference-logo-fallback b { max-width:145px; overflow:hidden; font-size:13px; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }

.reference-product-copy { align-self:center; }
.reference-product-copy h1 { margin:0; font-size:38px; line-height:1.06; letter-spacing:-.045em; }
.reference-tagline { max-width:650px; margin:7px 0 10px; color:#232532; font-size:17px; line-height:1.35; }
.reference-chips { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:8px; }
.reference-chips span { min-height:29px; display:inline-flex; align-items:center; padding:4px 12px; border-radius:8px; color:var(--gd-accent); background:var(--gd-soft); font-size:11px; font-weight:850; }
.reference-chips span:nth-child(2) { color:#087c48; background:#ebfaef; }
.reference-review-row { min-height:31px; display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:9px; color:#626979; font-size:11px; }
.reference-review-row > strong { color:#151722; font-size:16px; line-height:1; }
.reference-stars { display:inline-flex; align-items:center; gap:2px; color:#d9dde5; line-height:1; }
.reference-stars i { position:relative; display:inline-block; color:#d9dde5; font-style:normal; font-size:18px; }
.reference-stars i.is-full { color:#f5a000; }
.reference-stars i.is-half { color:#d9dde5; }
.reference-stars i.is-half::after { content:"★"; position:absolute; inset:0; width:50%; overflow:hidden; color:#f5a000; }
.reference-download {
    width:min(310px,100%); min-height:60px; display:inline-flex; gap:12px;
    border:0; border-radius:10px; color:#fff;
    background:linear-gradient(110deg,var(--gd-accent),var(--gd-accent-2));
    box-shadow:0 14px 28px rgba(109,40,217,.2); font-size:16px; font-weight:900;
}
.reference-download:hover { color:#fff; filter:brightness(1.04); transform:translateY(-1px); }
.reference-download.is-pending { color:#5a5f6d; background:#eef0f4; box-shadow:none; }
.reference-download.is-alternative { color:#fff; background:linear-gradient(110deg,var(--gd-accent),var(--gd-accent-2)); box-shadow:0 14px 28px rgba(109,40,217,.2); }
.reference-download-icon { position:relative; width:22px; height:22px; display:inline-block; }
.reference-download-icon::before { content:""; position:absolute; left:9px; top:2px; width:4px; height:11px; border-radius:3px; background:currentColor; }
.reference-download-icon::after { content:""; position:absolute; left:4px; bottom:2px; width:14px; height:6px; border:2px solid currentColor; border-top:0; border-radius:0 0 3px 3px; box-shadow:5px -8px 0 -3px currentColor,-5px -8px 0 -3px currentColor; transform:none; }
.reference-microcopy { display:block; max-width:360px; margin-top:5px; color:#858b98; font-size:7.5px; line-height:1.35; }
.reference-microcopy.is-fallback-note { color:#985500; font-weight:800; }
.reference-tools { align-self:end; display:grid; grid-template-columns:72px 72px; gap:16px; padding-bottom:2px; }
.reference-tool { width:72px; min-height:68px; display:grid; place-items:center; align-content:center; gap:3px; padding:8px; border:1px solid #e8e9ef; border-radius:10px; background:#fff; box-shadow:0 8px 20px rgba(29,25,45,.06); cursor:pointer; }
.reference-tool b { font-size:9px; }
.reference-tool > span { position:relative; width:23px; height:23px; display:block; color:#11131a; }
.reference-share-icon::before { content:""; position:absolute; left:5px; top:11px; width:13px; height:2px; background:currentColor; transform:rotate(-28deg); box-shadow:0 0 0 currentColor; }
.reference-share-icon::after { content:""; position:absolute; width:5px; height:5px; left:1px; top:9px; border:2px solid currentColor; border-radius:50%; box-shadow:14px -8px 0 -2px #fff,14px -8px 0 0 currentColor,14px 8px 0 -2px #fff,14px 8px 0 0 currentColor; }
.reference-save-icon::before { content:""; position:absolute; inset:2px 5px 1px; border:2px solid currentColor; border-radius:3px 3px 1px 1px; clip-path:polygon(0 0,100% 0,100% 100%,50% 73%,0 100%); }

.reference-showcase {
    position:relative; aspect-ratio:2.63/1; overflow:hidden; margin-top:21px; border-radius:13px;
    color:#fff; background:
        radial-gradient(circle at 86% 24%,rgba(255,169,26,.2),transparent 20%),
        radial-gradient(circle at 54% 88%,rgba(255,255,255,.08),transparent 25%),
        linear-gradient(112deg,#160006 0%,var(--gd-deep) 46%,#09080d 100%);
    box-shadow:0 16px 40px rgba(19,8,31,.15);
}
.reference-showcase::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(7,2,12,.32),transparent 62%); pointer-events:none; }
.reference-showcase-upload { position:absolute; z-index:0; inset:0; width:100%; height:100%; object-fit:cover; opacity:.16; filter:saturate(.7) contrast(1.1); }
.showcase-glow { position:absolute; z-index:0; border-radius:50%; filter:blur(5px); }
.showcase-glow-one { width:320px; height:320px; right:120px; top:-130px; background:rgba(255,121,22,.18); }
.showcase-glow-two { width:250px; height:250px; right:-75px; bottom:-160px; background:rgba(255,210,49,.22); }
.reference-showcase-copy { position:absolute; z-index:5; left:5%; top:50%; width:43%; transform:translateY(-50%); }
.showcase-kicker { min-height:27px; display:inline-flex; align-items:center; gap:7px; padding:4px 10px; border:1px solid rgba(255,255,255,.22); border-radius:7px; color:#ffe475; background:rgba(255,255,255,.08); font-size:9px; font-weight:900; letter-spacing:.08em; }
.showcase-kicker i { width:7px; height:7px; border-radius:50%; background:#ffd431; box-shadow:0 0 0 4px rgba(255,212,49,.13); }
.reference-showcase-copy h2 { margin:12px 0 7px; line-height:.96; letter-spacing:-.045em; }
.reference-showcase-copy h2 span,
.reference-showcase-copy h2 strong { display:block; }
.reference-showcase-copy h2 span { color:#fff; font-size:clamp(29px,3.65vw,55px); }
.reference-showcase-copy h2 strong { margin-top:5px; color:#ffd54a; font-size:clamp(28px,3.25vw,49px); }
.reference-showcase-copy > p { max-width:430px; margin:0; color:#e7dfe8; font-size:11px; line-height:1.45; }
.reference-showcase-copy ul { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:13px 0 0; list-style:none; }
.reference-showcase-copy li { min-height:27px; display:flex; align-items:center; gap:5px; padding:4px 8px; border:1px solid rgba(255,255,255,.15); border-radius:7px; background:rgba(255,255,255,.06); font-size:8px; font-weight:750; }
.reference-showcase-copy li b { color:#ffd54a; }
.showcase-device {
    position:absolute; z-index:2; right:26.5%; top:7%; width:22%; height:87%; display:grid; place-items:center; align-content:center;
    padding:15px; border:7px solid #171821; border-radius:32px; background:linear-gradient(160deg,#171328,var(--gd-accent) 60%,var(--gd-accent-2));
    box-shadow:0 20px 45px rgba(0,0,0,.45),inset 0 0 0 2px #525564; transform:translateX(var(--gd-art-offset)) rotate(calc(var(--gd-device-tilt) + var(--gd-flow-tilt)));
}
.showcase-device::before { content:""; position:absolute; inset:6px; border:1px solid rgba(255,255,255,.15); border-radius:20px; }
.showcase-device .device-camera { position:absolute; top:8px; left:50%; width:38%; height:8px; border-radius:0 0 8px 8px; background:#050507; transform:translateX(-50%); }
.showcase-device b { color:#fff; font-size:clamp(24px,3.3vw,52px); line-height:1; letter-spacing:-.08em; text-shadow:0 7px 18px rgba(0,0,0,.3); }
.showcase-device strong { max-width:100%; color:#fff; font-size:clamp(9px,1.15vw,17px); line-height:1.05; text-align:center; overflow-wrap:anywhere; }
.showcase-device small { color:#ffe055; font-size:clamp(5px,.55vw,8px); font-weight:900; letter-spacing:.08em; }
.showcase-creator { position:absolute; z-index:4; right:-1.2%; bottom:-1px; width:34%; height:108%; overflow:hidden; pointer-events:none; }
.showcase-creator picture,
.showcase-creator img { width:100%; height:100%; }
.showcase-creator img { object-fit:contain; object-position:center bottom; filter:drop-shadow(-13px 15px 18px rgba(0,0,0,.36)); }
.creator-shirt-label { position:absolute; z-index:2; left:50%; top:62%; width:42%; display:grid; place-items:center; color:#13281a; text-align:center; transform:translate(-50%,-50%) rotate(-.5deg); }
.creator-shirt-label strong { max-width:100%; font-size:clamp(6px,.92vw,13px); line-height:.96; text-align:center; overflow-wrap:anywhere; }
.creator-shirt-label small { color:#166b38; font-size:clamp(3px,.39vw,6px); font-weight:950; }
.game-page.name-long .creator-shirt-label strong { font-size:clamp(5px,.72vw,10px); }
.showcase-suits span { position:absolute; z-index:1; color:rgba(255,255,255,.08); font-size:55px; }
.showcase-suits span:nth-child(1) { left:42%; top:4%; transform:rotate(-18deg); }
.showcase-suits span:nth-child(2) { left:52%; bottom:4%; color:rgba(255,78,78,.12); transform:rotate(12deg); }
.showcase-suits span:nth-child(3) { right:4%; top:11%; transform:rotate(16deg); }
.showcase-suits span:nth-child(4) { left:3%; bottom:-10px; color:rgba(255,65,65,.12); transform:rotate(-12deg); }
.showcase-coins i { position:absolute; z-index:6; width:35px; height:35px; display:grid; place-items:center; border:3px solid #ffce31; border-radius:50%; color:#7a4100; background:linear-gradient(145deg,#fff177,#d99000); box-shadow:0 8px 14px rgba(0,0,0,.28); font-style:normal; font-size:14px; font-weight:950; }
.showcase-coins i:nth-child(1) { right:36%; top:8%; transform:rotate(-18deg); }
.showcase-coins i:nth-child(2) { right:2.5%; top:35%; transform:scale(.8) rotate(12deg); }
.showcase-coins i:nth-child(3) { right:39%; bottom:5%; transform:scale(.65) rotate(22deg); }
.reference-preview-label { position:absolute; z-index:8; left:50%; bottom:8px; min-height:18px; display:inline-flex; align-items:center; padding:2px 8px; border:1px solid rgba(255,255,255,.15); border-radius:99px; color:rgba(255,255,255,.72); background:rgba(0,0,0,.28); font-size:6.5px; font-weight:750; letter-spacing:.02em; transform:translateX(-50%); backdrop-filter:blur(5px); }

.reference-fact-strip {
    min-height:124px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:22px;
    overflow:hidden; border:1px solid #e8e9ef; border-radius:13px; background:#fff; box-shadow:var(--gd-shadow);
}
.reference-fact-strip article { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:14px; border-right:1px solid #e9eaf0; text-align:center; }
.reference-fact-strip article:last-child { border-right:0; }
.reference-fact-icon { flex:0 0 49px; width:49px; height:49px; position:relative; display:grid; place-items:center; color:var(--gd-accent); border-radius:15px; background:var(--gd-soft); font-size:13px; font-weight:950; }
.reference-fact-strip p { min-width:0; display:grid; margin:0; color:#626979; font-size:9px; line-height:1.3; text-align:center; }
.reference-fact-strip strong { overflow:hidden; color:#171922; font-size:13px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.fact-cash { color:#6d28d9; font-size:27px; }
.fact-safe { color:#10a158; background:#eaf9f0; }
.fact-safe::before { content:"✓"; width:29px; height:34px; display:grid; place-items:center; border:3px solid currentColor; border-radius:50% 50% 43% 43%; font-size:18px; }
.fact-withdraw { color:#f06a00; background:#fff4e8; }
.fact-withdraw::before { content:""; width:18px; height:34px; background:currentColor; clip-path:polygon(48% 0,100% 0,67% 38%,100% 38%,30% 100%,45% 55%,10% 55%); }
.fact-support { color:#176cc7; background:#edf6ff; }
.fact-support::before { content:"18+"; font-size:12px; font-weight:950; }

.reference-eyebrow { display:block; color:var(--gd-accent); font-size:9px; font-weight:950; letter-spacing:.13em; text-transform:uppercase; }
.reference-about { min-height:190px; display:grid; grid-template-columns:minmax(0,1.65fr) minmax(220px,.6fr); align-items:center; gap:36px; margin-top:22px; padding:20px 20px 15px; }
.reference-about-copy h2,
.reference-section-title h2 { margin:3px 0 7px; font-size:23px; line-height:1.15; letter-spacing:-.035em; }
.reference-about-copy > p { max-width:750px; margin:7px 0; color:#505766; font-size:12px; line-height:1.6; }
.reference-about-copy .reference-about-lead { color:#242733; font-size:13px; }
.reference-about details { margin-top:8px; }
.reference-about summary { display:inline-flex; align-items:center; gap:7px; color:var(--gd-accent); font-size:10px; font-weight:900; letter-spacing:.03em; cursor:pointer; list-style:none; }
.reference-about summary::-webkit-details-marker { display:none; }
.reference-about details[open] summary span { transform:rotate(180deg); }
.reference-about-art { position:relative; width:240px; height:160px; justify-self:center; }
.about-card { position:absolute; top:3px; width:73px; height:102px; display:flex; align-items:flex-start; justify-content:flex-start; padding:9px; border:1px solid #d6d8df; border-radius:9px; color:#171922; background:linear-gradient(145deg,#fff,#eef0f5); box-shadow:0 8px 18px rgba(22,18,38,.11); font-family:Georgia,serif; font-size:clamp(15px,2.1vw,24px); font-weight:700; }
.about-card-one { left:34px; transform:rotate(-13deg); }
.about-card-two { left:86px; color:#d11c2d; transform:rotate(1deg); }
.about-card-three { left:137px; color:#d11c2d; transform:rotate(13deg); }
.about-coin { position:absolute; bottom:5px; width:42px; height:28px; border:3px solid #e99800; border-radius:50%; background:linear-gradient(#ffe76b,#eca400); box-shadow:0 6px 0 #ce7500,0 10px 15px rgba(79,45,0,.2); }
.about-coin-main { z-index:4; left:91px; bottom:2px; width:70px; height:70px; display:grid; place-items:center; border:6px solid #ffbe18; border-radius:50%; color:#fff0a3; background:linear-gradient(145deg,#e2351f,#9b130b); box-shadow:inset 0 0 0 3px #7e0a08,0 8px 0 #a64700,0 14px 20px rgba(79,26,0,.25); font-size:34px; font-weight:950; }
.about-coin-one { left:40px; }
.about-coin-two { left:150px; bottom:9px; }
.about-coin-three { left:174px; bottom:3px; }

.reference-steps-section { margin-top:16px; }
.reference-section-title { margin-bottom:8px; }
.reference-section-title h2 { line-height:1; }
.reference-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:58px; }
.reference-steps article { position:relative; min-height:143px; display:grid; place-items:center; align-content:center; padding:22px 14px 14px; border:1px solid #eaebf0; border-radius:16px; background:#fff; box-shadow:var(--gd-shadow); text-align:center; }
.reference-steps article > b { position:absolute; left:13px; top:13px; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#161925; font-size:9px; }
.reference-steps article:not(:last-child)::after { content:"→"; position:absolute; right:-43px; top:50%; color:#9ba2af; font-size:30px; font-weight:300; transform:translateY(-50%); }
.step-symbol { position:relative; width:53px; height:53px; display:grid; place-items:center; margin-bottom:7px; border-radius:14px; color:var(--gd-accent); background:var(--gd-soft); font-style:normal; font-weight:950; }
.step-download::before { content:""; position:absolute; left:23px; top:10px; width:7px; height:25px; border-radius:4px; background:currentColor; }
.step-download::after { content:""; position:absolute; left:15px; top:25px; width:21px; height:21px; border:5px solid currentColor; border-left:0; border-top:0; transform:rotate(45deg); }
.step-register { color:#e22842; background:#fff0f2; }
.step-register::before { content:""; width:18px; height:18px; margin-top:-12px; border:4px solid currentColor; border-radius:50%; }
.step-register::after { content:"+"; position:absolute; right:7px; bottom:3px; font-size:25px; font-weight:950; }
.step-wallet { color:#189b4f; background:#edfaef; border-radius:50%; font-size:26px; }
.step-play { color:#f27815; background:#fff3e8; }
.step-play::before { content:""; width:30px; height:34px; border:4px solid currentColor; border-radius:5px 5px 12px 12px; transform:rotate(8deg); }
.step-play::after { content:"▶"; position:absolute; font-size:15px; }
.reference-steps h3 { margin:0; font-size:13px; line-height:1.2; }
.reference-steps p { margin:5px 0 0; color:#656c7b; font-size:9px; line-height:1.35; }

.reference-insights { display:grid; grid-template-columns:1.06fr .94fr; gap:18px; margin-top:20px; }
.reference-insights > article { min-height:205px; padding:18px 21px; border:1px solid #e9eaf0; border-radius:16px; background:#fff; box-shadow:var(--gd-shadow); }
.reference-card-heading { min-height:24px; display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.reference-card-heading h2 { margin:0; font-size:16px; line-height:1.2; letter-spacing:-.02em; }
.reference-card-heading > span { color:var(--gd-accent); font-size:8px; font-weight:850; }
.reference-review-summary { display:grid; grid-template-columns:125px minmax(0,1fr); align-items:center; gap:20px; margin-top:8px; }
.reference-review-score { display:grid; justify-items:start; }
.reference-review-score > strong { font-size:50px; line-height:.96; letter-spacing:-.055em; }
.reference-review-score .reference-stars { margin-top:8px; }
.reference-review-score .reference-stars i { font-size:17px; }
.reference-review-score > small { margin-top:5px; color:#667085; font-size:9px; }
.reference-rating-bars { display:grid; gap:4px; }
.reference-rating-bars label { display:grid; grid-template-columns:30px minmax(0,1fr) 24px; align-items:center; gap:8px; color:#626979; font-size:9px; }
.reference-rating-bars label span { color:#6a7280; }
.reference-rating-bars label b { color:#f5a000; }
.reference-rating-bars progress { width:100%; height:8px; overflow:hidden; border:0; border-radius:99px; background:#eef0f4; }
.reference-rating-bars progress::-webkit-progress-bar { background:#eef0f4; }
.reference-rating-bars progress::-webkit-progress-value { border-radius:99px; background:linear-gradient(90deg,#43b92d,#cbdc15); }
.reference-rating-bars progress::-moz-progress-bar { border-radius:99px; background:linear-gradient(90deg,#43b92d,#cbdc15); }
.reference-rating-bars label:nth-child(3) progress::-webkit-progress-value { background:#f6a30b; }
.reference-rating-bars label:nth-child(4) progress::-webkit-progress-value { background:#fb7612; }
.reference-rating-bars label:nth-child(5) progress::-webkit-progress-value { background:#e8463a; }
.reference-rating-bars small { text-align:right; }
.reference-player-card { position:relative; }
.reference-player-review { display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:10px; margin-top:11px; }
.reference-player-avatar { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,var(--gd-accent),var(--gd-accent-2)); box-shadow:0 7px 16px rgba(40,22,78,.17); font-size:15px; font-weight:950; }
.reference-player-review > div { display:grid; gap:3px; }
.reference-player-review > div > strong { font-size:12px; }
.reference-player-review .reference-stars i { font-size:13px; }
.reference-player-review > p { grid-column:2; max-height:44px; overflow:hidden; margin:-2px 0 0; color:#424754; font-size:9px; line-height:1.5; }
.reference-review-empty { min-height:87px; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:11px; margin-top:7px; }
.reference-review-empty strong { display:block; font-size:11px; }
.reference-review-empty p { margin:4px 0 0; color:#687080; font-size:8.5px; line-height:1.45; }
.reference-review-form-wrap { position:relative; margin-top:8px; }
.reference-review-form-wrap > summary { min-height:29px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:5px 9px; border:1px solid #e4dcf7; border-radius:8px; color:var(--gd-accent); background:var(--gd-soft); font-size:8.5px; font-weight:900; cursor:pointer; list-style:none; }
.reference-review-form-wrap > summary::-webkit-details-marker { display:none; }
.reference-review-form-wrap[open] { z-index:20; }
.reference-review-form-wrap[open] > summary span { transform:rotate(45deg); }
.reference-review-form { display:grid; grid-template-columns:1fr 90px; gap:8px; margin-top:7px; padding:10px; border:1px solid #e5e7ed; border-radius:11px; background:#fff; box-shadow:0 14px 35px rgba(31,24,54,.13); }
.reference-review-form label { display:grid; gap:3px; color:#5d6473; font-size:7.5px; font-weight:800; }
.reference-review-form input,
.reference-review-form select,
.reference-review-form textarea { width:100%; min-height:32px; padding:6px 8px; border:1px solid #dfe2e9; border-radius:7px; color:#161923; background:#fff; font-size:9px; outline:0; }
.reference-review-form input:focus,
.reference-review-form select:focus,
.reference-review-form textarea:focus { border-color:var(--gd-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--gd-accent),transparent 85%); }
.reference-review-form .review-body-field { grid-column:1/-1; }
.reference-review-form textarea { min-height:64px; resize:vertical; }
.reference-review-form button { grid-column:1/-1; min-height:34px; border:0; border-radius:8px; color:#fff; background:linear-gradient(110deg,var(--gd-accent),var(--gd-accent-2)); font-size:8px; font-weight:900; cursor:pointer; }

.reference-features { min-height:155px; margin-top:16px; padding:15px 18px 12px; border:1px solid #e8e9ef; border-radius:16px; background:#fff; box-shadow:var(--gd-shadow); }
.reference-features h2 { margin:0 0 5px; font-size:15px; line-height:1.15; }
.reference-features > div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.reference-features article { min-height:104px; display:grid; place-items:center; align-content:center; padding:8px; border-right:1px solid #e9eaf0; text-align:center; }
.reference-features article:last-child { border-right:0; }
.feature-symbol { width:40px; height:40px; display:grid; place-items:center; margin-bottom:5px; border-radius:13px; color:var(--gd-accent); background:var(--gd-soft); font-style:normal; font-size:10px; font-weight:950; }
.feature-independent::before { content:"✓"; font-size:22px; }
.feature-measured::before { content:"↗"; font-size:23px; }
.feature-source::before { content:"⌁"; font-size:25px; }
.feature-adult { color:#176cc7; background:#edf6ff; }
.reference-features strong { font-size:11px; }
.reference-features span { color:#737a88; font-size:8px; line-height:1.25; }

.reference-flow-cta { min-height:95px; display:grid; grid-template-columns:66px minmax(0,1fr) auto; align-items:center; gap:16px; margin-top:2px; padding:14px 20px; overflow:hidden; border-radius:17px; color:#fff; background:linear-gradient(105deg,var(--gd-accent),var(--gd-accent-2)); box-shadow:0 16px 34px rgba(76,26,155,.2); }
.reference-cta-logo { width:66px; height:66px; display:grid; place-items:center; overflow:hidden; border:3px solid rgba(255,255,255,.4); border-radius:14px; background:var(--gd-deep); }
.reference-cta-logo img { width:100%; height:100%; object-fit:cover; }
.reference-cta-logo span { font-size:18px; font-weight:950; }
.reference-cta-copy { display:grid; }
.reference-cta-copy strong { overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.reference-cta-copy span { color:rgba(255,255,255,.8); font-size:10px; }
.reference-cta-button { min-width:245px; min-height:55px; gap:9px; border:0; border-radius:11px; color:var(--gd-accent); background:#fff; font-size:11px; font-weight:950; }
.reference-cta-button:hover { color:var(--gd-accent); }
.reference-cta-button.is-pending { color:#59606c; background:#f0f1f4; }
.reference-cta-button.is-alternative { color:#9a4d00; background:#fff7df; }

.long-game-guide { margin-top:58px; }
.long-guide-header { position:relative; overflow:hidden; padding:42px 44px; border:1px solid #e4e6ed; border-radius:24px; background:linear-gradient(135deg,#fff 48%,var(--gd-soft)); }
.long-guide-header::after { content:""; position:absolute; right:-85px; top:-100px; width:260px; height:260px; border:55px solid rgba(255,255,255,.7); border-radius:50%; }
.long-guide-header h2 { position:relative; z-index:1; max-width:760px; margin:5px 0 10px; font-size:clamp(30px,4vw,50px); line-height:1.06; letter-spacing:-.05em; }
.long-guide-header > p { position:relative; z-index:1; max-width:760px; margin:0; color:#59606f; font-size:14px; }
.long-guide-toc { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.long-guide-toc a { min-height:34px; display:inline-flex; align-items:center; padding:5px 11px; border:1px solid rgba(109,40,217,.14); border-radius:99px; color:var(--gd-accent); background:#fff; font-size:9px; font-weight:850; }
.long-guide-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:start; gap:24px; margin-top:24px; }
.long-guide-copy { display:grid; gap:16px; }
.long-guide-section { position:relative; padding:31px 34px; border:1px solid #e6e8ee; border-radius:20px; background:#fff; box-shadow:0 8px 28px rgba(31,24,54,.045); }
.long-guide-section::before { content:""; position:absolute; left:0; top:27px; bottom:27px; width:4px; border-radius:0 5px 5px 0; background:linear-gradient(var(--gd-accent),var(--gd-accent-2)); }
.long-section-number { position:absolute; right:25px; top:21px; color:#e8eaf0; font-size:38px; font-weight:950; letter-spacing:-.06em; }
.long-guide-section h2 { position:relative; max-width:85%; margin:4px 0 15px; font-size:25px; line-height:1.16; letter-spacing:-.035em; }
.long-guide-section p { margin:0 0 13px; color:#4f5665; font-size:14px; line-height:1.78; }
.long-guide-section p:last-of-type { margin-bottom:0; }
.long-guide-note { display:flex; gap:10px; margin-top:18px; padding:14px 16px; border-left:4px solid var(--gd-accent); border-radius:8px; color:#4c5260; background:var(--gd-soft); font-size:11px; }
.long-guide-note b { flex:0 0 auto; color:var(--gd-accent); }
.long-record-card { position:sticky; top:115px; padding:28px 24px; border:1px solid #e5e7ed; border-radius:20px; background:#fff; box-shadow:var(--gd-shadow); }
.long-record-card h2 { margin:4px 0 5px; font-size:22px; line-height:1.2; }
.long-record-card > p { margin:0 0 14px; color:#69707e; font-size:10px; }
.long-record-card dl { margin:0; }
.long-record-card dl > div { display:grid; grid-template-columns:105px minmax(0,1fr); gap:10px; padding:9px 0; border-top:1px solid #eceef2; }
.long-record-card dt { color:#717887; font-size:9px; }
.long-record-card dd { margin:0; overflow-wrap:anywhere; font-size:9px; font-weight:850; text-align:right; }
.long-record-card .checksum { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:7.5px; word-break:break-all; }
.long-record-card > small { display:block; margin-top:12px; color:#838996; font-size:8px; }

.long-glossary { display:grid; grid-template-columns:.65fr 1.35fr; gap:30px; margin-top:24px; padding:32px 34px; border:1px solid #e4e7ed; border-radius:21px; background:linear-gradient(135deg,var(--gd-soft),#fff 48%); }
.long-glossary h2 { margin:4px 0 0; font-size:25px; line-height:1.2; }
.long-glossary dl { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; }
.long-glossary dl > div { padding:13px 14px; border:1px solid #e4e6ed; border-radius:12px; background:#fff; }
.long-glossary dt { color:var(--gd-accent); font-size:10px; font-weight:900; }
.long-glossary dd { margin:3px 0 0; color:#5f6674; font-size:9px; line-height:1.45; }
.long-glossary dl > div:last-child { grid-column:1/-1; }

.long-safety-panel { margin-top:24px; padding:32px; border-radius:22px; color:#fff; background:linear-gradient(135deg,#171421,var(--gd-deep)); }
.long-safety-heading { display:flex; align-items:center; gap:14px; }
.long-safety-heading > span { flex:0 0 50px; width:50px; height:50px; display:grid; place-items:center; border-radius:15px; color:#18131e; background:#ffd13d; font-size:23px; font-weight:950; }
.long-safety-heading .reference-eyebrow { color:#d8c5ff; }
.long-safety-heading h2 { margin:2px 0 0; font-size:25px; }
.long-safety-panel ol { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0; margin:23px 0; list-style:none; counter-reset:safe; }
.long-safety-panel li { position:relative; min-height:70px; display:flex; align-items:center; padding:13px 15px 13px 52px; border:1px solid rgba(255,255,255,.11); border-radius:13px; color:#d8d5df; font-size:11px; counter-increment:safe; }
.long-safety-panel li::before { content:counter(safe); position:absolute; left:14px; width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--gd-accent); font-size:9px; font-weight:950; }
.long-safety-panel > div:last-child { display:flex; flex-wrap:wrap; gap:18px; }
.long-safety-panel a { color:#e1d2ff; font-size:11px; font-weight:850; overflow-wrap:anywhere; }

.long-faq { margin-top:28px; }
.long-faq-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.long-faq-list details { margin:0; border:1px solid #e4e6ec; border-radius:14px; background:#fff; }
.long-faq-list summary { position:relative; padding:16px 44px 16px 17px; font-size:11px; font-weight:850; cursor:pointer; list-style:none; }
.long-faq-list summary::-webkit-details-marker { display:none; }
.long-faq-list summary::after { content:"+"; position:absolute; right:15px; top:50%; width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:var(--gd-accent); background:var(--gd-soft); transform:translateY(-50%); }
.long-faq-list details[open] summary::after { content:"−"; }
.long-faq-list p { margin:0; padding:0 17px 17px; color:#5c6371; font-size:11px; line-height:1.6; }

.reference-related { margin-top:46px; }
.reference-related > p { max-width:760px; margin:-6px 0 17px; color:#666d7b; font-size:11px; }
.game-page .reference-related .related-grid { grid-template-columns:1fr 1fr; gap:14px; }
.game-page .reference-related .game-card { min-width:0; grid-template-columns:34px 64px minmax(0,1fr) 118px; padding:13px; }
.game-page .reference-related .game-logo-wrap { width:64px; height:64px; }
.game-page .reference-related .game-card-content h3 { font-size:15px; }
.game-page .reference-related .game-mini-meta { display:none; }
.game-page .reference-related .game-card-button { width:118px; min-height:44px; font-size:9px; }

.game-page .download-dock { color:#fff; background:linear-gradient(110deg,var(--gd-deep),var(--gd-accent)); }
.game-page .dock-logo { background:linear-gradient(145deg,var(--gd-accent),var(--gd-accent-2)); }
.game-page .download-dock .button { background:linear-gradient(110deg,var(--gd-accent),var(--gd-accent-2)); }

@media (max-width:1080px) {
    .game-page .header-inner { grid-template-columns:44px auto minmax(150px,1fr) auto auto; gap:12px; }
    .game-page .desktop-nav { display:flex; }
    .reference-product { grid-template-columns:196px minmax(0,1fr) 176px; gap:26px; }
    .reference-logo { width:196px; }
    .reference-product-copy h1 { font-size:35px; }
    .reference-showcase-copy { width:46%; }
    .showcase-device { right:25%; }
    .showcase-creator { width:36%; }
    .reference-steps { gap:44px; }
    .reference-steps article:not(:last-child)::after { right:-34px; }
    .long-guide-layout { grid-template-columns:minmax(0,1fr) 300px; }
}

@media (max-width:900px) {
    .game-page .container { width:calc(100% - 56px); }
    .reference-product { grid-template-columns:196px minmax(0,1fr) 176px; min-height:235px; gap:26px; }
    .reference-logo { width:196px; }
    .reference-logo-fallback strong { font-size:54px; }
    .reference-product-copy h1 { font-size:35px; }
    .reference-tagline { font-size:17px; }
    .reference-download { min-height:60px; }
    .reference-tools { gap:16px; }
    .reference-tool { width:72px; }
    .reference-showcase-copy h2 span { font-size:32px; }
    .reference-showcase-copy h2 strong { font-size:29px; }
    .reference-showcase-copy > p { font-size:9px; }
    .reference-showcase-copy li { font-size:7px; }
    .showcase-device { border-width:5px; border-radius:24px; }
    .reference-fact-strip article { gap:9px; padding:12px; }
    .reference-fact-icon { flex-basis:43px; width:43px; height:43px; }
    .reference-steps { gap:29px; }
    .reference-steps article:not(:last-child)::after { right:-24px; font-size:23px; }
    .long-guide-layout { grid-template-columns:1fr; }
    .long-record-card { position:static; }
    .long-record-card dl { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }
    .long-glossary { grid-template-columns:1fr; }

    .game-page main { padding-bottom:72px; }
    .game-page .mobile-bottom-nav { position:fixed; z-index:95; left:0; right:0; bottom:0; min-height:64px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:2px; padding:4px 8px max(4px,env(safe-area-inset-bottom)); border:1px solid #e7e8ee; border-width:1px 0 0; border-radius:0; background:rgba(255,255,255,.98); box-shadow:0 -8px 26px rgba(35,24,69,.11); backdrop-filter:blur(18px); }
    .game-page .mobile-bottom-nav a { position:relative; min-width:0; min-height:54px; display:grid; place-items:center; align-content:center; gap:1px; padding:2px 1px; border-radius:12px; color:#6d7485; }
    .game-page .mobile-bottom-nav a:active { transform:scale(.96); }
    .game-page .mobile-bottom-nav .nav-icon { position:relative; width:29px; height:29px; display:block; border-radius:9px; color:currentColor; background:#f3f4f8; }
    .game-page .mobile-bottom-nav .nav-label { max-width:100%; overflow:hidden; font-size:8px; font-weight:780; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
    .game-page .nav-icon-home::before,
    .game-page .nav-icon-home::after,
    .game-page .nav-icon-games::before,
    .game-page .nav-icon-about::before,
    .game-page .nav-icon-alert::before,
    .game-page .nav-icon-alert::after,
    .game-page .nav-icon-telegram::before { content:""; position:absolute; }
    .game-page .nav-icon-home::before { left:8px; bottom:6px; width:11px; height:9px; border:2px solid currentColor; border-top:0; border-radius:2px 2px 4px 4px; }
    .game-page .nav-icon-home::after { left:8px; top:6px; width:10px; height:10px; border-top:2px solid currentColor; border-left:2px solid currentColor; border-radius:2px; transform:rotate(45deg); }
    .game-page .nav-icon-games::before { left:7px; top:7px; width:6px; height:6px; border-radius:2px; background:currentColor; box-shadow:9px 0 currentColor,0 9px currentColor,9px 9px currentColor; }
    .game-page .nav-icon-about::before { content:"i"; inset:5px; display:grid; place-items:center; border:2px solid currentColor; border-radius:50%; font-size:12px; font-weight:950; font-style:normal; line-height:1; }
    .game-page .nav-icon-alert::before { inset:5px 4px 4px; background:currentColor; clip-path:polygon(50% 0,100% 92%,0 92%); }
    .game-page .nav-icon-alert::after { content:"!"; left:0; right:0; top:8px; color:#fff; font-size:11px; font-weight:950; text-align:center; }
    .game-page .nav-icon-telegram::before { inset:6px 5px 5px 6px; background:currentColor; clip-path:polygon(0 42%,100% 0,68% 100%,49% 63%,30% 79%,35% 56%); }
    .game-page .mobile-bottom-nav a:has(.nav-icon-alert):not(.active) { color:#c95832; }
    .game-page .mobile-bottom-nav a:has(.nav-icon-telegram) { color:#1488c9; }
    .game-page .mobile-bottom-nav a.active { color:var(--gd-accent); background:var(--gd-soft); }
    .game-page .mobile-bottom-nav a.active .nav-icon { color:#fff; background:linear-gradient(135deg,var(--gd-accent),var(--gd-accent-2)); box-shadow:0 7px 14px color-mix(in srgb,var(--gd-accent),transparent 76%); transform:translateY(-1px); }
    .game-page .telegram-fab { bottom:calc(78px + env(safe-area-inset-bottom)); }
}

@media (max-width:820px) {
    .game-page { --header-height:72px; }
    .game-page .site-header { height:72px; }
    .game-page .header-inner { grid-template-columns:42px auto 1fr auto; gap:9px; }
    .game-page .desktop-nav { display:none; }
    .game-page .breadcrumbs { min-height:50px; }
    .reference-product { grid-template-columns:128px minmax(0,1fr) 140px; min-height:190px; }
    .reference-logo { width:128px; border-radius:23px; }
    .reference-logo-fallback strong { font-size:38px; }
    .reference-product-copy h1 { font-size:28px; }
    .reference-tagline { font-size:12px; }
    .reference-chips span { min-height:24px; font-size:8px; }
    .reference-review-row { gap:5px; font-size:8px; }
    .reference-review-row > strong { font-size:11px; }
    .reference-review-row .reference-stars i { font-size:12px; }
    .reference-download { min-height:49px; font-size:11px; }
    .reference-tool { width:62px; min-height:60px; }
    .reference-showcase { aspect-ratio:2.35/1; }
    .reference-fact-strip { min-height:105px; }
    .reference-fact-strip article { flex-direction:column; gap:5px; text-align:center; }
    .reference-about { grid-template-columns:minmax(0,1.4fr) 190px; }
    .reference-about-art { transform:scale(.82); }
    .reference-insights { grid-template-columns:1fr 1fr; }
    .reference-insights > article { padding:18px; }
    .reference-review-summary { grid-template-columns:100px minmax(0,1fr); gap:12px; }
    .reference-flow-cta { grid-template-columns:58px minmax(0,1fr) auto; }
    .reference-cta-logo { width:58px; height:58px; }
    .reference-cta-button { min-width:205px; }
    .long-guide-header { padding:34px; }
    .long-guide-copy { gap:13px; }
    .long-guide-section { padding:27px 29px; }
}

@media (max-width:700px) {
    .game-page .container { width:calc(100% - 22px); }
    .game-page main { padding-bottom:72px; }
    .game-page .breadcrumbs { min-height:45px; gap:6px; font-size:9px; }
    .reference-product { grid-template-columns:92px minmax(0,1fr); align-items:start; gap:14px; min-height:0; padding:7px 0 18px; }
    .reference-logo { width:92px; border-radius:19px; }
    .reference-logo-fallback { padding:8px; }
    .reference-logo-fallback small { font-size:6px; }
    .reference-logo-fallback strong { font-size:28px; }
    .reference-logo-fallback b { max-width:75px; font-size:7px; }
    .reference-logo-fallback::before,
    .reference-logo-fallback::after { font-size:22px; }
    .reference-product-copy { align-self:start; }
    .reference-product-copy h1 { font-size:27px; }
    .reference-tagline { margin:4px 0 6px; font-size:10px; line-height:1.3; }
    .reference-chips { gap:5px; margin-bottom:5px; }
    .reference-chips span { min-height:22px; padding:3px 7px; font-size:7px; }
    .reference-review-row { gap:5px; margin-bottom:7px; line-height:1.2; }
    .reference-review-row .reference-stars i { font-size:11px; }
    .reference-review-row > strong { font-size:11px; }
    .reference-review-row > span:last-child { font-size:7px; }
    .reference-download { width:100%; min-height:44px; gap:7px; font-size:8px; }
    .reference-download-icon { transform:scale(.75); }
    .reference-microcopy { display:none; }
    .reference-tools { width:100%; grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0; }
    .reference-tool { width:100%; min-height:45px; display:flex; flex-direction:row; gap:7px; border-radius:10px; }
    .reference-tool > span { transform:scale(.8); }

    .reference-showcase { min-height:340px; aspect-ratio:auto; border-radius:17px; }
    .reference-showcase-copy { left:20px; top:24px; width:54%; transform:none; }
    .showcase-kicker { min-height:23px; padding:3px 7px; font-size:7px; }
    .reference-showcase-copy h2 { margin-top:10px; }
    .reference-showcase-copy h2 span { font-size:24px; }
    .reference-showcase-copy h2 strong { font-size:22px; }
    .reference-showcase-copy > p { max-width:195px; font-size:7.5px; }
    .reference-showcase-copy ul { display:grid; gap:4px; margin-top:8px; }
    .reference-showcase-copy li { width:max-content; min-height:21px; padding:3px 6px; font-size:6.5px; }
    .showcase-device { right:5%; top:11%; width:40%; height:66%; border-radius:24px; transform:translateX(var(--gd-art-offset)) rotate(calc(var(--gd-device-tilt) + var(--gd-flow-tilt))); }
    .showcase-device b { font-size:32px; }
    .showcase-device strong { font-size:10px; }
    .showcase-creator { right:-8%; width:58%; height:78%; }
    .creator-shirt-label { top:62%; width:43%; }
    .creator-shirt-label strong { font-size:7px; }
    .creator-shirt-label small { font-size:3px; }
    .showcase-coins i:nth-child(1) { right:42%; top:29%; }
    .showcase-coins i:nth-child(2) { right:3%; top:49%; }
    .showcase-coins i:nth-child(3) { right:45%; bottom:4%; }

    .reference-fact-strip { grid-template-columns:1fr 1fr; min-height:0; border-radius:15px; }
    .reference-fact-strip article { min-height:84px; flex-direction:row; justify-content:flex-start; text-align:left; border-bottom:1px solid #e9eaf0; }
    .reference-fact-strip article:nth-child(2) { border-right:0; }
    .reference-fact-strip article:nth-child(n+3) { border-bottom:0; }
    .reference-fact-icon { flex-basis:38px; width:38px; height:38px; border-radius:11px; }
    .reference-fact-strip strong { font-size:10px; }
    .reference-fact-strip p { font-size:7px; }
    .fact-safe::before,
    .fact-withdraw::before { transform:scale(.75); }
    .fact-cash { font-size:22px; }
    .fact-support::before { font-size:10px; }

    .reference-about { grid-template-columns:1fr; gap:8px; min-height:0; margin-top:15px; padding:20px 8px; }
    .reference-about-copy h2,
    .reference-section-title h2 { font-size:21px; }
    .reference-about-copy > p { font-size:11px; }
    .reference-about-art { width:230px; height:145px; margin-top:5px; transform:scale(.9); }
    .reference-steps-section { margin-top:10px; }
    .reference-steps { grid-template-columns:1fr 1fr; gap:9px; }
    .reference-steps article { min-height:138px; padding:20px 10px 12px; }
    .reference-steps article:not(:last-child)::after { display:none; }
    .reference-steps h3 { font-size:10px; }
    .reference-steps p { font-size:7.5px; }
    .step-symbol { width:47px; height:47px; }

    .reference-insights { grid-template-columns:1fr; gap:10px; margin-top:17px; }
    .reference-insights > article { min-height:190px; padding:20px; }
    .reference-review-summary { grid-template-columns:105px minmax(0,1fr); gap:12px; }
    .reference-review-score > strong { font-size:44px; }
    .reference-review-form { grid-template-columns:1fr; }
    .reference-review-form .review-body-field,
    .reference-review-form button { grid-column:auto; }
    .reference-features { padding:14px 10px 10px; }
    .reference-features > div { grid-template-columns:1fr 1fr; }
    .reference-features article { min-height:92px; }
    .reference-features article:nth-child(2),
    .reference-features article:nth-child(4) { border-right:0; }
    .reference-features article:nth-child(n+3) { border-top:1px solid #e9eaf0; }
    .reference-features article:last-child { grid-column:1/-1; border-right:0; }

    .reference-flow-cta { grid-template-columns:53px minmax(0,1fr); gap:10px; padding:12px; border-radius:15px; }
    .reference-cta-logo { width:53px; height:53px; }
    .reference-cta-copy strong { font-size:11px; }
    .reference-cta-copy span { font-size:7px; }
    .reference-cta-button { grid-column:1/-1; width:100%; min-width:0; min-height:46px; font-size:8px; }

    .long-game-guide { margin-top:38px; }
    .long-guide-header { padding:28px 22px; border-radius:19px; }
    .long-guide-header h2 { font-size:31px; }
    .long-guide-header > p { font-size:11px; }
    .long-guide-toc { gap:6px; margin-top:18px; }
    .long-guide-toc a { min-height:30px; font-size:7.5px; }
    .long-guide-layout { gap:13px; margin-top:13px; }
    .long-guide-section { padding:25px 20px; border-radius:17px; }
    .long-section-number { right:18px; top:17px; font-size:31px; }
    .long-guide-section h2 { max-width:86%; font-size:21px; }
    .long-guide-section p { font-size:12px; line-height:1.72; }
    .long-guide-note { align-items:flex-start; flex-direction:column; font-size:9px; }
    .long-record-card { padding:24px 20px; border-radius:17px; }
    .long-record-card dl { grid-template-columns:1fr; }
    .long-glossary { gap:17px; padding:24px 20px; border-radius:17px; }
    .long-glossary h2 { font-size:21px; }
    .long-glossary dl { grid-template-columns:1fr; }
    .long-glossary dl > div:last-child { grid-column:auto; }
    .long-safety-panel { padding:24px 19px; border-radius:17px; }
    .long-safety-heading h2 { font-size:20px; }
    .long-safety-panel ol { grid-template-columns:1fr; }
    .long-safety-panel li { font-size:9px; }
    .long-faq-list { grid-template-columns:1fr; }
    .long-faq-list summary,
    .long-faq-list p { font-size:10px; }
    .reference-related { margin-top:35px; }
    .game-page .reference-related .related-grid { grid-template-columns:1fr; }
    .game-page .download-dock { display:none; }
    .game-page .site-footer { margin-bottom:0; }
    .game-page .mobile-bottom-nav { min-height:64px; padding:4px 7px max(4px,env(safe-area-inset-bottom)); }
    .game-page .telegram-fab { bottom:calc(78px + env(safe-area-inset-bottom)); }
    body.game-page:has(.download-dock) .telegram-fab { bottom:calc(78px + env(safe-area-inset-bottom)); }
}

@media (max-width:390px) {
    .game-page .container { width:calc(100% - 16px); }
    .reference-product { grid-template-columns:80px minmax(0,1fr); gap:10px; }
    .reference-logo { width:80px; border-radius:17px; }
    .reference-product-copy h1 { font-size:23px; }
    .reference-tagline { font-size:8.5px; }
    .reference-chips span:nth-child(2) { display:none; }
    .reference-review-row { font-size:7px; }
    .reference-download { min-height:42px; }
    .reference-showcase { min-height:320px; }
    .reference-showcase-copy { left:15px; width:56%; }
    .reference-showcase-copy h2 span { font-size:21px; }
    .reference-showcase-copy h2 strong { font-size:19px; }
    .showcase-device { right:3%; width:42%; }
    .showcase-creator { right:-11%; width:62%; }
    .reference-fact-strip article { padding:9px; }
    .reference-steps { grid-template-columns:1fr 1fr; }
    .reference-steps article { min-height:132px; }
    .reference-review-summary { grid-template-columns:92px minmax(0,1fr); }
    .reference-review-score > strong { font-size:39px; }
    .reference-card-heading h2 { font-size:14px; }
    .long-guide-header h2 { font-size:27px; }
    .long-guide-section h2 { font-size:19px; }
    .long-guide-section p { font-size:11.5px; }
    .game-page .reference-related .game-card { grid-template-columns:31px 58px minmax(0,1fr); }
    .game-page .reference-related .game-card-button { width:100%; grid-column:1/-1; }
}

@media (prefers-reduced-motion:reduce) {
    .reference-download,
    .reference-tool { transition:none; }
}