:root{--bg: #030812;--bg-soft: rgba(9, 17, 30, .72);--bg-soft-strong: rgba(8, 16, 28, .88);--text: #edf4ff;--text-dim: #afc0d8;--line: rgba(255, 255, 255, .16);--accent: #3dd2ff;--accent-soft: rgba(61, 210, 255, .18);--bg-gradient: radial-gradient( 120% 120% at 50% 10%, #0c1930 0%, var(--bg) 58%, #01040a 100% );--loader-gradient: radial-gradient( 130% 130% at 50% 10%, #10203a 0%, #030812 62%, #01040a 100% );--canvas-bg: #030812}html[data-theme=light]{--bg: #f7f8fb;--bg-soft: rgba(255, 255, 255, .72);--bg-soft-strong: rgba(255, 255, 255, .9);--text: #141b2b;--text-dim: #4b5b73;--line: rgba(10, 20, 40, .12);--accent: #1b74ff;--accent-soft: rgba(27, 116, 255, .15);--bg-gradient: radial-gradient( 120% 120% at 50% 10%, #ffffff 0%, #f1f5ff 55%, #e7eefc 100% );--loader-gradient: radial-gradient( 140% 140% at 50% 5%, #ffffff 0%, #edf2ff 62%, #e4ebfb 100% );--canvas-bg: #f5f7fb}html,body{width:100%;height:100%;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{margin:0;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;overflow:hidden;background:var(--bg-gradient)}.site-title{position:fixed;top:12px;left:12px;margin:0;z-index:40;color:var(--text);font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:700;letter-spacing:.03em;text-shadow:0 2px 12px rgba(0,0,0,.55)}.site-title span{color:var(--accent)}header{touch-action:none;position:fixed;top:10px;right:10px;z-index:40;display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000059}header a{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:500}header a img{height:20px}.hint{touch-action:none;position:fixed;left:12px;bottom:12px;z-index:10;padding:.55rem .7rem;font-size:.72rem;color:var(--text-dim);border:1px solid var(--line);border-radius:10px;background:var(--bg-soft-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059}.hint strong{color:var(--text);font-weight:600}.hint .key{color:var(--accent)}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:transparent;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.canvas-shell{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80vw,1400px);height:min(80vh,900px);border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 80px #00000073;background:var(--canvas-bg);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:var(--loader-gradient)}.loader-brand{position:fixed;top:12px;left:12px;margin:0;color:var(--text);font-size:clamp(.9rem,1.8vw,1.2rem);font-weight:700;letter-spacing:.03em;text-shadow:0 2px 12px rgba(0,0,0,.55)}.loader-brand span{color:var(--accent)}.loader.hidden{opacity:0;pointer-events:none;transition:opacity .24s ease}.loader-card{min-width:260px;max-width:86vw;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft-strong);box-shadow:0 20px 60px #0000006b;text-align:center}.loader-title{margin:0 0 .5rem;color:var(--text);font-size:.95rem;letter-spacing:.02em}.loader-status{margin:0;color:var(--text-dim);font-size:.8rem}.spinner{width:26px;height:26px;margin:0 auto .65rem;border-radius:999px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.site-title{max-width:66vw;line-height:1.25}.canvas-shell{width:94vw;height:82vh;border-radius:10px}header{top:auto;bottom:10px;right:10px;left:auto;max-width:62vw}.hint{max-width:60vw;font-size:.66rem}}