@font-face{font-family:'Nunito Variable';font-style:normal;font-display:swap;font-weight:200 1000;src:url(fonts/nunito-cyrillic-ext-88985ca614.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito Variable';font-style:normal;font-display:swap;font-weight:200 1000;src:url(fonts/nunito-cyrillic-63b14e3ef0.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito Variable';font-style:normal;font-display:swap;font-weight:200 1000;src:url(fonts/nunito-vietnamese-61e5958cf3.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Nunito Variable';font-style:normal;font-display:swap;font-weight:200 1000;src:url(fonts/nunito-latin-ext-2c8d792869.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito Variable';font-style:normal;font-display:swap;font-weight:200 1000;src:url(fonts/nunito-latin-ba344451ea.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Baloo 2';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/baloo-2-devanagari-f997772fad.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:'Baloo 2';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/baloo-2-vietnamese-0f2643dd6a.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Baloo 2';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/baloo-2-latin-ext-d73eb61f07.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Baloo 2';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/baloo-2-latin-3e36c57e37.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--page: #eef0fb;--page-dot: #d6d9f1;--paper: #ffffff;--ink: #2b2470;--ink-soft: #57537f;--line: #d9d8ee;--chip: #e7e6f8;--crayon: #1f6fd6;--crayon-ink: #ffffff;--crayon-wash: #e4eefc;--pen: #d33a2f;--leaf: #1d9659;--star: #f3b705;--glow: #f08c00;--c4: #9b5de5;--shadow: #2b2470;--veil: rgb(238 240 251 / .6);--backdrop: rgb(30 25 80 / .42);--font-body: "Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Baloo 2", var(--font-body);--radius-m: 16px;--radius-l: 22px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--page: #13112a;--page-dot: #24214c;--paper: #1c1a3b;--ink: #ebe8ff;--ink-soft: #b3afdc;--line: #38346e;--chip: #2a2760;--crayon: #5aa2ff;--crayon-ink: #0b1a33;--crayon-wash: #1d2c55;--pen: #ff6b5d;--leaf: #40cf89;--star: #ffcb3d;--glow: #ffb84d;--c4: #c39bff;--shadow: #06051a;--veil: rgb(19 17 42 / .62);--backdrop: rgb(4 3 16 / .6);color-scheme:dark}}:root[data-theme=dark]{--page: #13112a;--page-dot: #24214c;--paper: #1c1a3b;--ink: #ebe8ff;--ink-soft: #b3afdc;--line: #38346e;--chip: #2a2760;--crayon: #5aa2ff;--crayon-ink: #0b1a33;--crayon-wash: #1d2c55;--pen: #ff6b5d;--leaf: #40cf89;--star: #ffcb3d;--glow: #ffb84d;--c4: #c39bff;--shadow: #06051a;--veil: rgb(19 17 42 / .62);--backdrop: rgb(4 3 16 / .6);color-scheme:dark}:lang(ja){--font-body: "Nunito Variable", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif}:lang(ko){--font-body: "Nunito Variable", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif}:lang(zh-Hans){--font-body: "Nunito Variable", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif}:lang(zh-Hant){--font-body: "Nunito Variable", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", sans-serif}:lang(th){--font-body: "Nunito Variable", Thonburi, "Leelawadee UI", Leelawadee, "Noto Sans Thai", "Noto Sans Thai UI", Tahoma, sans-serif}:lang(ar){--font-body: "Nunito Variable", "Geeza Pro", "SF Arabic", "Segoe UI", "Noto Sans Arabic", "Noto Naskh Arabic", Tahoma, sans-serif}:lang(hi){--font-body: "Nunito Variable", "Kohinoor Devanagari", "Nirmala UI", "Noto Sans Devanagari", Mangal, sans-serif}:lang(bn){--font-body: "Nunito Variable", "Kohinoor Bangla", "Nirmala UI", "Noto Sans Bengali", Vrinda, sans-serif}[lang]{font-family:var(--font-body)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100%;color:var(--ink);background:var(--page);font:500 1rem/1.5 var(--font-body)}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:800;line-height:1.1}p{margin:0}a{color:var(--crayon)}:focus-visible{outline:3px solid var(--crayon);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon{display:block;flex:none;width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 18px;border-radius:var(--radius-m);border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:750 1rem/1.15 var(--font-body);text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--shadow);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 70ms ease,box-shadow 70ms ease}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow)}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--crayon);color:var(--crayon-ink)}.btn[aria-pressed=true]{background:var(--pen);color:#fff}.btn-big{min-height:58px;padding:10px 28px;border-radius:var(--radius-l);font-size:1.1875rem}.btn-big .icon{width:26px;height:26px}.icon-btn{flex:none;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:14px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:0 2px 0 var(--shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.icon-btn:active{transform:translateY(2px);box-shadow:none}body.is-home,body.is-root,body.is-info{background:radial-gradient(circle at 1px 1px,var(--page-dot) 1.4px,transparent 1.7px) 0 0 / 22px 22px,var(--page)}.page{max-width:1080px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px 4px}.wordmark{font:800 1.5rem/1 var(--font-display);color:var(--ink);text-decoration:none;letter-spacing:-.01em}.hero{padding-block:clamp(18px,5vw,44px) 6px}.hero h1{font-size:clamp(2.5rem,9.5vw,4.4rem);letter-spacing:-.02em;max-width:13ch}.lead{max-width:44ch;margin-block:12px 22px;font-size:clamp(1.0625rem,2.6vw,1.25rem);color:var(--ink-soft)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.ages{padding-block:26px 10px}.ages h2{margin-bottom:16px;font-size:clamp(1.625rem,5vw,2.25rem)}.age-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:820px){.age-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.age-card{position:relative;display:grid;align-content:start;gap:6px;height:100%;padding:12px 12px 14px;border-radius:var(--radius-l);border:2px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:0 4px 0 var(--shadow);transition:transform 70ms ease,box-shadow 70ms ease}.age-card:active{transform:translateY(3px);box-shadow:0 1px 0 var(--shadow)}.age-card:hover .age-thumb{background:var(--crayon-wash)}.age-thumb{display:grid;place-items:center;aspect-ratio:1 / 1;padding:8px;border-radius:14px;background:var(--page)}.age-thumb svg{width:100%;height:100%}.age-text{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;margin-top:4px}.age-number{font:800 clamp(2.125rem,8vw,2.875rem)/1 var(--font-display);letter-spacing:-.02em}.age-unit{font-weight:750;color:var(--ink-soft)}.age-level{justify-self:start;padding:2px 10px;border-radius:999px;background:var(--chip);font-size:.875rem;font-weight:750}.age-last{position:absolute;inset-block-start:-12px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--star);color:#2b2470;font-size:.8125rem;font-weight:800}.age-last .icon{width:14px;height:14px}.age-card.is-last{box-shadow:0 4px 0 var(--shadow),0 0 0 4px var(--star)}.how,.parents{max-width:66ch;padding-block:22px 4px}.how h2,.parents h2{margin-bottom:12px;font-size:1.5rem}.how-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:step}.how-steps li{counter-increment:step;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:12px;align-items:start}.how-steps li:before{content:counter(step);display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--crayon);color:var(--crayon-ink);font:800 1.125rem/1 var(--font-display)}:lang(bn) .how-steps li:before{content:counter(step,bengali)}.parents p{color:var(--ink-soft)}.site-footer{padding-block:30px 34px;color:var(--ink-soft);font-size:.9375rem}.site-footer .build{margin-top:6px;font-size:.75rem}.footer-nav ul{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 8px;padding:0;list-style:none}.footer-nav a{display:inline-block;padding-block:10px;color:var(--ink);font-weight:750;text-underline-offset:3px}.footer-nav a[aria-current=page]{color:var(--ink-soft);text-decoration:none}.how-more{margin-top:14px}.how-more a{font-weight:750;text-underline-offset:3px}.info{max-width:72ch;padding-block:clamp(14px,4vw,34px) 8px;overflow-wrap:break-word}.info h1{font-size:clamp(1.75rem,7.5vw,3.25rem);letter-spacing:-.02em;-webkit-hyphens:auto;hyphens:auto}.info .lead{max-width:60ch;margin-block:12px 8px}.info-section{padding-block:26px 4px}.info-section h2{margin-bottom:12px;font-size:clamp(1.375rem,4.4vw,1.75rem)}.info-section p+p,.info-section .how-steps+p{margin-top:12px}.info-note{color:var(--ink-soft)}.info-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.info a:not(.btn){text-underline-offset:3px}.age-levels{display:grid;gap:10px;margin:16px 0 0}.age-levels-row{display:grid;grid-template-columns:minmax(7.5rem,max-content) minmax(0,1fr);gap:6px 14px;align-items:center;padding:10px 12px;border-radius:var(--radius-m);background:var(--paper);border:2px solid var(--line)}.age-levels dt{font:800 1.125rem/1.2 var(--font-display)}.age-levels dt a{color:var(--ink)}.age-levels dd{margin:0}.level-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.level-chips li{padding:3px 12px;border-radius:999px;background:var(--chip);border:2px solid transparent;font-size:.9375rem}.level-chips li.is-default{border-color:var(--ink);background:var(--paper)}.level-chips strong{font-weight:800}@media(max-width:520px){.age-levels-row{grid-template-columns:minmax(0,1fr)}}.theme-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none}.theme-card{display:grid;justify-items:center;gap:8px;padding:14px 10px 12px;border-radius:var(--radius-m);border:2px solid var(--ink);background:var(--mk-floor, var(--paper));box-shadow:0 3px 0 var(--shadow);text-align:center}.theme-pair{display:flex;align-items:center;gap:6px}.guide-art{width:64px;height:64px}.theme-arrow{width:22px;height:22px;border-block-start:4px solid var(--mk-trail, var(--crayon));border-inline-end:4px solid var(--mk-trail, var(--crayon));border-start-end-radius:3px;transform:rotate(45deg) scale(.75)}[dir=rtl] .theme-arrow{transform:rotate(-45deg) scale(.75)}.theme-name{font-weight:800;color:var(--mk-wall, var(--ink))}.faq h3{margin-top:20px;font-size:1.125rem;line-height:1.3}.faq h3:first-child{margin-top:4px}.faq p{margin-top:6px}.lang-menu{position:relative}.lang-menu summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px 6px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--paper);font-weight:750;cursor:pointer;box-shadow:0 2px 0 var(--shadow)}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu .icon{width:20px;height:20px}.lang-list{position:absolute;z-index:10;inset-inline-end:0;top:calc(100% + 8px);width:min(calc(100vw - 32px),340px);max-height:min(70vh,520px);overflow:auto;margin:0;padding:6px;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-m);box-shadow:0 5px 0 var(--shadow)}.lang-list a{display:block;padding:9px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:650}.lang-list a:hover{background:var(--chip)}.lang-list a[aria-current]{background:var(--crayon);color:var(--crayon-ink)}.page-root main{padding-block:22px 6px}.page-root h1{font-size:clamp(2.75rem,11vw,4.6rem);letter-spacing:-.02em}.page-root .lead{margin-bottom:18px}.lang-grid{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}.lang-grid a{display:grid;align-content:center;gap:2px;min-height:66px;padding:10px 14px;border-radius:var(--radius-m);border:2px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:0 3px 0 var(--shadow)}.lang-grid a:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow)}.lang-name{font-weight:800;font-size:1.125rem;line-height:1.25}.lang-tagline{color:var(--ink-soft);font-size:.9375rem;line-height:1.3}html.page-play,html.page-play body{height:100%;overscroll-behavior:none}.play{display:grid;height:100%;max-width:1240px;margin-inline:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top" "stage" "status" "actions";row-gap:6px;column-gap:14px;padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}@supports (height: 100dvh){.play{height:100dvh}}.bar-top{grid-area:top;display:flex;align-items:center;gap:6px;min-height:48px;min-width:0}.level-chip{flex:0 1 auto;min-width:0;min-height:44px;display:grid;justify-items:start;align-content:center;padding:3px 12px;border-radius:14px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:0 2px 0 var(--shadow);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation}.level-chip:active{transform:translateY(2px);box-shadow:none}.level-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;font-size:.9375rem;line-height:1.15}.level-age{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.15;color:var(--ink-soft)}.level-age:empty{display:none}.stats{flex:0 0 auto;display:flex;gap:6px;margin-inline-start:auto}.stat{display:inline-flex;align-items:center;gap:4px;height:36px;padding-inline:9px 11px;border-radius:999px;background:var(--chip);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.stat .icon{width:18px;height:18px}.stat-value{min-width:2ch;text-align:end}#timer{min-width:4ch}.btn-sound[aria-pressed=false] .when-on,.btn-sound[aria-pressed=true] .when-off{display:none}.btn-sound[aria-pressed=false]{color:var(--ink-soft);border-style:dashed}.stage{grid-area:stage;position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.board{position:relative;border-radius:12px;background:var(--mk-floor, var(--paper));box-shadow:0 0 0 2px var(--line);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board:focus{outline:none}.board:focus-visible{outline:3px solid var(--crayon);outline-offset:-3px}.board[data-pointer-focus]:focus-visible{outline:none}.noscript{padding:16px;text-align:center;font-weight:700}.status{grid-area:status;height:2.7em;text-align:center;font-size:.875rem;line-height:1.35;color:var(--ink-soft)}.status>span{display:-webkit-box;width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bar-actions{grid-area:actions;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.btn-action{flex-direction:column;gap:2px;min-height:58px;padding:6px 6px 5px;font-size:.8125rem;line-height:1.12;text-align:center}.btn-action .icon{width:24px;height:24px}.btn-action .label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media(orientation:landscape)and (min-width:600px){.play{grid-template-columns:minmax(0,1fr) clamp(190px,24vw,264px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"stage top" "stage status" "stage actions"}.bar-top{flex-wrap:wrap;align-content:flex-start;align-self:start;row-gap:8px}.bar-top>.home-btn{margin-inline-end:auto}.level-chip{order:1;flex-basis:100%}.stats{order:2;flex-basis:100%;justify-content:flex-start}.status{height:auto;align-self:start;padding-top:6px;font-size:.9375rem}.status>span{-webkit-line-clamp:4}.bar-actions{grid-template-columns:minmax(0,1fr);align-self:end}.btn-action{flex-direction:row;justify-content:flex-start;gap:10px;min-height:52px;padding-inline:14px;font-size:.9375rem;text-align:start}}.win{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:12px;background:var(--veil)}.win-card{display:grid;justify-items:center;gap:6px;width:min(100%,360px);max-height:100%;overflow:auto;padding:18px 18px 20px;border-radius:var(--radius-l);border:2px solid var(--ink);background:var(--paper);box-shadow:0 6px 0 var(--shadow);text-align:center;animation:mk-rise .36s cubic-bezier(.2,.9,.3,1.25) both}.win-card h2{font-size:2rem}.win-art{width:150px;height:68px}.win-story{font:800 1.125rem/1.3 var(--font-display)}.win-note{font-size:.875rem;color:var(--pen);font-weight:700}.win-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.win-actions .btn{min-width:136px}@keyframes mk-rise{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.race{position:absolute;z-index:4;inset:0;display:grid;place-items:center;padding:10px;background:var(--page)}.race[data-phase=results]{background:var(--veil)}.race-card{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:min(100%,420px);max-height:100%;overflow:auto;overscroll-behavior:contain;padding:14px 16px 12px;border-radius:var(--radius-l);border:2px solid var(--ink);background:var(--paper);box-shadow:0 6px 0 var(--shadow);animation:mk-rise .3s cubic-bezier(.2,.9,.3,1.25) both}.race-badge{justify-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--ink);background:var(--star);color:#2b2470}.race-badge .icon{width:30px;height:30px}.race-card h2{font-size:1.625rem;text-align:center;overflow-wrap:anywhere}.race-card h2:focus{outline:none}.race-level{text-align:center;color:var(--ink-soft);font-weight:750;font-size:.9375rem}.race-level:empty{display:none}.race-lead{text-align:center}.race-you{text-align:center;font:800 1.125rem/1.3 var(--font-display);overflow-wrap:anywhere}.race-board-wrap h3{margin-bottom:6px;font-size:1rem}.race-board{list-style:none;margin:0;padding:0;display:grid;gap:4px}.race-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding-block:4px;padding-inline:5px 10px;border-radius:12px;background:var(--chip);font-weight:750}.race-row.is-mine{background:var(--crayon-wash);box-shadow:inset 0 0 0 2px var(--crayon)}.race-row.is-new{animation:mk-rise .36s cubic-bezier(.2,.9,.3,1.25) both}.race-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font:800 .875rem/1 var(--font-display);font-variant-numeric:tabular-nums}.race-row[data-rank="1"] .race-rank{background:#f3b705;color:#2b2470}.race-row[data-rank="2"] .race-rank{background:#d3d9e6;color:#2b2470}.race-row[data-rank="3"] .race-rank{background:#e9ab72;color:#2b2470}.race-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-time{font-variant-numeric:tabular-nums;white-space:nowrap}.race-empty{text-align:center;color:var(--ink-soft);font-weight:700}.race-join{display:grid;gap:6px;margin-top:2px}.race-label{font-weight:800}.race-join-row{display:flex;flex-wrap:wrap;gap:8px}.race-join input{flex:1 1 9rem;width:9rem;min-width:0;min-height:48px;padding:8px 12px;border-radius:12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-weight:750}.race-join input:focus-visible{outline:3px solid var(--crayon);outline-offset:1px}.race-join .btn{flex:1 0 auto}.race-error{color:var(--pen);font-weight:750;font-size:.9375rem}.race-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.race-actions .btn{flex:1 1 auto;min-height:46px;padding-inline:12px;font-size:.9375rem}.race-privacy{text-align:center;font-size:.8125rem;color:var(--ink-soft)}@media(max-height:640px){.race-badge{display:none}.race-card{gap:6px;padding-block:10px}.race-card h2{font-size:1.375rem}}.board[data-race-hidden] .mk-maze{visibility:hidden}.race-count{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:12px;pointer-events:none;text-align:center;font:800 clamp(5rem,30vmin,11rem)/1 var(--font-display);color:var(--ink);text-shadow:0 4px 0 var(--paper)}.race-count span{animation:mk-count .8s ease-out both}.race-count.is-go{font-size:clamp(2.5rem,13vmin,5.5rem);color:var(--leaf);overflow-wrap:anywhere}.race-count.is-go span{animation:mk-go .7s ease-out both}@keyframes mk-count{0%{transform:scale(1.5);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.25}}@keyframes mk-go{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1.25);opacity:0}}.win-actions .btn-win-race{flex-basis:100%}.sheet-layer{position:fixed;inset:0;z-index:20;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:end;justify-items:center;padding-top:max(12px,env(safe-area-inset-top,0px));background:var(--backdrop)}.sheet{width:min(100%,560px);max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);border:2px solid var(--ink);border-bottom:0;border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--paper);animation:mk-sheet .22s ease-out both}@media(min-width:640px)and (min-height:560px){.sheet-layer{align-items:center;padding:24px}.sheet{max-height:min(100%,780px);border-bottom:2px solid var(--ink);border-radius:var(--radius-l);box-shadow:0 6px 0 var(--shadow)}}@keyframes mk-sheet{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 10px;border-bottom:2px solid var(--line)}.sheet-head h2{font-size:1.5rem}.sheet-head h2:focus{outline:none}.btn-done{min-height:44px;padding-inline:16px}.sheet-body{display:grid;gap:16px;overflow:auto;overscroll-behavior:contain;padding:10px 16px max(22px,env(safe-area-inset-bottom,0px))}.sheet-group h3{margin:4px 0 10px;font-size:1.125rem}.sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sheet-actions .btn{justify-content:flex-start;padding-inline:12px;font-size:.9375rem;text-align:start}.share-panel{display:grid;gap:6px;margin-top:10px;font-weight:700}.share-panel input,.field-select select{width:100%;min-height:48px;padding:8px 12px;border-radius:12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-weight:650}.field{min-width:0;margin:0 0 16px;padding:0;border:0}.field legend,.field-label{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:0;font-weight:800}.field-label .icon{width:20px;height:20px}.field-select{display:block}.switch input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.switch input:focus-visible+.switch-track{outline:3px solid var(--crayon);outline-offset:2px}.switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-weight:700;cursor:pointer}.switch-track{position:relative;flex:none;width:54px;height:32px;border-radius:999px;border:2px solid var(--ink);background:var(--line);transition:background .12s ease}.switch-track:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);background:var(--paper);transition:transform .12s ease}.switch input:checked+.switch-track{background:var(--leaf)}.switch input:checked+.switch-track:after{transform:translate(22px)}[dir=rtl] .switch input:checked+.switch-track:after{transform:translate(-22px)}.toast{position:fixed;z-index:30;inset-inline:0;bottom:calc(max(8px,env(safe-area-inset-bottom,0px)) + 76px);width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:750;text-align:center;box-shadow:0 3px #00000040}.mk-maze{display:block;width:100%;height:100%;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.mk-floor{fill:var(--mk-floor, var(--paper))}.mk-walls{stroke:var(--mk-wall, var(--ink))}.mk-trail{stroke:var(--mk-trail, var(--crayon));stroke-width:.42;stroke-linecap:round;stroke-linejoin:round}.mk-solution{display:none;stroke:var(--mk-solution, var(--pen));stroke-width:.14;stroke-dasharray:.28 .2;stroke-linecap:round;stroke-linejoin:round}.mk-show-solution .mk-solution{display:inline}.mk-head-halo{fill:none;stroke:var(--mk-trail, var(--crayon));stroke-width:.07;opacity:0;transform-box:fill-box;transform-origin:center}.mk-maze:not(.mk-dragging):not(.mk-won) .mk-head-halo{opacity:.9;animation:mk-pulse 1.4s ease-in-out infinite}.mk-detached .mk-head-halo{opacity:1;stroke:var(--mk-solution, var(--pen));stroke-dasharray:.14 .1;animation:mk-pulse .9s ease-in-out infinite}.mk-won .mk-head{display:none}.mk-hint circle{fill:var(--mk-hint, var(--glow));stroke:var(--mk-floor, var(--paper));stroke-width:.06;transform-box:fill-box;transform-origin:center;animation:mk-hint 1.1s ease-in-out 3 both}.mk-thumb .mk-walls{stroke-linecap:square}.mk-thumb .mk-start{fill:var(--leaf)}.mk-thumb .mk-goal{fill:var(--star);stroke:var(--ink);stroke-width:.05;stroke-linejoin:round}@keyframes mk-pulse{0%,to{transform:scale(.85)}50%{transform:scale(1.18)}}@keyframes mk-hint{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.2)}to{opacity:.9;transform:scale(1)}}.mk-goal-art,.mk-bloom,.mk-wing{transform-box:fill-box;transform-origin:center}.mk-won.mk-win-pop .mk-goal-art,.mk-won.mk-win-glow .mk-goal-art{animation:mk-pop .6s ease-out both}.mk-won.mk-win-bounce .mk-goal-art{animation:mk-bounce 1s cubic-bezier(.3,.7,.4,1) both}.mk-won.mk-win-launch .mk-goal-art{animation:mk-launch 1.5s cubic-bezier(.5,0,.75,0) .2s both}.mk-won.mk-win-bloom .mk-bloom{animation:mk-bloom .9s ease-out both}.mk-light{transition:fill .4s ease .15s}.mk-won .mk-light{fill:#ffd84d}.mk-flame{opacity:0;transition:opacity .15s ease}.mk-won .mk-flame{opacity:1}.mk-wing{transform-origin:50% 100%}.mk-dragging .mk-wing{animation:mk-flutter .16s ease-in-out infinite alternate}@keyframes mk-pop{0%{transform:scale(1)}45%{transform:scale(1.6)}to{transform:scale(1.25)}}@keyframes mk-bounce{0%{transform:none}20%{transform:translateY(-24px) scale(1.06)}38%{transform:translateY(0) scale(1.14,.9)}58%{transform:translateY(-12px) scale(1.04)}76%{transform:translateY(0) scale(1.08,.95)}to{transform:scale(1.15)}}@keyframes mk-launch{0%{transform:none;opacity:1}12%{transform:translateY(5px)}to{transform:translateY(-260px);opacity:0}}@keyframes mk-bloom{0%{transform:scale(1)}35%{transform:scale(.78)}75%{transform:scale(1.32)}to{transform:scale(1.2)}}@keyframes mk-flutter{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}.mk-confetti .mk-piece{transform-box:fill-box;transform-origin:center;animation:mk-burst 1.15s cubic-bezier(.15,.7,.3,1) both}@keyframes mk-burst{0%{transform:translate(0) rotate(0) scale(.3);opacity:1}75%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1);opacity:0}}.sheet-home{display:none}@media(max-width:479px){.bar-top .home-btn{display:none}.sheet-home{display:inline-flex}.stat{padding-inline:7px 9px}.stat .icon{width:16px;height:16px}}@media(max-width:360px){.level-chip{padding-inline:9px}}:lang(ja){word-break:auto-phrase}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.mk-head-halo,.mk-goal-art,.mk-bloom,.mk-wing{animation:none!important}}.sheet-home{margin-top:16px;justify-self:start}body.is-print{background:radial-gradient(circle at 1px 1px,var(--page-dot) 1.4px,transparent 1.7px) 0 0 / 22px 22px,var(--page)}.page-print{max-width:1240px}.print-intro{padding-block:clamp(12px,4vw,30px) 4px}.print-intro h1{font-size:clamp(2rem,7vw,3.25rem);letter-spacing:-.02em}.print-intro .lead{max-width:60ch;margin-block:10px 16px}.print-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.print-panel{display:grid;gap:12px;padding:16px;border:2px solid var(--ink);border-radius:var(--radius-l);background:var(--paper);box-shadow:0 4px 0 var(--shadow)}@media(min-width:900px){.print-layout{grid-template-columns:340px minmax(0,1fr)}.print-panel{position:sticky;top:12px}}.print-form .field{margin-bottom:12px}.print-form .field:last-child{margin-bottom:0}.stepper{display:flex;align-items:center;gap:8px}.stepper .icon-btn{width:48px;height:48px}.stepper input{width:5.5rem;min-height:48px;padding:6px 8px;border-radius:12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;font-size:1.25rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.stepper input:focus-visible{outline:3px solid var(--crayon);outline-offset:1px}.field-hint{margin-top:6px;font-size:.875rem;color:var(--ink-soft)}.print-actions{display:grid;gap:8px}.print-actions .btn{width:100%}.print-set{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border-radius:14px;background:var(--chip)}.print-summary{font-weight:800}.btn-small{min-height:40px;padding:6px 12px;font-size:.875rem;box-shadow:0 2px 0 var(--shadow)}.btn-small .icon{width:18px;height:18px}.print-summary:empty,.print-status:empty{display:none}.print-status{font-weight:750;color:var(--ink-soft)}.print-tip{font-size:.875rem;color:var(--ink-soft)}.paper-list{display:grid;gap:22px 18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.paper-list[aria-busy=true]{opacity:.6}.paper{margin:0;display:grid;gap:8px;min-width:0}.paper-sheet{aspect-ratio:210 / 297;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 0 0 1px var(--line),0 6px 16px #1e195024}.paper-svg{display:block;width:100%;height:100%;font-family:var(--font-body)}.paper-caption{font-weight:800;color:var(--ink-soft);text-align:center}.btn-print-cta{margin-top:14px}@media print{html,body.is-print{background:#fff!important}body.is-print .site-header,body.is-print .site-footer,.print-intro,.print-panel,.paper-caption,.print-preview .noscript{display:none!important}body.is-print .page{max-width:none;margin:0;padding:0}.print-main,.print-layout,.print-preview,.paper-list{display:block;margin:0;padding:0}.paper{display:block;width:210mm;height:297mm;margin:0;break-inside:avoid;break-after:page;page-break-after:always}.paper:last-child{break-after:auto;page-break-after:auto}.paper-sheet{width:210mm;height:297mm;aspect-ratio:auto;border-radius:0;box-shadow:none}.paper-svg{width:210mm;height:297mm}body.is-print *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Chủ đề (tạo từ src/themes khi build) */
.mk-theme-tho-ca-rot{--mk-floor:#f1f8e6;--mk-wall:#3d5a24;--mk-trail:#d95f00;--mk-solution:#c62828;--mk-hint:#6d3fd6}
.mk-theme-xe-ve-nha{--mk-floor:#f1f3f7;--mk-wall:#33465c;--mk-trail:#1f6fd6;--mk-solution:#c62828;--mk-hint:#c25e00}
.mk-theme-phi-hanh-gia{--mk-floor:#1d2152;--mk-wall:#a99cf5;--mk-trail:#ffd84d;--mk-solution:#ff7a6b;--mk-hint:#5ee6c6}
.mk-theme-ong-tim-hoa{--mk-floor:#fff8e1;--mk-wall:#5e3b17;--mk-trail:#8a3fd1;--mk-solution:#c62828;--mk-hint:#c2185b}
.mk-theme-cham-sao{--mk-floor:#ffffff;--mk-wall:#2b2470;--mk-trail:#1f6fd6;--mk-solution:#d33a2f;--mk-hint:#c46a00}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .mk-theme-tho-ca-rot{--mk-floor:#17240f;--mk-wall:#c9e8a6;--mk-trail:#ff9a3c;--mk-solution:#ff6b5d;--mk-hint:#b9a2ff}:root:not([data-theme="light"]) .mk-theme-xe-ve-nha{--mk-floor:#161d26;--mk-wall:#cdd7e4;--mk-trail:#5aa2ff;--mk-solution:#ff6b5d;--mk-hint:#ffb84d}:root:not([data-theme="light"]) .mk-theme-phi-hanh-gia{--mk-floor:#1d2152;--mk-wall:#a99cf5;--mk-trail:#ffd84d;--mk-solution:#ff7a6b;--mk-hint:#5ee6c6}:root:not([data-theme="light"]) .mk-theme-ong-tim-hoa{--mk-floor:#251c0d;--mk-wall:#f2d9a2;--mk-trail:#c99bff;--mk-solution:#ff6b5d;--mk-hint:#ff8fb8}:root:not([data-theme="light"]) .mk-theme-cham-sao{--mk-floor:#1c1a3b;--mk-wall:#ebe8ff;--mk-trail:#5aa2ff;--mk-solution:#ff6b5d;--mk-hint:#ffb84d}}
:root[data-theme="dark"] .mk-theme-tho-ca-rot{--mk-floor:#17240f;--mk-wall:#c9e8a6;--mk-trail:#ff9a3c;--mk-solution:#ff6b5d;--mk-hint:#b9a2ff}
:root[data-theme="dark"] .mk-theme-xe-ve-nha{--mk-floor:#161d26;--mk-wall:#cdd7e4;--mk-trail:#5aa2ff;--mk-solution:#ff6b5d;--mk-hint:#ffb84d}
:root[data-theme="dark"] .mk-theme-phi-hanh-gia{--mk-floor:#1d2152;--mk-wall:#a99cf5;--mk-trail:#ffd84d;--mk-solution:#ff7a6b;--mk-hint:#5ee6c6}
:root[data-theme="dark"] .mk-theme-ong-tim-hoa{--mk-floor:#251c0d;--mk-wall:#f2d9a2;--mk-trail:#c99bff;--mk-solution:#ff6b5d;--mk-hint:#ff8fb8}
:root[data-theme="dark"] .mk-theme-cham-sao{--mk-floor:#1c1a3b;--mk-wall:#ebe8ff;--mk-trail:#5aa2ff;--mk-solution:#ff6b5d;--mk-hint:#ffb84d}
