@font-face{font-family:Pixel;src:url(../fonts/Silkscreen-Bold.ttf);font-weight:700}:root{--ink:#120e18;--paper:#f6ead0;--gold:#f2c84b;--panel:#120e18d6}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;background:#0d0f14;margin:0;font:13px/1.3 system-ui,sans-serif;overflow:hidden}.host{position:fixed;inset:0}.host canvas{touch-action:none;display:block}.panel{background:var(--panel);border:2px solid var(--ink);border-radius:6px;box-shadow:0 0 0 1px #f6ead02e}button{font:inherit;color:inherit;cursor:pointer}.hud{width:min(270px,100vw - 150px);padding:8px 10px;position:fixed;top:12px;left:12px}.hud b{letter-spacing:.04em;color:var(--gold);font:700 13px Pixel,system-ui}.hud small{opacity:.75;margin-top:2px;display:block}.legend{align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.legend i,.card dd i{border:1px solid var(--ink);width:8px;height:8px;display:inline-block}.hud input{width:100%;color:var(--paper);-webkit-user-select:text;user-select:text;background:#0d0f14;border:1px solid #f6ead059;border-radius:4px;margin-top:8px;padding:6px 8px;font-size:13px}.hits button{text-align:left;background:#1d1a2b;border:0;border-left:4px solid;border-radius:3px;width:100%;margin-top:2px;padding:6px 8px;font-size:12px;display:block}.hits button:hover{background:#2c2840}.mini{width:104px;image-rendering:pixelated;cursor:pointer;padding:0;position:fixed;top:12px;right:12px}.tools{flex-direction:column;gap:6px;display:flex;position:fixed;bottom:14px;right:12px}.tools button{width:40px;height:40px;padding:0;font:700 18px Pixel,system-ui}.tools button:active{background:var(--gold);color:var(--ink)}.tools button.off{opacity:.5;text-decoration:line-through}.tools button[aria-label*=efeitos]{font-size:12px}.help{opacity:.85;max-width:calc(100vw - 80px);margin:0;padding:6px 10px;font-size:12px;position:fixed;bottom:14px;left:12px}.credits{color:var(--paper);opacity:.75;padding:6px 10px;font-size:11px;text-decoration:none;position:fixed;bottom:14px;right:62px}.stick{border-radius:50%;width:124px;height:124px;display:none;position:fixed;bottom:28px;left:22px}.knob{border:2px solid var(--ink);background:#f2c84bd9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}@media (pointer:coarse){.stick{display:block}.help{display:none}.mini{width:70px}.credits{bottom:4px;left:12px;right:auto}}.card{border-left:6px solid var(--gold);width:min(340px,100vw - 24px);padding:12px 14px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.card h2{color:var(--gold);word-break:break-word;margin:0 0 2px;padding-right:24px;font:700 14px Pixel,system-ui}.card a{color:var(--paper);opacity:.85;-webkit-user-select:text;user-select:text;font-size:12px}.card dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:10px 0;display:grid}.card dt{opacity:.6}.card dd{margin:0}.card dd i{margin-right:6px}.card .x{background:0 0;border:0;font-size:20px;line-height:1;position:absolute;top:6px;right:8px}.card small{opacity:.7;margin-top:2px;font-size:11px;display:block}button.credits{cursor:pointer;border:2px solid var(--ink);font-family:inherit}button.credits:hover{opacity:1}.modal{z-index:8;background:#08060c99;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.sheet{width:min(560px,100%);max-height:min(80vh,100%);padding:14px 16px;font-size:13px;line-height:1.45;position:relative;overflow:auto}.sheet h2{color:var(--gold);margin:0 0 8px;font:700 14px Pixel,system-ui}.sheet h3{color:var(--gold);margin:14px 0 4px;font:700 11px Pixel,system-ui}.sheet a{color:var(--paper)}.sheet .x{color:var(--paper);cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.sheet .msg{white-space:pre-wrap;border-left:3px solid var(--gold);padding-left:8px}.sheet .extras{margin:0;padding-left:18px}.sheet .artists{opacity:.85;word-break:break-word;font-size:12px}.sheet .aviso{opacity:.6;margin-top:12px;font-size:11px}.card .go{background:var(--gold);width:100%;color:var(--ink);border:2px solid var(--ink);border-radius:4px;padding:8px;font:700 11px Pixel,system-ui}.loading{z-index:5;background:#0d0f14;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}.loading.off{opacity:0;pointer-events:none}.loading p{color:var(--gold);text-align:center;max-width:80vw;margin:14px 0 0;font:700 12px Pixel,system-ui}.ball{border:3px solid var(--ink);background:linear-gradient(#e3403a 0 46%, var(--ink) 46% 54%, #f4f1ea 54%);border-radius:50%;width:54px;height:54px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.busca{gap:4px;margin-top:8px;display:flex}.busca input{flex:1;min-width:0;margin-top:0}.busca button{background:var(--gold);width:38px;color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:4px;font:700 11px Pixel,system-ui}.hud .aviso{color:#ffb4a8;opacity:1;margin-top:4px}.pedido{gap:8px;display:grid}.pedido label{color:#f6ead0bf;gap:3px;font-size:12px;display:grid}.pedido input,.pedido select{color:var(--paper);-webkit-user-select:text;user-select:text;background:#0d0f14;border:1px solid #f6ead059;border-radius:4px;padding:7px 8px;font-size:14px}.pedido .enviar{background:var(--gold);color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:4px;padding:9px;font:700 11px Pixel,system-ui}.pedido .enviar:disabled{opacity:.6;cursor:wait}.pedido .dica{opacity:.7;margin:0;font-size:12px}.pedido .erro,.sheet .ok{margin:0;font-size:13px}.pedido .erro{color:#ffb4a8}.pedido .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.link-pedido{color:var(--gold);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;margin-top:6px;padding:0;font-size:12px;text-decoration:underline}.card .link-pedido{margin:8px 0 0;display:block}.card .eh-voce{border:2px dashed var(--gold);border-radius:4px;gap:6px;margin-bottom:2px;padding:8px;display:grid}.card .eh-voce b{color:var(--gold);font:700 12px Pixel,system-ui}.card .eh-voce span{font-size:13px}.papel{border-top:1px solid #f6ead033;margin-top:8px;padding-top:6px;font-size:12px}.papel b{color:var(--gold);font:700 11px Pixel,system-ui}.papel .link-pedido{margin-top:4px;display:block}.btn-novidades{width:100%;color:var(--gold);border:2px solid var(--ink);letter-spacing:.03em;text-align:left;background:#2c2840;border-radius:4px;margin-top:8px;padding:6px 8px;font:700 10px Pixel,system-ui;display:block;box-shadow:inset 0 0 0 1px #f2c84b73}.btn-novidades:before{content:"";background:var(--gold);border:1px solid var(--ink);width:7px;height:7px;margin-right:7px;animation:1.6s steps(2,end) infinite pisca;display:inline-block}.btn-novidades:hover{background:#3a3454}@keyframes pisca{50%{opacity:.25}}.sheet.rpg{background-color:#16121f;background-image:radial-gradient(#f6ead00b 1px,#0000 1.2px),linear-gradient(#1c1729,#120e18);background-size:4px 4px,100% 100%;border-radius:3px;width:min(470px,100%);padding:16px 18px 18px;box-shadow:0 0 0 2px #2c2840,0 0 0 3px #f2c84b4d,0 14px 40px #0000008c,inset 0 0 0 1px #f6ead00f}.sheet.rpg:before{content:"";pointer-events:none;background:linear-gradient(var(--gold), var(--gold)) top left / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) top right / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) bottom left / 4px 4px no-repeat, linear-gradient(var(--gold), var(--gold)) bottom right / 4px 4px no-repeat;opacity:.7;position:absolute;inset:4px}.sheet.rpg h2{letter-spacing:.06em;text-shadow:2px 2px 0 var(--ink);background:repeating-linear-gradient(90deg,#f2c84b80 0 4px,#0000 4px 8px) bottom/100% 2px no-repeat;margin:0;padding:2px 30px 10px 0;font-size:13px}.sheet.rpg .x{border:2px solid var(--ink);background:#2c2840;place-items:center;width:24px;height:24px;padding:0 0 2px;font-size:18px;display:grid;top:10px;right:10px;box-shadow:inset 0 0 0 1px #f6ead026}.sheet.rpg .x:hover{background:var(--gold);color:var(--ink)}.sheet.rpg .lema{opacity:.78;margin:10px 0 12px;font-size:12px}.fases{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fase{--slot:46px;grid-template-columns:var(--slot) 1fr;align-items:start;gap:12px;display:grid;position:relative}.fase:not(:last-child):before{content:"";left:calc(var(--slot) / 2 - 1px);top:calc(var(--slot) + 3px);background:repeating-linear-gradient(#f6ead066 0 4px,#0000 4px 8px);width:2px;position:absolute;bottom:-9px}.fase:not(:last-child):after{content:"";left:calc(var(--slot) / 2 - 4px);clip-path:polygon(0 0,100% 0,100% 25%,75% 25%,75% 50%,62.5% 50%,62.5% 100%,37.5% 100%,37.5% 50%,25% 50%,25% 25%,0 25%);background:#f6ead073;width:8px;height:4px;position:absolute;bottom:-10px}.fase.agora:before{background:repeating-linear-gradient(#f2c84bbf 0 4px,#0000 4px 8px)}.fase.agora:after{background:var(--gold)}.slot{z-index:1;width:var(--slot);height:var(--slot);border:2px solid var(--ink);background:#2a2438;place-items:center;transition:transform .14s steps(2,end);display:grid;position:relative;box-shadow:inset 0 0 0 2px #2c2840,0 0 0 1px #f6ead024}.slot .pix{width:36px;height:36px;image-rendering:pixelated;display:block}.corpo{border:2px solid var(--ink);background:#1d1a2beb;padding:9px 12px 10px;transition:transform .14s steps(2,end),box-shadow .14s,background-color .14s;position:relative;box-shadow:inset 0 0 0 1px #f6ead01a}.fase .topo{justify-content:space-between;align-items:center;gap:8px;display:flex}.fase .rotulo{letter-spacing:.1em;text-transform:uppercase;color:#f6ead08c;font:700 9px Pixel,system-ui}.fase h3{letter-spacing:.02em;color:var(--paper);text-shadow:1px 1px 0 var(--ink);margin:3px 0 0;font:700 13px Pixel,system-ui}.fase p{opacity:.82;margin:4px 0 0;font-size:12px;line-height:1.4}.fase .selo{letter-spacing:.06em;text-transform:uppercase;color:#f6ead0bf;border:1px solid var(--ink);background:#2c2840;flex:none;padding:2px 6px 1px;font:700 8px Pixel,system-ui;box-shadow:inset 0 -2px #00000040}.fase.agora .corpo,.fase.agora .slot{border-color:var(--gold)}.fase.agora .corpo{background:linear-gradient(#f2c84b17,#1d1a2bf0 60%);animation:3.2s ease-in-out infinite brilho}.fase.agora .slot{background:#3a3150;box-shadow:inset 0 0 0 2px #4a3d1f,0 0 0 1px #f2c84b4d}.fase.agora .rotulo{color:var(--gold)}.fase.agora .selo,.fase.construindo .selo{background:var(--gold);color:var(--ink)}.fase.pronto .selo{color:var(--ink);background:#7fd17a}@keyframes brilho{0%,to{box-shadow:inset 0 0 0 1px #f2c84b40,0 0 0 1px #f2c84b1f,0 0 8px #f2c84b0f}50%{box-shadow:inset 0 0 0 1px #f2c84b66,0 0 0 1px #f2c84b40,0 0 14px #f2c84b29}}.fase.planejado .slot .pix,.fase.construindo .slot .pix{filter:saturate(.55)brightness(.9)}.fase.depois .slot .pix{filter:saturate(.2)brightness(.75)}.fase.planejado .corpo{background-color:#1a1724eb}.fase.depois .corpo{background-color:#16141eeb}.fase.depois h3{color:#f6ead0b8}.fase.depois p{opacity:.62}.fase:hover .corpo{box-shadow:inset 0 0 0 1px #f6ead038, -2px 2px 0 var(--ink);transform:translate(2px,-1px)}.fase:hover .slot{transform:translateY(-2px)}.fase:hover .slot .pix{filter:none}.fase.agora:hover .corpo{box-shadow:inset 0 0 0 1px #f2c84b80, -2px 2px 0 var(--ink), 0 0 12px #f2c84b24;animation-play-state:paused}.fase .etapas{align-items:center;gap:3px;margin-top:7px;display:flex}.fase .etapas i{border:1px solid var(--ink);background:#0d0f14;flex:1;height:7px}.fase .etapas i.feito{background:var(--gold)}.fase .etapas small{opacity:.75;margin-left:6px;font-size:11px}@media (width<=420px){.sheet.rpg{padding:14px 12px}.fase{--slot:38px;gap:9px}.slot .pix{width:28px;height:28px}.corpo{padding:8px 10px 9px}.fase h3{font-size:12px}}@media (prefers-reduced-motion:reduce){.btn-novidades:before,.fase.agora .corpo{animation:none}.slot,.corpo{transition:none}}.checagem{border:2px solid var(--gold);background:#f2c84b1a;border-radius:5px;gap:1px;margin:8px 0 2px;padding:8px 10px;display:grid}.checagem .rotulo{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font:700 9px Pixel,system-ui}.checagem b{color:var(--paper);font:700 18px/1.25 Pixel,system-ui}.checagem .ha{color:var(--gold);font-size:12px}.checagem .regra{opacity:.8;margin-top:3px;font-size:11px}.checagem.grande{text-align:center;max-width:min(86vw,420px);margin:22px auto 0;padding:14px 20px}.checagem.grande .rotulo{font-size:11px}.checagem.grande b{margin:4px 0;font-size:clamp(22px,7vw,34px)}.checagem.grande .ha{font-size:14px}.checagem.grande .regra{margin-top:6px;font-size:13px}.hud-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hud-toggle{width:28px;height:24px;color:var(--paper);cursor:pointer;background:#f6ead01f;border:1px solid #f6ead059;border-radius:4px;padding:0;font:700 15px/1 Pixel,system-ui;display:none}@media (pointer:coarse){.stick{bottom:44px}}@media (height<=560px),(width<=520px){.hud{z-index:4;width:min(260px,100vw - 96px);max-height:calc(100vh - 24px);padding:6px 8px;overflow-y:auto}.hud-toggle{display:block}.hud.fechado .detalhes{display:none}.hud .checagem{margin:5px 0 2px;padding:5px 8px}.hud .checagem b{font-size:14px}.hud .checagem .rotulo{font-size:8px}.hud .checagem .ha,.hud .checagem .regra{margin-top:1px;font-size:11px}.hud.fechado .checagem .regra{display:none}.busca{margin-top:6px}.hud input{padding:5px 7px;font-size:13px}.tools{gap:4px;bottom:10px}.tools button{width:36px;height:36px;font-size:16px}.tools button[aria-label*=efeitos]{font-size:11px}.stick{width:104px;height:104px}.knob{width:44px;height:44px;margin:-22px 0 0 -22px}button.credits{z-index:3}}@media (pointer:coarse) and (height<=560px){.stick{bottom:40px;left:14px}.credits{bottom:6px;left:14px}}.sheet.boas{text-align:center;width:min(430px,100%);padding:20px 20px 16px}.sheet.boas h2{margin-bottom:10px;font-size:16px}.sheet.boas .frase{text-wrap:balance;margin:0 0 12px;font-size:15px}.sheet.boas ul{text-align:left;opacity:.85;margin:0 0 12px;padding-left:20px}.sheet.boas li{margin:4px 0}.sheet.boas .aviso-checagem{background:#f2c84b14;border:1px solid #f2c84b99;border-radius:5px;margin:0 0 14px;padding:8px 10px;font-size:12px}.sheet.boas .aviso-checagem b{color:var(--gold)}.sheet.boas .entrar{background:var(--gold);width:100%;color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:4px;padding:11px;font:700 12px Pixel,system-ui;display:block}.sheet.boas .link-pedido{margin-top:10px;display:inline-block}@media (height<=560px){.sheet.boas{padding:12px 14px}.sheet.boas .frase{margin-bottom:6px;font-size:13px}.sheet.boas ul{display:none}.sheet.boas .aviso-checagem{margin-bottom:8px}}.hud .versao{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);white-space:nowrap;background:#f2c84b29;border-radius:3px;flex:none;margin:0 auto 0 8px;padding:2px 5px 1px;font:700 8px Pixel,system-ui;box-shadow:inset 0 0 0 1px #f2c84b80}.card .print-convite{margin:10px 0 8px;font-size:13px;line-height:1.35}.card a.go.insta{box-sizing:border-box;text-align:center;text-decoration:none;display:block}@media (width<=520px){.hud-top{flex-wrap:wrap}.hud .versao{order:3;margin:2px 0 0}}
