html,body{color:#fff;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#05070f;width:100%;height:100%;margin:0;overflow:hidden}body{background:#05070f radial-gradient(#1b2548 0%,#0a0f24 55%,#05070f 100%);justify-content:center;align-items:center;display:flex}#game{z-index:1;touch-action:none;display:block;position:relative;box-shadow:0 0 60px #0009}#backdrop{z-index:0;filter:blur(18px);pointer-events:none;width:100%;height:100%;position:fixed;inset:0;transform:scale(1.12)}@media (orientation:landscape) and (max-height:500px){body:after{content:"縦向きにすると大きく遊べます";z-index:2;color:#ffffffb3;pointer-events:none;font:700 12px sans-serif;position:fixed;bottom:10px;left:12px}}@media (hover:hover) and (pointer:fine) and (min-aspect-ratio:4/3) and (min-height:501px){body:before{content:"マウスを動かして狙う\a ← →　A D でも動けます\a Esc か P で一時停止";white-space:pre;z-index:2;color:#ffffff80;pointer-events:none;font:700 13px/1.9 sans-serif;position:fixed;bottom:20px;left:24px}}body.finger{align-items:flex-start}body.finger:before{content:"";z-index:2;left:calc(50% - var(--game-width,100%) / 2);width:var(--game-width,100%);height:calc(var(--finger-area,0px) + 2px);pointer-events:none;background:linear-gradient(#59617a,#59617a) 0 0/100% 2px no-repeat,linear-gradient(#00000073,#00000073) 0 2px/100% 2px no-repeat,radial-gradient(circle,#ffffff29 2px,#0000 2.6px) 14px 10px/56px 12px repeat-x,linear-gradient(#222631,#12151d);position:fixed;bottom:0}body.finger.playing:after{content:"ここをなぞって動かす";z-index:2;left:calc(50% - var(--game-width,100%) * .43);width:calc(var(--game-width,100%) * .86);bottom:calc((var(--finger-area,0px) - 40px) / 2);color:#ffffff8c;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14'%3E%3Cpath d='M11 1v12L1 7z' fill='%23fff' fill-opacity='.55'/%3E%3C/svg%3E") calc(50% - 96px)/12px 14px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14'%3E%3Cpath d='M1 1v12l10-6z' fill='%23fff' fill-opacity='.55'/%3E%3C/svg%3E") calc(50% + 96px)/12px 14px no-repeat,#0c0f16;border-radius:20px;justify-content:center;align-items:center;height:40px;font:700 13px sans-serif;display:flex;position:fixed;box-shadow:inset 0 2px 5px #000000b3,0 1px #ffffff17}
