.ums-game{--ums-ink:#122b08;--ums-lcd:#b4ca8a;box-sizing:border-box;background:#0c244b;color:#fff;border:1px solid #183c70;border-radius:18px;padding:28px;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:28px 0 34px;box-shadow:0 14px 36px #163d7319;scroll-margin-top:28px}
.ums-game *{box-sizing:border-box}.ums-game .ums-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.ums-game .ums-kicker{font-size:10px;letter-spacing:2px;font-weight:750;color:#b2c7e9}.ums-game h3{font-size:30px!important;line-height:1.2!important;letter-spacing:-.7px;color:#fff!important;margin:6px 0 0!important;padding:0!important}.ums-game .ums-badge{border:1px solid #557099;border-radius:5px;color:#cbdfb0;font:700 15px/1.2 ui-monospace,monospace;letter-spacing:3px;padding:8px 12px}
.ums-game .ums-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:start}.ums-game .ums-console{min-width:0}.ums-game .ums-lcd{background:var(--ums-lcd);color:var(--ums-ink);padding:16px;border:5px solid #08182f;border-radius:12px;box-shadow:inset 0 2px 12px #152f2429}.ums-game .ums-scoreboard{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #304b2340;padding-bottom:10px;margin-bottom:10px;font-family:ui-monospace,"Courier New",monospace}.ums-game .ums-scoreboard>div:last-child{text-align:right}.ums-game .ums-scoreboard span{display:block;font-size:10px;font-weight:bold;letter-spacing:1px}.ums-game .ums-scoreboard strong{display:block;font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:1px}.ums-game .ums-board-wrap{position:relative;border:2px solid #253e16;aspect-ratio:4/3;background:#b4ca8a}.ums-game canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline-offset:4px}.ums-game .ums-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:8px;padding:20px;pointer-events:none;background:#b4ca8add}.ums-game .ums-overlay[hidden]{display:none}.ums-game .ums-overlay strong{font-size:22px;line-height:1.2;max-width:280px}.ums-game .ums-overlay span{font-size:13px;max-width:220px}.ums-game .ums-screen-footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font:700 9px/1.3 ui-monospace,monospace;letter-spacing:.5px}
.ums-game button{font:700 14px/1.2 system-ui,-apple-system,sans-serif;cursor:pointer;min-height:46px;border-radius:8px;border:1px solid #3b5780;margin:0;box-shadow:none;text-transform:none;letter-spacing:0;transition:background .12s,transform .12s}.ums-game button:disabled{cursor:default;opacity:.4}.ums-game button:focus-visible,.ums-game select:focus-visible{outline:3px solid #a4c9ff;outline-offset:4px}.ums-game button:active:not(:disabled){transform:translateY(1px)}.ums-game .ums-actions{display:flex;gap:10px;margin-top:14px}.ums-game .ums-primary{background:#c4e69e;color:#142c08;flex:1;padding:12px 18px;border-color:#c4e69e}.ums-game .ums-primary:hover{background:#d4efb5}.ums-game .ums-reset{background:transparent;color:#dde8f8;padding:12px 16px}.ums-game .ums-status{font-size:13px!important;line-height:1.45!important;margin:12px 2px 0!important;min-height:38px;color:#d0dff3}.ums-game .ums-settings{display:grid;gap:12px}.ums-game label{display:block;font-size:12px;font-weight:650;color:#bed0eb}.ums-game select{display:block;width:100%;min-height:44px;font:600 14px/1.2 system-ui,sans-serif;color:#fff;background:#183760;border:1px solid #49658b;border-radius:7px;padding:10px;margin-top:5px}.ums-game select:disabled{opacity:.65}.ums-game .ums-mode-note{font-size:12px!important;line-height:1.5!important;color:#bed0eb;margin:10px 0 16px!important;min-height:36px}.ums-game .ums-dpad{display:grid;grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,48px);justify-content:center;gap:5px;margin:12px auto}.ums-game .ums-dpad button{background:#213e65;color:#fff;border-color:#557099;font-size:21px;min-height:48px;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ums-game .ums-dpad button:hover{background:#2e5081}.ums-game .ums-up{grid-area:1/2}.ums-game .ums-left{grid-area:2/1}.ums-game .ums-right{grid-area:2/3}.ums-game .ums-down{grid-area:3/2}.ums-game .ums-pad-centre{grid-area:2/2;display:grid;place-items:center;color:#6280a8;font-size:17px}.ums-game .ums-hint{font-size:11px!important;line-height:1.7!important;color:#bcd0ed;margin:14px 0 10px!important}.ums-game .ums-sound{min-height:40px;font-size:12px;padding:8px 14px;background:transparent;color:#d0dff3}.ums-game .ums-footnote{font-size:11px!important;line-height:1.6!important;color:#9eb7d9;border-top:1px solid #365174;padding-top:16px;margin:14px 0 0!important}
@media(max-width:760px){.ums-game{padding:20px}.ums-game .ums-layout{grid-template-columns:1fr}.ums-game .ums-controls{display:grid;grid-template-columns:1fr 176px;column-gap:18px;align-items:start}.ums-game .ums-settings{grid-column:1;grid-row:1}.ums-game .ums-dpad{grid-column:2;grid-row:1/4;margin:4px 0}.ums-game .ums-mode-note{grid-column:1;grid-row:2;margin-bottom:0!important}.ums-game .ums-hint{grid-column:1/3;margin-top:8px!important}.ums-game .ums-sound{grid-column:1/3;justify-self:start}.ums-game .ums-status{min-height:0}.ums-game .ums-layout{gap:12px}}
@media(max-width:440px){.ums-game{padding:16px 12px;border-radius:12px}.ums-game .ums-top{margin:0 3px 16px}.ums-game h3{font-size:25px!important}.ums-game .ums-kicker{font-size:9px;letter-spacing:1.3px}.ums-game .ums-badge{font-size:12px;letter-spacing:2px;padding:7px 8px}.ums-game .ums-lcd{padding:10px;border-width:4px}.ums-game .ums-scoreboard strong{font-size:23px}.ums-game .ums-screen-footer{font-size:8px;letter-spacing:0}.ums-game .ums-controls{grid-template-columns:minmax(0,1fr) 154px;gap:12px}.ums-game .ums-dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:5px}.ums-game .ums-dpad button{min-height:46px}.ums-game select{font-size:12px;padding:8px 4px}.ums-game .ums-overlay strong{font-size:19px}.ums-game .ums-overlay span{font-size:12px}.ums-game .ums-hint{margin-top:0!important}.ums-game .ums-status{font-size:12px!important}}
body .um-site-shell .wp-block-post-content .ums-game h3{color:#fff!important;font-size:30px!important;line-height:1.2!important;margin:6px 0 0!important}
@media(max-width:440px){body .um-site-shell .wp-block-post-content .ums-game h3{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){.ums-game button{transition:none}}

.ums-game .ums-arrow{display:inline-block;width:0;height:0;border:7px solid transparent;border-bottom-color:currentColor;transform:translateY(-4px)}.ums-game .ums-left .ums-arrow{transform:rotate(-90deg) translateY(-4px)}.ums-game .ums-right .ums-arrow{transform:rotate(90deg) translateY(-4px)}.ums-game .ums-down .ums-arrow{transform:rotate(180deg) translateY(-4px)}

/* Adapt to the article column as well as the device viewport. */
.ums-game{container-type:inline-size}
.ums-game .ums-fullscreen-launch{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;margin:0 0 22px;padding:14px 16px;border:1px solid #5c7aa3;border-radius:9px;background:#183760;color:#fff!important;text-decoration:none;min-height:48px}.ums-game .ums-fullscreen-launch strong{color:#d6efb8;font-size:15px}.ums-game .ums-fullscreen-launch>span{font-size:12px;line-height:1.5;color:#d0dff3}.ums-game .ums-fullscreen-launch:hover{background:#214873}.ums-game .ums-fullscreen-launch:focus-visible{outline:3px solid #a4c9ff;outline-offset:4px}
@container(max-width:680px){.ums-game .ums-layout{grid-template-columns:1fr;gap:12px}.ums-game .ums-controls{display:grid;grid-template-columns:minmax(0,1fr) 176px;column-gap:18px;align-items:start}.ums-game .ums-settings{grid-column:1;grid-row:1}.ums-game .ums-dpad{grid-column:2;grid-row:1/4;margin:4px 0}.ums-game .ums-mode-note{grid-column:1;grid-row:2;margin-bottom:0!important}.ums-game .ums-hint{grid-column:1/3;margin-top:8px!important}.ums-game .ums-sound{grid-column:1/3;justify-self:start}.ums-game .ums-status{min-height:0}}
@container(max-width:360px){.ums-game .ums-controls{grid-template-columns:minmax(0,1fr) 148px;column-gap:10px}.ums-game .ums-dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:5px}.ums-game .ums-dpad button{min-height:46px}.ums-game select{font-size:12px;padding:8px 4px}.ums-game .ums-screen-footer{font-size:8px;letter-spacing:0}}

.ums-game .ums-play-count{font:650 12px/1.4 system-ui,sans-serif;color:#bfd4ec;text-align:center;margin:14px 0 0;letter-spacing:.3px}.ums-game .ums-play-count[hidden]{display:none}
.ums-game .ums-site-best{font:600 11px/1.35 system-ui,sans-serif;text-align:center;color:#bdd0e9;margin:5px 0 0}
.ums-game .ums-record-dialog{box-sizing:border-box;width:min(400px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:26px;border:1px solid #7590b1;border-radius:22px;background:#112d50;color:#edf4ff;box-shadow:0 20px 70px #0009;user-select:text;-webkit-user-select:text}
.ums-game .ums-record-dialog::backdrop{background:#031126bd;backdrop-filter:blur(4px)}
.ums-game .ums-record-kicker{font:700 10px/1.2 system-ui,sans-serif;letter-spacing:2px;color:#abc1dd;margin-bottom:14px}
.ums-game .ums-record-dialog h2{color:#cadd95;font:750 27px/1.1 system-ui,sans-serif;margin:0 0 14px}
.ums-game .ums-record-dialog p{font:400 14px/1.5 system-ui,sans-serif;margin:0 0 18px;color:#d5e2f3}
.ums-game .ums-record-dialog label{display:block;font:650 13px/1.3 system-ui,sans-serif;color:#edf4ff;margin-bottom:8px}
.ums-game .ums-record-dialog input{display:block;box-sizing:border-box;width:100%;min-height:58px;border:1px solid #91a971;border-radius:10px;background:#a7b77b;color:#20300f;font:800 28px/1.2 ui-monospace,monospace;letter-spacing:.35em;padding:10px 14px;text-transform:uppercase;touch-action:manipulation}
.ums-game .ums-record-dialog input::placeholder{color:#20300f70}
.ums-game .ums-record-dialog input:focus{outline:3px solid #cadd95;outline-offset:3px}
.ums-game .ums-record-dialog #ums-record-help{font-size:12px;margin:12px 0 18px}
.ums-game .ums-record-dialog button{width:100%;min-height:44px;font-size:14px;touch-action:manipulation}
.ums-game .ums-record-dialog .ums-record-skip{background:transparent;color:#cfdef1;border-color:#607b9e;margin-top:8px}
.ums-game .ums-record-dialog .ums-record-message{font-size:13px;margin:12px 0 0}
.ums-game .ums-record-dialog [hidden]{display:none!important}
@media(max-height:430px){.ums-game .ums-record-dialog{padding:16px}.ums-game .ums-record-dialog h2{font-size:22px}.ums-game .ums-record-dialog p{margin-bottom:10px}}