*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:#140a29;color:#fbe5ff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:radial-gradient(ellipse at 48% 46%,#3a1760 0%,#1f0f3a 55%,#10081f 100%)}
#stage{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;overflow:hidden}
#art{position:relative;width:min(94vw,calc(88vh * 1177 / 1337));aspect-ratio:1177/1337;user-select:none;-webkit-user-select:none}
#gl,#ornaments{position:absolute;inset:0;width:100%;height:100%;display:block}
#gl{touch-action:none;cursor:grab}
#art.dragging #gl{cursor:grabbing}
#ornaments{pointer-events:none;filter:drop-shadow(0 0 10px #e3a4ff44)}
header{position:absolute;top:16px;left:20px;z-index:3;pointer-events:none;text-shadow:0 2px 14px #16031b}
header h1{font:600 22px Georgia,serif;margin:0 0 5px}
header small{color:#e9c9ff}
.controls{position:absolute;top:16px;right:16px;z-index:4;display:flex;gap:8px}
button{border:1px solid #d8a96e99;border-radius:12px;background:#24113bcc;color:#ffe8c5;padding:10px 12px;cursor:pointer;font:inherit}
button:hover{background:#35195a}
footer{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);background:#24113cc9;border:1px solid #c59bda88;border-radius:30px;padding:9px 16px;white-space:nowrap;font-size:12px;color:#f5d9ff;z-index:4}
#notice{position:absolute;inset:0;display:grid;place-items:center;z-index:5;pointer-events:none;color:#f5c6ff;text-align:center;padding:24px}
#notice[hidden]{display:none}
body.clean header,body.clean .controls,body.clean footer{display:none}
@media(max-width:600px){header{top:66px;left:12px}header h1{font-size:17px}.controls{top:12px;right:12px}button{padding:8px;font-size:12px}footer{font-size:10px;max-width:92vw;overflow:hidden}}