/* © 2026 Ori Roniger. Hollowport: original artwork, writing and code. All rights reserved. https://hollowport.mystery.co.il/ */
.conversation{border:1px solid #475338;background:#1b2417;padding:23px;margin:24px 0}.npc-heading{display:flex;gap:16px;align-items:center}.npc-portrait{height:65px;width:58px;border:1px solid #708553;background:repeating-linear-gradient(0deg,#26331d,#26331d 3px,#29361f 4px);display:flex;align-items:center;justify-content:center;color:#c4dd95;font:600 43px var(--display)}.npc-portrait span{font-size:18px;align-self:flex-end;margin-bottom:9px;color:#748b52}.npc-heading .eyebrow{font-size:7px}.npc-heading h3{font:600 30px var(--display);margin:6px 0}.npc-mood{font-size:7px;color:#8eaa71;letter-spacing:.7px}.conversation blockquote{margin:22px 0;padding:0 0 0 17px;border-left:2px solid #667c48;font-size:12px;line-height:1.9;color:#d4dfc3}.conversation-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.conversation-choices button{font-size:9px!important;color:#b9cba2!important;text-align:left;line-height:1.8;padding:11px 13px;border-color:#3e4d31}.conversation-choices button span{color:var(--acid)}.contract-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:28px 0 15px}.contract-heading>span{font-size:7px;color:#869775;letter-spacing:.5px}.city-contracts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.city-contracts article{padding:19px;border:1px solid #404b34;background:#181e13}.contract-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px;gap:5px;color:#899977;flex-wrap:wrap}.contract-label>span{color:var(--acid)}.city-contracts h3{font:500 27px var(--display);margin:16px 0 12px}.city-contracts p{color:#a3b18e;font-size:10px;line-height:1.9;min-height:76px}.contract-pay{font-size:22px;color:var(--amber);margin:22px 0 15px}.contract-pay small{display:block;font-size:7px;color:#9b9c7c;margin-top:6px}.city-contracts button{display:block;width:100%;font-size:8px!important;margin-top:8px;text-align:left;line-height:1.7}.contract-closed{display:block;color:#8faa73;font-size:8px;padding-top:14px}.packet-work{border-top:1px solid var(--line);margin:23px 0 10px;padding:20px 0;display:flex;gap:20px;align-items:center}.packet-work h3{font-size:11px;margin:0 0 8px}.packet-work p{font-size:9px;line-height:1.8;color:var(--muted);margin:0}.packet-work button{white-space:nowrap;font-size:8px!important}.city-scene{padding:23px;border:1px solid #4e5038;background:#201f15;margin:25px 0}.city-scene .eyebrow{color:var(--amber);font-size:8px}.city-scene h3{font:500 31px var(--display);margin:13px 0}.city-scene p{font-size:11px;line-height:1.9;color:#b6b29b}.scene-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 8px}.scene-actions button{flex:1;min-width:145px;text-align:left;line-height:1.7}.city-scene button{color:#ddc998!important;font-size:8px!important;line-height:1.8}.city-scene>button{margin:10px 8px 0 0}.city-scene .scene-note{font-size:9px;color:#a5a086;margin-top:15px}.city-scene label{font-size:8px;color:#d6c598;letter-spacing:.7px}.city-scene .password-row{max-width:450px;margin:12px 0}.city-scene input{background:#17180f;border-color:#55533a;font-size:11px;padding:13px}.city-scene .password-row>button{white-space:nowrap;padding:12px}.handoff{margin-top:26px}.broker{border-color:#6f4e3b;background:#2a1e16}.broker .eyebrow{color:#e7b286}.broker .scene-note{color:#bfa38a}.choice-consequences{display:flex;gap:20px;flex-wrap:wrap;padding:17px 0;border-top:1px solid #604a34;border-bottom:1px solid #604a34;margin:20px 0}.choice-consequences>span{font-size:7px;color:#ae947c;letter-spacing:.5px}.choice-consequences b{display:block;color:#efc091;font-size:12px;margin-top:9px;font-weight:400}.terminal-diagnosis{border-left:2px solid #a59b65;padding:8px 15px;margin:20px 0;background:#302e1b}.terminal-diagnosis>span{font-size:8px;color:#cbb984}.terminal-diagnosis p{font-size:10px}.vox-posts{margin-top:22px;border-top:1px solid #545139}.vox-posts article{padding:19px 0;border-bottom:1px solid #464632}.vox-posts article:last-child{border:0;padding-bottom:0}.vox-posts span{font-size:7px;color:#b9ab7e;letter-spacing:.7px}.vox-posts h4{font-size:12px;color:#ded5b8;margin:10px 0}.vox-posts p{margin:0;font-size:10px}.inventory{padding:20px;border:1px solid var(--line);background:#191e15;margin-top:15px}.inventory>div:not(.section-label){display:flex;align-items:center;gap:12px;padding-top:18px}.inventory>div>span{color:var(--amber);font-size:22px}.inventory .section-label>span{font-size:6px;color:#7d8b6c}.inventory p{font-size:9px;margin:0;color:#c2ceb1;line-height:1.7}.inventory small{display:block;font-size:6px;line-height:1.9;color:#81936e;margin-top:5px}.inventory .empty{margin-top:15px;color:#7b8d69}.city-feedback{color:#b7c6a3;border-top:1px solid var(--line);padding-top:18px;font-size:10px;line-height:1.9;margin:22px 0 0}.journal-contracts{border:1px solid #465133;padding:16px 18px;margin:22px 0}.journal-contracts>p{font-size:9px;line-height:2;color:#9eb087;margin:10px 0 0}.journal-contracts b{font-weight:400;color:var(--acid)}.city-journal{border-color:#b5a16d;background:#252518}.city-journal>span{color:#d8bc80}.city-journal h3{font-size:12px;margin:10px 0 5px}
@media(max-width:1050px){.conversation{padding:18px}.conversation-choices{grid-template-columns:1fr}.city-contracts{grid-template-columns:1fr}.city-contracts p{min-height:0}.packet-work{flex-wrap:wrap}.inventory{padding:17px}}
@media(max-width:760px){.conversation{padding:17px}.npc-heading .eyebrow{font-size:6px}.conversation blockquote{font-size:11px;padding-left:13px}.conversation-choices button{font-size:9px!important}.contract-heading>span{font-size:6px}.city-scene{padding:17px}.city-scene p{font-size:10px}.city-scene .password-row{flex-direction:column;gap:8px}.city-scene .password-row>button{padding:12px}.scene-actions{flex-direction:column}.scene-actions>button{width:100%;padding:13px}.city-scene>button{display:block;width:100%;margin:10px 0 0}.choice-consequences{gap:18px}.choice-consequences b{font-size:10px}.inventory{margin:0}.inventory .section-label{font-size:6px}.inventory .section-label>span{display:none}.inventory p{font-size:8px}.inventory small{font-size:6px}.inventory>div:not(.section-label){gap:8px}.packet-work button{width:100%;padding:13px}aside>#inventory-panel{grid-column:2;grid-row:2}aside>.objective{grid-column:2;grid-row:1}aside>.profile{grid-column:1;grid-row:1 / span 2}.skill>span{font-size:7px}.city-feedback{font-size:9px}.city-contracts article{padding:17px}}
.contact-conversation{margin-top:22px}.contact-business{border-top:1px solid #567481;margin-top:22px;padding-top:20px}.contact-business>p{font:20px/1.35 var(--pixel);color:#c4d5d0}.contact-business>button{display:block;width:100%;margin-top:10px;min-height:44px}.contact-business .password-row button{min-height:44px}.contact-business .scene-note{font:10px/1.8 var(--mono);color:#a6bec2}.contact-conversation.broker{border-color:#958467}.contact-conversation.broker blockquote{border-color:#7e735c;background:#282a26}.contact-conversation.broker .npc-mood{color:#d4c29e}
.transmission-contract{margin-top:24px;background:#1b303d;border:2px solid #8babb0;padding:25px;box-shadow:inset 2px 2px #c0d3cc22}.transmission-contract>.eyebrow{display:flex;justify-content:space-between;gap:15px;color:#b8cec5}.transmission-contract h3{font:36px var(--pixel);color:#e2d1a5;margin:14px 0}.transmission-contract p,.tx-receiver p{font:21px/1.35 var(--pixel);color:#c7d8d0}.transmission-contract button,.tx-receiver button{font:19px var(--pixel);min-height:46px;color:#d7e0c8;padding:12px 15px;line-height:1.25}.transmission-contract button:disabled{opacity:.5}.tx-terms{display:flex;flex-wrap:wrap;gap:22px;border-block:1px solid #607b85;padding:16px 0;margin:20px 0}.tx-terms span{font:7px/1.7 var(--mono);color:#a8c0c6}.tx-terms b{display:block;color:#ddd3b5;font:18px var(--pixel);margin-top:6px}.tx-receivers{list-style:none;padding:0;margin:20px 0}.tx-receivers li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #4a6572}.tx-receivers li>span{font:22px var(--pixel);color:#bfd7c1}.tx-receivers button{font-size:17px}.tx-fragment{background:#11232f;border-left:3px solid #acbfa8;padding:17px;margin:14px 0}.tx-fragment>span{font:7px/1.8 var(--mono);color:#a5c3c9;letter-spacing:.5px}.tx-fragment p{font:21px/1.3 var(--pixel);margin:12px 0 0;color:#d6dfcd}.transmission-contract fieldset{margin:24px 0;border:1px solid #7b989b;padding:20px;background:#243e4a;min-width:0}.transmission-contract legend{font:21px var(--pixel);padding:0 8px;color:#e1cf9d}.transmission-contract label{display:block;font:8px var(--mono);color:#bfd0c8;margin:16px 0 9px}.transmission-contract select{display:block;width:100%;min-height:46px;padding:10px 12px;background:#11232f;border:1px solid #91aaa9;border-radius:0;color:#dce2cf;font:20px var(--pixel)}.transmission-contract form button{width:100%;margin-top:20px;background:#a8c2b1;color:#132b38}.tx-alternative{border-top:1px solid #657e85;padding-top:10px}.tx-message{padding:20px;background:#102330;border:1px solid #8ca7a6;margin:20px 0}.tx-message>span{font:7px/1.8 var(--mono);color:#a5c3c4}.tx-message blockquote,.tx-receiver blockquote{font:25px/1.35 var(--pixel);margin:15px 0 0;color:#e5dcc2}.transmission-contract .tx-feedback{font:19px/1.3 var(--pixel);color:#e4c29b;padding:12px;border-left:2px solid #b4a17c;background:#243441}.transmission-contract .tx-feedback:empty{display:none}.journal-entry .tx-fragment p{font:21px/1.3 var(--pixel)}
@media(max-width:760px){.transmission-contract{padding:18px 14px}.transmission-contract h3{font-size:31px}.transmission-contract p,.tx-receiver p{font-size:20px}.transmission-contract>.eyebrow{font-size:6px}.tx-terms{gap:15px}.tx-terms span{font-size:6px}.tx-receivers li{display:block}.tx-receivers button{width:100%;margin-top:10px}.transmission-contract fieldset{padding:16px 12px}.tx-fragment{padding:14px}.tx-message{padding:15px}.tx-message blockquote{font-size:22px}.tx-receiver button{width:100%;margin-top:8px}}