﻿.shell.is-home>.main{width:100%;max-width:1360px;margin-inline:auto;padding:36px clamp(16px,3vw,44px) 60px}#pageHome{min-width:0}
.home-top-row{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:18px;border:1px solid #ffffff06;border-radius:15px;background:#161d1b}.home-welcome{display:flex;flex-direction:column;min-width:0;padding:12px 8px 8px}.home-welcome-heading{display:flex;align-items:center;gap:13px}.home-welcome-heading>img{width:50px;height:50px;border-radius:13px;border:1px solid #34c58f40;object-fit:cover}.home-welcome h1{display:flex;flex-direction:column;gap:4px;font-size:21px;letter-spacing:-.035em;line-height:1.2;margin:0;min-width:0}.home-welcome h1>span{color:#8f9c96;font-weight:600}.home-welcome h1>strong{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:185px}.home-welcome>p{color:var(--mut);font-size:11px;margin:15px 0 24px}.home-activity-link{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a4b7ac;font-size:11px;text-decoration:none}.home-activity-link:hover{color:var(--ac)}.home-account-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;padding-top:14px;border-top:3px solid #2d4d3c}.home-account-stats>div{display:flex;flex-direction:column;gap:4px}.home-account-stats b{font-size:20px;font-family:'Geist Mono',monospace;font-weight:600}.home-account-stats span{font-size:10px;color:#83938a}.home-profile-status{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.09em;color:#789783;margin-top:16px}.home-profile-status i,.home-live-tag i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--ac)}
.home-spotlight{min-width:0}.home-spotlight-heading{display:flex;align-items:center;justify-content:space-between;height:25px;margin-bottom:8px}.home-spotlight-heading>span{font-size:8px;font-weight:600;letter-spacing:.13em;color:#7d9587}.home-spotlight-heading>div{display:flex;gap:5px}.home-spotlight-heading button{width:25px;height:23px;border:1px solid #ffffff08;border-radius:6px;background:#25352c;color:#a0b5a7;font-size:13px}.home-spotlight-heading button:disabled{opacity:.25}.home-promo-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.home-promo-track::-webkit-scrollbar{display:none}.home-promo{position:relative;min-width:0;height:232px;overflow:hidden;isolation:isolate;border-radius:11px;scroll-snap-align:start;border:1px solid #ffffff0a;background:#23362a}.home-promo>img{position:absolute;right:-10px;bottom:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s}.home-promo::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101b19da,transparent 85%),linear-gradient(0deg,#1019168a,transparent 45%)}.home-promo>div{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:18px 15px}.promo-kicker{font-size:6.5px;letter-spacing:.12em;font-weight:600;color:#b7ccbf}.home-promo h2{font-size:17px;letter-spacing:-.03em;margin:8px 0 9px;font-weight:700;color:#fff}.home-promo p{font-size:10px;line-height:1.7;color:#a2b6a9;max-width:19ch;margin:0}.home-promo a,.home-promo button{margin-top:auto;display:flex;align-items:center;gap:13px;padding:9px 11px;border:1px solid #ffffff10;border-radius:7px;background:#12251eea;color:#eef5f0;font-size:9px;font-weight:700;text-decoration:none;box-shadow:0 2px 0 #08110c}.home-promo a:hover,.home-promo button:hover{border-color:var(--ac);color:var(--ac)}.home-promo:hover>img{transform:scale(1.035)}.halloween-promo{background:#263528}.daily-promo{background:#243038}.credits-promo{background:#344326}
.home-games-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:33px 0 16px}.home-games-heading h2{display:flex;align-items:center;gap:9px;font-size:16px;margin:0;letter-spacing:-.025em}.home-games-heading h2 svg{width:19px;height:19px;color:#8da596}.home-games-heading>span{color:var(--mut);font-size:10px}.home-games{display:grid;grid-template-columns:1fr 1fr;gap:20px}.home-game{position:relative;display:block;height:280px;border-radius:13px;overflow:hidden;isolation:isolate;background:#415b2e;color:#fff;text-decoration:none;border:1px solid #ffffff10;transition:transform .2s,border-color .2s,box-shadow .2s}.home-game-illustration{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.22,1,.36,1)}.upgrade-game{background:#63399f}.battles-game{background:#30594c}.home-game-shade{position:absolute;inset:0;background:linear-gradient(0deg,#091410ce,transparent 42%)}.home-game-label{position:absolute;left:18px;right:18px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.home-game-label>div{display:flex;flex-direction:column;gap:6px}.home-game-label span{font-size:8px;letter-spacing:.14em;font-weight:600;color:#d5e6d9}.home-game h3{font-size:20px;letter-spacing:-.03em;margin:0;padding:5px 9px;background:#10251abf;border:1px solid #ffffff0c;border-radius:6px;line-height:1}.home-game-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff25;border-radius:9px;background:#0c1c1580;font-size:23px;font-weight:400}.home-game:hover{transform:translateY(-3px);border-color:#34c58f80;box-shadow:0 12px 25px #0004}.home-game:hover .home-game-illustration{transform:scale(1.045)}.home-live-tag{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #ffffff15;background:#0b1e18b3;border-radius:6px;font-size:7px;letter-spacing:.08em}.home-bottom-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#6f8377;font-size:10px}.home-bottom-note a{color:#a2bdaa;text-decoration:none}.home-bottom-note a:hover{color:var(--ac)}
@media(max-width:1100px){.home-top-row{grid-template-columns:245px minmax(0,1fr);gap:16px}.home-welcome h1{font-size:19px}.home-welcome h1>strong{max-width:155px}.home-game{height:250px}.home-promo-track{grid-auto-columns:245px}}
@media(max-width:760px){.shell.is-home>.main{padding:20px 16px 40px}.home-top-row{grid-template-columns:1fr;gap:18px;padding:16px}.home-welcome{padding:4px}.home-welcome-heading>img{width:44px;height:44px}.home-welcome h1{font-size:20px}.home-welcome h1>strong{max-width:260px}.home-welcome>p{margin:12px 0 18px}.home-account-stats{margin-top:10px}.home-welcome .home-profile-status{margin-top:12px}.home-promo-track{grid-auto-columns:minmax(225px,75%);gap:12px}.home-promo{height:215px}.home-spotlight-heading{margin-bottom:10px}.home-games{gap:14px}.home-game{height:220px}.home-game-label{left:12px;right:12px;bottom:13px}.home-game h3{font-size:16px;padding:5px 7px}.home-game-label span{font-size:6px}.home-game-arrow{width:28px;height:28px;font-size:18px}.home-live-tag{font-size:6px;top:10px;right:9px;padding:5px}.home-games-heading{margin-top:27px}.home-bottom-note{align-items:flex-start;line-height:1.7}.home-bottom-note>span{max-width:30ch}}@media(max-width:440px){.home-games{gap:11px}.home-game{height:190px}.home-game h3{font-size:13px}.home-game-arrow{display:none}.home-game-label{left:10px;bottom:12px}.home-game-label span{font-size:5.5px}.home-live-tag{letter-spacing:0;font-size:5px;padding:4px;right:6px}.home-games-heading>span{font-size:9px}}
.public-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.public-case{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--p2);box-shadow:0 4px 0 #0a100d}.public-case>img{width:100%;border-radius:12px}.public-case h2{font-size:20px}.public-case p{color:var(--ac)}.public-case details{font-size:12px;color:var(--mut);margin:18px 0}.public-case summary{cursor:pointer}.public-case details>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.home-games{grid-template-columns:repeat(3,minmax(0,1fr))}.cases-game{background:#765520;--card-edge:#3b2b16}
.cases-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.cases-heading h1{margin:8px 0;font-size:30px}.cases-back{color:var(--mut);font-size:12px;text-decoration:none}.cases-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px 42px;border:1px solid var(--line);border-radius:20px;background:var(--p2);box-shadow:0 5px 0 #090d0b}.cases-placeholder>img{width:min(460px,100%);border-radius:15px;margin-bottom:24px}.cases-placeholder h2{font-size:24px;margin:18px 0 8px}.cases-placeholder p{max-width:420px;color:var(--mut);font-size:13px;line-height:1.7}.cases-placeholder>div{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}.cases-placeholder>div a{padding:12px 18px;border:1px solid #34c58f40;border-radius:9px;background:#34c58f15;color:var(--ac);text-decoration:none;font-size:12px;box-shadow:0 3px 0 #123b2d}
@media(max-width:760px){.home-games{grid-template-columns:1fr 1fr}.cases-game{grid-column:1 / -1}}
/* Raised card faces and colored lower edges match the site's tactile controls. */
.home-top-row{border-color:#ffffff0d;box-shadow:inset 0 1px 0 #ffffff10,0 4px 0 #0a100d,0 14px 28px #0003}
.home-game{--card-edge:#25143f;box-shadow:inset 0 1px 0 #ffffff40,inset 0 -2px 0 #0003,0 6px 0 var(--card-edge),0 15px 24px #0005;transform:perspective(1000px) rotateX(1deg);transform-origin:center bottom;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.battles-game{--card-edge:#12382b}
.home-game::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,#ffffff16,transparent 40%,#00000012);box-shadow:inset 0 1px 0 #ffffff35,inset 1px 0 0 #ffffff12}
.home-promo-track{padding:5px 2px 12px;scroll-padding-inline:2px}
.home-promo{--card-edge:#14231b;box-shadow:inset 0 1px 0 #ffffff30,0 4px 0 var(--card-edge),0 9px 13px #0004;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.daily-promo{--card-edge:#14232d}.credits-promo{--card-edge:#252f15}
.home-promo::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff30,inset 1px 0 0 #ffffff10;z-index:1}
.home-game:focus-visible{outline:2px solid var(--ac);outline-offset:9px}
.home-promo:focus-within{border-color:#34c58f80}
@media(hover:hover){
 .home-game:hover{transform:perspective(1000px) translateY(-4px) rotateX(2deg);box-shadow:0 10px 0 var(--card-edge),0 23px 30px #0006;border-color:#ffffff50}
 .home-promo:hover{transform:translateY(-2px);border-color:#ffffff30;box-shadow:0 6px 0 var(--card-edge),0 13px 16px #0005}
}
.home-game:active{transform:translateY(4px);box-shadow:0 2px 0 var(--card-edge),0 5px 10px #0004}
@media(prefers-reduced-motion:reduce){.home-game,.home-promo,.home-game-illustration,.home-promo>img{transition:none}.home-game,.home-game:hover,.home-game:active,.home-promo:hover,.home-game:hover .home-game-illustration,.home-promo:hover>img{transform:none}}
.public-cases{display:block}.public-case-group{margin-bottom:32px}.public-case-group>h2{font-size:22px;margin:24px 0 16px}.public-case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.public-case>img{height:180px;object-fit:contain}.public-case h3{font-size:19px;margin:16px 0 8px}

.case-battles-game{background:#294e45}@media(min-width:1101px){.home-games{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.home-games .cases-game{grid-column:auto}}

.case-battles-game .home-game-illustration{object-position:center 38%}

.upgrade-game .home-game-illustration{object-position:center 42%}

.battles-game .home-game-illustration{object-position:center 42%}

.cases-game .home-game-illustration{object-position:center 42%}

/* Frame the landscape Keep Playing poster without cropping its character. */
.credits-promo{background:#03100c;--card-edge:#10291b;border-color:#38604355}.credits-promo>img{inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom}.credits-promo::after{background:linear-gradient(90deg,#03100ceb 0%,#03100c9c 35%,#03100c24 62%,transparent 82%),linear-gradient(0deg,#02100b50,transparent 38%)}.credits-promo>div{padding:18px 15px}.credits-promo h2{max-width:11ch}.credits-promo p{max-width:15ch;color:#b9d3be}.credits-promo .promo-kicker{color:#b5d99f}.credits-promo button{background:#0b2119ed;border-color:#83bd5350;color:#dcf5c4}.credits-promo:hover>img{transform:none}
/* Match the new pirate posters with warm gold edges and charcoal overlays. */
.cases-game{--poster-accent:#f3af42;--card-edge:#47260d;background:#21150c;border-color:#ca873f55}.upgrade-game{--poster-accent:#ffbf50;--card-edge:#4b290e;background:#24150c;border-color:#e6a04355}.battles-game{--poster-accent:#f69c46;--card-edge:#482214;background:#21120e;border-color:#d5824255}.case-battles-game{--poster-accent:#efb145;--card-edge:#43250f;background:#21160c;border-color:#cc944655}
.home-game .home-game-shade{background:linear-gradient(0deg,#180d08ed 0%,#180d0866 23%,transparent 58%)}.home-game .home-game-label span{color:#f0dcc1}.home-game h3{color:#fff5e5;background:#24150edb;border-color:color-mix(in srgb,var(--poster-accent,#edaf4a) 25%,transparent)}.home-game-arrow{color:#ffdc9a;background:#2a190fd6;border-color:#f3b75b45}.home-game .home-live-tag{background:#21150dd6;border-color:#ffc76c29;color:#f1dfc6}.home-game:hover{border-color:var(--poster-accent,#edaf4a)}.home-game:focus-visible{outline:2px solid var(--poster-accent,#edaf4a);outline-offset:5px}
@media(max-width:760px){.credits-promo>div{padding:16px 14px}.credits-promo>img{object-position:right bottom}}
