.pixel-toolbar{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--fg);flex-shrink:0;font-size:15px;line-height:1.3}
.pixel-social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%}
.pixel-social svg{display:block;width:25px;height:25px;flex:none;shape-rendering:geometricPrecision}
.pixel-social:hover{background:var(--line)}
.pixel-languages{display:flex;align-items:center;gap:2px}
.pixel-languages>span{color:var(--secondary)}
.pixel-languages button{display:inline-flex;align-items:center;justify-content:center;position:relative;padding:0 8px;min-width:40px;min-height:44px;background:transparent;border:0;color:var(--secondary);font:inherit;border-radius:12px}
.pixel-languages button[aria-pressed=true]{color:var(--fg)}
.pixel-languages button[aria-pressed=true]::after{content:'';position:absolute;bottom:7px;left:10px;right:10px;height:2px;background:var(--pixel-pink,#ef64c4)}
.pixel-toolbar{position:relative}
.pixel-menu,.pixel-toolbar>.preferences{position:static}
.pixel-toolbar>.preferences>summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;list-style:none}
.pixel-toolbar>.preferences[open]>summary{background:var(--fg);color:var(--bg)}
.pixel-toolbar>.preferences>summary>span{display:none}
.pixel-toolbar>.preferences>.preferences-panel{position:absolute;inset:auto 0 auto auto;top:calc(100% + 10px);width:min(330px,calc(100vw - 36px));max-width:none;margin:0;padding:22px;border-radius:24px;z-index:31;max-height:calc(100dvh - 230px);overflow:auto}
.pixel-toolbar summary:focus-visible,.pixel-menu-panel a:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.pixel-menu>summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:78px;padding:10px 18px;list-style:none;border-radius:999px;cursor:pointer;background:var(--line);font-size:15px}
.pixel-menu>summary::-webkit-details-marker{display:none}
.pixel-menu[open]>summary{background:var(--fg);color:var(--bg)}
.pixel-menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(280px,calc(100vw - 36px));height:max-content;min-height:0;padding:8px;border:1px solid var(--line);border-radius:24px;background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 16px 48px #0003;text-align:left;z-index:30;max-height:calc(100dvh - 230px);overflow:auto}
.pixel-menu:not([open])>.pixel-menu-panel,.pixel-toolbar>.preferences:not([open])>.preferences-panel{display:none}
.pixel-menu-panel{background:var(--bg)}
@media(max-width:700px){.pixel-toolbar>.preferences>.preferences-panel{left:50%;right:auto;transform:translateX(-50%)}}
.pixel-menu-panel nav{display:grid!important;gap:0!important;font-size:16px}
.pixel-menu-panel nav a{padding:12px 14px;border-radius:12px;min-height:44px}
.pixel-menu-panel nav a:hover{background:var(--surface);color:var(--fg)}
.pixel-menu-panel nav a[href='/jogar.html']{color:#ef64c4}
html:not([data-theme=black]) .pixel-menu-panel nav a[href='/jogar.html']{color:#79205d}
.pixel-menu-settings{margin-top:10px;border-top:1px solid var(--line);padding:14px}
.pixel-menu-settings p{font-size:14px;margin-bottom:12px}
.pixel-menu-settings .preferences>summary>span{display:inline!important}
.pixel-menu-settings .preferences-panel{position:static;width:100%;padding:20px 0 0;border:0;box-shadow:none;background:transparent}
.pixel-menu-settings .preferences-panel>p:first-child{display:none}
.pixel-theme-choices{display:flex;gap:6px;flex-wrap:wrap}
.pixel-theme-choices button{font-size:14px;padding:8px 12px;min-height:44px;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:16px}
.arcade-masthead .pixel-toolbar{position:relative;z-index:8}
header.pixel-header{height:auto;min-height:88px;gap:20px;padding-block:12px;overflow:visible}
.games .game-entry-label{color:#ef64c4}
html:not([data-theme=black]) .games .game-entry-label{color:#79205d}
@media(max-width:700px){header.pixel-header{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 18px;position:relative}header.pixel-header .brand{margin:0}header.pixel-header .pixel-toolbar{max-width:100%}.pixel-toolbar{gap:5px}.pixel-menu>summary{min-width:72px;padding-inline:14px}}
html[data-view=mobile] header.pixel-header{display:flex;flex-direction:column;align-items:center;padding:16px 18px}
@media(prefers-reduced-motion:reduce){.pixel-toolbar *{scroll-behavior:auto}}

@media(min-width:701px){html:not([data-view=mobile]) header.pixel-header{grid-template-columns:1fr auto}}

/* PIXEL controls: hierarchy by purpose, shared spacing and restrained feedback. */
:root{--control-neutral:color-mix(in srgb,var(--fg) 7%,var(--bg));--control-pink-ink:#ef64c4;--control-selected:color-mix(in srgb,#ef64c4 12%,var(--bg));--control-focus:#ef64c4}
html:not([data-theme=black]){--control-pink-ink:#79205d;--control-focus:#79205d}
body :is(.button,.small-button,.service-shortcuts a,.form-bottom button,.result-actions button,.result-actions a,.film-toggle){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:999px;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.015em;text-align:center;transition:background-color .16s,color .16s,border-color .16s,box-shadow .16s;touch-action:manipulation}
body :is(.button,.form-bottom button){border:1px solid transparent;box-shadow:inset 0 1px 0 #ffffff20,0 2px 6px #00000012}
body :is(.button[href*='#projeto'],#brief-whatsapp,.form-bottom button){background:#ef64c4;color:#171719;border-color:#ef64c4}
body :is(.small-button,.service-shortcuts a,.result-actions button,#reset-preferences){background:var(--control-neutral);color:var(--fg);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff0a}
body :is(.sales-text-link,.text-button,.back-link){font-size:15px;min-height:44px;line-height:1.5;text-underline-offset:5px}
body .back-link{display:flex;align-items:center;width:max-content;max-width:100%;padding-block:10px}
body :is(.button,.small-button,.service-shortcuts a,.service-card):hover{transform:none;opacity:1}
body .service-card{transition:border-color .18s,background-color .18s}
body .choices span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:999px;font-size:14px;line-height:1.4;background:var(--control-neutral);transition:background-color .16s,border-color .16s,color .16s}
body .choices input:checked+span{background:var(--control-selected);color:var(--control-pink-ink);border-color:var(--control-pink-ink);box-shadow:inset 0 0 0 .5px var(--control-pink-ink)}
body .segmented{padding:4px;border:1px solid var(--line);border-radius:17px;background:var(--control-neutral);gap:4px}
body .segmented button{min-height:64px;padding:8px 5px;border-radius:12px;border-color:transparent;font-size:14px;line-height:1.3;box-shadow:none}
body .segmented button[aria-pressed=true]{background:var(--bg);color:var(--fg);border-color:var(--line);box-shadow:0 2px 6px #00000012}
body .preferences legend{font-size:14px}
body .pixel-toolbar{gap:6px;padding:5px 6px;border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff08}
body .pixel-toolbar :is(.pixel-social,.pixel-languages button,.preferences>summary,.pixel-menu>summary){transition:background-color .16s,color .16s;touch-action:manipulation}
body .pixel-menu>summary{background:var(--control-neutral);font-weight:500;border:1px solid var(--line)}
body .pixel-menu[open]>summary,body .pixel-toolbar>.preferences[open]>summary{background:var(--fg);color:var(--bg);border-color:var(--fg)}
body .pixel-menu-panel nav a{font-weight:500;line-height:1.4}
body .creative-controls{gap:4px}
body .creative-controls button{min-height:44px;font-size:14px;line-height:1.3;padding:10px 18px}
body .creative-controls button[aria-pressed=true]{background:var(--control-neutral);border-color:var(--line);color:var(--fg);box-shadow:inset 0 1px 0 #ffffff0a}
body .film-toggle{min-height:44px;font-size:14px;padding:10px 18px}
body :is(button,.button,.small-button,.pixel-social,summary):focus-visible{outline:2px solid var(--control-focus);outline-offset:4px}
body .choices input:focus-visible+span{outline:2px solid var(--control-focus);outline-offset:4px}
body :is(button,.button,.small-button)[disabled],body button[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}
/* The original multicolour play lettering now belongs to the menu. */
.pixel-menu-panel nav .pixel-menu-play{position:relative;min-height:44px;display:flex;align-items:center}
html .pixel-menu-panel .pixel-play-label{width:82px;height:auto;max-height:32px;object-fit:contain}
.pixel-menu-panel .pixel-play-fallback{font-size:22px;font-weight:700;line-height:1.4;background:linear-gradient(100deg,#40c8ff,#8064ef,#ef64c4,#ffb943,#e7ff59,#75e66a);background-clip:text;-webkit-background-clip:text;color:transparent}
.pixel-menu-panel .pixel-play-label:not([width]){display:none}
.pixel-menu-panel .pixel-play-label[width]+.pixel-play-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
/* Keep the same compact inset after removing the top play button. */
html .hero{padding-top:24px}
/* Keep the arcade's tactile A/B controls and colour identities intact. */
body #play .console-tools :is(#pause,#restart){background:var(--control-neutral);color:var(--fg);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff0a;min-height:44px;font-family:inherit;font-weight:600}
body #play .console-tools #menu{min-height:44px;font-family:inherit;box-shadow:0 2px 0 #87265f}
body #play .console-tools .sound-toggle[aria-pressed=true]{background:#e7ff59;color:#171719;border-color:#e7ff59;box-shadow:inset 0 1px 1px #ffffff65,0 2px 5px #0002}
body #play .console-tools .sound-toggle[aria-pressed=false]{background:#292933;color:#c4c4cc;border-color:#454550;box-shadow:inset 0 1px 1px #ffffff10}
body #play .award-actions :is(a,button){min-height:48px;border-radius:14px;font:600 14px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
body #play .award-actions button{background:#292933;color:#f5f5f7;border:1px solid #454550}
body #play .award-actions a{background:#ef64c4;color:#171719;border:1px solid #ef64c4;box-shadow:inset 0 1px 0 #ffffff30}
body #play .award-selector select{font-size:14px}
body #player-dialog .player-actions button{min-height:48px;font-size:15px;font-weight:600;border-radius:14px;padding:12px 20px}
body #player-cancel{background:var(--control-neutral);color:var(--fg);border:1px solid var(--line)}
body #player-submit{background:#e7ff59;color:#171719;border:1px solid #e7ff59}
body #ranking-retry{min-height:44px;border-radius:999px;background:var(--control-neutral);color:var(--fg)}
@media(hover:hover) and (pointer:fine){
 body :is(.button,.form-bottom button):hover{filter:brightness(.96);box-shadow:inset 0 1px 0 #ffffff30,0 3px 10px #00000018}
 body :is(.small-button,.service-shortcuts a,.result-actions button,#reset-preferences):hover{background:color-mix(in srgb,var(--fg) 12%,var(--bg));color:var(--fg);border-color:var(--secondary)}
 body .service-card:hover{border-color:var(--control-pink-ink);background:var(--surface)}
 body .choices label:hover span{border-color:var(--secondary)}
 body .pixel-toolbar :is(.pixel-social,.pixel-languages button):hover{background:var(--control-neutral)}
}
@media(max-width:380px){body .pixel-toolbar{gap:3px}body .pixel-menu>summary{padding-inline:12px;min-width:64px}body .pixel-languages button{min-width:36px;padding-inline:6px}}
@media(prefers-reduced-motion:reduce){body :is(button,.button,.small-button,.service-card,.service-shortcuts a,.choices span,.pixel-toolbar summary){transition:none}}