@import url('layout.css');
:root{--navy:#102337;--blue:#243f56;--paper:#f7efdd;--brass:#c7a36a;--ink:#182634;--red:#a13b3e;--face-dialogue:'Segoe UI',sans-serif;--face-impact:Impact,sans-serif;--face-forensic:Consolas,monospace}
body{font-family:var(--face-dialogue)}
button,select{border-color:transparent;background-color:var(--navy);background-image:url('skin/linen.svg');border-radius:0;color:var(--paper);text-shadow:0 2px #060e18;transition:filter .12s,background-color .12s;isolation:isolate}
button::after,.dialogue::after,.speaker::after,.context::after,.modal::after,.system-card::after,.title-plate::after,.tactics h2::after{
  content:'';position:absolute;inset:0;pointer-events:none;border:24px solid transparent;border-image:url('skin/frame-idle.svg') 24 / 24px / 0 stretch;z-index:1;
}
button{position:relative}
button,.dialogue,.speaker,.context,.modal,.system-card,.title-plate,.tactics h2{--frame-cut:13px;clip-path:polygon(var(--frame-cut) 0,calc(100% - var(--frame-cut)) 0,100% var(--frame-cut),100% calc(100% - var(--frame-cut)),calc(100% - var(--frame-cut)) 100%,var(--frame-cut) 100%,0 calc(100% - var(--frame-cut)),0 var(--frame-cut)) padding-box}
.evidence-list button,.speaker{--frame-cut:6.5px}
button:hover:not(:disabled){background-color:#2b465b;filter:brightness(1.08)}
button:hover:not(:disabled)::after,button:focus-visible::after{border-image-source:url('skin/frame-hover.svg')}
button:active:not(:disabled){transform:none;background-color:#0b1929;filter:brightness(.88)}
button:active:not(:disabled)::after{border-image-source:url('skin/frame-pressed.svg')}
button:disabled{opacity:.48;filter:grayscale(1);cursor:not-allowed}
button:disabled::after{border-image-source:url('skin/frame-disabled.svg')}
button.selected{border-color:transparent;background-color:#304b60}
button.selected::after{border-image-source:url('skin/frame-selected.svg')}
button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe4a8;outline-offset:-7px}
button.primary{background-color:#a8712e;color:#fff9e9;border-color:transparent;background-image:url('skin/linen.svg');text-shadow:0 2px 1px #38200e}
button.primary:hover:not(:disabled){background-color:#d19942}
button.primary:active:not(:disabled){background-color:#876022}
button.danger{background-color:var(--red)}
.context{background-color:var(--navy);background-image:url('skin/linen.svg');border-color:transparent}
.context small{color:#d8b67e;font-family:var(--face-forensic);letter-spacing:1px}
.settings{background:var(--navy) url('skin/linen.svg');border-color:transparent}
.settings span[aria-hidden]{font-size:0;display:block;width:58px;height:58px;margin:auto;background:url('skin/settings.svg') center/contain no-repeat}
.speaker{color:#fff2d5;background:#805431 url('skin/wood.svg');text-shadow:0 2px #352016}
.dialogue{border-color:transparent;background:var(--navy) url('skin/linen.svg')}
.dialogue-text{color:#fff9ed;text-shadow:0 2px #07121c;font-weight:500}
.actions,.tactic-actions{background:#493322 url('skin/wood.svg')}
.registry,.actions button,.tactic-actions button,.log{font-family:var(--face-impact);font-weight:400;letter-spacing:1.3px}
.registry{padding-left:60px;background-color:#183047;background-image:url('skin/folder.svg'),url('skin/linen.svg');background-size:40px 40px,64px 64px;background-position:17px center,0 0;background-repeat:no-repeat,repeat}
.advance{background-color:#172f45;color:#f8d18a}
.advance .cursor{font-size:0;width:34px;height:24px;background:url('skin/cursor.svg') center/contain no-repeat;animation:cursor-v3 1.4s ease-in-out infinite}
.advance small{font-family:var(--face-forensic);color:var(--paper);letter-spacing:-1px}
.side-nav .arrow{background:url('skin/arrow.svg') center/contain no-repeat;border:0;clip-path:none}
.side-nav .arrow-next{background-image:url('skin/arrow.svg');scale:-1 1}
.side-nav .arrow svg{visibility:hidden}
.side-nav .arrow::after{display:none}
.side-nav .arrow:hover,.side-nav .arrow:active{background:url('skin/arrow.svg') center/contain no-repeat}
.side-nav .arrow:active:not(:disabled){filter:brightness(.8)}
.pizza img{filter:drop-shadow(0 2px 1px #080e19)}
.pizza.critical img[src*="inteira"]{filter:drop-shadow(0 0 5px #b7473f)}
.pizza img.losing{animation:loss-v3 .65s ease-out both}
.full-wash{background:#061422b8}
.title-plate,.system-card,.modal,.modal.fullscreen{background-color:#102337;background-image:url('skin/linen.svg')}
.title-plate{border-color:transparent}
.title-plate h1,.system-card h1,.modal h2,.impact{font-family:var(--face-impact);font-weight:400;letter-spacing:2px}
.title-plate small{color:#cfbd9d}
.eyebrow{font-family:var(--face-forensic);letter-spacing:2px}
.modal header{border-bottom:2px solid #967446;padding-bottom:8px}
.modal header h2{color:#efd4a0}
.modal footer{background:url('skin/wood.svg'),#322a25;padding:0 14px;border-top:2px solid #957343}
.evidence-details{background:#f2e7ce url('skin/paper.svg');box-shadow:inset 0 0 0 2px #c4ac80;color:#182634}
.evidence-details h3{color:#213a4c}
.thumb{font-family:var(--face-forensic);background:#e3d2ad url('skin/paper.svg');color:#6f332e;border:3px double #9b5141;rotate:-2deg}
.editorial{border-color:#bba27d}
.editorial b{font-family:var(--face-forensic);font-size:.9em;text-transform:uppercase;letter-spacing:1px}
.evidence-list button.selected{color:#fff8e5}
.evidence-list button small{color:#e6d9bd}
.evidence-list button::after,.speaker::after{border-image-width:12px}
.tactics h2{position:relative;background:var(--navy) url('skin/linen.svg')}
.choice{font-family:var(--face-dialogue);font-weight:600;background-image:url('skin/linen.svg');text-shadow:none}
.choice::before{color:#e9bd71}
.choice.selected{color:white}
.settings-grid button{font-family:var(--face-impact);font-weight:400;letter-spacing:1.2px}
.options-row select{border-color:#aa8853}
.impact{background:#e2c38e url('skin/paper.svg');border-color:#c2944f;color:#7e292d;text-shadow:3px 3px #f7eccf}
.impact.divine{background:#122b45 url('skin/linen.svg');color:#f9dc91;text-shadow:3px 3px #080f18}
#game[data-screen="bad"] .system-card{background-image:url('skin/pizza-box.svg'),url('skin/linen.svg');background-size:190px 190px,64px 64px;background-position:calc(100% - 48px) 35px,0 0;background-repeat:no-repeat,repeat}
#game[data-screen="bad"] .system-card h1{padding-right:190px;color:#e6b78d}
@keyframes cursor-v3{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes loss-v3{0%{filter:sepia(1) saturate(6) drop-shadow(0 0 8px #e05045);opacity:1}30%{opacity:.25}55%{filter:sepia(1) saturate(6);opacity:1}100%{filter:none;opacity:1}}
.reduced .cursor,.reduced .pizza img.losing{animation:none}
@media(prefers-reduced-motion:reduce){.advance .cursor,.pizza img.losing{animation:none}button,select{transition:none}}