@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";*{box-sizing:border-box}body{-webkit-user-select:none;user-select:none;background-color:#87ceeb;margin:0;padding:0;font-family:Nunito,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100vw;height:100vh;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}#instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;pointer-events:auto;background:#ffffffe6;border:4px solid #f0f0f0;border-radius:30px;flex-direction:column;align-items:center;gap:10px;max-width:400px;padding:40px;transition:opacity .3s;display:flex;box-shadow:0 15px 35px #0000001a}#instructions.hidden{opacity:0;pointer-events:none}#instructions h1{color:coral;margin:0 0 10px;font-size:1.8rem;font-weight:900}#instructions p{color:#666;word-break:keep-all;margin:0;font-size:1.1rem;line-height:1.5}#start-btn{color:#fff;cursor:pointer;background-color:#32cd32;border:none;border-radius:30px;margin-top:20px;padding:15px 40px;font-family:inherit;font-size:1.2rem;font-weight:900;transition:transform .1s,background-color .2s;box-shadow:0 5px #228b22}#start-btn:hover{background-color:#3cb371;transform:translateY(-2px)}#start-btn:active{transform:translateY(5px);box-shadow:0 0 #228b22}#interaction-bubble{pointer-events:auto;text-align:center;opacity:0;background:#fffffffa;border:6px solid gold;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;min-width:450px;max-width:90%;padding:30px 60px;display:flex;position:absolute;bottom:0;transform:translateY(100px);box-shadow:0 15px 45px #0003}#artwork-title{font-size:2.5rem;color:#333!important;margin:0 0 5px!important}#artwork-type{color:#4caf50;font-size:2rem;margin-bottom:15px!important;font-weight:900!important}#artwork-desc{word-break:keep-all;white-space:pre-wrap;font-size:1.8rem;line-height:1.4;color:#333!important;margin-bottom:25px!important}#interaction-bubble.hidden{display:none}#interaction-bubble h2{color:#333;margin:0 0 10px;font-weight:900}#interaction-bubble p{color:#777;margin:0 0 15px;font-weight:700}#artwork-link{color:#fff;background-color:#1e90ff;border-radius:20px;padding:12px 30px;font-weight:900;text-decoration:none;transition:transform .1s,background-color .2s;display:inline-block;box-shadow:0 4px #0000cd}#artwork-link:hover{background-color:#4169e1}#artwork-link:active{box-shadow:none;transform:translateY(4px)}