#container{position:relative;width:840px;height:890px;border:1px solid black}#canvas{z-index:1;position:absolute;top:0;left:0;background-color:#000}#ui,#quests{z-index:2;width:840px;height:840px;position:absolute;top:0;left:0;background-color:gray;display:none}#dialogue{z-index:3;width:840px;height:400px;position:absolute;bottom:0;left:0;background-color:gray;display:none}#bar{z-index:3;width:100%;height:50px;position:absolute;bottom:0;left:0}#bar .hotkey{position:absolute;background-color:#faebd7;top:0;height:100%;width:10%;box-sizing:border-box;border:1px solid black}#bar .hotkey span{position:absolute;top:0;left:50%;transform:translate(-50%)}#notification{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#444;color:#fff;padding:.5rem 2rem;border:1px solid #222}#game-library{position:absolute;top:840px;width:840px;background-color:#999}#selected-spike{position:absolute;top:100px;left:100%}#generate-map-file{position:absolute;left:100%;top:0}#instruction-info{z-index:6;position:absolute;top:0;right:0;color:#fff}#instruction{position:absolute;top:0;left:0;z-index:5;max-width:780px;padding:18px;background:#f8fafc;border:1px solid rgba(0,0,0,.06);border-radius:10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#0f172a;line-height:1.45;box-shadow:0 6px 18px #0f172a0f}#instruction strong{display:inline-block;margin-bottom:6px;font-size:1rem;color:#0b1220}#instruction ol,#instruction ul{margin:8px 0 12px 20px;padding:0}.key{display:inline-block;padding:3px 8px;margin:0 3px;border-radius:6px;border:1px solid rgba(11,18,32,.08);background:linear-gradient(180deg,#fff,#f1f5f9);box-shadow:0 1px #0b12200a;font-weight:600;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Segoe UI Mono,monospace;color:#071029}#instruction li>ul li,#instruction li>ol li{margin-bottom:8px}@media (max-width: 520px){#instruction{margin:12px;padding:14px;font-size:14px}.key{padding:2px 6px;font-size:.8rem}}