*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Consolas,Lucida Console,Courier New,monospace;background:#111}#app{height:100%}canvas{display:block;width:100%;height:100%}.hud{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1rem;pointer-events:none;z-index:2;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:1rem;width:100%}.hud-hint{margin:0;max-width:42rem;font-size:.78rem;line-height:1.5;letter-spacing:.02em;color:#ffffffb8;text-shadow:0 1px 3px rgba(0,0,0,.9)}.crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#ffffff73;box-shadow:0 0 4px #00000080;pointer-events:none;z-index:3;mix-blend-mode:difference}.minimap{pointer-events:none;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.minimap-title{font-size:.6rem;letter-spacing:.18em;color:#f0d28cf2;text-align:center;margin-bottom:.15rem;text-shadow:0 0 8px rgba(0,0,0,.9)}.minimap-canvas{display:block;border-radius:4px;image-rendering:pixelated}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1rem}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0cc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{position:relative;z-index:1;max-width:min(96vw,56rem);max-height:92vh;overflow:auto;background:#fefefe;color:#1a1a1a;border-radius:14px;box-shadow:0 32px 64px #00000073,0 0 0 1px #ffffff14;padding:1.5rem 1.5rem 1.75rem;animation:modalIn .25s ease-out}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-panel img{display:block;width:100%;height:auto;max-height:min(62vh,720px);object-fit:contain;background:#fff;border-radius:8px}.modal-text{margin-top:1rem}.modal-text h2{margin:0 0 .35rem;font-size:1.4rem;font-weight:600;font-family:Georgia,Times New Roman,serif;font-style:italic}.modal-meta{margin:0 0 .75rem;font-size:.9rem;color:#555}.modal-desc{margin:0;font-size:.95rem;line-height:1.55;white-space:pre-wrap;max-height:min(36vh,20rem);overflow-y:auto;padding-right:.35rem}.modal-text p:not(.modal-desc){margin:0}.modal-text .modal-meta+.modal-desc{margin-top:.25rem}.modal-close{position:absolute;top:.5rem;right:.5rem;width:2.25rem;height:2.25rem;border:none;border-radius:8px;background:#0000000f;font-size:1.5rem;line-height:1;cursor:pointer;color:#333}.modal-close:hover{background:#0000001a}