*,*::before,*::after{box-sizing:border-box}:root{--bg:#0a0a1a;--text-subtle:#c0c0d0;--shadow:rgba(0, 0, 0, 0.5);--header-padding:20px;--canvas-w:1000px;--canvas-h:700px;--gap:40px;--h1-font-size:1.2rem;--h1-letter-spacing:0.05em;--mobile-h1-font-size:1rem;--mobile-padding:12px;--landscape-breakpoint:769px}body{margin:0;padding:0;font-family:system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);user-select:none;min-height:100vh;min-height:100dvh}header{text-align:center;padding:var(--header-padding)0;flex-shrink:0}header h1{color:var(--text-subtle);font-size:var(--h1-font-size);margin:0;letter-spacing:var(--h1-letter-spacing);font-weight:400}.canvas-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;overflow:hidden}canvas{display:block;width:var(--canvas-w);height:var(--canvas-h);max-width:100%;max-height:100vh;max-height:100dvh;box-shadow:0 8px 32px var(--shadow);touch-action:none}canvas:focus{outline:none}.site-footer{text-align:center;padding:var(--header-padding)0;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(100%);white-space:nowrap;border:0}.sep{margin:0 8px;opacity:.4}.error-msg{color:#fff;text-align:center;padding:40px}@media(max-width:calc(var(--landscape-breakpoint) - 1px)){header h1{font-size:var(--mobile-h1-font-size)}header,.site-footer{padding:var(--mobile-padding)0}}@media(min-width:var(--landscape-breakpoint)) and (orientation:landscape){body{flex-direction:row;gap:40px;overflow:hidden}header{text-align:left;padding:0}.canvas-wrapper{width:100%;max-width:100%;flex:1}.site-footer{writing-mode:vertical-lr;transform:rotate(180deg)}}