@keyframes flash{0%,to{filter:none}20%{filter:saturate(0) brightness(100)}}.flash{animation:flash .2s ease-out}body{background:#000;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:12px;box-sizing:border-box}#title-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%;min-height:calc(100vh - 24px);background:#000}#title-prompt{font-family:monospace;font-size:16px;color:#888;letter-spacing:.05em}#title-canvas-container{transform:rotate(-3deg)}#title-canvas-container canvas{display:block}#ui{display:flex;flex-direction:row;align-items:flex-start;gap:40px;width:100%;max-width:1200px;min-height:calc(100vh - 24px)}#main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;flex:6 1 0;min-width:0;align-self:stretch;position:relative;padding-top:16px}#interaction-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;background:#0d0d0d;border:1px solid #ccaa66;padding:14px 18px;font-family:monospace;font-size:14px;line-height:1.7;color:#ca6;white-space:pre-wrap;z-index:10}.popup-open #hero,.popup-open #encounter{border-color:#ca6}#sidebar{display:flex;flex-direction:column;gap:12px;flex:4 1 0;min-width:0;align-self:flex-start;padding-right:16px;padding-top:16px}#status{font-family:monospace;font-size:12px;line-height:1.6;border:1px solid #666;padding:10px 14px;background:#0d0d0d;text-align:center}#dungeon-level{font-size:12px;font-family:monospace;line-height:1.6;white-space:pre}#hero{font-size:12px;font-family:monospace;line-height:1.6;border:1px solid #444;padding:10px 14px;white-space:pre}#interaction-log{font-family:monospace;font-size:12px;line-height:1.6;color:#ca6;white-space:pre;padding:4px 0;min-height:2.5em}#encounter{font-size:12px;font-family:monospace;line-height:1.6;border:1px solid #444;padding:10px 14px;min-height:100px;white-space:pre-wrap;word-wrap:break-word}#clues{color:#888;font-size:16px;font-family:monospace;line-height:1.5;height:3em;display:flex;flex-direction:column;align-items:center;align-self:center;text-align:center}#dungeon{transform:rotate(var(--dungeon-rotation))}#help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:100}#help-panel{font-family:monospace;font-size:14px;line-height:1.8;border:1px solid #666;padding:16px 20px;background:#0d0d0d;width:50%;max-height:90vh;overflow-y:auto}#help-content{white-space:pre-wrap}.hidden{display:none!important}.loading{color:#888;font-family:monospace;padding:1rem}