/* A visual front door to player support, built from the six existing games. */
.support-body{background:#f4f0e5;color:#171815}
.support-body::before{opacity:.035}
.support-main{overflow:clip}
.support-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3%;max-width:1440px;margin:auto;padding:74px 6% 70px;min-height:640px}
.support-eyebrow{font:10px/1.6 var(--studio-mono);letter-spacing:.09em;text-transform:uppercase}
.support-hero h1{font:400 clamp(64px,7.4vw,112px)/1.06 var(--studio-display);letter-spacing:-.015em;margin:22px 0 26px}
.support-hero h1 span{display:block}
.support-hero h1 span+span{color:#354738}
.support-intro{max-width:430px;font-size:17px;line-height:1.7}
.support-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.support-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:17px 24px;background:#27382d;color:#f4f0e5;border:1px solid #27382d;border-radius:3px;font:12px/1.5 var(--studio-mono);text-decoration:none;transition:background .2s,transform .25s}
.support-button:hover{background:#171815;transform:translateY(-2px)}
.support-text-link{font:12px/1.5 var(--studio-mono);padding:14px 0;text-decoration:underline;text-underline-offset:5px}
.support-hero-art{position:relative;min-height:470px;isolation:isolate}
.support-hero-art::before{content:'';position:absolute;inset:28px -10px 24px 0;background:#e6e2be;border-radius:48% 45% 32% 29%;rotate:-5deg;z-index:-1}
.support-art-sun{position:absolute;right:4%;top:-9px;font-size:90px;line-height:1;color:#d84c31;rotate:13deg}
.support-print{position:absolute;width:37%;padding:7px 7px 0;margin:0;background:#faf5e8;border:1px solid #27382d;border-radius:3px;box-shadow:0 14px 28px #1718151f,2px 3px 0 #1718152b;transform:rotate(var(--print-angle));transition:transform .4s}
.support-print img{display:block;aspect-ratio:2/3;width:100%;height:auto;object-fit:contain}
.support-print figcaption{padding:12px 1px;font:8px/1.2 var(--studio-mono);letter-spacing:.02em;color:#27382d}
.support-print--baa{top:104px;left:1%;--print-angle:-12deg;z-index:1}
.support-print--gammon{top:48px;left:31%;--print-angle:3deg;z-index:2}
.support-print--sunny{top:116px;left:60%;--print-angle:12deg;z-index:3}
.support-sticker{position:absolute;left:0;top:5px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:112px;height:112px;border:1px solid #27382d;border-radius:50%;background:#ffe34b;rotate:-13deg;box-shadow:2px 3px 0 #27382d24}
.support-sticker img{height:51px;width:auto}
.support-sticker span{max-width:88px;text-align:center;font:8px/1.35 var(--studio-mono)}

.support-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #17181530;background:#e6e2be38}
.support-shortcuts a{display:flex;align-items:center;justify-content:center;padding:23px 18px;font:11px/1.5 var(--studio-mono);text-align:center;min-height:62px;border-right:1px solid #17181530}
.support-shortcuts a:last-child{border-right:0}
.support-shortcuts a:hover{background:#e6e2be}
.support-section{max-width:1280px;margin-inline:auto;padding-inline:40px}
.support-games{padding-top:82px;padding-bottom:80px;scroll-margin-top:108px}
.support-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:36px}
.support-body .support-main h2{font:400 clamp(38px,4.7vw,68px)/1.1 var(--studio-display);letter-spacing:.005em;text-wrap:balance}
.support-section-heading h2{margin-top:14px}
.support-section-heading>p{max-width:220px;font-size:14px;line-height:1.7}
.support-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.support-game{border:1px solid #17181566;border-radius:5px;overflow:hidden;background:#faf7ee;min-width:0;box-shadow:2px 3px 0 #1718150b}
.support-game-art{position:relative;height:228px;background:var(--support-scene);color:var(--support-accent);overflow:clip;border-bottom:1px solid #17181544}
.support-game-art::before{content:'';position:absolute;left:-45px;bottom:-55px;width:230px;height:230px;border:1px solid currentColor;border-radius:50%;opacity:.3}
.support-game--baa-jam{--support-scene:#a9cb8d;--support-accent:#234729}
.support-game--gammon-king{--support-scene:#6a2c3b;--support-accent:#f3d9a4}
.support-game--vesperline{--support-scene:#244d45;--support-accent:#dfe8a9}
.support-game--sunnybites{--support-scene:#efcbdc;--support-accent:#703b63}
.support-game--mewmeow-escape{--support-scene:#efc578;--support-accent:#603d30}
.support-game--cat-football-striker{--support-scene:#bfd5dc;--support-accent:#324e66}
.support-game-number{position:absolute;left:22px;top:19px;font:12px var(--studio-mono)}
.support-game-star{position:absolute;left:23px;top:53px;font-size:55px;line-height:1}
.support-game-shot{position:absolute;right:18px;top:30px;width:48%;height:auto;max-height:none;border:5px solid #faf5e8;outline:1px solid #17181566;border-radius:4px;transform:rotate(8deg);transform-origin:50% 30%;box-shadow:0 14px 24px #1718152f;transition:transform .4s var(--studio-ease)}
.support-game-shot--landscape{width:79%;right:-20px;top:69px;transform:rotate(9deg)}
.support-game-icon{position:absolute;width:82px;height:82px;left:22px;bottom:20px;object-fit:contain;border:3px solid #faf5e8;outline:1px solid #17181566;border-radius:20px;box-shadow:0 7px 18px #17181535;rotate:-6deg}
.support-game-copy{padding:25px 24px 20px}
.support-game-copy h3{font:400 clamp(27px,2.3vw,34px)/1.15 var(--studio-display);letter-spacing:.005em;margin:0 0 12px}
.support-game-copy>p{font-size:13px;line-height:1.65;min-height:43px;margin:0 0 23px;max-width:260px;color:#484b43}
.support-game-cta{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:12px 15px;color:#f4f0e5;background:#27382d;border-radius:3px;font:11px/1.5 var(--studio-mono)}
.support-game-cta:hover{background:#171815}
.support-game-links{display:flex;flex-wrap:wrap;column-gap:15px;row-gap:0;margin-top:15px}
.support-game-links a{display:inline-flex;align-items:center;min-height:35px;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.support-guides{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:80px}
.support-guide{position:relative;padding:36px;border:1px solid #17181544;border-radius:5px;scroll-margin-top:108px}
.support-guide--purchases{background:#e6e2be}
.support-guide--privacy{background:#dce6de}
.support-guide-symbol{display:block;font-size:54px;line-height:1;margin-bottom:24px}
.support-body .support-guide h2{font-size:clamp(34px,3.5vw,48px);margin:14px 0 22px}
.support-guide>p:not(.support-eyebrow){font-size:14px;line-height:1.8;max-width:460px}
.support-guide-links{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:22px}
.support-guide-links a{display:inline-flex;align-items:center;min-height:44px;font:11px/1.5 var(--studio-mono);text-decoration:underline;text-underline-offset:5px}
.support-contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:55px;padding-bottom:90px;border-top:1px solid #17181540;scroll-margin-top:108px}
.support-contact h2{margin-top:17px;max-width:480px}
.support-contact>div>p:not(.support-eyebrow){font-size:15px;line-height:1.8}
.support-contact .support-button{margin-top:24px}
.support-contact .support-contact-note{margin-top:20px;font-size:11px!important;opacity:.7}
.support-body .sub-footer{background:#27382d;color:#f4f0e5;border:0}
.support-body .sub-footer a:hover{color:#ffe34b}
html[lang=tr] .support-hero h1{font-size:clamp(50px,6.5vw,98px)}
@media(hover:hover){.support-game:hover .support-game-shot{transform:translateY(-8px) rotate(5deg)}.support-game:hover .support-game-shot--landscape{transform:translateY(-6px) rotate(6deg)}}
@media(max-width:1100px){.support-hero{padding:64px 5%;min-height:580px;gap:2%}.support-hero-art{min-height:410px}.support-print--baa{top:98px}.support-print--sunny{top:110px}.support-sticker{width:94px;height:94px}.support-sticker img{height:42px}.support-section{padding-inline:30px}.support-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-game-art{height:230px}.support-game-shot{width:44%}.support-game-shot--landscape{width:74%;right:-5px;top:60px}.support-game-copy>p{min-height:0;max-width:none}}
@media(max-width:760px){.support-hero{grid-template-columns:1fr;padding:44px 25px 36px;gap:12px}.support-hero h1{font-size:clamp(58px,11vw,82px);margin-top:16px}.support-intro{font-size:15px;max-width:440px}.support-hero-art{min-height:390px;width:min(100%,480px);margin:18px auto 0}.support-print{width:35%}.support-print--baa{left:3%;top:91px}.support-print--gammon{left:32%;top:42px}.support-print--sunny{left:61%;top:101px}.support-sticker{left:3%;top:0}.support-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.support-section-heading>p{max-width:none}.support-shortcuts a{font-size:9px;padding:18px 12px}.support-section{padding-inline:24px}.support-games{padding-top:50px;padding-bottom:48px}.support-games-grid{gap:18px}.support-game-copy{padding:22px 20px 18px}.support-game-art{height:200px}.support-game-icon{width:68px;height:68px;left:18px}.support-game-number,.support-game-star{left:18px}.support-game-shot{width:48%;right:12px}.support-game-shot--landscape{width:81%;right:-20px}.support-guides{padding-bottom:48px;gap:18px}.support-guide{padding:26px}.support-contact{gap:30px;padding-top:40px;padding-bottom:56px}html[lang=tr] .support-hero h1{font-size:clamp(49px,9.7vw,74px)}}
@media(max-width:560px){.support-hero-art{min-height:335px}.support-hero-actions{gap:22px;margin-top:24px}.support-shortcuts{grid-template-columns:1fr}.support-shortcuts a{min-height:49px;padding:13px 24px;justify-content:space-between;text-align:left;border-right:0;border-bottom:1px solid #17181520;font-size:10px}.support-shortcuts a::after{content:'↘';font-size:17px}.support-shortcuts a:last-child{border-bottom:0}.support-games-grid,.support-guides,.support-contact{grid-template-columns:1fr}.support-game-art{height:220px}.support-game-shot{width:44%;right:25px}.support-game-shot--landscape{width:77%;right:-9px;top:58px}.support-game-icon{width:80px;height:80px;left:23px;bottom:23px}.support-game-number,.support-game-star{left:24px}.support-game-copy h3{font-size:31px}.support-game-copy>p{margin-bottom:20px}.support-guide{padding:28px}.support-contact h2{max-width:330px}.support-contact{gap:24px}}
@media(prefers-reduced-motion:reduce){.support-button,.support-print,.support-game-shot{transition:none}}