/* Palette and artwork recovered from the studio's supplied website archive. */
:root{--paper:#0f0e1b;--ink:#f5f1fc;--orange:#c39bff;--line:#363044;--muted:#b7adc8;--purple:#5c0095;--gold:#e9b410}
body{background:var(--paper)}
.header{border-color:var(--line)}
@media(min-width:621px){.header{justify-content:flex-start;column-gap:clamp(24px,3vw,48px)}.header nav{margin-inline-start:0}.header-actions{margin-inline-start:auto;flex-shrink:0}}
.brand-flower{color:var(--gold)}
.header .brand-logo{display:flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:0}
.header .brand-logo img{width:86px;height:auto;display:block;object-fit:contain}
footer .brand-logo{display:flex;align-items:center;letter-spacing:0;line-height:1;flex-shrink:0}
footer .brand-logo img{width:72px;height:auto;display:block;object-fit:contain}
.brand-evolution .rebrand-logo{width:148px;height:auto;object-fit:contain;flex-shrink:0}
@media(max-width:800px){.header .brand-logo img{width:70px}.brand-evolution .rebrand-logo{width:130px}}
@media(max-width:620px){.header .brand-logo img{width:64px}footer .brand-logo img{width:63px}.brand-evolution .rebrand-logo{width:112px}.brand-evolution{min-height:155px}}
.contact-button{border-color:#726382}
.contact-button:hover{background:var(--orange);color:var(--paper);border-color:var(--orange)}
.nav-dot{background:var(--gold)}
.hero{min-height:735px;padding-top:77px;gap:30px}
h1{font-size:clamp(58px,6.3vw,90px);line-height:1.1;letter-spacing:-4.7px;margin-top:28px}
.hero-description{font-size:15px;line-height:1.9;max-width:405px}
.hero-description br:first-child{display:none}
.tiny-flower{color:var(--gold)}
.dark{background:var(--orange);color:var(--paper)}
.dark:hover{background:#d5b8ff}
.circle-arrow{background:var(--paper);color:var(--orange)}
.hero-art{height:530px;margin-top:-13px;position:relative;isolation:isolate}
.hero-art::before{content:'';position:absolute;inset:20px -10px 10px;background:radial-gradient(ellipse,#5c00954f 0%,#5c009500 68%);z-index:-1}
.gallery-caption{position:absolute;top:0;left:18px;display:flex;align-items:center;gap:9px;font-size:7px;font-weight:600;letter-spacing:1.4px;color:var(--muted)}
.gallery-dot{height:5px;width:5px;border-radius:50%;background:var(--gold)}
.hero-poster{position:absolute;border:1px solid #77668a5e;border-radius:12px;overflow:hidden;padding:0;width:94%;box-shadow:0 25px 55px #0006;transition:transform .3s;isolation:isolate;text-align:left;background:#221938}
.hero-poster::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#0f0e1b9c,transparent 65%)}
.hero-poster img{width:100%;height:auto;aspect-ratio:890/395;object-fit:cover}
.hero-poster>span{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:17px;letter-spacing:-.4px;color:#fff}
.hero-poster i{font-style:normal;font-size:23px}
.poster-yatzy{top:53px;left:0;transform:rotate(-6deg);z-index:1}
.poster-yatzy>span{top:18px;bottom:auto}
.poster-looters{top:252px;left:22px;transform:rotate(5deg);z-index:2}
.poster-yatzy:hover{transform:rotate(-3deg) translateY(-5px)}
.poster-looters:hover{transform:rotate(2deg) translateY(-5px)}
.hero-art .play-art{position:absolute;width:145px;height:137px;bottom:-6px;right:-15px;margin:0;z-index:3;filter:drop-shadow(0 10px 15px #0005);overflow:visible}
.play-art>*:not(defs):not(title):not(#hero-die){display:none}
.art-note{display:none}
.roll-button{bottom:0;left:20px;z-index:4;border-color:#726382;color:#e4d4ff}
.roll-result{bottom:-29px;left:20px;font-size:10px;z-index:4;color:var(--muted)}
.ticker{background:var(--gold);color:#261c35}
.ticker>div{font-size:14px;font-weight:600}
.ticker{direction:ltr}
.ticker>.ticker-track{width:max-content;flex-shrink:0;gap:0;animation:gita-ticker 32s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;min-width:100vw;gap:40px;padding-inline:20px}
.ticker .ticker-copy{flex-shrink:0;font-size:inherit}
.ticker-group img{width:40px;height:40px;max-width:none;object-fit:contain;flex-shrink:0}
@keyframes gita-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:620px){.ticker>.ticker-track{font-size:12px}.ticker-group{gap:28px;padding-inline:14px}.ticker-group img{width:32px;height:32px}}
.games{padding-top:85px}
.section-divider{border:0;border-top:1px solid var(--line);margin:0}
.game-image{height:auto;aspect-ratio:890/395;min-height:220px;border:0;padding:0}
.yatzy .game-image{background:var(--purple)}
.looters .game-image{background:#3c294b}
.original-game-art,.looters-art{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.game-image:hover .original-game-art{transform:scale(1.04)}
.tag{background:#0f0e1b9e;color:#fff;border-color:#ffffff5e;backdrop-filter:blur(6px);font-size:7px}
.card-arrow{background:#e8def5;color:#241330}
.farkle-dice{color:var(--gold)}
.round-button{border-color:#726382}
.round-button:hover{background:var(--orange);color:var(--paper)}
.studio{background:#191427;border-top:1px solid #30263e;border-bottom:1px solid #30263e;padding-block:80px}
.studio-grid{gap:8%;grid-template-columns:1.1fr 1fr}
.studio-art{background:#221938;border-radius:12px;height:400px;overflow:hidden;display:flex;align-items:center;border:1px solid #ffffff12;isolation:isolate}
.studio-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% center;z-index:-1}
.studio-art::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0f0e1bdb);z-index:-1}
.studio-art-caption{position:absolute;bottom:24px;left:25px;right:25px;color:#fff;font-size:13px;letter-spacing:-.2px;line-height:1.8}
.studio-copy p{color:var(--muted)}
.chapter-mark,.new-brand{color:var(--orange)}
.brand-evolution{background:#191427}
.brand-evolution svg{color:var(--gold)}
.careers-section{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-top:80px;padding-bottom:85px;align-items:center}
.careers-section h2{font-size:43px;letter-spacing:-1.6px;margin-top:17px}
.careers-section p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:23px}
.contact{background:#221938;color:#f5f1fc;border-block:1px solid #3b2d50}
.studio + .contact{border-top:0}

.contact-bottom p{color:#cfc1df}
.contact-main:hover{color:#d5b8ff}
.light{background:var(--gold);color:#261c35}
.footer-links{padding-top:34px;display:flex;flex-wrap:wrap;gap:26px;font-size:10px;color:#c5b8d5}
.footer-links a:last-child{margin-inline-start:auto;direction:ltr}
.footer-links a:hover{color:var(--gold)}
.baziness-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid var(--line);margin-top:55px;padding-top:35px;scroll-margin-top:28px}
.baziness-heading h3{font-size:36px;letter-spacing:-1.5px;margin-top:12px}
.baziness-heading p{font-size:13px;line-height:1.8;color:var(--muted);max-width:510px;margin-top:13px}
.baziness-heading>.text-link{flex-shrink:0;margin-bottom:4px}
.baziness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px;margin-top:30px}
.baziness-card{border:1px solid #3c304a;border-radius:10px;overflow:hidden;background:#191427;min-width:0;transition:border-color .2s,transform .2s}
.baziness-card:hover{border-color:#8f65bb;transform:translateY(-4px)}
.baziness-art{display:block;width:100%;position:relative;aspect-ratio:2/1;padding:0;overflow:hidden;isolation:isolate}
.baziness-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.baziness-art::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0f0e1b80);pointer-events:none}
.baziness-art:hover img{transform:scale(1.035)}
.availability{position:absolute;left:13px;top:13px;color:#fff;font-size:8px;letter-spacing:.8px;background:#0f0e1bc9;border:1px solid #ffffff4f;backdrop-filter:blur(7px);padding:6px 8px;border-radius:20px;line-height:1.2;z-index:1}
.baziness-art .card-arrow{width:30px;height:30px;font-size:18px;right:12px;bottom:12px}
.baziness-card-copy{padding:20px 19px 18px}
.baziness-genre{font-size:7px;color:var(--orange);letter-spacing:1px;line-height:1.8;font-weight:500}
.baziness-card h3{font-size:25px;margin:8px 0;letter-spacing:-.8px}
.baziness-card p{color:var(--muted);font-size:12px;line-height:1.8;min-height:43px}
.baziness-card-copy .text-link{font-size:11px;margin-top:17px}
dialog:has(.dialog-gallery){width:min(860px,94vw)}
dialog:has(.dialog-gallery) .dialog-media{height:220px;max-height:220px;object-fit:cover}
.dialog-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;font-size:10px;color:var(--muted);line-height:1.8}
.dialog-gallery{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;margin-top:12px;padding-bottom:12px;scroll-snap-type:x proximity;scrollbar-color:#8460a6 #221938;scrollbar-width:thin;direction:ltr}
.dialog-gallery:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.dialog-gallery img{height:270px;width:auto;max-width:75%;object-fit:contain;flex:none;border-radius:6px;background:#221938;scroll-snap-align:start}
html[dir=rtl] .availability{left:auto;right:13px;letter-spacing:0;font-size:9px}
html[dir=rtl] .baziness-genre{letter-spacing:0;font-size:9px}
html[dir=rtl] .baziness-card h3{letter-spacing:-.5px;font-size:24px;line-height:1.8}
html[dir=rtl] .baziness-heading h3{letter-spacing:-1px;line-height:1.8}
html[dir=rtl] .dialog-gallery-heading{font-size:10px}
@media(max-width:900px){.baziness-grid{gap:18px}.baziness-card-copy{padding:16px 14px}.baziness-card h3{font-size:22px}.baziness-card p{font-size:11px;min-height:58px}.availability{font-size:6px;padding:5px 7px;left:9px;top:9px}.baziness-heading h3{font-size:31px}}
@media(max-width:760px){.baziness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.baziness-card p{min-height:43px}.baziness-heading h3{font-size:28px}.baziness-heading p{font-size:12px}.baziness-heading>.text-link{font-size:10px}}
@media(max-width:480px){.baziness-grid{grid-template-columns:1fr;gap:23px;margin-top:25px}.baziness-heading{display:block;margin-top:37px;padding-top:27px}.baziness-heading h3{font-size:30px}.baziness-heading p{font-size:13px}.baziness-heading>.text-link{font-size:12px;margin-top:18px}.baziness-card h3{font-size:27px}.baziness-card p{font-size:13px;min-height:0}.baziness-card-copy{padding:21px}.baziness-card-copy .text-link{font-size:12px;margin-top:17px}.baziness-genre{font-size:8px}.availability{font-size:8px;top:13px;left:13px;padding:7px 9px}.baziness-art .card-arrow{width:34px;height:34px;right:13px;bottom:13px}html[dir=rtl] .availability{font-size:9px}html[dir=rtl] .baziness-card h3{font-size:27px}.dialog-gallery img{height:270px}dialog:has(.dialog-gallery){padding:35px 21px 25px}dialog:has(.dialog-gallery) .dialog-media{height:160px}.dialog-gallery-heading{font-size:8px}}
footer .brand{color:var(--ink)}
dialog{border:1px solid #58406e;background:#191427}
dialog::backdrop{background:#080411cc}
.dialog-media{background:#221938;max-height:320px}
.skip{background:#c39bff;color:#0f0e1b}
html[dir=rtl] h1{font-size:clamp(51px,5.8vw,83px);line-height:1.65}
html[dir=rtl] .hero{min-height:760px}
html[dir=rtl] .hero-art{margin-top:0}
html[dir=rtl] .gallery-caption{direction:rtl;right:15px;left:auto;letter-spacing:0;font-size:8px}
html[dir=rtl] .studio-art-caption{direction:rtl;left:25px;right:25px}
html[dir=rtl] .careers-section h2{line-height:1.6}
@media(max-width:1100px){.hero{min-height:680px;gap:20px}.header nav{gap:19px;font-size:11px}.header-actions{gap:18px}.hero-art{height:490px}.poster-looters{top:225px}.hero-art .play-art{bottom:5px}.roll-button{bottom:10px}.roll-result{bottom:-18px}.hero-description{font-size:14px}.game-image{min-height:190px}.studio-art{height:380px}.careers-section h2{font-size:37px}html[dir=rtl] .hero{min-height:700px}}
@media(max-width:800px){.header nav{gap:13px;font-size:9px}.header-actions{gap:12px}.hero{min-height:605px;padding-top:50px}.hero-art{height:435px;margin-top:10px}.poster-yatzy{top:43px}.poster-looters{top:195px;left:12px}.gallery-caption{font-size:5px;letter-spacing:1px}.hero-poster>span{font-size:14px;bottom:11px;left:13px;right:13px}.hero-art .play-art{width:115px;height:108px;right:-6px;bottom:8px}.roll-button{left:10px;font-size:9px}.roll-result{left:10px;font-size:8px}.game-image{min-height:165px}.studio-art{height:350px}.studio-art-caption{font-size:11px}.careers-section h2{font-size:31px}.careers-section p{font-size:12px}.footer-links{gap:20px;font-size:9px}.footer-links a:last-child{margin-inline-start:0}html[dir=rtl] h1{font-size:48px}}
@media(max-width:620px){.header nav{font-size:16px;background:#191427}.header-actions{gap:22px}.hero{padding-top:38px;padding-bottom:78px;min-height:0;gap:0}.hero-copy{z-index:5;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:clamp(51px,11.4vw,70px);letter-spacing:-3px}.hero-description{max-width:360px;font-size:13px}.hero-art{height:426px;margin-top:39px;margin-bottom:10px;max-width:420px;width:100%}.gallery-caption{font-size:6px;left:10px;letter-spacing:1px}.hero-poster{width:90%;border-radius:9px}.poster-yatzy{top:39px;left:7px}.poster-looters{top:202px;left:24px}.hero-poster>span{font-size:16px;bottom:12px;left:15px;right:15px}.hero-art .play-art{width:105px;height:100px;right:2px;bottom:-6px}.roll-button{bottom:8px;left:14px;font-size:10px}.roll-result{bottom:-19px;left:14px;font-size:8px}.games{padding-top:53px}.game-image{min-height:0;height:auto;aspect-ratio:890/395}.game-info{margin-top:16px}.tag{font-size:6px;top:12px;left:12px;padding:5px 8px}.card-arrow{height:32px;width:32px;bottom:12px;right:12px}.studio{padding-block:50px}.studio-grid{grid-template-columns:1fr;gap:33px}.studio-art{height:340px;max-width:430px}.studio-art img{object-position:67% center}.studio-art-caption{font-size:12px;bottom:19px;left:19px}.careers-section{grid-template-columns:1fr;gap:22px;padding-top:50px;padding-bottom:55px}.careers-section h2{font-size:38px}.careers-section p{font-size:13px}.footer-links{padding-top:25px;gap:17px;font-size:9px}.footer-links a:last-child{width:100%}html[dir=rtl] .hero{min-height:0}html[dir=rtl] h1{font-size:clamp(44px,9.8vw,60px);line-height:1.7}html[dir=rtl] .hero-art{margin-top:39px}html[dir=rtl] .gallery-caption{font-size:7px}html[dir=rtl] .tag{right:12px}.contact-bottom .light{font-size:12px}.contact-arrow{color:var(--gold)}}
@media(max-width:360px){.hero-art{height:385px}.poster-looters{top:177px}.gallery-caption{font-size:5px}.hero-art .play-art{width:90px;height:85px}.hero-poster>span{font-size:14px}.header-actions{gap:17px}}
html[dir=rtl] h1{font-size:clamp(42px,4.2vw,60px)}@media(max-width:620px){html[dir=rtl] h1{font-size:clamp(33px,8.8vw,48px)}}

/* Four additional games in a balanced two-by-two layout. */
.more-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:480px){.more-games-grid{grid-template-columns:1fr}}
#baziness-games{display:block;text-align:center;padding-top:42px}
#baziness-games>div{width:100%}
#baziness-games .eyebrow{display:block;text-align:center}
#baziness-games p{max-width:540px;margin:15px auto 0}
.baziness-brand-link{display:flex;align-items:center;justify-content:center;gap:24px;width:fit-content;max-width:100%;padding:21px 30px;margin:28px auto 4px;border:1px solid #a37ac36b;border-radius:18px;background:radial-gradient(ellipse at 15% 20%,#68428a4d,transparent 75%),linear-gradient(115deg,#30213d,#1d192d);box-shadow:0 14px 40px #0003;transition:background .2s,border-color .2s,box-shadow .2s;text-align:start}
.baziness-brand-link:hover{border-color:var(--orange);background:#352442;box-shadow:0 14px 40px #5c009529}
.baziness-brand-link:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.baziness-brand-link>img{display:block;width:138px;height:58px;object-fit:contain}
.baziness-site-copy{display:grid;gap:5px;padding-inline-start:24px;border-inline-start:1px solid #ffffff24;font-size:13px;line-height:1.5;color:#f5f1fc}
.baziness-domain{font-size:12px;color:var(--muted)}
.baziness-site-arrow{font-size:23px;color:var(--orange);margin-inline-start:8px}
@media(max-width:480px){#baziness-games{padding-top:30px}.baziness-brand-link{padding:18px;gap:16px;margin-top:24px;border-radius:14px}.baziness-brand-link>img{width:105px;height:46px}.baziness-site-copy{padding-inline-start:16px;font-size:11px}.baziness-domain{font-size:10px}.baziness-site-arrow{margin-inline-start:0;font-size:20px}}