html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Arial,sans-serif}canvas{display:block}#instructions{color:#fff;z-index:200;cursor:pointer;background:#000000bf;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}#instructions.hidden{opacity:0;pointer-events:none}.welcome-box{text-align:center;background:#141414f2;border:1px solid #fff3;border-radius:8px;min-width:300px;padding:40px}.welcome-box h1{margin-top:0;font-size:32px;font-weight:400}.welcome-box p{margin:25px 0;font-size:20px}.controls-help{opacity:.75;font-size:14px;line-height:1.8}#crosshair{pointer-events:none;z-index:150;border:1px solid #fffc;border-radius:50%;width:8px;height:8px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair.visible{display:block}#crosshair.interactive{border-color:#fff;width:12px;height:12px}#interaction-prompt{color:#fff;letter-spacing:.5px;opacity:0;pointer-events:none;z-index:160;background:#000c;border:1px solid #ffffff40;padding:12px 20px;font-size:14px;transition:opacity .2s,transform .2s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(10px)}#interaction-prompt.visible{opacity:1;transform:translate(-50%)translateY(0)}#artwork-panel{color:#fff;opacity:0;pointer-events:none;z-index:180;background:#141414f2;border:1px solid #fff3;width:320px;padding:30px;transition:opacity .3s,transform .3s;position:fixed;top:50%;right:30px;transform:translateY(-50%)translate(30px)}#artwork-panel.visible{opacity:1;pointer-events:auto;transform:translateY(-50%)translate(0)}#artwork-panel h2{margin-top:0;font-weight:400}#artwork-details{opacity:.8;font-size:14px;line-height:1.8}#artwork-description{margin-top:20px;line-height:1.6}#close-artwork{color:#fff;cursor:pointer;background:0 0;border:none;width:30px;height:30px;font-size:24px;position:absolute;top:10px;right:10px}