*{box-sizing:border-box}html,body,#root{background:#000;width:100%;height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{outline:none;display:block}.hud{pointer-events:none;color:#fff;text-shadow:0 1px 3px #0009;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.crosshair{background:#fffc;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.prompt{background:#00000073;border-radius:8px;margin-bottom:96px;padding:8px 16px;font-size:16px}.help{opacity:.75;margin-bottom:24px;font-size:13px}.menu-overlay{z-index:10;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-panel{color:#fff;background:#1c1c1e;border-radius:16px;min-width:420px;max-width:90vw;max-height:85vh;padding:32px 40px;overflow-y:auto}.menu-panel h2{text-align:center;margin:0 0 20px;font-size:22px}.menu-section h3{text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin:20px 0 10px;font-size:14px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.menu-item{color:#fff;cursor:pointer;background:#2c2c2e;border:2px solid #555;border-radius:8px;padding:12px 14px;font-size:15px;transition:background .15s}.menu-item:hover{background:#3a3a3c}.menu-close{text-align:center;border-color:#777;width:100%;margin-top:24px}.artwork-overlay{z-index:20;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.artwork-modal{color:#fff;background:#1c1c1e;border-radius:16px;width:100%;max-width:1000px;max-height:85vh;display:flex;position:relative;overflow:hidden}.artwork-modal-image{background:#000;flex:1.2;justify-content:center;align-items:center;display:flex}.artwork-modal-image img{object-fit:contain;width:100%;height:100%;max-height:85vh}.artwork-modal-info{flex-direction:column;flex:1;gap:8px;padding:40px;display:flex;overflow-y:auto}.artwork-category{color:#c9743f;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:600}.artwork-modal-info h2{margin:4px 0 20px;font-size:30px}.artwork-fields{border-top:1px solid #3a3a3c;flex-direction:column;gap:14px;padding-top:18px;display:flex}.artwork-field{justify-content:space-between;font-size:14px;display:flex}.artwork-field span:first-child{color:#999}.artwork-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff1f;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}.artwork-close:hover{background:#ffffff38}@media (width<=720px){.artwork-modal{flex-direction:column;max-height:90vh;overflow-y:auto}.artwork-modal-image img{max-height:40vh}}