@font-face{font-family:"RK Pixel";src:url("../fonts/arcade/neodgm.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"RK Jua";src:url("../fonts/arcade/Jua-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
.rk-arcade,.rk-pixel-game{font-family:"RK Pixel",monospace;font-weight:400}
.rk-pixel-game.rk-ufo-game{font-family:"Malgun Gothic","Apple SD Gothic Neo",Arial,sans-serif}
.rk-ufo-game [style*="font-size: 10px"]{font-size:12px!important}
.rk-arcade .rk-arcade-title,.rk-arcade .rk-arcade-intro h2,.rk-pixel-game h2,.rk-pixel-game h3{font-family:"RK Jua","RK Pixel",sans-serif;font-weight:400}
.rk-ufo-game .rk-ufo-title-font{font-family:"RK Jua","RK Pixel",sans-serif;font-weight:400}
.rk-ufo-game .rk-ufo-title-font,.rk-ufo-game .rk-ufo-title-font :is(h3,p,span,button,input){font-size:1.125rem!important}
.rk-ufo-game .rk-ufo-title-font .rk-ufo-panel-content,.rk-ufo-game .rk-ufo-title-font .rk-ufo-panel-content *{font-size:.875rem!important}
.rk-sketch-game .rk-ufo-title-font{font-family:"RK Jua","RK Pixel",sans-serif;font-weight:400}
.rk-sketch-game .rk-ufo-title-font,.rk-sketch-game .rk-ufo-title-font :is(h3,p,span,button,input){font-size:1.125rem!important}
.rk-sketch-game .rk-ufo-title-font .rk-ufo-panel-content,.rk-sketch-game .rk-ufo-title-font .rk-ufo-panel-content *{font-size:.875rem!important}
.rk-sketch-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
@media(min-width:1024px){.rk-sketch-columns{grid-template-columns:10rem minmax(0,1fr) 18rem}}
.rk-arcade button,.rk-pixel-game button,.rk-pixel-game input,.rk-pixel-game select,.rk-pixel-game textarea{font-family:inherit}
.rk-arcade .rk-arcade-description{font-size:14px;line-height:1.65}
.rk-arcade .rk-arcade-icon{border-radius:4px}
.rk-pixel-art{width:40px;height:40px;image-rendering:pixelated;image-rendering:crisp-edges}
.rk-pixel-art[src*="/sketch.svg"]{image-rendering:auto}
.rk-game-avatar{object-fit:cover;image-rendering:pixelated;border-radius:50%;border:1px solid #d4cbe1;background:#fff;display:block}
.rk-game-avatar:is([src*="/avatar-ghost.svg"],[src*="/avatar-monkey.svg"]){image-rendering:auto;background:transparent;border-color:transparent}
.rk-arcade-ranking .rk-pixel-art{width:24px;height:24px}
.rk-pixel-game{--pixel-ink:#221b3b}
.rk-pixel-game>div.rounded-lg{border:2px solid var(--pixel-ink);border-radius:8px;box-shadow:4px 4px 0 #c9bdf0}
.rk-pixel-game button{border-radius:4px}
.rk-sketch-game .rk-sketch-master-button{border:2px solid #221b3b;border-radius:12px;background:#ffe92d;color:#221b3b;box-shadow:3px 3px 0 #62d7f2;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.rk-sketch-master-button:enabled:hover{background:#fff276;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #62d7f2}
.rk-sketch-master-button:enabled:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #62d7f2}
.rk-sketch-master-button:disabled{opacity:.55;cursor:not-allowed}
.rk-sketch-master-button:focus-visible{outline:3px solid #4f46e5;outline-offset:4px}
.rk-sketch-time-setting{color:#221b3b;white-space:nowrap}
.rk-sketch-time-setting select{border:2px solid #221b3b;border-radius:10px;background:#fff9eb;color:#221b3b}
@media(prefers-reduced-motion:reduce){.rk-sketch-game .rk-sketch-master-button{transition:none;transform:none}}
.rk-pixel-game input,.rk-pixel-game select{border-radius:4px}
.rk-pixel-game .rk-pixel-header-icon{background:#bcf94a;border:2px solid var(--pixel-ink);border-radius:4px;padding:4px}
.rk-pixel-header-icon .rk-pixel-art{width:28px;height:28px}
.rk-pixel-credits{font-size:11px;color:#716881;margin-top:14px}
.rk-pixel-credits a{text-decoration:underline}
.rk-sketch-help{position:relative}
.rk-sketch-help .rk-sketch-help-layer{left:0;right:auto}
.rk-sketch-help-layer{position:absolute;right:0;top:100%;z-index:100;width:360px;max-width:calc(100vw - 32px);padding:16px;background:#fffbeb;color:#374151;border:1px solid #fde68a;border-radius:8px;box-shadow:0 8px 24px #0002;font-size:13px;line-height:1.65}
.rk-sketch-help-layer p+p{margin-top:6px}
@media(max-width:640px){.rk-sketch-help .rk-sketch-help-layer{position:fixed;left:16px;right:16px;top:145px;width:auto;max-height:calc(100dvh - 170px);overflow:auto}}