@charset "UTF-8";
/* Shared game discovery and online score pages. */
.games-showcase{border-top:1px solid var(--line)}
.hub-sections{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:20px}
.hub-sections a{color:#c6ece4}
#scores,#all-games{scroll-margin-top:28px}
.game-card-match3 .game-card-art{background:#122535}.game-card-ski .game-card-art{background:#6b9fb8}.game-card-match3 .game-card-art>img{object-position:50% 38%}.game-card-ski .game-card-art>img{object-position:44% 38%}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.game-card{min-width:0;border:1px solid #28343b;background:#10171b;transition:transform .3s,border-color .3s;overflow:hidden}
.game-card:hover{transform:translateY(-5px);border-color:#718b8a}
.game-card-art{position:relative;aspect-ratio:1.17;overflow:hidden;background:#162625}
.game-card-art>img{height:100%;width:100%;object-fit:cover;transition:transform .6s}
.game-card:hover .game-card-art>img{transform:scale(1.04)}
.game-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0713190a 25%,#071319bf 100%)}
.game-card-zuma .game-card-art{background:radial-gradient(circle at 65% 30%,#436650,#0b2d26)}
.game-card-fruit .game-card-art{background:#394f30}
.game-card-artillery .game-card-art{background:#3b4d4b}
.artillery-card-scene{position:absolute;inset:0;overflow:hidden}
.artillery-card-scene>img{position:absolute;height:200%;width:auto;max-width:none;left:-14%;top:0}
.artillery-card-unit{position:absolute;width:57%;aspect-ratio:1;overflow:hidden;filter:drop-shadow(14px 18px 9px #07150db3)}
.artillery-card-unit>img{position:absolute;width:300%;height:400%;max-width:none;left:0;top:0}
.artillery-card-ally{left:3%;bottom:11%;transform:rotate(-12deg)}
.artillery-card-enemy{width:33%;right:10%;top:13%;filter:drop-shadow(7px 8px 5px #07150d99) brightness(.86)}
.artillery-card-enemy>img{left:-100%;top:-300%}
.artillery-card-flash{position:absolute;width:49%;aspect-ratio:1;left:3%;top:16%;background:radial-gradient(ellipse,#fff7d5 0%,#ffe0a5a8 8%,#f59a494d 21%,#ffb85100 63%);mix-blend-mode:screen}
.artillery-card-smoke{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 40%,#ced9ce60,transparent 30%),linear-gradient(0deg,#15241a8c,transparent 70%)}
.game-card-caption{position:absolute;z-index:1;left:28px;right:24px;bottom:27px;color:#fff}
.game-card-caption>span{display:block;font:10px var(--mono);letter-spacing:.13em;color:#e1eade;margin-bottom:10px}
.game-card-caption>strong{font-size:38px;font-weight:500;line-height:1.2;letter-spacing:.02em}
.game-play{width:40px;height:40px;display:grid;place-items:center;position:absolute;z-index:2;top:20px;right:20px;border:1px solid #ffffff4f;border-radius:50%;font-size:23px;background:#061b1847;color:#fff;backdrop-filter:blur(8px)}
.game-card-copy{padding:27px 28px 26px}
.game-card-kind{font-size:11px;letter-spacing:.1em;color:#8fa9a4;margin-bottom:9px}
.game-card-copy h3{font-size:24px;line-height:1.3;margin-bottom:14px}
.game-card-copy p{font-size:14px;line-height:1.9;min-height:80px}
.game-card-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:21px;font-size:13px;color:#c6ece4}
.game-card-cta i{font-style:normal;font-size:22px;line-height:1}
.games-section-end{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px}
.games-section-end p{font-size:13px}
.games-section-end>div{display:flex;gap:32px;flex-wrap:wrap}
.game-site .site-header{position:relative}
.game-site .header-inner{height:90px}
.game-site .desktop-nav{gap:32px}
.game-site .header-contact{border-color:#34534f;color:#bfe8df}
.game-site .page-hero{padding-top:83px;padding-bottom:68px}
.game-site .page-hero h1{font-size:clamp(44px,5.9vw,82px);margin:24px 0 22px}
.game-site .page-hero .hero-lead{max-width:640px}
.hub-hero{position:relative;isolation:isolate}
.hub-hero:before{content:"";position:absolute;right:0;top:0;bottom:0;width:65%;background:radial-gradient(ellipse at 70% 40%,#20484265,transparent 65%);pointer-events:none;z-index:-1}
.hub-hero .wrap{display:flex;justify-content:space-between;gap:40px;align-items:center}
.hub-hero .hero-lead{font-size:15px}
.hub-symbol{width:190px;height:190px;position:relative;flex:none;border:1px solid #53736652;border-radius:50%;box-shadow:0 0 0 28px #396c5320,0 0 0 58px #396c5311;margin:15px 65px 15px 20px}
.hub-symbol:before{content:"";position:absolute;inset:30px;border:1px solid #91bda078;border-radius:50%;transform:rotateX(55deg) rotateZ(-30deg)}
.hub-symbol:after{content:"";position:absolute;left:45px;right:45px;top:45px;bottom:45px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#d0f4b3,#729d60 25%,#2d5b46 58%,#132f2c 83%);box-shadow:inset -5px -6px 12px #061b2499,0 18px 26px #0008}
.hub-main{padding-top:0;padding-bottom:86px}
.hub-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:23px;margin-bottom:30px;border-bottom:1px solid var(--line);font-size:14px}
.hub-intro p{font-size:12px;letter-spacing:.07em}
.hub-notes{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.hub-note{padding:27px 28px 0 0}
.hub-note+.hub-note{border-left:1px solid var(--line);padding-left:28px}
.hub-note strong{display:block;font-size:16px;font-weight:500;margin-bottom:9px}
.hub-note p{font-size:13px;line-height:1.9;max-width:350px}
.game-footer{border-top:1px solid var(--line);padding:28px 0 35px}
.game-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;color:#84989f;font-size:12px}
.game-footer nav{display:flex;gap:30px;flex-wrap:wrap}
.game-footer a:hover{color:var(--accent)}
.ranking-hero{padding-bottom:43px!important}
.ranking-main{padding-bottom:84px}
.ranking-sources{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.ranking-sources>span{font-size:11px;color:#78938f;letter-spacing:.04em;margin-left:10px}
.ranking-bar{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:25px}
.ranking-tabs{display:flex;gap:10px;flex-wrap:wrap}
.ranking-tab{border:1px solid #31464b;background:transparent;min-height:44px;border-radius:3px;font-size:13px;padding:10px 22px;color:#afc1c7}
.ranking-tab[aria-selected=true]{border-color:#97bbaa;background:#c5eadb;color:#162e26}
.ranking-refresh{border:1px solid var(--line);border-radius:3px;background:transparent;color:#adc4c3;display:flex;align-items:center;gap:8px;padding:8px 14px;min-height:42px;font-size:12px;white-space:nowrap}
.ranking-refresh:disabled{opacity:.5}
.ranking-refresh svg{width:16px;height:16px}
.ranking-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:35px;margin-top:31px}
.ranking-content{min-width:0}
.ranking-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.ranking-summary h2{font-size:24px;letter-spacing:-.02em;line-height:1.4}
.ranking-summary p{font-size:12px;margin-top:5px}
.ranking-select{display:flex;gap:10px;align-items:center;color:#adc2c3;font-size:12px;white-space:nowrap}
.ranking-select select{border:1px solid #34464c;background:#131e24;border-radius:3px;color:#dce9ea;padding:9px 11px;min-height:40px;font-size:12px;color-scheme:dark}
.ranking-list{list-style:none;margin:0;padding:0;border:1px solid #2c3d43}
.ranking-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:15px;align-items:center;padding:22px 24px;background:#10191e}
.ranking-row+.ranking-row{border-top:1px solid #2c3d43}
.ranking-row:first-child{background:linear-gradient(115deg,#19302b,#111c20)}
.ranking-rank{font:20px var(--mono);color:#8aada2}
.ranking-row:first-child .ranking-rank{color:#e4cb8b}
.ranking-player{min-width:0}
.ranking-player strong{font-size:15px;display:block;color:#dce9e8;font-weight:500;overflow-wrap:anywhere}
.ranking-player small{font-size:11px;color:#81999f;display:block;margin-top:4px}
.ranking-score{font:24px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;white-space:nowrap}
.ranking-score small{font:10px var(--font);color:#859f9e;display:block;text-align:right;margin-top:4px;letter-spacing:.1em}
.ranking-empty{border:1px solid #2c3d43;background:linear-gradient(150deg,#14272380,#11191e);min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 25px}
.ranking-empty-symbol{width:64px;height:64px;border:1px solid #577b70;border-radius:50%;display:grid;place-items:center;margin-bottom:25px;color:#9aceb9;font:24px var(--mono)}
.ranking-empty h3{font-size:22px;margin-bottom:13px}
.ranking-empty p{max-width:450px;font-size:13px;line-height:1.9}
.ranking-empty .text-link{color:#c5eadb;margin-top:15px;font-size:13px}
.ranking-error-retry{background:transparent;color:#c5eadb;border:1px solid #516e61;border-radius:3px;min-height:42px;font-size:13px;padding:9px 20px;margin-top:22px}
.ranking-aside{border:1px solid #2b3d42;padding:27px 24px;background:#111a1f;align-self:start}
.ranking-aside-label{font:10px var(--mono);letter-spacing:.13em;color:#88b6a9}
.ranking-aside h3{font-size:20px;line-height:1.5;margin:16px 0 13px}
.ranking-aside p{font-size:12px;line-height:1.95;color:#9bafb5}
.ranking-aside .button{font-size:13px;min-height:45px;gap:16px;width:100%;padding:11px 14px;margin-top:22px;background:#c5eadb}
.ranking-aside-divider{height:1px;background:var(--line);margin:25px 0}
.ranking-aside .ranking-device-note{font-size:11px;color:#80989f}
.ranking-status{font-size:12px;margin-top:20px;color:#84999d;line-height:1.8;min-height:22px}
.ranking-tip{font-size:12px;border-top:1px solid var(--line);margin-top:36px;padding-top:23px;color:#8fa1a5;line-height:1.9}
.ranking-loading{min-height:250px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#abc1bc}
@media(max-width:1180px){.game-site .desktop-nav{gap:24px}.game-card-copy{padding:23px}.game-card-caption{left:23px}.game-card-copy p{min-height:100px}.hub-symbol{margin-right:36px}}
@media(max-width:900px){.game-grid{gap:17px}.game-card-art{aspect-ratio:.98}.game-card-copy{padding:20px}.game-card-copy h3{font-size:21px}.game-card-caption{left:20px;bottom:20px}.game-card-caption>strong{font-size:31px}.game-card-caption>span{font-size:8px}.game-card-copy p{font-size:13px;min-height:124px}.game-site .header-inner{height:80px}.game-site .page-hero{padding-top:63px}.hub-symbol{width:135px;height:135px;margin-right:25px}.hub-symbol:after{inset:30px}.hub-symbol:before{inset:22px}.ranking-grid{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.ranking-aside{padding:23px 20px}.ranking-summary{display:block}.ranking-select{margin-top:18px}.games-section-end{align-items:flex-start}.games-section-end>div{gap:10px 24px}}
@media(max-width:640px){.game-grid{grid-template-columns:1fr;gap:24px}.game-card-art{aspect-ratio:1.58}.game-card-copy{padding:24px}.game-card-caption{left:24px;bottom:24px}.game-card-caption>strong{font-size:36px}.game-card-caption>span{font-size:9px}.game-card-copy h3{font-size:24px}.game-card-copy p{min-height:0;font-size:14px}.game-card-cta{margin-top:20px;padding-top:17px}.games-section-end{display:block;margin-top:25px}.games-section-end>div{margin-top:12px;gap:24px}.games-section-end .text-link{font-size:13px}.game-site .page-hero{padding-top:51px;padding-bottom:48px}.game-site .page-hero h1{font-size:47px;line-height:1.3}.hub-symbol{display:none}.hub-hero .hero-lead{font-size:14px}.hub-intro{align-items:flex-start}.hub-intro p{font-size:10px;padding-top:5px}.hub-notes{grid-template-columns:1fr;margin-top:30px}.hub-note{padding:24px 0}.hub-note+.hub-note{border-left:0;border-top:1px solid var(--line);padding-left:0}.hub-note p{max-width:none}.hub-main{padding-bottom:45px}.game-footer .wrap{display:block;font-size:11px}.game-footer nav{margin-top:16px;gap:24px}.ranking-bar{display:block;padding-bottom:20px}.ranking-tabs{gap:7px}.ranking-tab{padding:10px 15px;font-size:12px;flex:1;white-space:nowrap}.ranking-refresh{margin-top:17px;font-size:11px;min-height:37px;padding:7px 12px}.ranking-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.ranking-summary{display:flex;align-items:flex-start;gap:12px}.ranking-summary h2{font-size:21px}.ranking-summary p{font-size:10px}.ranking-select{margin-top:0;font-size:11px;gap:6px}.ranking-select label{display:none}.ranking-select select{font-size:11px;max-width:100px}.ranking-row{padding:20px 18px;gap:12px;grid-template-columns:28px minmax(0,1fr) auto}.ranking-rank{font-size:18px}.ranking-score{font-size:22px}.ranking-player strong{font-size:14px}.ranking-player small{font-size:10px}.ranking-aside{padding:25px}.ranking-aside h3{font-size:21px}.ranking-aside p{font-size:13px}.ranking-aside .button{max-width:270px}.ranking-aside-divider{margin:21px 0}.ranking-main{padding-bottom:48px}.ranking-empty{min-height:320px;padding:35px 24px}.ranking-empty h3{font-size:21px}.ranking-tip{font-size:11px;margin-top:26px}}
@media(prefers-reduced-motion:reduce){.game-card:hover,.game-card:hover .game-card-art>img{transform:none}}

.game-footer .game-contact{justify-content:flex-start;gap:16px 32px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);line-height:1.8}.game-contact a{color:inherit;text-decoration:none}.game-contact a:hover{text-decoration:underline}.game-contact span{overflow-wrap:anywhere}