:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0d0f18;color:#fff5d1;font-family:monospace;-webkit-text-size-adjust:100%}
#ie{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 8px 0}.ie-title{margin:0;font-size:13px;letter-spacing:.12em;color:#f2e3c0}
#ie-room{display:block;width:min(100%,960px);height:auto;aspect-ratio:16/9;image-rendering:pixelated;border:3px solid #f2e3c0;background:#0d0f18;touch-action:manipulation}
.ie-caption{margin:0;min-height:2em;font-size:12px;line-height:1.5;text-align:center;color:#fff5d1}.ie-hud{display:flex;gap:8px;justify-content:center;padding:6px 8px calc(8px + env(safe-area-inset-bottom))}
.ie-btn,.pixel-button{font-family:monospace;font-size:12px;padding:7px 12px;border:2px solid #101936;background:#f2e3c0;color:#101936;text-decoration:none;cursor:pointer}
.ie-panel{position:fixed;inset:0;z-index:50;background:rgba(13,15,24,.88);display:flex;align-items:center;justify-content:center;padding:16px}.ie-panel[hidden]{display:none}
.ie-panel-card{background:#101936;border:3px solid #f2e3c0;padding:14px;width:min(420px,100%);max-height:80vh;overflow:auto;display:flex;flex-direction:column;gap:8px}.ie-panel-card h2{margin:0;font-size:13px;color:#ffd166}.ie-panel-card p{margin:0;font-size:12px;line-height:1.7}.ie-from,.ie-letter-date,.ie-letter-sig{color:#ead8b2;font-size:11px}.ie-list{margin:0;padding-left:1.1em;font-size:12px;line-height:1.7}@media(max-width:480px){.ie-caption{font-size:11px}.ie-title{font-size:11px}}
.ie-hr{border:0;border-top:1px solid #3a2c1c;margin:10px 0}
.ie-mado-prev{display:block;width:320px;max-width:100%;height:340px;border:0;margin:8px auto;background:#0d0f18}
#ie-panel-body .pixel-button{display:inline-block;margin-top:8px}
.ie-mado-lead{margin:0}
.ie-mado-note{font-size:11px;color:#a8926c;margin:6px 0 0}