@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111214;--surface:#1c1d21;--text:#f5f5f6;--muted:#a6a8b1;--line:#303137;--accent:#f04a56;--chip:#24252b;--header:rgba(17,18,20,.96)}[data-theme=light]{color-scheme:light;--bg:#f5f5f7;--surface:#fff;--text:#202126;--muted:#62646d;--line:#dcdde2;--chip:#e8e8ed;--header:rgba(245,245,247,.97)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 'Manrope',sans-serif}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:#f04a56;color:white}::-webkit-scrollbar{width:8px;height:7px}::-webkit-scrollbar-thumb{background:#666873;border-radius:6px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{display:none}.topbar{height:90px;padding:0 4.3%;display:flex;align-items:center;gap:56px;background:var(--header);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:21px;line-height:1.1;letter-spacing:-.7px}.brandmark{font:800 47px/.8 'Barlow Condensed';color:var(--accent);position:relative}.brandmark span{font-size:20px}.brand-sub{display:block;font-size:9px;letter-spacing:4px;margin-top:7px;font-weight:600;color:var(--muted)}nav{height:100%;display:flex;gap:29px}.nav{border:0;background:none;font-weight:600;font-size:13px;color:var(--muted);padding:0;position:relative}.nav.active{color:var(--text)}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.nav span{font-size:10px;margin-left:3px;color:var(--muted)}.header-tools{display:flex;align-items:center;gap:22px;margin-left:auto}.searchbox{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:9px 12px;border-radius:7px;color:var(--muted)}.searchbox svg{width:17px}.searchbox input{background:none;border:0;outline:none;color:var(--text);width:165px;font-size:11px}.searchbox input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);padding:0 5px;border-radius:3px;font:11px 'Manrope'}.iconbutton{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:transparent;border-radius:7px}.iconbutton:hover{background:var(--chip)}.avatar{width:33px;height:33px;border-radius:50%;background:#49343d;color:#f6b6b9;display:grid;place-items:center;font-size:12px;font-weight:800}.hero{height:550px;position:relative;overflow:hidden;background:#151a1b;color:#fff}.hero-image{position:absolute;width:78%;right:0;height:100%;object-fit:cover;object-position:50% 45%;filter:brightness(.65) saturate(.45)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111214 3%,rgba(17,18,20,.94) 23%,rgba(17,18,20,.5) 50%,transparent 83%),linear-gradient(0deg,#111214,transparent 38%)}[data-theme=light] .hero{margin:24px 4.3% 0;border-radius:14px}[data-theme=light] .hero-shade{background:linear-gradient(90deg,#151619 3%,rgba(21,22,25,.94) 23%,rgba(21,22,25,.45) 60%,transparent)}.hero-content{position:relative;padding:38px 4.7%;max-width:650px}.studio-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:1.2px;color:#d5d6da}.tiny-mark{color:var(--accent);font:800 25px 'Barlow Condensed'}.hero h1{font:800 clamp(54px,6vw,83px)/.87 'Barlow Condensed',sans-serif;letter-spacing:-1.5px;margin:21px 0 24px}.hero h1 span{letter-spacing:8px}.hero-meta{display:flex;align-items:center;gap:16px;color:#c4c6cb;font-size:11px}.tag{border:1px solid #66676e;border-radius:3px;padding:1px 8px}.hero p{font-size:20px;line-height:1.45;margin:20px 0 12px;font-weight:600}.hero .hero-description{font-size:12px;line-height:1.8;color:#b7bac2;margin:0 0 23px;font-weight:400}.hero-actions{display:flex;gap:10px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:6px;padding:11px 22px;font-size:12px;font-weight:800;min-height:43px}.primary{background:var(--accent);color:white}.primary:hover{background:#d93242}.secondary{background:var(--chip);color:var(--text)}.hero .secondary{background:#ffffff19;color:white;backdrop-filter:blur(5px)}.secondary:hover{filter:brightness(1.2)}.primary:disabled{background:var(--chip);color:var(--muted);cursor:not-allowed}.instant{display:flex;align-items:center;gap:7px;font-size:10px;color:#b6b8be;margin-top:16px}.instant span{height:5px;width:5px;background:#8cc29d;border-radius:50%}.hero-corner{position:absolute;right:4.7%;bottom:65px;display:flex;flex-direction:column;text-align:right;gap:4px;color:#b7bac2;font-size:10px}.hero-corner strong{color:white;font-size:16px;font-weight:600}.library{padding:10px 4.3% 0}.library-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font-size:23px;letter-spacing:-.7px;margin:0;font-weight:800}.library-intro p{font-size:12px;color:var(--muted);margin:4px 0 0}.collection-count{font-size:10px;color:var(--muted)}.collection-count span{font-size:13px;border-left:1px solid var(--line);padding-left:12px;margin-left:12px}.filterbar{display:flex;gap:8px;align-items:center;margin-bottom:23px}.filter{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:7px 16px;font-size:11px}.filter.selected{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:800}.available{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:8px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{min-width:0;position:relative}.poster{aspect-ratio:1.48;border-radius:10px;overflow:hidden;position:relative;width:100%;border:0;display:block;text-align:left;padding:0;background:#364239;color:white;isolation:isolate}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.poster:hover img{transform:scale(1.04)}.poster:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#0009);z-index:0}.poster-title{position:absolute;bottom:18px;left:20px;z-index:1;font:800 35px/.95 'Barlow Condensed';letter-spacing:-.3px;text-shadow:0 3px 15px #0009}.poster-bouncy{background:#93c969}.poster-bouncy .poster-title{font-size:42px;color:#fff9df}.poster-bouncy img{object-position:center}.poster-school{background:#26395c}.poster-school .poster-title{font-size:33px}.poster-uav{background:#567263}.poster-uav .poster-title{font-size:44px}.poster-concierge .poster-title{font-size:34px}.badge{position:absolute;top:12px;left:12px;z-index:2;border-radius:4px;padding:3px 7px;font-size:8px;font-weight:800;background:#151619b3;color:white;backdrop-filter:blur(4px)}.badge.ready{background:#fff;color:#25262b}.card-text{display:flex;justify-content:space-between;align-items:center;padding-top:12px;gap:5px}.card-text h3{font-size:13px;margin:0;font-weight:800}.card-text p{margin:2px 0 0;font-size:10px;color:var(--muted)}.save{height:32px;width:32px}.save svg{width:17px}.save.saved{color:var(--accent)}.save.saved svg{fill:var(--accent)}.card-hover-play{position:absolute;inset:0;display:grid;place-items:center;z-index:3;opacity:0;transition:opacity .2s}.card-hover-play svg{width:46px;height:46px;background:var(--accent);border-radius:50%;padding:11px}.poster:hover .card-hover-play,.poster:focus-visible .card-hover-play{opacity:1}.studio-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:45px 0 0;padding:26px 0;display:flex;align-items:center;gap:24px}.strip-logo{font:800 56px/1 'Barlow Condensed';color:var(--accent);padding:0 12px 0 4px}.studio-strip h2{font-size:17px}.studio-strip p{font-size:11px;color:var(--muted);margin:3px 0}.studio-strip a{margin-left:auto;font-size:11px;font-weight:700}.studio-strip a span{margin-left:15px;color:var(--accent)}footer{padding:30px 4.3%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.footer-brand{font-weight:800;color:var(--text);font-size:12px}.footer-brand span{font-weight:400;color:var(--muted);display:block;font-size:9px;margin-top:4px}footer>div{display:flex;gap:30px}.empty{text-align:center;padding:48px}.empty p{color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:35px 0 18px}.section-title span{color:var(--muted);font-size:11px}.recent-grid{display:flex;gap:12px}.recent-item{display:flex;align-items:center;gap:12px;border:0;background:var(--surface);padding:10px 18px 10px 10px;border-radius:8px;text-align:left}.recent-item img{width:65px;height:45px;object-fit:cover;border-radius:5px}.recent-item strong{font-size:12px}.recent-item span{display:block;font-size:10px;color:var(--muted)}dialog{border:0;padding:0;width:min(560px,calc(100% - 32px));max-height:90vh;overflow:auto;background:var(--surface);color:var(--text);border-radius:14px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{position:absolute;right:12px;top:12px;z-index:4;background:#111b;color:white}#details-art{height:230px;background-size:cover;background-position:center;position:relative}#details-art .poster-title{font-size:56px}.dialog-content{padding:27px 30px}.dialog-content h2{font-size:28px;margin:4px 0 13px}.dialog-content p{color:var(--muted);font-size:13px}.dialog-content>span{color:var(--accent);font-size:11px;font-weight:700}.dialog-actions{display:flex;gap:10px;margin:23px 0 20px}.dialog-content>a{font-size:11px;color:var(--muted);text-decoration:underline}#detail-controls{padding:12px 14px;background:var(--bg);border-radius:6px;font-size:11px;color:var(--muted)}#detail-status{font-size:11px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;background:var(--text);color:var(--bg);padding:12px 22px;border-radius:8px;pointer-events:none;transition:.2s;z-index:10;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}#player{padding:25px 4.3%}.playerbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:18px}.playerbar h1{font-size:20px;margin:0}.playerbar>div{display:flex;gap:8px}#game-stage{height:min(72vh,850px);background:#000;border-radius:10px;overflow:hidden}#game-stage:fullscreen{height:100vh;border-radius:0}iframe{width:100%;height:100%;border:0;display:block;background:black}.player-help{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.player-help p{max-width:75ch}.player-note{font-size:11px;color:var(--muted)}.player-note button{background:none;color:var(--text);text-decoration:underline;border:0;padding:0}[hidden]{display:none!important}@media(min-width:1600px){.hero{height:620px}.hero-content{padding-top:60px}.library{padding-top:25px}}@media(max-width:1100px){.topbar{gap:30px}.header-tools{gap:12px}.searchbox input{width:110px}nav{gap:20px}.game-grid{gap:14px}.poster-title{left:13px!important;font-size:29px!important}.hero{height:535px}.hero-content{padding-top:30px}.hero-corner{bottom:60px}}@media(max-width:800px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;padding-top:15px;gap:18px}.brand{font-size:19px}.header-tools{gap:8px}.searchbox{padding:7px}.searchbox input{width:110px}.avatar{display:none}nav{order:3;width:100%;height:40px}.hero{height:520px}.hero-image{width:100%;object-position:65%}.hero h1{font-size:72px}.hero-content{padding:26px 6%}.hero-corner{display:none}.hero-shade{background:linear-gradient(90deg,#111214ed,rgba(17,18,20,.65) 60%,#11121430),linear-gradient(0deg,#111214,transparent 60%)}.library{padding-top:12px}.library-intro h2{font-size:22px}.collection-count{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.filterbar{flex-wrap:wrap;gap:6px}.filter{padding:6px 11px}.available{margin-left:6px}.studio-strip{gap:13px;padding:22px 0}.strip-logo{font-size:42px}.studio-strip h2{font-size:15px}.studio-strip p{font-size:10px}.studio-strip a{font-size:10px;max-width:80px;flex-shrink:0}.studio-strip a span{margin-left:4px}.playerbar{flex-wrap:wrap}.playerbar h1{font-size:16px}#game-stage{height:64vh}.player-help{display:block}.recent-grid{flex-wrap:wrap}}@media(max-width:450px){.searchbox input{width:78px}.searchbox kbd{display:none}.brand{font-size:17px}.header-tools{gap:5px}.hero h1{font-size:66px}.hero-content{padding-left:5%}.hero p{font-size:18px}.poster-title{font-size:29px!important;left:12px!important;bottom:13px}.poster-bouncy .poster-title{font-size:34px!important}.badge{font-size:7px;left:8px;top:8px}.card-text h3{font-size:11px}.card-text p{font-size:9px}.save{width:25px}.studio-strip a{display:none}footer>div>span{display:none}.available{margin:5px 0 0}.filterbar{margin-bottom:20px}.primary,.secondary{padding:11px 16px}.dialog-content{padding:23px}.playerbar .secondary{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.primary{background:#d92c40}.primary:hover{background:#bd2032}.hero-content{padding-top:60px}.studio-strip a,footer>div>a,#source-link{display:inline-flex;align-items:center;gap:9px}.studio-strip a svg,footer>div>a svg,#source-link svg{width:14px;height:14px}@media(max-width:800px){.hero-content{padding-top:45px}}

/* Official studio branding and original game covers. */
.brand-logo{width:44px;height:51px;object-fit:contain;flex-shrink:0}
.brand{gap:12px}.topbar{gap:40px}
.strip-logo{width:60px;height:70px;padding:0;object-fit:contain}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand>img{width:34px;height:40px;object-fit:contain}
.footer-brand .footer-wordmark{font-size:12px;color:var(--text);font-weight:800}
.footer-wordmark>span{font-size:9px;font-weight:400;color:var(--muted)}
.hero{height:590px}
.hero-image{width:100%;object-position:center;filter:none}
.hero-shade{background:linear-gradient(90deg,#111214e8 0%,#111214b3 32%,#11121410 75%),linear-gradient(0deg,var(--bg),transparent 42%)}
.hero-content{padding-top:70px}
.hero h1{font-size:86px;line-height:.9}
.hero .hero-description{color:#d2d4da}
.hero .hero-meta,.hero .instant{color:#d2d4da}
.game-grid{gap:22px}
.poster{aspect-ratio:16/10;border-radius:12px}
.poster>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.poster>.poster-studio{position:absolute;inset:auto 12px auto auto;top:12px;width:28px;height:32px;object-fit:contain;z-index:2;filter:drop-shadow(0 2px 4px #0008)}
.poster:hover .poster-studio{transform:none}
.poster:after{background:linear-gradient(0deg,#08090be8,transparent 72%)}
.poster-title{font-size:34px!important;left:17px!important;bottom:17px}
.poster-bouncy .poster-title{font-size:38px!important;color:white}
.badge{background:#101114c9;color:#fff;font-size:9px;top:12px;left:12px}
.badge.ready{background:#101114c9;color:#fff}
.card-hover-play svg{background:#d92c40}
.card-text h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.recent-item{min-width:0}.recent-item img{object-fit:cover}

/* Each title has a shareable, image-led game page. */
.game-cover-section{position:relative;min-height:560px;height:76vh;max-height:850px;overflow:hidden;isolation:isolate;background:#151619;color:white}
.game-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.game-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0b0de0,#0a0b0d88 40%,transparent 78%),linear-gradient(0deg,#0a0b0dd9,transparent 60%)}
.cover-back{position:absolute;left:4.3%;top:25px;background:#141519c9;color:#fff;z-index:2}
.game-studio-seal{position:absolute;top:30px;right:4.3%;width:72px;height:84px;object-fit:contain;filter:drop-shadow(0 3px 8px #0006)}
.game-cover-copy{position:absolute;left:4.3%;bottom:62px;max-width:min(650px,90%)}
#game-name{font:800 clamp(72px,7.8vw,96px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-1.8px;margin:0 0 23px;outline:none;text-shadow:0 3px 24px #0005}
.game-page-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:#dddfe5}
.game-page-meta .tag{border-color:#a2a5af}
#game-tagline{font-size:21px;line-height:1.5;margin:20px 0 25px;max-width:38ch;font-weight:600}
.game-cover-actions{display:flex;gap:12px;flex-wrap:wrap}
.game-cover-actions .primary,.game-cover-actions .secondary{min-height:48px;padding:12px 24px;font-size:13px}
.game-cover-actions .secondary{background:#22252bd9;color:white}
.game-cover-actions .primary:disabled{background:#303238;color:#d2d4dc}
.art-caption{position:absolute;bottom:18px;right:4.3%;color:#d4d6dc;font-size:9px;padding:3px 7px;background:#11121499;border-radius:4px}
.game-page-body{padding:42px 4.3% 0}
.game-information{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.game-information h2{font-size:21px;margin-bottom:12px}
.game-information p{color:var(--muted);font-size:13px;line-height:1.9;max-width:70ch;margin:0 0 13px}
.game-information .game-status{font-size:11px;color:var(--text)}
#game-source{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:4px}
#game-source svg{width:14px;height:14px}
.more-games{padding-top:35px}.more-games>h2{margin-bottom:20px;font-size:21px}
#game-related{grid-template-columns:repeat(3,minmax(0,1fr))}
.game-information section{min-width:0}

/* The active player uses nearly the whole viewport. */
.is-playing .topbar{display:none}
#player{padding:0 18px 18px}
.playerbar{height:64px;margin:0;gap:12px}
.playerbar .secondary{padding:8px 15px;min-height:36px;font-size:11px}
.playerbar h1{font-size:16px}
#game-stage{height:calc(100dvh - 84px);min-height:350px;position:relative;border-radius:12px;max-height:none}
#game-stage:fullscreen{height:100dvh;border-radius:0}
#player-loading{position:absolute;inset:0;display:grid;place-items:center;background:#101114;color:#d2d4dc;z-index:2;font-size:13px;pointer-events:none}
.player-help{padding:8px 0}.player-note{margin:0}
[data-theme=light] .game-page-body{background:var(--bg)}
[data-theme=light] .hero-shade{background:linear-gradient(90deg,#151619e8 0%,#151619a3 36%,transparent 80%),linear-gradient(0deg,#15161988,transparent 45%)}
@media(min-width:1600px){.game-cover-section{height:78vh}.hero-content{padding-top:85px}}
@media(max-width:1100px){.topbar{gap:26px}.poster-title{font-size:31px!important}.hero h1{font-size:78px}.game-cover-section{min-height:540px}.game-information{gap:35px}}
@media(max-width:800px){
  .topbar{gap:14px}.brand-logo{width:36px;height:42px}.brand{gap:9px}.brand-sub{letter-spacing:3px}
  .hero{height:540px}.hero-content{padding-top:48px}.hero h1{font-size:72px}
  .game-cover-section{height:68vh;min-height:550px;max-height:750px}
  .game-cover-image{object-position:62% center}.game-cover-shade{background:linear-gradient(90deg,#0a0b0dc9,#0a0b0d33),linear-gradient(0deg,#0a0b0de8,transparent 80%)}
  .game-studio-seal{width:52px;height:60px;top:25px}.cover-back{top:23px;padding:9px 12px}
  .game-cover-copy{bottom:55px;left:5%;max-width:90%}#game-name{font-size:76px;letter-spacing:-1px}
  .game-page-meta{flex-wrap:wrap;gap:10px;font-size:10px}#game-tagline{font-size:18px;margin-top:15px}
  .game-page-body{padding-top:28px}.game-information{grid-template-columns:1fr;gap:25px;padding-bottom:25px}.more-games{padding-top:26px}
  #game-related{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{gap:23px 15px}
  .poster-title{font-size:30px!important;left:13px!important;bottom:13px}.poster-bouncy .poster-title{font-size:34px!important}
  .poster>.poster-studio{width:23px;height:27px;right:9px;top:10px}.badge{font-size:8px;padding:3px 6px;left:9px;top:10px}
  .strip-logo{width:47px;height:55px}#player{padding:0 8px 12px}.playerbar{flex-wrap:nowrap;gap:6px;height:58px}.playerbar h1{font-size:13px}
  .playerbar>div{gap:0}.playerbar .iconbutton{width:32px}.playerbar .secondary{padding:7px 9px;font-size:10px;gap:4px}.playerbar .secondary svg{width:16px}
  #game-stage{height:calc(100dvh - 72px);min-height:300px;border-radius:8px}.player-help{font-size:10px}
}
@media(max-width:450px){.brand{font-size:16px}.header-tools{gap:3px}.searchbox input{width:75px}.hero-content{padding-left:5%}.hero h1{font-size:64px}.poster-title{font-size:27px!important}.poster-bouncy .poster-title{font-size:30px!important}.poster{aspect-ratio:16/11}.badge{font-size:7px}.poster>.poster-studio{width:21px;height:24px}.game-cover-section{height:650px;min-height:0}#game-name{font-size:68px}.game-cover-actions{gap:9px}.game-cover-actions .primary,.game-cover-actions .secondary{font-size:11px;padding:11px 15px;min-height:44px}.game-cover-copy{bottom:50px}.game-page-meta{max-width:260px;line-height:1.8}.game-studio-seal{width:44px;height:51px}.game-information p{font-size:12px}.footer-brand .footer-wordmark{font-size:11px}}

@media(min-width:1101px){#game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}#game-related{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hero.feature-achterkamers h1{font-size:clamp(42px,6.5vw,84px)}.hero.feature-achterkamers h1 span{letter-spacing:0}#game-page[data-game="de-achterkamers"] #game-name{font-size:clamp(48px,7vw,86px)}.poster-achterkamers .poster-title{font-size:clamp(24px,2vw,32px)!important}