:root{font-family:Inter,Segoe UI,system-ui,sans-serif;background:#050108;color:#fff;color-scheme:dark}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 15%,#24103d 0,#08020e 48%,#030106);touch-action:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,#8b5cf611,#ff4fd808 45%,#5ffaff0c);z-index:0}#app{position:relative;z-index:1;display:grid;place-items:center;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}canvas{display:block!important;margin:auto!important;max-width:100%;max-height:100%;border:1px solid #8b5cf655;border-radius:18px;box-shadow:0 24px 80px #000b,0 0 40px #9f4dff22,0 0 80px #00eaff0c}#rotate-message{display:none;position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 35%,#321058,#090312 68%);align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;padding:40px;font-size:17px;color:#cdbddb}#rotate-message:before{content:"↻";font-size:64px;color:#5ffaff;text-shadow:0 0 24px #5ffaff88}#rotate-message strong{font-size:28px;color:#fff;text-shadow:0 0 16px #a855f7}@media(orientation:portrait)and (max-width:900px){#rotate-message{display:flex}}@media(max-height:500px){canvas{border-radius:10px}#app{padding:2px}}