:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#042b20;color:#effff1}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 24%,#69c84945,transparent 58%),radial-gradient(ellipse at 10% 90%,#064d3e,transparent 65%),linear-gradient(145deg,#061e18,#0a5636 52%,#123824);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#e4ffd508 1px,transparent 1px),linear-gradient(90deg,#e4ffd508 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#0008,transparent 80%)}.entrance{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:55px 24px;position:relative}.wordmark{position:absolute;top:max(30px,env(safe-area-inset-top));left:0;right:0;text-align:center;letter-spacing:4px;font-size:11px;font-weight:700;color:#caffb5}.wordmark span{color:#81ce8e;font-weight:400}.center{text-align:center;width:min(100%,620px)}.ready{font:10px monospace;letter-spacing:4px;text-transform:uppercase;color:#afcbb3;margin:0 0 28px}.ready:before{content:'';display:inline-block;width:6px;height:6px;background:#b9ff81;border-radius:100%;box-shadow:0 0 13px #bdff8c;margin-right:12px;vertical-align:2px}.play-button{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:100%;min-height:205px;padding:35px 32px;border:1px solid #d0ff9c;border-radius:26px;color:#082c16;background:linear-gradient(130deg,#ceff98,#87e66c 55%,#49c86b);text-decoration:none;box-shadow:0 9px 0 #247d48,0 12px 0 #012e23,0 20px 75px #a3ff692b,inset 0 2px 0 #edffd3;animation:float 3.4s ease-in-out infinite;transition:box-shadow .2s,filter .2s;overflow:hidden}.play-button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 25%,#f3ffe69c 48%,transparent 65%);transform:translateX(-140%);animation:shine 5s ease-in-out infinite}.question{font-size:clamp(21px,4.5vw,33px);font-weight:700;line-height:1.25;letter-spacing:-.8px;text-wrap:balance;max-width:470px}.bora{display:flex;align-items:center;gap:12px;font-size:clamp(32px,7vw,49px);font-weight:900;line-height:1.1;letter-spacing:-1.7px}.bora svg{width:30px;height:30px;fill:currentColor}.play-button:hover{filter:brightness(1.07);box-shadow:0 9px 0 #247d48,0 12px 0 #012e23,0 20px 100px #a3ff695c,inset 0 2px 0 #edffd3}.play-button:active{animation:none;transform:translateY(5px);box-shadow:0 4px 0 #247d48,0 7px 0 #012e23,0 12px 50px #a3ff692b}.play-button:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:7px}.hint{margin:34px 0 0;color:#abc5ac;font:10px/1.8 monospace;letter-spacing:1px}.bottom{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#80a38d;letter-spacing:3px;font:9px monospace}.arcade-modal{position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;background:#0b0815;color:white;overflow:hidden}.arcade-modal::backdrop{background:#0b0815}.arcade-modal:fullscreen{width:100%;height:100%}.arcade-stage{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;background:#0b0815}.modal-toolbar{height:46px;flex:0 0 46px;display:flex;align-items:center;gap:14px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));background:#071e16;border-bottom:1px solid #acff7040;font:10px monospace}.modal-toolbar strong{letter-spacing:2px;color:#b9ff81;white-space:nowrap}.modal-toolbar p{margin:0;color:#b3c8b8;font-size:9px}.modal-controls{margin-left:auto;display:flex;align-items:center;gap:7px;white-space:nowrap}.modal-controls button{background:#153e2b;border:1px solid #8de9834d;border-radius:6px;padding:7px 11px;color:#daffca;font:10px monospace;cursor:pointer}.modal-controls button:hover{background:#24603d}#arcade-frame{display:block;flex:1;min-height:0;width:100%;border:0;background:#0b0815}body.modal-open{overflow:hidden}.arcade-modal[data-phone="true"] .modal-toolbar p{display:none}@media(orientation:portrait){.arcade-modal[data-phone="true"] .arcade-stage{inset:auto;top:50%;left:50%;width:100dvh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}}@media(max-width:500px){.play-button{border-radius:22px;min-height:200px;padding:30px 20px}.ready{font-size:9px;letter-spacing:2px}.hint{font-size:9px}.wordmark{font-size:10px}.modal-toolbar p{display:none}.modal-toolbar{gap:8px}.modal-toolbar strong{font-size:9px;letter-spacing:1px}.modal-controls button{font-size:9px;padding:7px 9px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shine{0%,50%{transform:translateX(-140%)}80%,100%{transform:translateX(140%)}}
/* A sessão continua aberta até o visitante escolher Sair. */
.resume-screen{position:absolute;inset:46px 0 0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:radial-gradient(ellipse at center,#15432b,#061e18 75%);gap:12px}.resume-screen[hidden]{display:none}.resume-screen h2{font-size:clamp(23px,4vw,38px);margin:0 0 8px;color:#d0ff9c}.resume-screen p{font:10px/1.6 monospace;letter-spacing:1px;color:#b3c8b8;margin:0;max-width:460px}.resume-screen button{padding:17px 23px;border:1px solid #d0ff9c;border-radius:12px;background:linear-gradient(135deg,#caff98,#4acb6b);color:#082c16;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 5px 0 #247d48}.resume-screen button:hover{filter:brightness(1.08)}
