#viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}#game{position:relative;width:1672px;height:941px;flex:none;transform-origin:center center;overflow:hidden;background:#081320}#stage{position:absolute;inset:0;width:100%;height:100%}#wash{pointer-events:none;background:linear-gradient(0deg,#040b1880,transparent 40%)}#screen,#hud{position:absolute;inset:0;pointer-events:none}#screen>*{pointer-events:auto}#hud>*{pointer-events:auto}#modal-root{z-index:90}#hud{z-index:60}#screen{z-index:40}
#flash-overlay{position:absolute;inset:0;background:white;opacity:0;z-index:110;pointer-events:none}#video-overlay{position:absolute;inset:0;z-index:100;background:#000;pointer-events:none}#movie{width:100%;height:100%;object-fit:contain;pointer-events:none}#toast{position:absolute;top:124px;left:360px;right:360px;z-index:95;background:#102337ee;border:2px solid #c7a36a;padding:18px 26px;text-align:center;font-size:26px;pointer-events:none;opacity:0;transition:opacity .15s}#toast.visible{opacity:1}
.pizza{display:flex;align-items:center;gap:0}.pizza img{width:46px;height:58px;object-fit:contain}.context{display:flex;white-space:normal;overflow:hidden;height:96px;padding-left:26px}.context small{display:block;white-space:normal;overflow:visible;text-overflow:clip;font-size:20px;line-height:24px}.dialogue-text{white-space:pre-wrap}.dialogue{pointer-events:auto;border:0;clip-path:none}.dialogue-text{scrollbar-width:thin}.speaker{z-index:2}.dialogue .advance:after{pointer-events:none}.pagination{font-size:20px;font-weight:400}.counter{position:absolute;top:570px;left:676px;width:320px;text-align:center;background:#102337db;padding:12px;color:#e6c98d;pointer-events:none}
.title-controls{position:absolute;left:100px;bottom:65px;width:480px;display:flex;flex-direction:column;gap:14px}.title-controls button{min-height:86px;font-family:Impact,sans-serif;letter-spacing:2px;font-size:34px}.loading{position:absolute;inset:400px 300px;text-align:center;font-size:36px}.system-card{height:auto;min-height:480px;max-height:720px;overflow:auto}.system-card p{white-space:pre-wrap;font-size:32px}.system-card footer{display:flex;gap:20px}.card-advance{position:absolute;right:32px;bottom:32px;min-width:260px}.image-label{position:absolute;left:30px;bottom:35px;font-size:24px;background:#102337d9;padding:12px}.choice-list{display:flex;flex-direction:column;overflow:auto}.choice{flex-shrink:0;text-align:left;white-space:normal;line-height:1.25;padding:20px 30px;font-size:29px}.tactics{left:80px;width:1512px;top:180px!important}.tactics h2{height:auto;min-height:68px;font-size:30px;background:#102337e8;padding:18px}.choice-list{max-height:560px!important;gap:18px}.tactic-actions{justify-content:space-between}.modal h2{font-size:35px}.modal footer{min-height:90px}.modal footer button{min-height:84px}.evidence-list button small{font-size:22px}.evidence-details h2{font-size:33px}.evidence-details p{font-size:27px;white-space:pre-wrap}.evidence-details h3{font-size:25px;margin:24px 0 12px}.evidence-details a{display:inline-block;padding:12px;background:#e4d4b4;color:#173d59;margin:6px;border:1px solid #9a815b;font-size:24px}.evidence-details img{max-height:350px;max-width:100%;object-fit:contain}.evidence-details audio{width:100%;height:62px;margin:15px 0}.evidence-details{background:#f4e9d5 url('assets/ui/styles/skin/paper.svg');color:#172a3a}.settings-options{display:grid;gap:20px}.settings-options button{min-height:90px}.options-row{font-size:30px}.options-row input{width:420px}.log-entry{font-size:28px}.recording-audio{position:absolute;top:525px;left:430px;width:810px;height:60px}.recording-text{position:absolute;left:150px;right:150px;top:160px;height:340px;overflow:auto;background:#102337ef;border:2px solid #c7a36a;padding:24px;font-size:27px;white-space:pre-wrap;line-height:1.4}.final-controls{display:flex;gap:20px;margin-top:35px}.modal-content{scrollbar-width:thin}.portrait-note{font-size:23px;line-height:1.4}.settings-footer{display:flex;gap:16px;flex-wrap:wrap}#error{white-space:pre-wrap;overflow:auto}
#stage.camera-live,.camera-outgoing{will-change:transform,filter,opacity;transform-origin:50% 46%;backface-visibility:hidden}
.camera-outgoing{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.camera-sweep{position:absolute;inset:-8% -20%;z-index:2;opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,transparent 30%,#d8ecff20 43%,#ffffff72 50%,#9fc9ff18 57%,transparent 70%);will-change:transform,opacity}
#game :is(.speaker,.actions,.tactic-actions),#game .modal footer{background-image:url('assets/img/ui/painel-madeira.svg#svgView(preserveAspectRatio(none))');background-size:100% 100%;background-repeat:no-repeat;background-position:center;background-origin:border-box}
#game{-webkit-user-select:none;user-select:none}
@font-face{font-family:'Abertura Pixel';src:url('fonts/abertura-pixel.ttf') format('truetype');font-display:swap}
#game[data-screen="intro"],#game[data-screen="powered-by"]{background:#000}
#game[data-screen="intro"] #stage,#game[data-screen="powered-by"] #stage{visibility:hidden}
.opening{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:52px;background:#000}
.opening-logo{display:block;width:793px;max-height:560px;object-fit:contain;image-rendering:pixelated}
.powered-by .opening-logo{width:900px;max-height:700px}
.opening .pixel-start{flex:none;min-width:360px;min-height:104px;padding:24px 38px;border:6px solid #ffd166;background:#101a2a;color:#fff1c5;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),0 calc(100% - 6px),0 6px,12px 6px);font-family:'Abertura Pixel',monospace;font-size:40px;line-height:1;letter-spacing:5px;text-shadow:4px 4px #000;box-shadow:inset 0 -8px #080e18;transition:none}
.opening .pixel-start::after{display:none}
.opening .pixel-start:hover,.opening .pixel-start:focus-visible{background:#27354a;color:#ffdd84;outline:6px solid #fff1c5;outline-offset:-16px}
.opening .pixel-start:active{background:#080e18;box-shadow:inset 0 6px #000}
.modal.disclaimer header h2{font-size:32px;line-height:1.2;letter-spacing:1px}
.modal.disclaimer .modal-content{background:#102337 url('assets/ui/styles/skin/linen.svg');border:2px solid #c7a36a;padding:22px 32px}
.disclaimer-text{font-family:var(--face-dialogue);font-size:27px;line-height:1.45;color:#fff9ed}
.disclaimer-text p{margin:0 0 22px}
.disclaimer-text p:last-child{margin-bottom:0}
.modal.disclaimer footer{justify-content:flex-end}
.modal.disclaimer footer button{min-width:310px;font-size:30px}
.dialogue .dialogue-text{top:10px;height:120px;max-height:120px;line-height:40px;font-size:32px;overflow:hidden}
.dialogue .advance{top:16px;height:110px;gap:7px;padding:8px 12px}
.dialogue .advance small{font-size:22px;line-height:1;white-space:nowrap;letter-spacing:0}
.tactics .choice-list{display:flex;flex-direction:column;height:auto;max-height:550px!important;overflow-y:auto;gap:14px}
.tactics .choice{height:auto;min-height:142px;flex:0 0 auto;overflow:visible;padding:24px 30px;font-size:29px;line-height:1.25;text-align:left}
.tactics .choice span{display:block}
.log{left:0;right:auto;top:538px}
#game[data-screen="tactics"] .log{left:0;right:auto;top:819px;height:122px;min-height:122px}
.modal header{flex:0 0 80px;min-height:80px}
.modal header h2{min-width:0}
.modal header .close-modal{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex:0 0 210px;width:210px;min-width:210px;height:76px;min-height:76px;padding:12px 20px;font-size:27px;white-space:nowrap}
.modal .modal-content{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c7a36a #102337;scrollbar-gutter:stable}
.modal .settings-options{display:flex;flex-direction:column;height:auto;min-height:0;gap:14px;padding-right:12px}
.modal .settings-options .options-row{flex:none;min-height:86px;font-size:27px}
.modal .settings-options button{flex:none;min-height:76px;font-size:28px}
.modal .settings-options .portrait-note{font-size:23px;margin:12px 0}
.modal footer{flex-shrink:0}
.tactics .choice::before{content:none;display:none}
.modal.fullscreen{left:0;top:0;width:1672px;height:941px;border:0;clip-path:none;padding:28px 36px;gap:20px;background:#102337 url('assets/ui/styles/skin/linen.svg')}
.modal.fullscreen::after{content:none}
.modal.fullscreen header{flex-basis:88px}
.modal.fullscreen .registry-body{grid-template-columns:440px minmax(0,1fr);gap:28px}
.modal.fullscreen .evidence-list,.modal.fullscreen .evidence-details{min-width:0}
.modal.fullscreen .settings-options{max-width:1280px;margin:0 auto;padding:8px 24px;gap:20px}
.modal.fullscreen .settings-options .options-row{min-height:92px;font-size:30px}
.modal.fullscreen .log-entry{padding:24px 32px;line-height:1.45}
#game.modal-open>:is(#stage,#wash,#screen,#hud){visibility:hidden}
#viewport{overflow:clip}
#game:is([data-ending="bad"],[data-ending="good"]){--ending-button-height:110px}
#game:is([data-ending="bad"],[data-ending="good"]) .dialogue{top:auto;bottom:0;height:132px}
#game:is([data-ending="bad"],[data-ending="good"]) .dialogue .dialogue-text{height:102px;max-height:102px;font-size:26px;line-height:34px}
#game:is([data-ending="bad"],[data-ending="good"]) .dialogue .advance{top:11px;height:var(--ending-button-height);min-height:var(--ending-button-height);font-size:24px}
#game:is([data-ending="bad"],[data-ending="good"]) .speaker{top:auto;bottom:132px;width:auto;min-width:220px;max-width:520px;height:42px;padding:7px 16px;font-size:22px}
#game:is([data-ending="bad"],[data-ending="good"]) :is(.actions,.log){display:none}
#game:is([data-ending="bad"],[data-ending="good"]) .card-advance{right:10px;bottom:11px;min-width:204px;height:var(--ending-button-height);min-height:var(--ending-button-height);padding:10px 18px;font-size:24px}
#game:is([data-ending="bad"],[data-ending="good"]) .system-card{left:0;top:auto;bottom:0;width:100%;height:auto;min-height:0;max-height:none;padding:16px 24px;transform:none;display:flex;flex-direction:row;align-items:center;gap:24px;background:#102337ed;border:0;border-top:1px solid #c7a36a;clip-path:none;overflow:visible}
#game:is([data-ending="bad"],[data-ending="good"]) .system-card::after{content:none}
#game:is([data-ending="bad"],[data-ending="good"]) .system-card h1{margin:0;padding:0;font-size:28px;letter-spacing:1px;white-space:nowrap}
#game:is([data-ending="bad"],[data-ending="good"]) .system-card p{flex:1;min-width:0;margin:0;font:22px/1.3 var(--face-dialogue);letter-spacing:0}
#game:is([data-ending="bad"],[data-ending="good"]) .system-card :is(footer,.final-controls){flex:none;display:flex;gap:12px;margin:0}
#game:is([data-ending="bad"],[data-ending="good"]) .system-card button{height:var(--ending-button-height);min-height:var(--ending-button-height);padding:10px 18px;font-size:24px}
#game:is([data-ending="bad"],[data-ending="good"]) .terminal-card{text-align:center}
#game:is([data-ending="bad"],[data-ending="good"]) .terminal-card p{font:28px/1.3 var(--face-impact);letter-spacing:1px}
#game:is([data-ending="bad"],[data-ending="good"]) .ending-result{display:flex;align-items:center;gap:24px;padding:11px 10px 11px 22px}
.ending-result-text{flex:1;min-width:0;white-space:pre-wrap;font:500 26px/34px var(--face-dialogue);color:#fff9ed;text-shadow:0 2px #07121c}
.ending-controls{display:flex;flex:none;gap:12px}
.modal.options-modal.fullscreen,.modal.guide.fullscreen{left:0;top:0;width:1672px;height:941px;border:0;clip-path:none;padding:28px 36px;gap:20px}
.modal.options-modal.fullscreen::after,.modal.guide.fullscreen::after{content:none}
.modal.options-modal .modal-content{overflow:hidden;scrollbar-gutter:auto}
.settings-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:18px 24px}
.options-panel{min-width:0;min-height:0;border:2px solid #967446;background:#0a1928a8;padding:20px 24px;display:flex;flex-direction:column;gap:14px}
.options-panel h3{margin:0 0 8px;color:#efd4a0;font:30px/1.1 var(--face-impact);letter-spacing:1.5px}
.options-modal .options-row{flex:none;min-height:76px;font-size:27px}
.options-modal .options-row select{width:330px;height:76px;min-height:76px;font-size:27px}
.options-modal .options-row input[type="range"]{width:340px;height:62px}
.volume-row>span{display:flex;flex-direction:column;gap:5px}
.volume-row output{font:22px/1.1 var(--face-forensic);color:#efd4a0}
.options-modal .options-panel button{flex:none;min-height:68px;padding:12px 20px;font-size:27px;line-height:1.2}
.options-modal .option-buttons{gap:10px}
.options-modal .option-buttons button{min-height:64px;padding:10px 18px;font-size:26px}
.settings-note{grid-column:1/-1;margin:0;padding:18px 24px;border-left:4px solid #c7a36a;background:#1e3547;font-size:24px;line-height:1.4}
.options-modal .settings-footer{width:100%;display:flex;align-items:center;justify-content:space-between}
.options-modal .settings-footer button:last-child{margin-left:auto}
.master-mute{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:auto}
.master-mute svg{width:36px;height:36px;flex:none;fill:currentColor}
.sound-line{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square}
.guide-text .guide-intro{font-size:26px;line-height:1.4;margin-bottom:18px;color:#efd4a0}
.guide-steps{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}
.guide-steps section{border-top:1px solid #967446;padding-top:12px}
.guide-steps h3{font:26px/1.2 var(--face-impact);letter-spacing:1px;margin:0 0 8px;color:#efd4a0}
.guide-steps h3 span{font-family:var(--face-forensic);margin-right:8px}
.guide-steps p{font-size:24px;line-height:1.35;margin:0}
.menu-warning{font-size:32px;line-height:1.5;margin:24px 0}
#game .tutorial-highlight{outline:5px solid #ffe49a;outline-offset:-7px;box-shadow:inset 0 0 20px #ffc24799;animation:tutorial-glow 1.4s ease-in-out infinite}
#game .side-nav .tutorial-highlight{outline-offset:-10px;background-color:#563d1e66}
#game .tutorial-actions .confront{margin-left:395px}
#game:has(#modal-root>*) .tutorial-highlight{animation-play-state:paused}
#game.reduced .tutorial-highlight{animation:none}
@keyframes tutorial-glow{50%{outline-color:#fff7d8;box-shadow:inset 0 0 34px #ffc247ee}}
@media(prefers-reduced-motion:reduce){#game .tutorial-highlight{animation:none}}
#game:is([data-ending="bad"],[data-ending="good"]) .ending-controls button{width:204px;height:var(--ending-button-height);min-height:var(--ending-button-height);padding:10px 16px;font-size:24px;line-height:1.25}
#game:is([data-ending="bad"],[data-ending="good"]) .ending-controls [data-action="retry"]{width:260px}
.testimony-status{position:absolute;left:32px;top:146px;max-width:790px;padding:16px 24px;background:#102337ed;border-left:6px solid #e6c98d;color:#fff9ed;pointer-events:none!important}
.testimony-status strong{display:block;font:28px/1.3 var(--face-impact);letter-spacing:1px;color:#e6c98d}
.testimony-status span{display:block;margin-top:8px;font:24px/1.3 var(--face-dialogue)}
#game[data-screen="day-card"]{background:#000}
#game[data-screen="day-card"] :is(#stage,#wash,#hud){visibility:hidden}
.day-card{position:absolute;inset:0;display:grid;place-items:center;background:#000;color:#fff;font:160px/1 var(--face-impact);letter-spacing:14px;pointer-events:none!important}
