body{background:#1c2f5e}.cx-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cx{flex-direction:column;align-items:center;padding:8px 8px 16px;display:flex}.cx-stage{justify-content:center;display:flex;position:relative}#cx-canvas{image-rendering:pixelated;touch-action:none;background:#3f7a3a;border-radius:4px;outline:none;display:block;box-shadow:0 4px 18px #00000080}.cx-loading{text-align:center;color:#f4e9c8;font-size:14px;position:absolute;top:40%;left:0;right:0}.cx-back,.cx-sound{color:#e7d5a2;background:0 0;border:1px solid #c9a227;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:13px;text-decoration:none}.cx-sound{cursor:pointer;margin-left:6px;font-family:inherit}.cx-sound[aria-pressed=true]{color:#14244a;background:#c9a227}.cx-sound[aria-pressed=false]{opacity:.75;text-decoration:line-through}.cx-hud{pointer-events:none;color:#fff8e6;text-shadow:2px 2px #1b1b26;justify-content:space-between;align-items:flex-start;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;display:flex;position:absolute;top:6px;left:8px;right:8px}.cx-hud p{margin:0}.cx:not(.is-playing) .cx-hud{visibility:hidden}.cx-hud__score b{font-size:30px;font-weight:400;line-height:1}.cx-hud__best{font-size:12px}.cx-hud__best b{color:#ffd84a;font-size:14px;font-weight:400}.cx-panel{box-sizing:border-box;text-align:center;color:#fff8e6;background:#101a34b3;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex;position:absolute;inset:0;overflow-y:auto}.cx-panel[hidden]{display:none}@media (height<=700px){#cx-title{gap:5px;padding:8px}#cx-title .cx-logo{font-size:24px}#cx-title .cx-logo small{margin-top:3px}#cx-ready .cx-howto{padding:5px 8px 5px 22px;font-size:11px;line-height:1.5}#cx-title .cx-btn{padding:7px 16px 9px;font-size:16px}#cx-over{gap:5px;padding:8px}#cx-over .cx-over-h{font-size:22px}#cx-over .cx-score-line b{font-size:36px}#cx-over .cx-finds{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}#cx-over .cx-over-btns .cx-btn{min-width:0;padding:7px 12px 9px;font-size:15px}}.cx:not(.is-playing) .cx-toast{top:8px;bottom:auto}.cx-logo{letter-spacing:.08em;color:#ffd84a;text-shadow:3px 3px #3a3a4a,5px 5px #1b1b26;margin:0;font-size:30px;font-weight:400;line-height:1.1}.cx-logo small{letter-spacing:.3em;color:#fff8e6;text-shadow:2px 2px #1b1b26;margin-top:6px;font-size:11px;display:block}.cx-howto{text-align:left;background:#101a34c7;border:2px solid #c9a227;border-radius:4px;margin:0;padding:8px 10px 8px 26px;font-size:12px;line-height:1.65}.cx-howto b{color:#ffd84a;font-weight:400}.cx-pick{flex-direction:column;align-items:center;gap:4px;display:flex}.cx-pick__h{margin:0;font-size:12px}.cx-pick__h b{color:#ffd84a;font-weight:400}.cx-chars{grid-template-columns:repeat(4,50px);gap:3px;display:grid}.cx-char{color:#fff8e6;font:inherit;cursor:pointer;touch-action:manipulation;background:#101a34b3;border:2px solid #c9a22773;border-radius:4px;flex-direction:column;align-items:center;gap:0;padding:2px 2px 1px;font-size:9px;display:flex}.cx-char canvas{width:24px;height:24px;image-rendering:pixelated}.cx-char span{white-space:nowrap;text-overflow:ellipsis;max-width:48px;overflow:hidden}.cx-char[aria-pressed=true]{background:#c9a22759;border-color:#ffd84a}.cx-char:disabled{cursor:default;opacity:.7}.cx-char:disabled span:after{content:" マス"}.cx-keys{opacity:.85;margin:0;font-size:11px}.cx.is-touch .cx-panel .cx-keys--pc{display:none}.cx-best{margin:0;font-size:13px}.cx-best b{color:#ffd84a;font-size:16px;font-weight:400}.cx-over-h{letter-spacing:.08em;color:#ff9d8a;text-shadow:2px 2px #1b1b26;margin:0;font-size:26px;font-weight:400}.cx-cause{text-align:center;margin:0;font-size:12px;line-height:1.45}.cx-cause b{color:#fff8e6;font-size:14px;font-weight:400;display:block}.cx-cause span{color:#9fe0ff;display:block}.cx-score-line{margin:0;font-size:18px}.cx-score-line b{color:#ffd84a;font-size:44px;font-weight:400}.cx-sub-line{margin:0;font-size:14px}.cx-sub-line b{font-size:20px;font-weight:400}.cx-record{color:#ff9d8a;margin:0;animation:.8s steps(2,end) infinite cxPulse}.cx-tally{background:#101a3499;border:1px solid #c9a22799;gap:14px;margin:0;padding:4px 12px;font-size:12px;list-style:none;display:flex}.cx-tally b{color:#ffd84a;margin-left:4px;font-weight:400}.cx-unlock{color:#b0d870;margin:0;font-size:13px}.cx-over-btns{flex-wrap:wrap;justify-content:center;gap:10px 12px;display:flex}.cx-over-btns .cx-btn{min-width:120px}.cx-finds{color:#f4e2b0;max-width:300px;margin:0;font-size:12px;line-height:1.5}.cx-links{justify-content:center;gap:10px;margin:0;display:flex}.cx-link b{color:#ffd84a;font-weight:400}.cx-banner{box-sizing:border-box;pointer-events:none;text-align:center;color:#fff8e6;opacity:0;background:#101a34d1;border:2px solid #c9a227;border-radius:4px;min-width:60%;max-width:92%;padding:4px 12px 6px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;position:absolute;top:46px;left:50%;transform:translate(-50%)}.cx-banner b{color:#ffd84a;letter-spacing:.08em;font-size:18px;font-weight:400;display:block}.cx-banner span{font-size:11px;line-height:1.4;display:block}.cx-banner.is-port b{color:#8cc4f0}.cx-banner.is-hint b{color:#9fe0ff}.cx-banner.is-on{animation:2.8s ease-out forwards cxBanner}.cx-toast{pointer-events:none;color:#fff8e6;opacity:0;background:#101a34e0;border:2px solid #f4e2b0;border-radius:4px;align-items:center;gap:6px;max-width:80%;padding:4px 10px 4px 4px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;display:flex;position:absolute;bottom:10px;right:8px}.cx-toast canvas{width:32px;height:32px;image-rendering:pixelated;flex:none}.cx-toast p{flex-direction:column;margin:0;line-height:1.3;display:flex}.cx-toast small{color:#b0d870;font-size:10px}.cx-toast b{color:#ffd84a;font-size:14px;font-weight:400}.cx-toast.is-on{animation:1.5s ease-out forwards cxToast}.cx-panel--zukan{background:#101a34f2;justify-content:flex-start;gap:6px}.cx-zukan-h{color:#ffd84a;margin:0;font-size:18px;font-weight:400}.cx-zukan-h b{color:#fff8e6;font-weight:400}.cx-zukan-kakera{margin:0;font-size:11px}.cx-zukan-kakera b{color:#f4e2b0;font-weight:400}.cx-zukan-tabs{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.cx-ztab{color:#fff8e6;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #c9a22799;border-radius:3px;padding:2px 6px;font-size:11px}.cx-ztab[aria-selected=true]{color:#14244a;background:#c9a227}.cx-zukan-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));align-content:start;gap:3px;width:100%;min-height:80px;display:grid;overflow-y:auto}.cx-zcell{color:#fff8e6;font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #c9a22759;border-radius:3px;flex-direction:column;align-items:center;gap:1px;padding:3px 1px 2px;font-size:9px;display:flex}.cx-zcell canvas{width:32px;height:32px;image-rendering:pixelated}.cx-zcell span{white-space:nowrap;text-overflow:ellipsis;max-width:54px;overflow:hidden}.cx-zukan-detail{box-sizing:border-box;text-align:left;background:#fff8e614;border:1px solid #c9a227;border-radius:4px;align-items:flex-start;gap:8px;width:100%;padding:6px;display:flex}.cx-zukan-detail[hidden]{display:none}.cx-zukan-detail canvas{width:48px;height:48px;image-rendering:pixelated;flex:none}.cx-zd-name{color:#ffd84a;margin:0;font-size:14px}.cx-zd-desc{margin:2px 0;font-size:12px;line-height:1.5}.cx-zd-src{color:#cfe6ef;font-size:10px}.cx-zd-src[hidden]{display:none}.cx-next{color:#cfe6ef;margin:0;font-size:12px}.cx-btn{cursor:pointer;min-width:160px;font:inherit;letter-spacing:.1em;color:#1b1b26;background:#ffd84a;border:0;padding:9px 18px 11px;font-size:17px;box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.cx-btn,.cx-link,.cx-demo__skip{touch-action:manipulation}.cx-btn:active{transform:translate(2px,2px);box-shadow:inset -3px -3px #c9a227,0 0 0 3px #1b1b26}.cx-btn--sub{background:#cfe6ef;min-width:132px;padding:7px 14px 9px;font-size:14px;box-shadow:inset -3px -3px #7fa7b8,0 0 0 3px #1b1b26,4px 4px 0 3px #00000073}.cx-btn:focus-visible,.cx-char:focus-visible{outline-offset:4px;outline:2px solid #fff8e6}.cx-link{cursor:pointer;font:inherit;color:#cfe6ef;background:0 0;border:0;padding:2px 4px;font-size:13px;text-decoration:underline}.cx-panel--ready{background:#101a3473}#cx-title{background:#101a342e;justify-content:flex-end}#cx-title .cx-logo{margin-bottom:auto;padding-top:12px}.cx-ready-h{color:#ffd84a;text-shadow:2px 2px #1b1b26;margin:0;font-size:24px;font-weight:400;animation:1s steps(2,end) infinite cxPulse}.cx-callout{text-align:center;pointer-events:none;color:#fff8e6;letter-spacing:.06em;opacity:0;text-shadow:2px 2px #1b1b26,0 0 8px #0009;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;font-size:18px;position:absolute;top:22%;left:0;right:0}.cx-callout.is-gold{color:#ffe36b}.cx-callout.is-warn{color:#ff9d8a;font-size:20px}.cx-callout.is-on{animation:1.6s ease-out forwards cxCallout}.cx-demo{text-align:center;pointer-events:none;color:#fff8e6;background:#101a34c7;border:2px solid #c9a227;border-radius:4px;padding:6px 10px 8px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;position:absolute;bottom:8px;left:6px;right:6px}.cx-demo[hidden]{display:none}.cx-demo__tag{color:#14244a;background:#c9a227;border-radius:3px;margin:0;padding:0 6px;font-size:11px;position:absolute;top:-11px;left:8px}.cx-demo__cap{color:#ffd84a;margin:2px 0 0;font-size:17px}.cx-demo__sub{min-height:1.2em;margin:2px 0 0;font-size:12px}.cx-demo__skip{pointer-events:auto;color:#fff8e6;font:inherit;cursor:pointer;background:#101a34cc;border:1px solid #fff8e6;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;top:-40px;right:0}.cx-pad{box-sizing:border-box;color:#e7d5a2;touch-action:none;border:2px dashed #c9a2278c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:8px;font-family:DotGothic16,Hiragino Kaku Gothic ProN,sans-serif;display:none}.cx.is-touch .cx-pad{display:flex}.cx-pad__main{font-size:16px}.cx-pad__sub{opacity:.8;font-size:11px}.cx:not(.is-playing) .cx-pad span{visibility:hidden}@keyframes cxCallout{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}@keyframes cxPulse{50%{opacity:.5}}@keyframes cxBanner{0%{opacity:0;transform:translate(-50%,-6px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}@keyframes cxToast{0%{opacity:0;transform:translateY(6px)}12%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cx-callout.is-on{animation-duration:2.4s}.cx-record,.cx-ready-h{animation:none}}.cx:not(.is-playing) .cx-banner{visibility:hidden}