:root{--papel: #efe2c4;--fundo: #f6efdd;--tinta: #120d0a;--apagado: #6b6052;--verde: #56785a;--linha: #d8c9a6}.escritorio,.escritorio *{box-sizing:border-box}.escritorio{min-height:100vh;margin:0;background:var(--fundo);color:var(--tinta);font-family:Barlow,system-ui,sans-serif;font-weight:500}header{padding:24px 16px 8px;max-width:1500px;margin:0 auto}h1{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:clamp(28px,4vw,44px);margin:0;letter-spacing:.02em}header p{margin:4px 0 0;color:var(--apagado)}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;padding:12px 16px 32px;max-width:1500px;margin:0 auto}@media (max-width: 900px){main{grid-template-columns:minmax(0,1fr)}}.palco{border:3px solid var(--tinta);border-radius:6px;background:var(--papel);overflow:hidden}canvas{display:block;width:100%;aspect-ratio:16 / 9}form{display:flex;gap:8px;margin-top:12px}input{flex:1;min-width:0;font:inherit;font-size:17px;padding:10px 12px;border:2px solid var(--tinta);border-radius:4px;background:#fffaf0}button{font:inherit;font-weight:700;padding:10px 14px;border:2px solid var(--tinta);border-radius:4px;background:var(--papel);color:var(--tinta);cursor:pointer;box-shadow:3px 3px 0 var(--tinta)}button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--tinta)}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}button:disabled{opacity:.45;cursor:default}button[type=submit]{background:var(--verde);color:#fffaf0}#prontos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}#prontos button{font-weight:500;font-size:15px;padding:6px 10px;box-shadow:2px 2px 0 var(--tinta)}aside{display:flex;flex-direction:column;gap:16px;min-width:0}.painel{border:3px solid var(--tinta);border-radius:6px;background:#fffaf0;padding:12px 14px 14px;box-shadow:5px 5px 0 var(--tinta);background-image:radial-gradient(rgba(18,13,10,.07) 1px,transparent 1.4px);background-size:9px 9px}.painel h2{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:18px;margin:0 0 10px}#arvore{list-style:none;margin:0;padding:0}#arvore li{position:relative;display:flex;align-items:center;gap:10px;padding:6px 0 6px calc(var(--nivel) * 26px)}#arvore li+li{border-top:1.5px dashed #cdbd99}#arvore li[style*="--nivel:1"]:before,#arvore li[style*="--nivel:2"]:before{content:"";position:absolute;left:calc(var(--nivel) * 26px - 16px);top:-4px;width:12px;height:calc(50% + 4px);border-left:2.5px solid var(--tinta);border-bottom:2.5px solid var(--tinta);border-bottom-left-radius:8px}#arvore .bolinha{flex:none;width:34px;height:34px;border-radius:50%;border:2.5px solid var(--tinta);display:grid;place-items:center;font-family:Bungee,Impact,sans-serif;font-size:15px;box-shadow:2px 2px 0 var(--tinta)}#arvore .ficha{flex:1;min-width:0;line-height:1.2}#arvore b{font-weight:700}#arvore i{font-style:normal;color:var(--apagado);font-size:14px}#arvore .estado{display:block;font-size:14px;color:var(--apagado)}#arvore li.ativo .estado{color:var(--verde);font-weight:700}#arvore .barra{display:block;height:9px;margin-top:4px;border:2px solid var(--tinta);border-radius:5px;background:#fffaf0;overflow:hidden}#arvore .barra span{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--verde) 0 4px,#6d8f70 4px 7px);transition:width .2s steps(4)}#arvore .carimbo{flex:none;font-family:Bungee,Impact,sans-serif;font-size:12px;color:#b84a3c;border:2.5px solid #b84a3c;border-radius:4px;padding:1px 6px;transform:rotate(-9deg);opacity:.85;text-transform:uppercase}#arvore li.feito .ficha{opacity:.7}#resultado{border:3px solid var(--tinta);border-radius:6px;background:#fffaf0;padding:14px 16px;box-shadow:5px 5px 0 var(--tinta)}#resultado h2{font-family:Bungee,Impact,sans-serif;font-weight:400;margin:0;font-size:22px}#resultado .pedido{color:var(--apagado);margin:2px 0 8px}#resultado .resumo{font-weight:700;margin:0 0 10px}#resultado ul{list-style:none;padding:0;margin:0}#resultado li{padding:8px 0;border-top:1px solid var(--linha)}#resultado li i{color:var(--apagado)}#resultado li p{margin:2px 0 0}#de-novo{align-self:flex-start}.escritorio header{display:flex;flex-wrap:wrap;align-items:end;gap:8px 20px}.escritorio header>div,.escritorio header h1{flex:1 1 auto}.escritorio header p{flex-basis:100%;order:3}.escritorio .botoes-topo{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}#editar,#sair,#diario{font-weight:500;font-size:15px;padding:6px 12px}.escritorio .quadro{margin:0;border:3px solid var(--tinta);border-radius:6px;background:#fffaf0;box-shadow:5px 5px 0 var(--tinta);overflow:hidden}.escritorio .quadro canvas{aspect-ratio:4 / 4.2}.escritorio .quadro figcaption{padding:10px 14px;border-top:3px solid var(--tinta);min-height:64px}.escritorio .quadro .quem{font-family:Bungee,Impact,sans-serif;font-weight:400}.editor{--e-papel: #efe2c4;--e-fundo: #f6efdd;--e-tinta: #120d0a;--e-apagado: #6b6052;--e-verde: #56785a;--e-linha: #d8c9a6;--e-claro: #fffaf0;--e-foco: #2457c9;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:20px 16px 28px;background:var(--e-fundo);color:var(--e-tinta);font-family:Barlow,system-ui,sans-serif;font-weight:500}.editor *,.editor *:before,.editor *:after{box-sizing:border-box}.editor .editor-titulo{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:clamp(26px,4vw,42px);line-height:1.1;letter-spacing:.02em;margin:0 0 14px}.editor .editor-titulo:focus{outline:none}.editor-corpo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:start}.editor-retrato{position:sticky;top:16px;border:3px solid var(--e-tinta);border-radius:6px;overflow:hidden;background:var(--e-papel);box-shadow:5px 5px 0 var(--e-tinta)}.editor .editor-tela{display:block;width:100%;aspect-ratio:auto;height:clamp(360px,calc(100vh - 160px),760px)}.editor-legenda{margin:0;padding:8px 14px;border-top:3px solid var(--e-tinta);background:var(--e-claro);font-family:Bungee,Impact,sans-serif;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-painel{min-width:0;display:flex;flex-direction:column;gap:14px;border:3px solid var(--e-tinta);border-radius:6px;background:var(--e-papel);padding:18px;box-shadow:5px 5px 0 var(--e-tinta)}.editor h2,.editor-nome label{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--e-apagado);margin:0 0 8px}.editor-linha{display:flex;flex-wrap:wrap;gap:10px}.editor-grupos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:12px 22px}.editor-config{border-top:2px dashed var(--e-linha);padding-top:12px}.editor .editor-nome input{flex:1 1 180px;min-width:0;font:inherit;font-size:17px;padding:9px 12px;border:2px solid var(--e-tinta);border-radius:4px;background:var(--e-claro);color:var(--e-tinta)}.editor button{font:inherit;color:var(--e-tinta);cursor:pointer;border:2px solid var(--e-tinta);border-radius:4px;background:var(--e-claro);box-shadow:2px 2px 0 var(--e-tinta);transform:none}.editor button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--e-tinta)}.editor button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--e-tinta)}.editor button:focus-visible,.editor input:focus-visible{outline:3px solid var(--e-foco);outline-offset:2px}.editor .editor-botao{font-weight:700;padding:9px 16px;background:var(--e-papel);box-shadow:3px 3px 0 var(--e-tinta)}.editor .editor-botao:hover{box-shadow:4px 4px 0 var(--e-tinta)}.editor .editor-principal{background:var(--e-verde);color:var(--e-claro);font-size:18px;padding:11px 20px}.editor-textos{display:flex;flex-wrap:wrap;gap:8px}.editor .editor-opcao{font-size:15px;padding:6px 11px}.editor .editor-opcao[aria-pressed=true]{background:var(--e-tinta);color:var(--e-claro)}.editor-cores{display:flex;flex-wrap:wrap;gap:9px;padding:3px 0 0 3px}.editor .editor-cor{width:32px;height:32px;padding:0;border-radius:50%;background:var(--cor);box-shadow:none}.editor .editor-cor:hover{transform:translateY(-2px);box-shadow:none}.editor .editor-cor:active{transform:none}.editor .editor-cor[aria-pressed=true]{box-shadow:0 0 0 3px var(--e-papel),0 0 0 6px var(--e-tinta)}.editor .editor-alternador{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;padding:6px 12px 6px 8px}.editor-trilho{position:relative;flex:none;width:34px;height:20px;border:2px solid var(--e-tinta);border-radius:10px;background:var(--e-linha)}.editor-trilho:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--e-tinta);transition:left .15s}.editor .editor-alternador[aria-pressed=true] .editor-trilho{background:var(--e-verde)}.editor .editor-alternador[aria-pressed=true] .editor-trilho:after{left:16px;background:var(--e-claro)}.editor-acoes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;border-top:2px dashed var(--e-linha);padding-top:14px}@media (max-width: 860px){.editor-corpo{grid-template-columns:minmax(0,1fr);gap:20px}.editor-retrato{position:static}.editor .editor-tela{height:min(88vw,380px)}.editor-painel{padding:14px}.editor .editor-principal{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){.editor button,.editor-trilho:after{transition:none}.editor button:hover,.editor .editor-cor:hover{transform:none}}.porta,.diario,.acendendo,.abertura{--papel: #efe2c4;--fundo: #f6efdd;--tinta: #120d0a;--apagado: #6b6052;--verde: #56785a}body{margin:0;background:#f6efdd}.porta,.acendendo{min-height:100vh;background:var(--fundo);color:var(--tinta);font-family:Barlow,system-ui,sans-serif;font-weight:500}.porta *,.diario *{box-sizing:border-box}.porta button,.diario button{font:inherit;font-weight:700;padding:10px 14px;border:2px solid var(--tinta);border-radius:4px;background:var(--papel);color:var(--tinta);cursor:pointer;box-shadow:3px 3px 0 var(--tinta)}.porta button:disabled{opacity:.5;cursor:default}.porta input{font:inherit;font-size:17px;padding:10px 12px;border:2px solid var(--tinta);border-radius:4px;background:#fffaf0;min-width:0}.porta-topo{max-width:1100px;margin:0 auto;padding:28px 16px 8px}.porta-topo h1{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:clamp(30px,5vw,48px);margin:0}.porta-topo p{margin:4px 0 0;color:var(--apagado)}.porta-grade{max-width:1100px;margin:0 auto;padding:16px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:32px;align-items:start}@media (max-width: 820px){.porta-grade{grid-template-columns:minmax(0,1fr)}.porta-retrato{max-width:340px}}.porta-retrato{margin:0;border:3px solid var(--tinta);border-radius:6px;box-shadow:6px 6px 0 var(--tinta);overflow:hidden;background:var(--papel)}.porta-retrato canvas{display:block;width:100%;aspect-ratio:3 / 4}.porta-retrato figcaption{border-top:3px solid var(--tinta);background:#fffaf0;padding:10px 14px;display:flex;gap:8px;align-items:baseline}.porta-retrato b{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:18px}.porta-retrato span{color:var(--apagado);font-style:italic}.porta-lado{display:flex;flex-direction:column;gap:18px;min-width:0}.porta-balao{position:relative;margin:0 0 0 18px;padding:18px 22px;background:#fffaf0;border:3px solid var(--tinta);border-radius:18px;box-shadow:4px 4px 0 var(--tinta);font-size:21px;font-weight:700;line-height:1.35;min-height:5.2em}.porta-balao:before{content:"";position:absolute;left:-22px;top:30px;border:11px solid transparent;border-right:18px solid var(--tinta)}.porta-balao:after{content:"";position:absolute;left:-14px;top:33px;border:8px solid transparent;border-right:14px solid #fffaf0}@media (max-width: 820px){.porta-balao{margin:0}.porta-balao:before{left:40px;top:-22px;border:11px solid transparent;border-bottom:18px solid var(--tinta)}.porta-balao:after{left:43px;top:-14px;border:8px solid transparent;border-bottom:14px solid #fffaf0}}.porta-resto{visibility:hidden}.porta-abas{display:flex;flex-wrap:wrap;gap:10px}.porta-abas button{background:var(--papel)}.porta-abas button.ativa{background:var(--tinta);color:#fffaf0}.porta .porta-ficha{display:flex;flex-direction:column;gap:14px;margin:0;padding:18px;background:var(--papel);border:3px solid var(--tinta);border-radius:6px;box-shadow:4px 4px 0 var(--tinta)}.porta-ficha label{display:flex;flex-direction:column;gap:6px;font-weight:700}.porta-ficha input{flex:none;width:100%}.porta-ficha button[type=submit]{align-self:flex-start;font-size:18px;padding:12px 20px;background:var(--verde);color:#fffaf0}.porta .porta-lado button.porta-rever{align-self:center;margin:0;background:none;border:0;box-shadow:none;padding:0;font-size:.85rem;font-weight:400;color:#6b5a4a;text-decoration:underline}.porta-senha{position:relative;display:flex}.porta-senha input{padding-right:52px}.porta .porta-ficha .porta-olhinho{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:32px;padding:0;display:grid;place-items:center;background:var(--papel);border:2px solid var(--tinta);border-radius:6px;box-shadow:2px 2px 0 var(--tinta)}.porta .porta-ficha .porta-olhinho:active{transform:translate(2px,calc(-50% + 2px));box-shadow:none}.porta .porta-ficha .porta-olhinho[aria-pressed=true]{background:#fffaf0}.porta-olhinho svg{width:26px;height:16px;overflow:visible}.porta-olhinho svg path,.porta-olhinho svg circle{fill:none;stroke:var(--tinta);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}.porta-olhinho svg circle{fill:var(--tinta)}.porta-olhinho svg .risco{stroke:#b84a3c}.acendendo{display:grid;place-items:center;font-family:Bungee,Impact,sans-serif;font-size:22px}.diario-fundo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#120d0a73;display:grid;place-items:center;padding:16px}.diario{width:min(860px,100%);max-height:88vh;overflow:auto;background:var(--fundo);color:var(--tinta);border:3px solid var(--tinta);border-radius:8px;box-shadow:8px 8px 0 var(--tinta);padding:20px 22px 28px;font-family:Barlow,system-ui,sans-serif;font-weight:500}.diario-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.diario-topo h2{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:clamp(20px,3vw,28px);margin:0}.diario-vazio{font-size:19px;font-weight:700}.diario-fichas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.diario-ficha{background:#fffaf0;border:2px solid var(--tinta);border-radius:4px;box-shadow:4px 4px 0 var(--tinta);padding:14px 16px;background-image:repeating-linear-gradient(transparent 0 27px,#e6d6b4 27px,#e6d6b4 28px)}.diario-ficha time{font-size:13px;color:var(--apagado)}.diario-ficha h3{font-family:Bungee,Impact,sans-serif;font-weight:400;font-size:16px;margin:4px 0 6px}.diario-resumo{font-weight:700;margin:0 0 8px}.diario-ficha ul{margin:0;padding-left:16px;font-size:14px}.diario-ficha i{color:var(--apagado)}.abertura{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#120d0a}.abertura-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#120d0a}.abertura-capa{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;background:#f5eedd}.abertura-moldura{border:4px solid #120d0a;box-shadow:8px 8px #120d0a;background:#fffaf0;max-width:min(92vw,1100px)}.abertura-moldura img{display:block;width:100%;max-height:70vh;object-fit:contain}.abertura-entrar{font-family:Bungee,sans-serif;font-size:clamp(1.1rem,2.6vw,1.6rem);padding:.9rem 1.8rem;background:#557a5c;color:#fffaf0;border:3px solid #120d0a;box-shadow:6px 6px #120d0a;cursor:pointer}.abertura-entrar:active,.abertura-pular:active{transform:translate(3px,3px);box-shadow:3px 3px #120d0a}.abertura-pular{position:absolute;right:1.25rem;bottom:1.25rem;z-index:2;font-family:Barlow,sans-serif;font-weight:700;padding:.55rem 1rem;background:#efe1c3;color:#120d0a;border:3px solid #120d0a;box-shadow:4px 4px #120d0a;cursor:pointer}