@font-face{font-family:DBDArabic;src:url('/drawing-game/arabic-d7c65c17615b.woff') format('woff');font-display:swap}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#080b11;color:#edf0f6;font-family:DBDArabic,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #fb923c;outline-offset:4px}.wrap{width:min(1380px,calc(100% - 48px));margin:auto}.site-header{position:relative;z-index:2;border-bottom:1px solid #ffffff0d;background:#090d14e8}.header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px}.brand img{object-fit:contain}.brand b{font:750 24px 'Segoe UI',sans-serif;letter-spacing:-1px}.brand em{font-style:normal;color:#ef4552}.brand small{font-size:12px;color:#8b94a5}.nav{display:flex;gap:27px;align-items:center;font-size:12px;color:#a1adbc}.nav a:hover{color:#fff}.nav img{display:block;object-fit:contain}.skip{position:absolute;top:-100px}.skip:focus{top:10px;right:20px;z-index:9;background:#19202b;padding:10px}.hero-art{position:fixed;top:82px;left:0;width:100%;height:calc(100svh - 82px);z-index:-1;object-fit:contain;object-position:50% 0;background:#000}.hero-space{height:calc(100svh - 82px)}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center;padding:46px 30px 22px;background:linear-gradient(transparent,#090c13d9)}.destination{display:grid;justify-items:center;gap:15px;padding:20px 10px;border-radius:16px}.destination:hover{background:#ffffff06}.destination img{width:160px;height:160px;object-fit:contain}.destination h2{font-size:21px;font-weight:650;margin:0}.release{display:block;text-align:center;margin:62px auto 86px;color:#fb923c;font:500 11px/1.8 DBDArabic,Tahoma,sans-serif}.credits-footer{background:#090d14db;border-top:1px solid #ffffff09;padding:25px 0 18px;position:relative}.credits-row{display:flex;flex-direction:column;align-items:center;gap:16px}.credits{display:flex;align-items:flex-start;justify-content:center;gap:13px}.credits>small{font:500 9px 'Segoe UI',sans-serif;color:#8e98a7;margin-top:16px}.credit{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;color:#a5aebd;min-width:46px}.credit img{width:30px;height:30px;object-fit:contain}.caption{color:#647084;font-size:10px;text-align:center;margin:0}.hub{padding-block:55px 65px}.eyebrow{color:#eaa775;font-size:11px;margin:0 0 10px}.hub h1{font-size:clamp(28px,4vw,44px);line-height:1.5;margin:0}.hub h1 span{color:#f5a776}.intro{font-size:13px;line-height:2;color:#8d9bad;margin:12px 0 33px}.hub-top{display:flex;justify-content:space-between;align-items:end;margin:36px 0 22px}.hub-top h2{margin:0;font-size:25px}.muted{color:#8996a9;font-size:11px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:1px solid #ffffff13;background:#101722;border-radius:15px;overflow:hidden;transition:transform .15s,border-color .15s}.game-card:hover{border-color:#e9a3756b;transform:translateY(-3px)}.game-card img{display:block;width:100%;aspect-ratio:1.8;object-fit:cover;background:#101722}.game-copy{padding:19px 20px}.game-copy small{font-size:10px;color:#deac86}.game-copy h3{margin:8px 0;font-size:20px}.game-copy p{color:#8999ad;font-size:12px;line-height:1.9;margin:0}.game-copy span{display:inline-block;margin-top:17px;color:#d7dfe9;font-size:11px}.app-loading{text-align:center;padding:30px;color:#9eabbc;font-size:13px;line-height:2}.app-loading a,.app-loading button{display:inline-block;padding:8px 14px;margin:8px;border:1px solid #aebdcc33;border-radius:8px;color:#d5deeb;background:#17202d;font:inherit}.app-loading[hidden]{display:none}.hub-return{color:#a2afbf;font-size:11px;display:inline-block;margin-bottom:24px}@media(max-width:850px){.header-row{gap:15px}.nav{gap:17px;font-size:11px}.destination img{width:120px;height:120px}.destinations{gap:12px;padding-inline:10px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.header-row{padding:14px 0;min-height:82px;flex-wrap:wrap;gap:14px}.brand b{font-size:21px}.brand img{width:38px;height:38px}.nav{width:100%;gap:17px;justify-content:space-between;font-size:10px;flex-wrap:wrap}.nav img{width:83px;height:22px}.hero-art{top:119px;height:calc(100svh - 119px);object-fit:contain}.hero-space{height:calc(100svh - 119px)}.destinations{gap:10px;padding-top:25px}.destination{padding:12px 0;gap:12px}.destination img{width:85px;height:85px}.destination h2{font-size:14px}.release{margin-top:48px;margin-bottom:70px}.credits-footer{padding-top:20px}.credit img{width:25px;height:25px}.credit{font-size:9px}.credits{gap:9px}.games-grid{grid-template-columns:1fr}.hub{padding-top:32px}.hub h1{font-size:31px}.hub-top h2{font-size:21px}.game-card img{aspect-ratio:1.9}.game-copy h3{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card{transition:none}}

/* Homepage: clear the panels so the full background remains visible. */
.home-page .destinations,.home-page .destination,.home-page .destination:hover{background:transparent;box-shadow:none;border:0}
.home-page .credits-footer{background:transparent;border:0;box-shadow:none}
.home-page .credit,.home-page .credits>small,.home-page .caption{color:#000}

.home-page .release{color:#000}

.home-page .credits-row{width:fit-content;max-width:calc(100% - 32px);background:#080a0e;border:1px solid #ffffff16;border-radius:20px;padding:22px 30px 18px;gap:18px;box-shadow:0 12px 35px #0004}.home-page .credit,.home-page .credits>small,.home-page .caption{color:#fff}.home-page .credit img{border-radius:5px}@media(max-width:600px){.home-page .credits-row{padding:18px 14px 15px;border-radius:16px}}

.home-page .header-row{justify-content:center;position:relative;flex-wrap:wrap}.home-page .header-row .nav{justify-content:center}.home-page .header-row .brand{position:absolute;right:0}@media(max-width:1100px){.home-page .header-row .brand{position:static}.home-page .header-row{padding-block:14px}.home-page .header-row .nav{width:100%;justify-content:center}}

.game-card.game-soon{display:grid;min-height:320px;border:1px dashed #ffffff26;background:#10131b99;transform:none;cursor:default}.game-soon-content{display:grid;place-items:center;padding:35px}.game-soon-content h3{font-size:25px;font-weight:700;color:#aaa7b5;margin:0}

/* Mobile homepage: one viewport-filling fixed portrait behind all content. */
@media(max-width:850px){
 .home-page{isolation:isolate;min-height:100svh}
 .home-page .hero-art{position:fixed;inset:0;width:100%;height:100vh;height:100lvh;max-width:none;object-fit:cover;object-position:50% 0;z-index:-1;pointer-events:none;background:transparent}
 .home-page .hero-space{height:58vh;height:58svh}
 .home-page .destinations{position:relative;padding-block:24px;gap:10px}
 .home-page .destination h2{color:#fff;text-shadow:0 2px 5px #000,0 0 12px #000}
 .home-page .release{width:fit-content;color:#000;background:#ffffffc9;border-radius:8px;padding:3px 10px;margin:48px auto 64px}
}

@media(max-width:850px){.games-grid>.game-soon{grid-column:1/-1;min-height:150px}}

.games-grid>.game-soon{grid-column:1/-1;min-height:150px}@media(max-width:850px){.games-grid>.game-soon{grid-column:auto}}

.games-grid .game-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;opacity:1}

/* Homepage navigation and destination marks. */
.home-page .nav{font-size:14px}
.home-page .destinations{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-page .destination{min-width:0}
.home-page .home-destination-icon{display:grid;place-items:center;width:min(100%,208px);aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;background:#080b11e8;overflow:hidden}
.home-page .home-destination-icon img{display:block;width:100%;height:100%;object-fit:contain}
.home-page .home-destination-icon--dbd img{border-radius:50%}
.home-page .home-destination-icon--halloween img{width:84%;height:84%}
@media(max-width:850px){.home-page .nav{font-size:13px}.home-page .home-destination-icon{width:min(100%,168px)}}
@media(max-width:600px){.home-page .nav{font-size:12px}.home-page .destinations{padding-inline:0}.home-page .home-destination-icon{width:min(100%,124px)}}