html,body{height:100%}body{margin:0;overflow:hidden;background:#0f0f12;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;color:#eaeaea}.root{width:1280px;height:720px;margin:0 auto;position:relative;background:#1a1b20;box-shadow:0 0 0 1px #ffffff0f,0 8px 40px #0009}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.title{font-size:28px;font-weight:700;letter-spacing:.5px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a2b30;background:#2b2d33;color:#eaeaea;padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn:hover:not(:disabled){background:#363842;border-color:#3a3c45;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000004d}.btn:disabled{opacity:.5;cursor:default}.btn-green{background:#1b4d20;border-color:#2d6b33;color:#c8e6c9}.btn-green:hover:not(:disabled){background:#2d6b33;border-color:#388e3c}.btn-red{background:#5d1f1f;border-color:#7f2c2c;color:#ffcdd2}.btn-red:hover:not(:disabled){background:#7f2c2c;border-color:#b71c1c}.hud{position:absolute;top:12px;left:12px;font-size:14px;opacity:.9}.footer{position:absolute;bottom:16px;left:16px;right:16px;display:flex;gap:12px;justify-content:flex-end}.panel{border:1px solid #2a2b30;border-radius:12px;background:#20222a;padding:12px}.attrs{font-size:16px;line-height:1.6}.big{font-size:20px}.portrait-wrapper{display:flex;flex-direction:column;gap:8px;align-items:center}.portrait-wrapper>svg{width:300px;height:300px;border-radius:12px;border:1px solid #2a2b30;display:block;overflow:hidden;background:#14151a}.portrait-wrapper>svg g{transform-origin:center center;transform-box:fill-box}.portrait-name{font-size:20px;font-weight:600;color:#eaeaea;text-align:center}@keyframes portraitEnter{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes portraitExit{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes flashRed{0%,to{box-shadow:inset 0 0 #f000;filter:brightness(1)}50%{box-shadow:inset 0 0 100px 50px #f009;filter:brightness(1.3) saturate(1.5)}}@keyframes slideLeft{to{transform:translate(-400px);opacity:0}}.dialogue-panel{flex:1;overflow-y:auto;padding:16px;background:#1a1b20;border:1px solid #2a2b30;border-radius:12px;display:flex;flex-direction:column;gap:12px;cursor:pointer;min-height:300px;max-height:400px}.dialogue-panel::-webkit-scrollbar{width:8px}.dialogue-panel::-webkit-scrollbar-track{background:#14151a;border-radius:4px}.dialogue-panel::-webkit-scrollbar-thumb{background:#2a2b30;border-radius:4px}.dialogue-panel::-webkit-scrollbar-thumb:hover{background:#3a3b40}.dialogue-message-left{align-self:flex-start;max-width:70%;background:#2b2d33;border:1px solid #3a3b40;border-radius:12px;padding:12px}.dialogue-message-right{align-self:flex-end;max-width:70%;background:#1a3a5a;border:1px solid #2a4a6a;border-radius:12px;padding:12px}.dialogue-speaker{font-size:12px;font-weight:600;opacity:.7;margin-bottom:4px}.dialogue-text{font-size:14px;line-height:1.5}.interrogation-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:16px;background:#1a1b20;border:1px solid #2a2b30;border-radius:12px}.interrogation-buttons .btn{font-size:13px;padding:12px;white-space:nowrap}.interrogation-buttons .btn:disabled{background:#1a1b20;opacity:.4;cursor:not-allowed}