.mk-workspace{--mk-brown:#563923;--mk-paper:#f1ead9;max-width:1500px;margin:0 auto;color:var(--mk-brown);font-family:Arial,Helvetica,sans-serif}
.mk-workspace *{box-sizing:border-box}.mk-workspace [hidden]{display:none!important}.mk-workspace button{font:inherit;cursor:pointer}.mk-workspace button:disabled{cursor:default}.mk-workspace button:focus-visible,.mk-workspace summary:focus-visible{outline:3px solid #b57f34;outline-offset:3px}.mk-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;border:0!important}
.mk-console{position:relative;isolation:isolate;width:100%;aspect-ratio:1671/941;line-height:normal;filter:drop-shadow(0 7px 9px #4935191c)}
.mk-case-image{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;clip-path:inset(.25% .15% .25% .15% round 2.5% / 4.45%);user-select:none;pointer-events:none}
.mk-screen{position:absolute;left:20.45%;top:20.5%;width:58.6%;height:56.9%;overflow:hidden;border-radius:1%;mix-blend-mode:multiply}
#mk-canvas{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;outline-offset:-3px;touch-action:none}
.mk-hardware{position:absolute;transform:translate(-50%,-50%);background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;touch-action:manipulation;color:#f7e9d1!important;z-index:2;-webkit-tap-highlight-color:transparent}
.mk-hardware-small{width:7.3%;height:6.3%;border-radius:100px}.mk-start,.mk-sound{left:8.45%}.mk-pause,.mk-score{left:91.55%}.mk-start,.mk-pause{top:14.35%}.mk-sound,.mk-score{top:29.6%}
.mk-hardware-round{width:7.7%;height:13.7%;border-radius:50%;font-size:clamp(15px,2.8vw,36px)!important;font-weight:bold!important}.mk-hardware-round span{opacity:.72;text-shadow:0 1px 2px #5c0f05}.mk-up,.mk-down{left:9.2%}.mk-left,.mk-right{left:90.8%}.mk-up,.mk-left{top:64%}.mk-down,.mk-right{top:82.2%}
.mk-hardware:active:not(:disabled){background:#3d090c4f!important;box-shadow:inset 0 2px 5px #3007!important}.mk-hardware-round[aria-pressed=true]:not(:disabled) span{opacity:1}.mk-sound[aria-pressed=false]:after{content:'×';position:absolute;inset:0;display:grid;place-items:center;color:#fff5;font-weight:bold;font-size:clamp(12px,2vw,24px)}
.mk-under{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:17px 4px 10px}.mk-phase{display:flex;align-items:center;gap:18px;min-height:38px}.mk-phase p{font-size:14px;line-height:1.5;margin:0}.mk-primary,.mk-pause-text{background:#e9dfc9;color:#543821;border:1px solid #967958;border-radius:5px;padding:9px 17px;font-weight:700!important;box-shadow:inset 0 1px #fff9}.mk-primary:hover,.mk-pause-text:hover{background:#e1d4b9}.mk-instructions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;color:#705c42}.mk-instructions button{background:transparent;border:0;border-bottom:1px solid #b2a186;padding:3px 0;color:inherit}
.mk-progress{display:flex;align-items:center;gap:5px;padding:5px 4px 14px;font-size:10px;letter-spacing:.07em;color:#80694c}.mk-progress i{height:4px;width:18px;background:#dfd5c1;border-radius:1px}.mk-progress i.is-active{background:#866537}.mk-progress span:last-child{margin-left:8px;letter-spacing:0}.mk-rules{border-top:1px solid #c5b79877;font-size:13px;line-height:1.65;padding:12px 4px;color:#705c42}.mk-rules summary{cursor:pointer;width:max-content}.mk-rules p{max-width:900px}.mk-storage{font-size:13px;background:#fff3d4;padding:10px}
#mk-art-error{position:absolute;left:23%;right:23%;top:40%;padding:15px;background:#f7edd8;border:1px solid #755135;text-align:center;font-size:14px}
.mk-console.is-vision-lost .mk-screen{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#b0b3a34d}.mk-console.is-vision-lost #mk-canvas{filter:blur(7px) grayscale(1) contrast(1.3);opacity:.78}
.mk-vision-tint{display:none;position:absolute;pointer-events:none;left:20.45%;top:20.5%;width:58.6%;height:56.9%;border-radius:1%}.mk-console.is-vision-pink .mk-vision-tint{display:block;background:rgba(246,83,154,.54);mix-blend-mode:normal;z-index:1}.mk-console.is-vision-pink .mk-screen{background:rgba(235,158,189,.42)}
.mk-vision-message{position:absolute;z-index:2;pointer-events:none;left:22%;right:22%;top:29%;text-align:center;font-weight:800;font-size:clamp(12px,2.2vw,29px);color:#3b3020;text-transform:uppercase;letter-spacing:.025em;text-shadow:0 1px 3px #e9ead3}.mk-console.is-vision-pink .mk-vision-message{color:#6b163f;text-shadow:0 1px 3px #ffe0ec}
.mk-quiz{position:fixed;inset:auto;margin:0;padding:19px 20px 15px;width:min(580px,calc(100vw - 24px));max-height:min(520px,calc(100dvh - 24px));overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#f7efdf;color:#49331f;border:2px solid #927348;border-radius:10px;box-shadow:0 12px 48px #2f1a154d;z-index:5000;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;line-height:1.4}
.mk-quiz::backdrop{background:transparent;pointer-events:none}.mk-quiz.is-pink{background:#fff0f5;border-color:#af4273;box-shadow:0 10px 45px #6f154b55}.mk-quiz-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.mk-quiz-heading strong{font-size:14px;color:#795222;text-transform:uppercase;letter-spacing:.025em}.mk-quiz.is-pink .mk-quiz-heading strong{color:#9d235c}.mk-quiz-heading>span{font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap;color:#927648}.mk-quiz h2{font-family:inherit!important;font-size:17px!important;font-weight:700!important;line-height:1.38!important;color:#49331f!important;margin:0 0 13px!important;outline:none}
.mk-answers{display:grid;gap:7px}.mk-answers button{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:10px 11px;border:1px solid #c6b38f;border-radius:5px;background:#fffcf7;color:#493a27;line-height:1.4;font-size:13px;min-height:44px}.mk-answers button b{display:grid;place-items:center;width:22px;min-width:22px;height:22px;border-radius:50%;border:1px solid #bdab8c;font-size:10px;color:#715838}.mk-answers button:hover:not(:disabled){background:#eee3cc;border-color:#866135}.mk-answers button.is-wrong{background:#e9d5ca;color:#825849;border-color:#c5a18d}.mk-answer-feedback{min-height:17px;margin:11px 0 0;font-size:11px;line-height:1.4;color:#786048}.mk-quiz.is-pink .mk-answer-feedback{color:#8e2c57}
.mk-workspace:fullscreen{background:#e9e1cf;overflow:auto;max-width:none;padding:12px 24px}.mk-workspace:fullscreen .mk-console{max-width:min(100%,calc((100dvh - 95px)*1.775));margin:auto}.mk-workspace:fullscreen .mk-under{max-width:1200px;margin-left:auto;margin-right:auto}.mk-workspace:fullscreen .mk-progress,.mk-workspace:fullscreen .mk-rules{display:none}
@media(max-width:700px){.mk-under{justify-content:center;padding:13px 0 8px;gap:12px}.mk-phase{justify-content:center;gap:12px;flex-wrap:wrap}.mk-phase p{font-size:12px}.mk-primary,.mk-pause-text{padding:9px 12px;font-size:12px!important}.mk-instructions{justify-content:center;font-size:10px;gap:9px}.mk-progress{justify-content:center;padding-bottom:10px}.mk-rules{font-size:12px}.mk-quiz{padding:14px 13px 12px;border-radius:8px}.mk-quiz-heading{gap:8px;margin-bottom:11px}.mk-quiz-heading strong{font-size:12px}.mk-quiz-heading>span{font-size:8px}.mk-quiz h2{font-size:15px!important;margin-bottom:11px!important}.mk-answers button{padding:9px;font-size:12px;gap:8px}.mk-hardware-round{min-width:32px;min-height:32px}.mk-vision-message{font-size:clamp(10px,2.6vw,18px)}.mk-workspace:fullscreen{padding:5px 12px}.mk-workspace:fullscreen .mk-console{max-width:min(100%,calc((100dvh - 80px)*1.775))}.gh-selector{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gh-selector [data-game-kind=monkey]{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.mk-workspace *{scroll-behavior:auto!important}}

.mk-console.is-vision-recovering .mk-screen{backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px)}.mk-console.is-vision-recovering #mk-canvas{filter:blur(2.5px)}.mk-console.is-vision-improving .mk-screen{backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.mk-console.is-vision-improving #mk-canvas{filter:blur(1px)}.mk-clarity{font-size:12px;line-height:1.5;color:#806038;margin:0 4px 10px}

.mk-technology-hint{font-size:14px;line-height:1.5;font-weight:700;color:#6b4a27;margin:4px 4px 6px}#mk-canvas:focus-visible{outline:2px solid #967958;outline-offset:-2px}

#mk-platform-tint{position:fixed;inset:0;width:100%;height:100%;background:rgba(255,151,191,.3);pointer-events:none;z-index:4000}
.mk-ending{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;clip-path:inset(.25% .15% .25% .15% round 2.5% / 4.45%)}
.mk-ending img{display:block;width:100%;height:100%;object-fit:contain;border:0;margin:0;padding:0}
.mk-ending p{position:absolute;inset:20% 20% 22%;display:grid;place-items:center;margin:0;padding:4%;background:#f7b3ce;color:#650a31;font-size:clamp(14px,3vw,42px);font-weight:bold;text-align:center}
.mk-hardware{z-index:3}.mk-quiz-heading{align-items:flex-start}.mk-quiz-heading strong{line-height:1.35}.mk-quiz-heading>span{padding-top:3px}
.mk-console.is-finished .mk-hardware-round span{opacity:0}
