:root{--ink:#242131;--paper:#f8f5ed;--aqua:#00dcb9;--purple:#8a38f5;--yellow:#ffdd00;--muted:#706778}
*{box-sizing:border-box}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}p{margin:0 0 18px}h1,h2{font-weight:700;text-wrap:balance}button[hidden],[hidden]{display:none!important}
.console-screen{min-height:0;overflow:hidden;position:relative;background:#4c443c url('assets/console-v1/recepcao-brasileira.webp') center top/cover no-repeat}
.welcome,.onboarding{height:100%;position:relative;overflow:auto;padding:30px 40px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;isolation:isolate}
.welcome:before,.onboarding:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#19122144,transparent 65%);z-index:-1;pointer-events:none}
.welcome-art{position:absolute;top:28px;left:38px;right:38px;pointer-events:none}.scene-caption{background:#23202fee;border:1px solid #81c1ac;color:#f8f5ed;width:max-content;max-width:100%;padding:16px 20px;border-radius:4px;box-shadow:0 3px #0c161c45;font-size:12px}.scene-caption h2{font-size:23px;line-height:1.35;margin:8px 0 12px}.pixel-tag{font-size:9px;color:#77e3d1;letter-spacing:.8px}.spark{color:#ffdd00}.login-panel{width:480px;align-self:flex-end;padding:28px 32px;color:var(--ink);background:var(--paper);border:2px solid #413748;border-radius:5px;box-shadow:0 4px 0 #282336;position:relative;margin:0 3% 0 0}.login-panel h1{font-size:30px;line-height:1.25;margin:0 0 16px;letter-spacing:-1px}.eyebrow{font-size:13px;line-height:1.5;color:#69507e;letter-spacing:.3px;margin:0 0 12px}.login-panel .eyebrow{font-size:10px}.login-panel .muted{font-size:14px;line-height:1.65}.muted,.help{color:var(--muted)}.help{font-size:12px;line-height:1.6}.login-panel label,.field{display:block;margin:18px 0 10px;font-size:13px}.field>span{display:block;margin-bottom:8px}.field input,.field textarea,.login-panel input{width:100%;padding:12px 14px;border:1px solid #a29aa6;border-radius:3px;background:#fffefa;color:var(--ink);font-size:16px;outline-offset:2px}.field textarea{min-height:100px;resize:vertical}.button{border:1px solid #3b303d;background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 #3b303d;padding:14px 20px;font-size:12px;font-weight:700;line-height:1.3;min-height:48px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:3px}.button:hover{background:#ffe85e}.button.wide{width:100%;margin:14px 0 20px}.button.secondary{background:#342b44;color:white}.inline-note{border-left:2px solid #9273b6;padding:8px 12px;background:#ebe7ee;font-size:10px;line-height:1.6;color:#706478}.login-panel .back{font-size:10px;padding:10px 0 0;line-height:1.5;text-align:left}
.quest-header{position:absolute;top:22px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:#23202fec;border:1px solid #736085;border-radius:4px;padding:12px 17px;width:max-content;max-width:calc(100% - 64px);font-size:10px;letter-spacing:1px}.progress{display:flex;gap:5px}.progress i{width:13px;height:5px;background:#66556d}.progress i.done{background:#65dfcb}
.dialogue-stage{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;background:var(--paper);color:var(--ink);border:2px solid #51405b;box-shadow:0 4px 0 #302438;border-radius:5px;width:min(1020px,100%);padding:26px 28px;max-height:calc(100% - 100px);overflow:auto;position:relative;scrollbar-color:#ae97bf #f1ecf4}
.quest-content{min-width:0}.quest-content h1{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.speech{font-size:16px;line-height:1.65;margin:0 0 22px;min-height:80px;text-wrap:pretty}.fields{font-size:14px;line-height:1.6}.fields h2{font-size:24px;line-height:1.4;margin:0 0 12px;letter-spacing:-.6px}.fields h2 br{display:none}.fields .muted{font-size:13px;line-height:1.6}.fields .help{font-size:11px;margin-bottom:0}.guide{position:sticky;top:0;align-self:start;text-align:center;padding-top:4px}.guide-portrait{aspect-ratio:1;position:relative;border:1px solid #806790;background:#d0c5dc;padding:7px;border-radius:4px}.guide-portrait .sprite-bust{width:100%;height:100%;border:0;border-radius:0;background:#c1b0d1}.guide-name{display:block;background:#e9e3ee;border:1px solid #927c9e;padding:10px 4px;margin-top:10px;font-size:12px;font-weight:700;letter-spacing:.5px;border-radius:3px}.guide>small{display:block;color:#8b7a94;font-size:10px;margin:10px 0;line-height:1.5}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.grid2 .field{margin-top:0}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{padding:12px 14px;text-align:left;border:1px solid #b4a7bc;background:#fffdf8;color:var(--ink);min-height:46px;font-size:12px;line-height:1.4;border-radius:3px}.chip[aria-pressed=true]{border-color:#227467;background:#d7f3ea;box-shadow:inset 3px 0 #308a7a}.chip[aria-pressed=true]:before{content:'✓ ';color:#226e61}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid #d6cddd}.back{border:0;background:none;color:#77657c;font-size:12px;padding:10px 0;min-height:40px;text-decoration:underline;text-underline-offset:4px}.range-row{margin:16px 0}.range-row label{display:flex;justify-content:space-between;gap:12px;font-size:12px}.range-row output{color:#706177;text-align:right}.range-row input{width:100%;accent-color:#277f72;margin:14px 0 0;min-height:24px}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 4px 22px;max-width:400px}.swatch{height:40px;min-width:0;border:2px solid #83738c;border-radius:2px}.swatch[aria-pressed=true]{outline:2px solid #31243b;outline-offset:3px}.swatch[aria-pressed=true]:after{content:'✓';display:block;color:white;text-shadow:1px 1px 2px #000;font-size:20px}.check{display:flex;gap:10px;font-size:12px;align-items:flex-start}.check input{accent-color:#27897a;width:18px;height:18px;flex-shrink:0}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.avatar-card{border:1px solid #a795b4;background:#e2d9e8;padding:12px 8px;color:#44324d;min-width:0;border-radius:3px;font-size:11px}.avatar-card[aria-pressed=true]{border-color:#248d7c;box-shadow:0 0 0 2px #248d7c}.avatar-card canvas{width:64px;height:96px;image-rendering:pixelated;display:block;margin:0 auto 8px;max-width:100%;object-fit:contain}.avatar-card small{display:block;color:#72647a;font-size:9px;margin-top:6px}.photo-preview{width:70px;max-height:90px;object-fit:contain;margin-top:12px}.error{color:#9e4239;font-size:12px;line-height:1.5;margin:10px 0;min-height:0}.error:empty{display:none}.notice{font-size:10px;line-height:1.6;color:#74667e;margin:12px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
dialog:not(.console-dialog){background:#f8f5ed;color:#242131;border:1px solid #aa8dbc;padding:36px;max-width:550px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;border-radius:5px;font-size:14px;line-height:1.6}dialog::backdrop{background:#101026aa}.close{position:absolute;top:8px;right:12px;width:35px;height:35px;background:none;border:0;color:#77677c;font-size:27px}
@media(max-width:900px){.welcome,.onboarding{padding:20px}.login-panel{margin:0;width:430px;padding:22px 26px}.welcome-art{left:22px;top:22px}.scene-caption{max-width:300px}.scene-caption h2{font-size:21px}.dialogue-stage{grid-template-columns:minmax(0,1fr) 150px;gap:20px;padding:23px;max-height:calc(100% - 80px)}.quest-header{top:16px;left:20px;right:20px}.speech{font-size:15px}.guide-name{font-size:10px}}
@media(max-width:699px){.console-screen{background-position:51% top}.welcome,.onboarding{padding:12px;justify-content:flex-end}.welcome{overflow:auto;display:block}.welcome-art{position:relative;left:auto;right:auto;top:auto;height:110px;display:flex;align-items:flex-start}.scene-caption{padding:11px 14px;font-size:9px}.scene-caption h2{font-size:16px;margin:6px 0}.scene-caption h2 br{display:none}.pixel-tag{font-size:7px}.scene-caption .spark{display:none}.login-panel{width:100%;padding:21px 20px;margin:0}.login-panel h1{font-size:25px;letter-spacing:-.7px}.login-panel h1 br{display:none}.login-panel .muted{font-size:12px}.login-panel .help{font-size:10px}.quest-header{left:12px;right:12px;top:12px;max-width:calc(100% - 24px);padding:10px 12px;font-size:8px;gap:10px}.progress{gap:3px}.progress i{width:9px;height:4px}.dialogue-stage{display:block;width:100%;max-height:calc(100% - 70px);padding:18px 17px}.guide{position:absolute;top:16px;right:16px;width:74px;padding:0}.guide-portrait{padding:3px}.guide-name{font-size:7px;letter-spacing:0;margin-top:5px;padding:6px 2px}.guide>small{display:none}.quest-content h1{padding-right:85px;font-size:10px;min-height:30px;margin-bottom:9px;letter-spacing:0}.speech{padding-right:87px;min-height:96px;font-size:13px;line-height:1.65;margin-bottom:18px}.fields h2{font-size:20px}.fields .muted{font-size:12px}.fields .help{font-size:10px}.chips{grid-template-columns:1fr}.chip{font-size:12px;min-height:44px;padding:10px 12px}.grid2{grid-template-columns:1fr;gap:0}.field{font-size:12px;margin:14px 0 8px}.field input{padding:11px 12px}.palette{gap:10px;margin:18px 3px}.swatch{height:34px}.actions .button{font-size:10px;padding:12px 14px;gap:8px}.actions .back{font-size:10px}.avatar-card{padding:12px 4px;font-size:10px}.avatar-grid{gap:7px}.avatar-card canvas{width:48px;height:72px}.avatar-card small{font-size:8px}.range-row label{font-size:11px}.range-row{margin:16px 0}.check{font-size:11px}}
@media(max-height:700px) and (min-width:700px){.welcome,.onboarding{padding:15px 26px}.login-panel{padding:19px 24px;width:425px;max-height:100%;overflow:auto}.login-panel h1{font-size:26px}.login-panel .muted{font-size:12px}.login-panel .help{font-size:11px;margin-bottom:10px}.dialogue-stage{max-height:calc(100% - 56px);padding:18px 24px;grid-template-columns:minmax(0,1fr) 154px}.quest-header{top:12px;padding:9px 13px}.speech{min-height:0;margin-bottom:15px}.fields h2{font-size:21px}.guide-name{font-size:10px}.scene-caption{max-width:310px}}
@media(max-width:699px){.console-screen{background-image:url('assets/console-v1/recepcao-brasileira-mobile.webp')}}