html,body{color:#f3ead7;background:#0e1a14;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#status{text-shadow:0 1px 3px #000;pointer-events:none;font-size:1.1rem;position:fixed;bottom:12%;left:50%;transform:translate(-50%)}#status:empty{display:none}:root{--bg:#0e1a14;--panel:#12221aeb;--ink:#f3ead7;--muted:#b9b09a;--accent:#f2a33a;--accent-ink:#1d1406;--danger:#e5484d;--ok:#7bd389;--line:#f3ead740;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#ui{pointer-events:none;z-index:5;place-items:center;display:grid;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui:empty{display:none}.panel{box-sizing:border-box;background:var(--panel);width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);border:3px double var(--line);border-radius:10px;padding:24px;overflow:auto;box-shadow:0 12px 40px #00000073}.panel h1{letter-spacing:.22em;text-align:center;margin:0;font-size:clamp(2.4rem,8vw,4rem)}.panel .tagline{text-align:center;color:var(--muted);margin:4px 0 20px}.panel h2{margin:0 0 12px;font-size:1.2rem}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.row>label{min-width:96px;color:var(--muted)}.grow{flex:1}input,select,button{font:inherit;color:var(--ink);border:1px solid var(--line);background:#0000004d;border-radius:6px;padding:8px 10px}button{cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}label.check{color:var(--ink);cursor:pointer;align-items:center;gap:6px;display:inline-flex}label.check input{width:18px;height:18px;accent-color:var(--accent)}button.small{padding:4px 8px;font-size:.85rem}.players{gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.players li{border:1px solid var(--line);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.players .dot{border-radius:50%;flex:none;width:12px;height:12px}.players .tag{color:var(--muted);font-size:.8rem}.players .ready{color:var(--ok)}.players .waiting{color:var(--muted)}.conta{border:1px solid var(--line);border-radius:6px;margin:10px 0;padding:10px 12px}.conta p{margin:0 0 6px}.conta .row{margin:6px 0 0}.conta a,.conquistas a{color:var(--accent)}.conta strong{overflow-wrap:anywhere}.erro{color:#ff9a9d;margin:4px 0}.erro:empty{display:none}input:disabled{opacity:.7}.conquistas{margin:12px 0}.conquistas h3{margin:0 0 6px;font-size:1rem}.conquistas ul{color:var(--accent);margin:0;padding-left:1.2em;font-weight:700}.code{letter-spacing:.25em;font:700 1.6rem ui-monospace,Menlo,monospace}.hint{color:var(--muted);font-size:.9rem}.countdown{text-align:center;color:var(--accent);margin:8px 0;font-size:1.4rem}.progress{background:#00000059;border-radius:5px;height:10px;margin:14px 0 6px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}#toasts{z-index:20;gap:8px;display:grid;position:fixed;top:16px;right:16px}.toast{background:var(--panel);color:var(--ink);border-left:4px solid var(--accent);border-radius:6px;max-width:320px;padding:10px 14px;box-shadow:0 6px 20px #0006}.toast.error{border-left-color:var(--danger)}@media (width<=480px){.panel{padding:16px}.row>label{width:100%;min-width:0}}#mira{pointer-events:none;z-index:4;background:#f3ead7e6;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;display:none;position:fixed;top:50%;left:50%;box-shadow:0 0 0 2px #0e1a1499}#alvo{color:var(--ink);pointer-events:none;z-index:4;white-space:nowrap;background:#0e1a14b3;border-radius:6px;padding:4px 10px;font-size:.9rem;display:none;position:fixed;top:calc(50% + 18px);left:50%;transform:translate(-50%)}#alvo.bloqueado{color:#f2b8a0}.inventory{z-index:8;width:min(640px,100vw - 32px);max-height:calc(100vh - 24px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.inventory h3{color:var(--muted);margin:10px 0 6px;font-size:.85rem;font-weight:600}.inv-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.slot{aspect-ratio:1;border:1px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;background:#00000059 50%/82% no-repeat;border-radius:6px;min-width:40px;position:relative}.slot.filled{cursor:grab}.slot.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px #f2a33a73}.slot[data-label]:not(.filled):before{content:attr(data-label);text-align:center;color:var(--muted);font-size:.65rem;position:absolute;inset:auto 0 4px}.slot .qty{text-shadow:0 1px 2px #000;font:700 .8rem ui-monospace,Menlo,monospace;position:absolute;bottom:2px;right:4px}.slot.ghost{pointer-events:none;z-index:30;opacity:.85;width:48px;height:48px;position:fixed}#cinto{z-index:4;pointer-events:none;grid-template-columns:repeat(8,52px);gap:6px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#cinto .slot:after{content:attr(data-key);color:var(--muted);font-size:.65rem;position:absolute;top:2px;left:4px}@media (width<=520px){#cinto{grid-template-columns:repeat(8,38px);gap:4px}}#bolsa{z-index:4;pointer-events:none;color:#f2d27a;background:#00000073;border-radius:10px;padding:2px 10px;font-size:.8rem;font-weight:600;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}@media (width<=520px){#bolsa{bottom:58px}}.crafting{z-index:8;width:min(620px,100vw - 32px);max-height:calc(100vh - 140px);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.craft-tabs{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.craft-tabs button.active{border-color:var(--accent);color:var(--accent)}.craft-list{gap:6px;display:grid}.craft-list h3{color:var(--muted);margin:10px 0 2px;font-size:.85rem;font-weight:600}.recipe{border:1px solid var(--line);border-radius:6px;grid-template-columns:40px 1fr auto auto;grid-template-areas:"icon name b1 b2""icon needs b1 b2";align-items:center;gap:2px 10px;padding:6px 8px;display:grid}.recipe .icon{background:#00000059 50%/82% no-repeat;border-radius:6px;grid-area:icon;width:40px;height:40px}.recipe .name{grid-area:name;font-weight:600}.recipe .needs{flex-wrap:wrap;grid-area:needs;gap:4px 10px;font-size:.85rem;display:flex}.recipe .needs .have{color:var(--ok)}.recipe .needs .lack{color:#f2b8a0}.recipe button[data-times="1"]{grid-area:b1}.recipe button[data-times=max]{grid-area:b2;min-width:44px}.recipe.missing .name{color:var(--muted)}.recipe.locked{opacity:.75;border-style:dashed;grid-template-columns:1fr;grid-template-areas:"name""needs"}@media (width<=520px){.recipe{grid-template-columns:32px 1fr auto;grid-template-areas:"icon name b1""icon needs b2"}}#vitais{z-index:4;pointer-events:none;gap:6px;width:min(260px,100vw - 32px);display:grid;position:fixed;bottom:16px;left:16px}#vitais .bar{border:1px solid var(--line);background:#00000073;border-radius:4px;height:16px;position:relative;overflow:hidden}#vitais .bar .fill{transition:width .15s linear;position:absolute;inset:0 auto 0 0}#vitais .bar .patua{background:#f2d04a;height:4px;position:absolute;inset:auto auto 0 0;box-shadow:0 0 6px #f2d04a}#vitais .bar .label,#vitais .bar .value{text-shadow:0 1px 2px #000;color:var(--ink);padding:0 6px;font:600 .72rem/16px ui-sans-serif,system-ui,sans-serif;position:relative}#vitais .bar .value{position:absolute;top:0;right:0}#vitais .vida .fill{background:linear-gradient(90deg,#a8322f,#e5484d)}#vitais .fome .fill{background:linear-gradient(90deg,#b06a1f,#f2a33a)}#vitais .folego .fill{background:linear-gradient(90deg,#2f8a6e,#7bd389);transition:none}#vitais .bar.baixa{animation:.9s ease-in-out infinite pulsa}#vitais .vida.quebrou{animation:.6s ease-out quebra}#vitais .efeito{color:var(--ink);text-shadow:0 1px 2px #000;font-size:.8rem}@keyframes pulsa{50%{border-color:var(--danger);box-shadow:0 0 8px #e5484d99}}@keyframes quebra{0%{box-shadow:0 0 0 2px #f2d04a,0 0 18px #f2d04a}to{box-shadow:none}}#comendo{pointer-events:none;z-index:5;background:conic-gradient(var(--accent) calc(var(--p,0) * 360deg), #ffffff26 0);border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;display:none;position:fixed;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 12px,#000 13px);mask:radial-gradient(circle,#0000 12px,#000 13px)}#vinheta{pointer-events:none;z-index:3;transition:box-shadow .4s;position:fixed;inset:0}#vinheta.perigo{box-shadow:inset 0 0 120px #e5484d73}#vinheta.critico{animation:.9s ease-in-out infinite vinheta-pulsa;box-shadow:inset 0 0 150px #e5484db3}#vinheta.golpe:after{content:"";animation:.35s ease-out forwards lampejo;position:absolute;inset:0;box-shadow:inset 0 0 160px #e5484dcc}@keyframes vinheta-pulsa{50%{box-shadow:inset 0 0 90px #e5484d66}}@keyframes lampejo{to{opacity:0}}#mira.acerto{background:0 0;border:2px solid #fff;width:14px;height:14px;margin:-7px 0 0 -7px;transform:rotate(45deg)}#numeros{pointer-events:none;z-index:6;position:fixed;inset:0;overflow:hidden}#numeros .numero{color:#fff;text-shadow:0 2px 3px #000,0 0 2px #000;white-space:nowrap;font:800 1.15rem ui-sans-serif,system-ui,sans-serif;position:absolute;top:0;left:0}#numeros .numero.critico{color:#f2d04a;font-size:1.45rem}#numeros .numero.fraqueza{color:#f2a33a}#numeros .numero.patua{color:#c9a2f2}#numeros .numero.salvo{color:#7bd389}#vinheta.afogando{box-shadow:inset 0 0 140px #285ac8b3}#relicario{background:var(--panel);color:var(--ink);pointer-events:none;z-index:4;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex;position:fixed;top:64px;right:16px}#relicario .muiraquita{border:1px solid #f3ead799;border-radius:4px;place-items:center;width:16px;height:16px;font-size:.7rem;line-height:1;display:grid}#cerco-vinheta{pointer-events:none;opacity:0;z-index:3;background:radial-gradient(#ff5a1a00 45%,#c2361a8c 100%);transition:opacity .2s linear;position:fixed;inset:0}#cerco-estado{background:var(--panel);color:#ffcf8a;pointer-events:none;z-index:5;border-radius:8px;margin:0;padding:6px 12px;font-size:.95rem;position:fixed;top:96px;left:50%;transform:translate(-50%)}#jangada-estado{background:var(--panel);color:var(--ink);pointer-events:none;z-index:5;border-radius:8px;margin:0;padding:6px 12px;font-size:.95rem;position:fixed;top:96px;left:50%;transform:translate(-50%)}.panel.fim .resumo{grid-template-columns:auto 1fr;gap:2px 12px;margin:8px 0;display:grid}.panel.fim .resumo dt{opacity:.75}.panel.fim .resumo dd{margin:0}.panel.fim .tabela{max-width:100%;overflow-x:auto}.panel.fim table{border-collapse:collapse;font-size:.85rem}.panel.fim th,.panel.fim td{text-align:right;white-space:nowrap;border-bottom:1px solid #f3ead733;padding:3px 6px}.panel.fim th:first-child,.panel.fim td:first-child{text-align:left}#chefes{pointer-events:none;z-index:5;gap:6px;width:min(460px,100vw - 32px);display:grid;position:fixed;top:12px;left:50%;transform:translate(-50%)}#chefes .chefe{color:var(--ink);text-align:center;text-shadow:0 1px 2px #000000b3;gap:3px;font-size:.9rem;display:grid}#chefes .barra{background:#140e0ab3;border:1px solid #f3ead766;border-radius:5px;height:10px;display:block;overflow:hidden}#chefes .vida{background:linear-gradient(90deg,#b8321f,#e8742a);height:100%;transition:width .15s linear;display:block}#chefes .desafio{background:var(--panel);color:var(--ink);text-align:center;border-radius:6px;margin:0;padding:4px 10px;font-size:.85rem}#morte{background:var(--panel);color:var(--ink);z-index:9;text-align:center;border-radius:8px;padding:12px 18px;font-size:1.1rem;display:none;position:fixed;top:38%;left:50%;transform:translate(-50%)}@media (width<=520px){#vitais{bottom:70px}}#relogio{pointer-events:none;z-index:4;contain:layout paint;justify-items:center;gap:2px;display:grid;position:fixed;top:10px;right:16px}#relogio .arco{border:2px solid #f3ead773;border-bottom:none;border-radius:84px 84px 0 0;width:84px;height:34px;position:relative}#relogio .astro{will-change:transform;background:#ffd25a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;left:36px;box-shadow:0 0 10px #ffb347}#relogio.noite .astro{background:#dfe8ff;box-shadow:0 0 10px #9db8ff}#relogio .dia{color:var(--ink);text-shadow:0 1px 2px #000;font:600 .8rem ui-sans-serif,system-ui,sans-serif}#relogio.boca .arco{border-color:#e5484d;animation:.9s ease-in-out infinite pulsa}#relogio.boca .dia{color:#ffb0a0}#letreiro{color:#fff4dc;text-shadow:0 2px 12px #000000b3;opacity:0;pointer-events:none;z-index:5;font:700 2.4rem Georgia,Times New Roman,serif;transition:opacity 1.2s;position:fixed;top:22%;left:50%;transform:translate(-50%)}#letreiro.visivel{opacity:1}#letreiro.noite{color:#c9d6ff}#carga{pointer-events:none;z-index:5;background:conic-gradient(#f3ead7 calc(var(--p,0) * 360deg), #ffffff26 0);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;display:none;position:fixed;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 17px,#000 18px);mask:radial-gradient(circle,#0000 17px,#000 18px)}#carga.cheia{background:conic-gradient(var(--accent) 360deg, transparent 0)}#aljava{color:var(--ink);text-shadow:0 1px 2px #000;pointer-events:none;z-index:5;font:600 .75rem ui-sans-serif,system-ui,sans-serif;display:none;position:fixed;top:calc(50% + 30px);left:50%;transform:translate(-50%)}#aljava.vazia{color:#ffb0a0}.inventory .estacao{border:1px solid var(--line);background:#ff8a2a0f;border-radius:8px;padding:6px 8px}.inventory .estacao .barra{background:#00000073;border-radius:3px;height:6px;margin-top:6px;position:relative;overflow:hidden}.inventory .estacao .barra .fill{transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.inventory .estacao .barra.fogo .fill{background:linear-gradient(90deg,#c4421a,#ffb347)}.inventory .estacao .barra.progresso .fill{background:linear-gradient(90deg,#7bd389,#c9f2a1)}.inventory .estacao .livro{color:var(--muted);max-height:7.5em;margin:6px 0 0;padding-left:16px;font-size:.75rem;overflow-y:auto}.inventory .estacao .livro li.atual{color:var(--accent)}.inventory .estacao.bau{background:#a0703f1a}.inventory .estacao.bau .inv-grid{grid-template-columns:repeat(9,1fr)}#simpatias{z-index:4;pointer-events:auto;flex-wrap:wrap;gap:4px;max-width:min(320px,100vw - 32px);display:flex;position:fixed;bottom:112px;left:16px}#simpatias .simpatia{background:#00000080;border:1px solid #ffffff2e;border-radius:10px;padding:1px 8px;font-size:.72rem;font-weight:600}#simpatias .simpatia.comum{color:#e8e8e8}#simpatias .simpatia.rara{color:#7cc4ff;border-color:#7cc4ff80}#simpatias .simpatia.lendaria{color:#ffb347;border-color:#ffb34799}.trade .bolsa{color:#f2d27a;margin:0 0 6px;font-weight:600}.trade .aviso{color:#ff8a7a}.trade .recipe{grid-template-columns:40px 1fr auto;grid-template-areas:"icon name b1""icon needs b1"}.trade .recipe button{grid-area:b1}#chat{z-index:6;pointer-events:none;width:min(380px,100vw - 32px);font-size:.85rem;position:fixed;bottom:140px;left:16px}#chat .linhas{gap:2px;max-height:34vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}#chat.aberto .linhas{pointer-events:auto;background:#00000073;border-radius:6px;padding:6px}#chat li{color:var(--ink);text-shadow:0 1px 2px #000;overflow-wrap:anywhere}#chat li b{color:#f2d27a;font-weight:600}#chat li.sistema{color:#c9d6e8;font-style:italic}#chat li.local{color:#b8e0c2}#chat li.caido b{color:#c9a2f2}#chat .campo{pointer-events:auto;margin-top:6px}#chat .campo input{box-sizing:border-box;background:#000000b3;width:100%}#pings{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}#pings .ping{color:var(--cor);text-shadow:0 1px 2px #000,0 0 2px #000;white-space:nowrap;align-items:center;gap:4px;margin:-12px 0 0 -10px;font:600 .78rem ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:0;left:0}#pings .ping .simbolo{font-size:1.2rem}#pings .ping .seta{transform:rotate(var(--giro,0deg));display:none}#pings .ping.borda .seta{display:inline-block}#pings .ping.borda .rotulo{opacity:.85}.panel.mapa{z-index:8;flex-direction:column;width:min(860px,100vw - 32px);max-height:calc(100vh - 32px);padding:14px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.panel.mapa[hidden]{display:none}.panel.mapa h2{justify-content:space-between;align-items:center;display:flex}.panel.mapa .fechar{padding:2px 10px}.panel.mapa .mapa-tela{aspect-ratio:1;cursor:grab;touch-action:none;background:#031018;border-radius:6px;width:100%;max-height:calc(100vh - 140px)}.panel.mapa .dica{color:var(--muted);margin:8px 0 0;font-size:.8rem}#votacao{background:var(--panel);color:#ffd27a;pointer-events:none;z-index:5;border-radius:8px;margin:0;padding:6px 12px;font-size:.9rem;position:fixed;top:136px;left:50%;transform:translate(-50%)}#tutorial{z-index:6;pointer-events:none;background:var(--panel);border-left:4px solid var(--accent);border-radius:8px;width:min(300px,100vw - 32px);padding:10px 12px;transition:opacity .3s;position:fixed;bottom:96px;right:16px;box-shadow:0 6px 20px #0006}#tutorial h3{color:var(--muted);margin:0 0 4px;font-size:.78rem;font-weight:600}#tutorial .tarefa{color:var(--ink);margin:0 0 8px;font-size:.92rem}#tutorial.feito .tarefa{color:#7bd389;text-decoration:line-through}#tutorial .acoes{justify-content:flex-end;gap:6px;display:flex}#tutorial .acoes button{pointer-events:auto;padding:2px 8px;font-size:.75rem}#tutorial-seta{color:#f2c230;text-shadow:0 0 6px #000,0 1px 2px #000;pointer-events:none;z-index:5;margin:-14px 0 0 -12px;font-size:1.6rem;animation:.9s ease-in-out infinite seta-pulsa;position:fixed;top:0;left:0}@keyframes seta-pulsa{50%{opacity:.55}}@media (width<=520px){#tutorial{bottom:150px}}#legendas{z-index:5;pointer-events:none;justify-items:center;gap:4px;margin:0;padding:0;list-style:none;display:grid;position:fixed;bottom:104px;left:50%;transform:translate(-50%)}#legendas li{color:var(--ink);background:#0009;border-radius:6px;padding:3px 10px;font-size:.85rem}.panel.opcoes{z-index:25;width:min(680px,100vw - 32px);max-height:calc(100vh - 32px);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.panel.opcoes[hidden]{display:none}.panel.opcoes fieldset.grupo{border:1px solid var(--line);border-radius:8px;margin:10px 0;padding:4px 12px 8px}.panel.opcoes legend{color:var(--muted);padding:0 6px;font-weight:600}.panel.opcoes .row>label:not(.check){min-width:170px}.panel.opcoes output{text-align:right;min-width:56px;color:var(--muted);font-variant-numeric:tabular-nums}.panel.opcoes .teclas{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.panel.opcoes .tecla-linha{margin:3px 0}.panel.opcoes .tecla{min-width:110px}@media (width<=560px){.panel.opcoes .teclas{grid-template-columns:1fr}.panel.opcoes .row>label:not(.check){width:100%;min-width:0}}body.sem-lampejos #vinheta.golpe:after{display:none}body.sem-lampejos #vinheta.critico,body.sem-lampejos #vitais .bar.baixa,body.sem-lampejos #vitais .vida.quebrou,body.sem-lampejos #relogio.boca .arco,body.sem-lampejos #tutorial-seta{animation:none!important}