:root{--bg: #08080b;--panel: #111116;--line: #24242c;--text: #d6d6dc;--dim: #85858f;--accent: #ff4466;--font-dot: "DotGothic16", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-dot);font-size:14px;overflow:hidden}button,select,textarea,input{font:inherit;color:inherit}body{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAtElEQVR42s3WsRGDMAxA0e9cehehYgI6WCAjZYaEGZiCOZggE6SjomECp0goojsfJthYKmUXerZ8sqlH5wBe1QWAub4BYIbWECFOJA4jBUvEkiQXnGVimkYAbFEC4K53t0dyvCC2JJ8gliS/YK9Ej+BfiT7BVoleQahEn6D4VuoL++x+JMdPtOVMZcW+/Nrky3cHskIrJHrfgay86R+fhapT+i8K3RjabbKr9Ah8krWfYHLBG0qxcUDqHllMAAAAAElFTkSuQmCC) 2 0,default;cursor:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAeCAYAAAA2Lt7lAAAAtElEQVR42s3WsRGDMAxA0e9cehehYgI6WCAjZYaEGZiCOZggE6SjomECp0goojsfJthYKmUXerZ8sqlH5wBe1QWAub4BYIbWECFOJA4jBUvEkiQXnGVimkYAbFEC4K53t0dyvCC2JJ8gliS/YK9Ej+BfiT7BVoleQahEn6D4VuoL++x+JMdPtOVMZcW+/Nrky3cHskIrJHrfgay86R+fhapT+i8K3RjabbKr9Ah8krWfYHLBG0qxcUDqHllMAAAAAElFTkSuQmCC) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA8CAYAAAAgwDn8AAAA80lEQVR42u2ZsQ3CMBBFbUSfglRMkC4swEjMAJkhUzAHEzABXao0TGDa2AUny459lt7vTkoifeW9xJbtuDhnNvkMp+1ovuPNm+1rskZRDqbxUKB2rORAGG1OgBAFEnOULljXxZu7/uzN7np3NZ0AIQrs7YB2J0CIAqUd0OYECFGgtgO1nQAhCmhzoLQTIEQB7Q7s7QQIUaA1B3I7AUIU0O5AHzAdm+49/3UChCiQGPGMLPxOS4zHXp965gZCFCj9H5AY7gQn2A9QoDUHJOYvz4d/wzDzBijQ1Foo9wNzr62ktRIIUUCbA7FOhIndH4AQBRLzAzRscXyBzlyAAAAAAElFTkSuQmCC) 2x) 2 0,default}button,a,select,.toast,.is-pointer,.monitor-view.can-turn.is-pointer{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAArUlEQVR42mNkIAD0n/3/z8DAwHBfQxhF/KN+LgMDAwMD4+FGRgYSABMDnQEjsT578+YZiryIiBRZPqW7D4e/hSyUGsB/cTIDAwMDAx+f0H9i4nTo+RA99fJDUy8uHw+cD9HzHXrJQq7PYT7+b1v/f2B8SGyJQijuCIkP3lRKyMWDv6S5KMXIiJxKRUSEaeKzgY9Devl06JWluACuFsHA+5DWcTl44xBXmTrofQgAEfJQWmmIp0EAAAAASUVORK5CYII=) 10 0,pointer;cursor:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAArUlEQVR42mNkIAD0n/3/z8DAwHBfQxhF/KN+LgMDAwMD4+FGRgYSABMDnQEjsT578+YZiryIiBRZPqW7D4e/hSyUGsB/cTIDAwMDAx+f0H9i4nTo+RA99fJDUy8uHw+cD9HzHXrJQq7PYT7+b1v/f2B8SGyJQijuCIkP3lRKyMWDv6S5KMXIiJxKRUSEaeKzgY9Devl06JWluACuFsHA+5DWcTl44xBXmTrofQgAEfJQWmmIp0EAAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA0CAYAAADfRPtlAAAA5klEQVR42u2ZsQ3CMBBFfYg6kYirTECXCRiJGRAzMBITZAK6VGmYwLQkhS3Lxujs97uTHClP/l93uYhJ1LQ4912/zoP3/Hu6bmp53sX8UAdTuQDULsmduXVdvM9bOxbNJBYFEEAAAQTQo+O/X6CfH5u6604uZ5/EogCSQb9Cs2u/m11jM4pFAdSWwdD3XmjnUjqz+4y6y81hUQA1ZTD3jiW176Wex6IAtjaLpmaEGwSw9QzOo4hvFrV2UJU5LAqg9j5YWyaxKIC1z6KlFfuPH4sCqD2D2vsiFgWwtT4YuyflBgFsHPAD3fpQjpkuZx4AAAAASUVORK5CYII=) 2x) 10 0,pointer}.monitor-view.can-turn{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAuUlEQVR42mNkIBHoP/v/n4GBgeG+hjCK+Ef9XAYGBgYGxsONjKSYx8QwwICRVJ/CwJs3z1D4IiJSWNURCpkBDwEWQj4n1qe4QoYfqv6/bf1/bCEx+EKAVoD/4mSsITFyQgCWNtDTxICHwKgDRh3AQmzZj6ukI1d88IQAsWU/IZ8M/TRAKM5pFRIDHwIXpRgZkXOBiAj2tDBs0wAjqS0icgEsDaG3EYdOq5jckMDl86HXJiTUGh6yuQAAV8hknq7d0RMAAAAASUVORK5CYII=) 16 14,grab;cursor:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAuUlEQVR42mNkIBHoP/v/n4GBgeG+hjCK+Ef9XAYGBgYGxsONjKSYx8QwwICRVJ/CwJs3z1D4IiJSWNURCpkBDwEWQj4n1qe4QoYfqv6/bf1/bCEx+EKAVoD/4mSsITFyQgCWNtDTxICHwKgDRh3AQmzZj6ukI1d88IQAsWU/IZ8M/TRAKM5pFRIDHwIXpRgZkXOBiAj2tDBs0wAjqS0icgEsDaG3EYdOq5jckMDl86HXJiTUGh6yuQAAV8hknq7d0RMAAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA4CAYAAABNGP5yAAABA0lEQVR42u2avQ3CMBCFc4g+Ba4yAV0mYCRmQMzASEyQCehSpWECU9AQF7ZOZ5Mff6+zYlnRp3vPZ8vSFFY/ev87fp1P0fnv/joby/MuJf/v0FQuANQOQEp7OtQ0jdHvznWq9ayZgQUAULmOVs/n9rQ2M9pgfX+5eU0mYAEAkAH7Ujs8VJmABQBABuxLYd+Q6hOwAAAAAAAAAAAAAAAAADgLfGW990/15kvPpwIAAIB5BuS+97d6kgoAAACW7QOs+/zWMgELAKD2DBg6kdhZwDldX0AfgAUAsCkl39RZzwr/VtiHpN4RYgEAkAE6rS0TtJ6nAgAAgLz3ASlPUgEAAMCq9QEMTWTWKx6CAwAAAABJRU5ErkJggg==) 2x) 16 14,grab}.monitor-view.can-turn.is-grabbing{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAnklEQVR42mNkwAH0n/3/z8DAwHBfQxhF/KN+LgMDAwMD/8XJJIkzHm5kxGYPE8MAA0ZCPn/z5hmKvIiIFFniuEJkwEOAhV4WwUKGHxoi/23r/w+uEMCV6nH5hFLxQZMLWMhN9dQCgz8XwHxOq5AY+BC4KMXIiJwLRESwp4VhmwZIrgvIBbA0NOjqAkZi2wPkhgQunw+dcgBXvT5scgEAlxJc7wvBK2EAAAAASUVORK5CYII=) 16 10,grabbing;cursor:image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAnklEQVR42mNkwAH0n/3/z8DAwHBfQxhF/KN+LgMDAwMD/8XJJIkzHm5kxGYPE8MAA0ZCPn/z5hmKvIiIFFniuEJkwEOAhV4WwUKGHxoi/23r/w+uEMCV6nH5hFLxQZMLWMhN9dQCgz8XwHxOq5AY+BC4KMXIiJwLRESwp4VhmwZIrgvIBbA0NOjqAkZi2wPkhgQunw+dcgBXvT5scgEAlxJc7wvBK2EAAAAASUVORK5CYII=) 1x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAoCAYAAABOzvzpAAAA1klEQVR42u2ZsQ2DMBBFuSg9Ba6YIB0TMFJmQMyQkZiACdJR0TCBacFSjE5gB/D7naVz4af7X2dbMqWqwdrl+vsqvPVT9V6t8/4TtF66VjTneWSJCwCpA5C9nh/HwbvfmDJqvTYjsAAAEtfzbgdyMyN3MsLWjaUDAACA3xmgnfW1nvx3PR0AAACsMyD2rE8HAAAA97oLuJ6/WiZgAQCkngF9KeK7CxijmwuYA7AAAC6l4P8CseXOIfwLYAEA7MuAs2eC1vN0AAAAcOx7wJYn6QAAAODUmgEA+10XP+KZ/QAAAABJRU5ErkJggg==) 2x) 16 10,grabbing}textarea,input{cursor:text}.app{--side-panel: 336px;--card-room: 324px;--max-aspect: 2.1;position:relative;display:flex;height:100vh;height:100dvh;max-width:calc(100vh * var(--max-aspect));max-width:calc(100dvh * var(--max-aspect));margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.canvas-host .monitor-view{touch-action:none}.stage-note{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--dim);pointer-events:none}.stage-note.error{color:var(--accent);padding:24px;text-align:center}.drop-overlay{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px dashed var(--accent);display:flex;align-items:center;justify-content:center;background:#08080b99;color:var(--accent);font-size:20px;letter-spacing:2px;pointer-events:none}.toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%);max-width:calc(100% - 2 * var(--side-panel) - 32px);padding:8px 14px;background:#14060aeb;border:1px solid #5a1f2c;border-radius:4px;color:#ffb3c0}.sheet-handle{display:none}.panel{position:absolute;top:0;right:0;bottom:0;width:var(--side-panel);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#34343c transparent;padding:18px 0 24px;pointer-events:none;transition:opacity .15s,visibility 0s}.ui-hidden .panel{opacity:0;visibility:hidden;transition:opacity .12s .28s,visibility 0s .4s}.remote3d{position:relative}.remote3d-canvas{display:block;touch-action:pan-y;pointer-events:auto}.remote3d-telop{position:absolute;display:none;pointer-events:auto;padding:4px 6px;border:none;outline:none;resize:none;background:transparent;color:#1c2417;font-family:var(--font-dot);line-height:1.4}.remote3d-telop::placeholder{color:#1c241780}.credits-author{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.1)}.credits-author b{font-family:Helvetica Neue,Arial,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:15px;font-weight:800}.credits-by{font-size:11px;color:#66666e}.credits-links{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:6px}.credits-link{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#1d1d22;color:#fff;font-size:12px;text-decoration:none}.credits-link:hover{background:#33333b}.credits-list{padding:10px 12px 12px;display:grid;gap:10px;line-height:1.55;font-size:12px}.credits-list ul{list-style:none;display:grid;gap:6px}.credits-list a{color:#2b4f8a}.credits-head{font-size:11px;font-weight:400;color:#66666e;margin-bottom:2px}.credits-about{justify-self:start;font-size:12px}.credits-note{display:block;color:#66666e;font-size:11px}.info-card{position:absolute;left:24px;top:26%;width:calc(var(--card-room) - 24px);background:#ebe5d5;color:#222226;border-radius:4px;overflow:hidden;box-shadow:0 10px 28px #0000008c;font-size:13px}.info-card-head{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;background:var(--card-color);color:var(--card-ink)}.info-card-title{flex:1;min-width:0;font-family:Helvetica Neue,Arial,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-weight:800;letter-spacing:.5px}.info-card-close{padding:3px 8px;border:none;border-radius:3px;background:#00000038;color:var(--card-ink);font-size:12px}.info-card-close:hover{background:#0000005c}.info-card p{padding:10px 12px 4px;line-height:1.6}.info-card-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 12px 12px}.info-card-open{padding:6px 12px;border-radius:3px;background:#1d1d22;color:#fff;text-decoration:none}.info-card-open:hover{background:#33333b}.info-card-more{color:#44444c;font-size:12px}.author-card{--card-color: linear-gradient(90deg, #ff3d7f, #2fe6ff);--card-ink: #16101f}.author-card .info-card-close{background:#ffffff59}.author-card .info-card-close:hover{background:#ffffff8c}.author-site{display:inline-flex;align-items:center;gap:6px}.author-sns{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#1d1d22;color:#fff}.author-sns:hover{background:#33333b}.author-sns svg{width:16px;height:16px}.game-frame{position:absolute;left:0;top:0;z-index:1;width:800px;height:600px;border:0;transform-origin:0 0;opacity:0;pointer-events:none}.game-frame.on{pointer-events:auto}.hover-label{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 12px 7px;border-radius:12px;background:linear-gradient(180deg,#ffffff29,#ffffff0a),#12141c6b;backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff4d,0 8px 22px #00000059;color:#fff;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));animation:hover-label-in .24s cubic-bezier(.2,.9,.3,1.25) both}.hover-label b{font-family:Helvetica Neue,Arial,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:13px;font-weight:700;letter-spacing:.3px}.hover-label span{font-size:11px;color:#ffffffb8}@keyframes hover-label-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 2px)) scale(.9)}to{opacity:1;transform:translate(-50%,calc(-100% - 12px)) scale(1)}}.dock{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:linear-gradient(180deg,#ffffff24,#ffffff08 55%,#ffffff0f),#12141c52;backdrop-filter:blur(16px) saturate(170%) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(170%) brightness(1.1);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff59,inset 0 -1px 1px #ffffff14,0 10px 30px #00000059}.dock-btn{position:relative;width:40px;height:40px;border:none;border-radius:50%;display:grid;place-items:center;background:transparent;color:#ffffffe0;transition:background .2s,transform .15s;-webkit-tap-highlight-color:transparent}.dock-btn:active{transform:scale(.92)}.dock-btn.on{background:#ffffff38;box-shadow:inset 0 1px #ffffff4d}.dock-sep{width:1px;height:22px;margin:0 3px;background:#ffffff29}.rec-mark{width:14px;height:14px;border-radius:50%;background:#ff4057;box-shadow:0 0 8px #ff405799;transition:border-radius .2s}.dock-btn.rec.on{background:#ff405733}.dock-btn.rec.on .rec-mark{width:13px;height:13px;border-radius:3px}.dock-time{padding:0 8px 0 2px;font-size:12px;color:#ff8a98;white-space:nowrap}.dock-btn[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);padding:4px 9px;border-radius:8px;background:#12141c99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#ffffffe6;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}@media(hover:hover){.dock-btn:hover{background:#ffffff1f}.dock-btn.on:hover{background:#ffffff42}.dock-btn:hover:after{opacity:1;transform:translate(-50%)}}@media(max-width:767px){.app{flex-direction:column;--side-panel: 0px;--card-room: 0px}.stage{position:relative;inset:auto;flex:none;height:52dvh}.panel{position:static;width:auto;flex:1;pointer-events:auto;background:radial-gradient(ellipse 120% 60% at 50% 0%,#17171c,#0b0b0e 70%);border-top:1px solid #18181d;transition:none}.ui-hidden .panel{display:none}.ui-hidden .stage{height:100%}.panel{border-top:none;transform:translateY(var(--sheet-drag, 0px))}.sheet-handle{display:grid;place-items:center;flex:none;position:relative;z-index:4;width:100%;height:26px;padding:0;border:none;border-top:1px solid #18181d;background:#17171c;touch-action:none;-webkit-tap-highlight-color:transparent;transform:translateY(var(--sheet-drag, 0px))}.sheet-grip{width:40px;height:5px;border-radius:3px;background:#ffffff59}.app:not(.sheet-dragging) .sheet-handle,.app:not(.sheet-dragging) .panel{transition:transform .2s ease-out}.ui-hidden .sheet-handle{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom);height:34px;border-top:none;background:linear-gradient(#0000,#00000073)}.ui-hidden .sheet-grip{background:#ffffff8c}.dock{top:8px;padding:4px;gap:2px}.dock-btn{width:34px;height:34px}.dock-btn svg{width:18px;height:18px}.info-card{left:8px;right:8px;top:auto;bottom:8px;width:auto;font-size:12px}.info-card p{padding:6px 10px 2px;line-height:1.5}.info-card-links{padding:6px 10px 8px}}