.creator-page{--page-background:#eef0df;--page-surface:#fffdf2;--page-text:#304331;--page-accent:#647b49;background-color:var(--page-background);background-size:cover;background-position:top center;color:var(--page-text);border-radius:12px;padding:32px;overflow-wrap:anywhere}.creator-page[data-background-mode=tile]{background-size:auto;background-repeat:repeat}.creator-page[data-page-font=mono]{font-family:var(--mono,monospace)}.creator-page-inner{padding:32px;background:var(--page-panel,var(--page-surface));color:var(--page-text);border-radius:7px;min-width:0}.creator-page .eyebrow,.creator-page .play-byline,.creator-page .play-heading h1,.creator-page .play-about,.creator-page .play-maker-note,.creator-page .play-more{color:inherit}.creator-page .play-genre,.game-page-tags span{color:var(--page-text);background:color-mix(in srgb,var(--page-accent) 14%,var(--page-surface));border:1px solid color-mix(in srgb,var(--page-text) 20%,transparent)}.creator-page .site-button{background:var(--page-accent);color:var(--page-surface);border-color:var(--page-accent)}.game-page-banner{display:block;width:100%;max-height:300px;object-fit:contain;margin:0 auto 30px;border-radius:5px}.game-page-tagline{font-size:18px;line-height:1.6;margin:8px 0 18px;opacity:.85}.game-page-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 26px}.game-page-tags span{padding:4px 10px;font-size:11px;border-radius:4px}.game-page-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.42fr);gap:38px;padding-top:32px}.game-page-details section{margin-bottom:28px}.game-page-details h2{margin:0 0 13px;font-size:19px;letter-spacing:-.4px}.game-page-details .eyebrow{display:block;margin-bottom:16px}.creator-text{white-space:pre-wrap;line-height:1.8;font-size:14px;overflow-wrap:anywhere}.game-page-hint{font-size:12px;opacity:.65}.game-page-shot{display:block;margin:14px 0 0}.game-page-shot img{display:block;width:100%;border-radius:5px}.creator-page[data-page-layout=single] .game-page-details{grid-template-columns:1fr}.creator-page[data-page-layout=single] .game-page-details aside{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.preview-identity h1{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:12px 0}.preview-identity>p{font-size:12px}.page-preview-player{aspect-ratio:16/9;display:grid;place-items:center;background:color-mix(in srgb,var(--page-accent) 25%,var(--page-background));position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--page-text) 20%,transparent);border-radius:6px}.page-preview-player img{width:100%;height:100%;object-fit:cover;position:absolute}.preview-play{position:relative;background:var(--page-surface);color:var(--page-text);padding:10px 15px;border-radius:4px;font-size:12px;box-shadow:0 4px 20px #0003}.preview-pixel{font-size:70px;color:var(--page-accent)}.creator-page .play-heading{padding-top:0}.creator-page .play-heading h1{font-size:clamp(28px,4vw,52px)}.creator-page .play-more{border-color:color-mix(in srgb,var(--page-text) 20%,transparent)}
@media(max-width:700px){.creator-page{padding:12px}.creator-page-inner{padding:18px}.game-page-details{grid-template-columns:1fr;gap:10px}.game-page-tagline{font-size:15px}.game-page-banner{margin-bottom:20px}.creator-page .play-heading-actions{flex-wrap:wrap}}

.creator-page .play-more a{color:var(--page-accent)}
.creator-page .play-identity>p,.creator-page .play-byline strong{color:var(--page-text)}
/* Arcade detail pages: the game owns the canvas, Pockit owns the outer shell. */
body.is-playing-page{background:var(--paper);color:var(--ink)}
.is-playing-page .site-header{max-width:none;min-height:74px;padding:16px 32px;margin:0;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.is-playing-page .site-header .site-brand{font-size:29px}
.is-playing-page .site-topline{display:none}
.is-playing-page .site-footer{width:100%;max-width:none;margin:0;padding:30px max(28px,calc((100vw - 1384px)/2));background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.is-playing-page .mobile-nav{background:var(--paper);color:var(--ink)}
.is-playing-page .play-view{width:100%;max-width:none;padding:0;margin:0}
.is-playing-page .back-to-arcade{display:none}
#play-content.creator-page{--game-page-width:1440px;border-radius:0;padding:26px 28px 46px;min-height:70vh;background-attachment:fixed}
#play-content .creator-page-inner{max-width:var(--game-page-width);margin:0 auto}
#play-content .play-heading{margin-bottom:24px;gap:24px}
#play-content .play-heading h1{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.6px;margin:6px 0 10px}
#play-content .game-page-tagline{font-size:14px;margin:5px 0 12px;opacity:.8}
#play-content .game-page-tags{margin:12px 0 0}
#play-content .game-page-tags span{font-size:10px}
#play-content .play-heading-actions{flex-wrap:wrap;justify-content:flex-end}
#play-content .play-heading-actions .site-button,#play-content .game-save{color:var(--page-text);background:var(--page-surface);border-color:color-mix(in srgb,var(--page-text) 25%,transparent)}
#play-content .play-window{border-radius:7px;border:1px solid color-mix(in srgb,var(--page-text) 35%,transparent);box-shadow:0 5px 0 #3043310c;background:#202b26}
#play-content .player-surface{height:auto;aspect-ratio:16/9;width:100%;min-height:0}
#play-content .player-toolbar{min-height:46px;padding:6px 14px;background:var(--page-surface);border-top:1px solid color-mix(in srgb,var(--page-text) 20%,transparent);color:var(--page-text)}
#play-content .player-signature{font:10px var(--mono);letter-spacing:0;color:var(--page-text);opacity:.65}
#play-content .player-signature>span:first-child{font-size:14px;color:var(--page-accent)}
#play-content .play-window-tools button{min-height:32px;font-size:12px;color:var(--page-text);padding:5px 10px}
#play-content .play-window-tools button[data-fullscreen-game]{background:transparent;border:1px solid color-mix(in srgb,var(--page-text) 25%,transparent);box-shadow:none}
#play-content .play-window-tools button:hover{background:color-mix(in srgb,var(--page-accent) 15%,var(--page-surface))}
#play-content .game-page-details{max-width:1120px;margin:0 auto;padding:45px 0 35px;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:80px}
#play-content .game-page-details aside{border-left:1px solid color-mix(in srgb,var(--page-text) 20%,transparent);padding-left:28px}
#play-content .game-page-details h2{font-size:21px}
.creator-page .creator-text{color:var(--page-text)}
#play-content .creator-text{font-size:15px;line-height:1.85}
#play-content .game-page-details aside .creator-text{font-size:13px}
#play-content[data-page-layout=single] .game-page-details{grid-template-columns:1fr;gap:20px}
#play-content[data-page-layout=single] .game-page-details aside{border-left:0;border-top:1px solid color-mix(in srgb,var(--page-text) 20%,transparent);padding:24px 0 0}
#play-content[data-presentation=focused] .play-heading .eyebrow,#play-content[data-presentation=focused] .game-page-tagline,#play-content[data-presentation=focused] .game-page-tags{display:none}
#play-content[data-presentation=focused] .play-heading h1{font-size:26px;margin:0 0 5px}
#play-content[data-presentation=focused] .play-heading{margin-bottom:17px}
#play-content[data-presentation=poster] .play-heading{display:flex;flex-direction:column;text-align:center;padding:22px 0 10px}
#play-content[data-presentation=poster] .play-heading h1{font-size:clamp(32px,4vw,56px)}
#play-content[data-presentation=poster] .play-byline,#play-content[data-presentation=poster] .game-page-tags{justify-content:center}
#play-content .play-window.is-expanded .player-surface,#play-content .play-window:fullscreen .player-surface{flex:1;aspect-ratio:auto;height:auto}
#play-content .play-window.is-expanded{inset:0;border-radius:0;border:0}
.creator-html{display:block;width:100%;border:0;margin:22px 0 35px;background:var(--page-panel,var(--page-surface))}
.page-customize-dialog{width:min(1220px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #91a378;border-radius:8px;background:var(--paper);color:var(--ink)}
.page-customize-dialog::backdrop{background:#14221b77;backdrop-filter:blur(3px)}
.page-customize-close{position:absolute;right:10px;top:9px;font-size:24px;background:transparent;z-index:4;width:32px;height:32px;color:var(--ink)}
.page-customize-dialog .publish-heading{padding-right:50px}
.page-customize-dialog .button{padding:10px 16px;background:#fffdf2;border:1px solid #9bae85;border-radius:4px;color:var(--ink)}
.page-customize-dialog .button.primary{background:var(--deep);color:var(--paper)}
.page-edit-error{flex-basis:100%;max-width:340px;color:#923d39;font-size:12px}
@media(max-width:750px){.is-playing-page .site-header{padding:15px 18px}.is-playing-page .site-footer{padding:28px 20px}#play-content.creator-page{padding:22px 14px 35px}#play-content .play-heading{flex-wrap:wrap;gap:15px}#play-content .play-heading-actions{padding:0;justify-content:flex-start}#play-content .game-page-details{grid-template-columns:1fr;gap:20px;padding:30px 6px}#play-content .game-page-details aside{border-left:0;border-top:1px solid color-mix(in srgb,var(--page-text) 20%,transparent);padding:20px 0 0}#play-content .player-toolbar{padding:5px 8px;gap:5px;flex-wrap:wrap}#play-content .play-window-tools button{font-size:10px;padding:5px 7px}#play-content .player-signature{font-size:8px}#play-content .game-page-banner{max-height:170px}}

.creator-page[data-page-surface=transparent]{--page-panel:transparent}
#play-content .player-surface{position:relative}
.player-start{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--page-background,#18231b)}
.player-start>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}
.player-start::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0005);pointer-events:none}
.player-start-button{position:relative;z-index:1;display:flex;align-items:center;gap:13px;padding:18px 28px;border-radius:8px;border:1px solid color-mix(in srgb,var(--page-text) 30%,transparent);background:var(--page-surface,#fffdf2);color:var(--page-text,#304331);font:700 18px var(--sans,system-ui);box-shadow:0 8px 35px #0005;cursor:pointer}
.player-start-button svg{width:24px;height:24px;fill:var(--page-accent,currentColor)}
.player-start-button:hover{transform:translateY(-2px)}
.player-start-button:focus-visible{outline:3px solid var(--page-accent);outline-offset:5px}
#play-content [data-restart-game]:disabled{opacity:.4;cursor:default}