@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px;overflow-x:clip}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}img,picture,svg,video,canvas{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}}@layer tokens{:root,[data-theme=magma]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mgd-bg:#1f0b09;--mgd-surface:#3a1611;--mgd-surface-2:#4e1d16;--mgd-line:#7a3326;--mgd-ink:#140605;--mgd-text:#fff3e6;--mgd-text-muted:#e9c8b2;--mgd-red:#d62f23;--mgd-orange:#ff8a1f;--mgd-yellow:#ffd23f;--mgd-mint:#2ec4b6;--mgd-danger:#ff6b6b;--mgd-white:#fff;--mgd-success-fg:#2ec4b6;--mgd-accent-fg:#ff8a1f;--mgd-shadow-primary:#ffd23f;--mgd-shadow-color:#140605}[data-theme=krem]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mgd-bg:#fff4e5;--mgd-surface:#fff;--mgd-surface-2:#ffe8cc;--mgd-line:#2b1210;--mgd-ink:#2b1210;--mgd-text:#2b1210;--mgd-text-muted:#6b4a40;--mgd-red:#d62f23;--mgd-orange:#ff8a1f;--mgd-yellow:#1fa89b;--mgd-mint:#1fa89b;--mgd-danger:#b3122a;--mgd-white:#fff;--mgd-success-fg:#0e7c72;--mgd-accent-fg:#b5400f;--mgd-shadow-primary:#2b1210;--mgd-shadow-color:#2b1210}[data-theme=aurora]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mgd-bg:#081b24;--mgd-surface:#12313d;--mgd-surface-2:#12313d;--mgd-line:#7a3326;--mgd-ink:#140605;--mgd-text:#e8fff7;--mgd-text-muted:#e8fff7;--mgd-red:#d62f23;--mgd-orange:#71f6c8;--mgd-yellow:#c7a6ff;--mgd-mint:#c7a6ff;--mgd-danger:#ff6b6b;--mgd-white:#fff;--mgd-success-fg:#c7a6ff;--mgd-accent-fg:#71f6c8;--mgd-shadow-primary:#c7a6ff;--mgd-shadow-color:#140605}[data-theme=cyber-senja]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mgd-bg:#17122e;--mgd-surface:#292047;--mgd-surface-2:#292047;--mgd-line:#7a3326;--mgd-ink:#140605;--mgd-text:#fff0fd;--mgd-text-muted:#fff0fd;--mgd-red:#d62f23;--mgd-orange:#ff79c6;--mgd-yellow:#65e7ff;--mgd-mint:#65e7ff;--mgd-danger:#ff6b6b;--mgd-white:#fff;--mgd-success-fg:#65e7ff;--mgd-accent-fg:#ff79c6;--mgd-shadow-primary:#65e7ff;--mgd-shadow-color:#140605}[data-theme=matcha-mochi]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mgd-bg:#f2f5df;--mgd-surface:#fff;--mgd-surface-2:#fff;--mgd-line:#2b1210;--mgd-ink:#203527;--mgd-text:#203527;--mgd-text-muted:#203527;--mgd-red:#d62f23;--mgd-orange:#aed581;--mgd-yellow:#f7cb8b;--mgd-mint:#aed581;--mgd-danger:#b3122a;--mgd-white:#fff;--mgd-success-fg:#203527;--mgd-accent-fg:#203527;--mgd-shadow-primary:#203527;--mgd-shadow-color:#203527}[data-theme=sakura-soda]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mgd-bg:#fff0f6;--mgd-surface:#fff;--mgd-surface-2:#fff;--mgd-line:#2b1210;--mgd-ink:#432238;--mgd-text:#432238;--mgd-text-muted:#432238;--mgd-red:#d62f23;--mgd-orange:#ffacca;--mgd-yellow:#a8e6e8;--mgd-mint:#ffacca;--mgd-danger:#b3122a;--mgd-white:#fff;--mgd-success-fg:#432238;--mgd-accent-fg:#432238;--mgd-shadow-primary:#432238;--mgd-shadow-color:#432238}[data-theme=ocean-abyss]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mgd-bg:#071829;--mgd-surface:#102c44;--mgd-surface-2:#102c44;--mgd-line:#7a3326;--mgd-ink:#140605;--mgd-text:#e5f6ff;--mgd-text-muted:#e5f6ff;--mgd-red:#d62f23;--mgd-orange:#6dd8ff;--mgd-yellow:#ffc680;--mgd-mint:#ffc680;--mgd-danger:#ff6b6b;--mgd-white:#fff;--mgd-success-fg:#ffc680;--mgd-accent-fg:#6dd8ff;--mgd-shadow-primary:#ffc680;--mgd-shadow-color:#140605}[data-theme=lavender-orbit]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mgd-bg:#f2eeff;--mgd-surface:#fff;--mgd-surface-2:#fff;--mgd-line:#2b1210;--mgd-ink:#302547;--mgd-text:#302547;--mgd-text-muted:#302547;--mgd-red:#d62f23;--mgd-orange:#c6aeff;--mgd-yellow:#f6c18b;--mgd-mint:#c6aeff;--mgd-danger:#b3122a;--mgd-white:#fff;--mgd-success-fg:#302547;--mgd-accent-fg:#302547;--mgd-shadow-primary:#302547;--mgd-shadow-color:#302547}[data-theme=sunset-arcade]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mgd-bg:#251326;--mgd-surface:#40213b;--mgd-surface-2:#40213b;--mgd-line:#7a3326;--mgd-ink:#140605;--mgd-text:#fff0df;--mgd-text-muted:#fff0df;--mgd-red:#d62f23;--mgd-orange:#ffb870;--mgd-yellow:#f68fb7;--mgd-mint:#f68fb7;--mgd-danger:#ff6b6b;--mgd-white:#fff;--mgd-success-fg:#f68fb7;--mgd-accent-fg:#ffb870;--mgd-shadow-primary:#f68fb7;--mgd-shadow-color:#140605}[data-theme=kopi-senja]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mgd-bg:#f6ebdd;--mgd-surface:#fffcf5;--mgd-surface-2:#fffcf5;--mgd-line:#2b1210;--mgd-ink:#39271e;--mgd-text:#39271e;--mgd-text-muted:#39271e;--mgd-red:#d62f23;--mgd-orange:#e4b783;--mgd-yellow:#b4c99d;--mgd-mint:#e4b783;--mgd-danger:#b3122a;--mgd-white:#fff;--mgd-success-fg:#39271e;--mgd-accent-fg:#39271e;--mgd-shadow-primary:#39271e;--mgd-shadow-color:#39271e}[data-theme=terminal-mint]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mgd-bg:#0c1914;--mgd-surface:#172b22;--mgd-surface-2:#172b22;--mgd-line:#7a3326;--mgd-ink:#140605;--mgd-text:#e7ffed;--mgd-text-muted:#e7ffed;--mgd-red:#d62f23;--mgd-orange:#8ff0ac;--mgd-yellow:#f1d77e;--mgd-mint:#f1d77e;--mgd-danger:#ff6b6b;--mgd-white:#fff;--mgd-success-fg:#f1d77e;--mgd-accent-fg:#8ff0ac;--mgd-shadow-primary:#f1d77e;--mgd-shadow-color:#140605}[data-theme=candy-nebula]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mgd-bg:#21132e;--mgd-surface:#382145;--mgd-surface-2:#382145;--mgd-line:#7a3326;--mgd-ink:#140605;--mgd-text:#fff0ff;--mgd-text-muted:#fff0ff;--mgd-red:#d62f23;--mgd-orange:#e9a6ff;--mgd-yellow:#89e4ed;--mgd-mint:#89e4ed;--mgd-danger:#ff6b6b;--mgd-white:#fff;--mgd-success-fg:#89e4ed;--mgd-accent-fg:#e9a6ff;--mgd-shadow-primary:#89e4ed;--mgd-shadow-color:#140605}:root{--mgd-shadow:4px 4px 0 var(--mgd-shadow-color);--mgd-shadow-lg:8px 8px 0 var(--mgd-shadow-color);--mgd-shadow-cta:4px 4px 0 var(--mgd-shadow-primary);--mgd-r-input:12px;--mgd-r-btn:14px;--mgd-r-card:20px;--mgd-r-chip:999px;--mgd-bw:3px;--mgd-bw-card:2px;--mgd-s1:4px;--mgd-s2:8px;--mgd-s3:12px;--mgd-s4:16px;--mgd-s5:24px;--mgd-s6:32px;--mgd-s7:48px;--mgd-s8:64px;--mgd-s9:96px;--mgd-max:1200px;--mgd-gutter:24px;--mgd-touch:44px;--mgd-tabbar-h:var(--mgd-tabbar-measured,calc(62px + max(6px, env(safe-area-inset-bottom,0px))));--mgd-magi-ring:64px;--mgd-magi-w:50px;--mgd-tabbar-bump:30px;--mgd-tabbar-space:calc(var(--mgd-tabbar-h) + var(--mgd-tabbar-bump));--mgd-font-head:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--mgd-font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--mgd-font-code:"JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--mgd-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--mgd-ease-out:cubic-bezier(.22, 1, .36, 1);--mgd-dur-micro:.12s;--mgd-dur:.3s}@media (max-width:639px){:root{--mgd-gutter:16px}}@media (max-width:360px){:root{--mgd-magi-ring:58px;--mgd-magi-w:46px;--mgd-tabbar-bump:26px}}@media (min-width:960px){:root{--mgd-tabbar-h:0px;--mgd-tabbar-bump:0px}}}@layer base{body{background:var(--mgd-bg);min-height:100dvh;color:var(--mgd-text);font-family:var(--mgd-font-body);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6;overflow-x:clip}@media (min-width:960px){body{font-size:1.0625rem}}h1,h2,h3,h4,.mgd-h1,.mgd-h2,.mgd-h3{font-family:var(--mgd-font-head);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.12}h1,.mgd-h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2,.mgd-h2{font-size:clamp(1.875rem,4vw,2.875rem)}h3,.mgd-h3{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:600}p{text-wrap:pretty}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}a:hover{color:var(--mgd-accent-fg)}code,kbd,pre{font-family:var(--mgd-font-code);font-size:.92em}:not(pre)>code{background:var(--mgd-surface-2);border:2px solid var(--mgd-line);border-radius:8px;padding:.05em .35em}::selection{background:var(--mgd-yellow);color:var(--mgd-ink)}hr{border:0;border-top:var(--mgd-bw-card) dashed var(--mgd-line);margin:var(--mgd-s6) 0}:focus-visible{outline:3px solid var(--mgd-yellow);outline-offset:3px;box-shadow:0 0 0 3px var(--mgd-ink)}:focus:not(:focus-visible){outline:none}.mgd-skip{left:var(--mgd-s4);z-index:1000;padding:var(--mgd-s3) var(--mgd-s4);background:var(--mgd-yellow);color:var(--mgd-ink);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-btn);font-weight:800;text-decoration:none;position:fixed;top:-100px}.mgd-skip:focus{top:var(--mgd-s4)}.mgd-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.mgd-icon{vertical-align:-.2em;flex:none;width:1.25em;height:1.25em;display:inline-block}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.25s}::view-transition-new(root){animation-duration:.25s}}@layer layout{.mgd-container{width:min(100% - 2 * var(--mgd-gutter), var(--mgd-max));margin-inline:auto}.mgd-container--narrow{width:min(100% - 2 * var(--mgd-gutter), 720px)}.mgd-main{min-height:60vh;padding-bottom:var(--mgd-s8);display:block}.mgd-main:focus{outline:none}.mgd-grid{gap:var(--mgd-gutter);grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--mgd-grid-min,260px)), 1fr));display:grid}.mgd-section{padding-block:var(--mgd-s8)}@media (min-width:960px){.mgd-section{padding-block:var(--mgd-s9)}}.mgd-section__head{max-width:720px;margin-bottom:var(--mgd-s6)}.mgd-section__head>*+*{margin-top:var(--mgd-s3)}.mgd-page-head{padding-block:var(--mgd-s7) var(--mgd-s6)}.mgd-page-head>*+*{margin-top:var(--mgd-s3)}.mgd-nav{z-index:50;background:var(--mgd-surface);border-bottom:4px solid var(--mgd-ink);box-shadow:0 4px 0 var(--mgd-shadow-primary);transition:padding var(--mgd-dur) var(--mgd-ease-out);position:sticky;top:0}.mgd-nav__inner{align-items:center;gap:var(--mgd-s4);min-height:72px;transition:min-height var(--mgd-dur) var(--mgd-ease-out);display:flex}.mgd-nav.is-compact .mgd-nav__inner{min-height:58px}.mgd-logo{align-items:center;gap:var(--mgd-s2);font-family:var(--mgd-font-head);color:var(--mgd-text);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.mgd-logo:hover{color:var(--mgd-text)}.mgd-logo__mark{width:40px;height:40px;transition:transform var(--mgd-dur) var(--mgd-ease-pop)}.mgd-logo:hover .mgd-logo__mark{transform:rotate(-8deg)scale(1.08)}.mgd-logo__dev{color:var(--mgd-accent-fg)}.mgd-nav__menu{gap:var(--mgd-s1);margin-inline:auto;display:none}.mgd-nav__link{min-height:var(--mgd-touch);padding:0 var(--mgd-s3);border-radius:var(--mgd-r-btn);border:var(--mgd-bw) solid transparent;font-family:var(--mgd-font-head);color:var(--mgd-text);align-items:center;gap:6px;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.mgd-nav__link:hover{color:var(--mgd-text);background:var(--mgd-surface-2)}.mgd-nav__link[aria-current=page]{border-color:var(--mgd-ink);background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-nav__end{align-items:center;gap:var(--mgd-s2);margin-left:auto;display:flex}.mgd-nav__auth{gap:var(--mgd-s2);display:none}.mgd-nav__login{min-height:var(--mgd-touch)}@media (max-width:359px){.mgd-nav__login .mgd-icon{display:none}}@media (max-width:479px){.mgd-nav:has(.mgd-menu) .mgd-logo>span{display:none}.mgd-nav:has(.mgd-menu) .mgd-nav__inner{gap:var(--mgd-s2)}.mgd-nav:has(.mgd-menu) .mgd-nav__end{gap:6px}}@media (max-width:399px){.mgd-nav:has(.mgd-menu) .mgd-nav__palette{display:none}}@media (prefers-reduced-motion:reduce){.mgd-nav,.mgd-nav__inner{transition:none}}@media (min-width:960px){.mgd-nav__menu{display:flex}.mgd-nav__end{margin-left:0}.mgd-nav__auth{display:flex}}@media (min-width:960px) and (max-width:1359px){.mgd-nav__inner{gap:var(--mgd-s3)}.mgd-nav__link{padding:0 10px;font-size:1rem}.mgd-nav__end{gap:6px}}@media (min-width:1180px) and (max-width:1359px){.mgd-nav__link .mgd-icon{display:none}}@media (min-width:960px) and (max-width:1179px){.mgd-nav__link{min-width:var(--mgd-touch);justify-content:center;padding:0}.mgd-nav__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mgd-icon-btn{width:var(--mgd-touch);height:var(--mgd-touch);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);color:var(--mgd-text);box-shadow:2px 2px 0 var(--mgd-shadow-color);transition:transform var(--mgd-dur-micro) var(--mgd-ease-out), box-shadow var(--mgd-dur-micro);border-radius:50%;place-items:center;display:inline-grid;position:relative}.mgd-icon-btn:hover{box-shadow:3px 3px 0 var(--mgd-shadow-color);transform:translate(-1px,-1px)}.mgd-icon-btn:active{box-shadow:0 0 0 var(--mgd-shadow-color);transform:translate(2px,2px)}.mgd-icon-btn__dot{background:var(--mgd-red);min-width:20px;height:20px;color:var(--mgd-white);border:2px solid var(--mgd-ink);text-align:center;border-radius:999px;padding:0 5px;font-size:.6875rem;font-weight:800;line-height:16px;position:absolute;top:-4px;right:-4px}.mgd-theme-toggle .mgd-icon--sun{display:none}[data-theme-mode=light] .mgd-theme-toggle .mgd-icon--sun{display:inline-block}[data-theme-mode=light] .mgd-theme-toggle .mgd-icon--moon{display:none}.mgd-menu{position:relative}.mgd-menu__panel{min-width:220px;padding:var(--mgd-s2);background:var(--mgd-surface);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);box-shadow:var(--mgd-shadow);z-index:60;position:absolute;top:calc(100% + 10px);right:0}.mgd-menu__item{align-items:center;gap:var(--mgd-s2);width:100%;min-height:var(--mgd-touch);padding:0 var(--mgd-s3);border-radius:var(--mgd-r-input);text-align:left;background:0 0;border:0;font-weight:700;text-decoration:none;display:flex}.mgd-menu__item:hover{background:var(--mgd-surface-2);color:var(--mgd-text)}.mgd-notif{position:relative}.mgd-notif__panel{z-index:60;background:var(--mgd-surface);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);width:430px;max-height:min(560px,100dvh - 110px);box-shadow:var(--mgd-shadow);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@media (max-width:599px){.mgd-notif__panel{top:72px;right:var(--mgd-gutter);left:var(--mgd-gutter);width:auto;max-height:calc(100dvh - 160px);position:fixed}.mgd-nav.is-compact .mgd-notif__panel{top:60px}}.mgd-notif__head{align-items:center;gap:var(--mgd-s2);padding:var(--mgd-s3) var(--mgd-s4);border-bottom:2px solid var(--mgd-line);flex-wrap:wrap;display:flex}.mgd-notif__title{margin:0;font-size:1.125rem}.mgd-notif__readall{margin-left:auto}.mgd-notif__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.mgd-notif__state{padding:var(--mgd-s5) var(--mgd-s4);color:var(--mgd-text-muted);text-align:center;margin:0}.mgd-notif__list{padding:var(--mgd-s2);margin:0;list-style:none;display:grid}.mgd-notif__item{align-items:center;gap:var(--mgd-s2);border-radius:var(--mgd-r-input);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.mgd-notif__item.is-unread{background:color-mix(in srgb, var(--mgd-orange) 14%, transparent)}.mgd-notif__item+.mgd-notif__item{margin-top:2px}.mgd-notif__link{align-items:start;gap:var(--mgd-s3);min-height:var(--mgd-touch);padding:var(--mgd-s2) var(--mgd-s3);border-radius:var(--mgd-r-input);color:var(--mgd-text);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}.mgd-notif__link:hover{background:var(--mgd-surface-2);color:var(--mgd-text)}.mgd-notif__icon{border:2px solid var(--mgd-ink);background:var(--mgd-surface-2);width:36px;height:36px;color:var(--mgd-accent-fg);border-radius:50%;place-items:center;display:grid}.mgd-notif__icon .mgd-icon{width:18px;height:18px}.mgd-notif__text{gap:2px;min-width:0;display:grid}.mgd-notif__msg{overflow-wrap:anywhere;font-weight:700;line-height:1.35}.mgd-notif__item:not(.is-unread) .mgd-notif__msg{font-weight:500}.mgd-notif__time{color:var(--mgd-text-muted);font-size:.8125rem}.mgd-notif__mark{width:36px;height:36px;margin-right:var(--mgd-s2);border:2px solid var(--mgd-line);background:var(--mgd-surface);color:var(--mgd-text);cursor:pointer;border-radius:50%;place-items:center;display:grid}.mgd-notif__mark:hover{border-color:var(--mgd-ink);background:var(--mgd-surface-2)}.mgd-notif__mark .mgd-icon{width:16px;height:16px}.mgd-notif__all{justify-content:center;align-items:center;gap:var(--mgd-s2);min-height:var(--mgd-touch);padding:var(--mgd-s2) var(--mgd-s4);border-top:2px solid var(--mgd-line);background:var(--mgd-surface-2);font-weight:800;text-decoration:none;display:flex}.mgd-notif__all:hover{background:color-mix(in srgb, var(--mgd-orange) 22%, var(--mgd-surface-2))}.mgd-footer{margin-top:var(--mgd-s8);padding-block:var(--mgd-s8) var(--mgd-s6);background:var(--mgd-surface);border-top:4px solid var(--mgd-ink);position:relative}.mgd-footer__grid{gap:var(--mgd-s6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mgd-footer__grid{grid-template-columns:2fr repeat(3,1fr)}}.mgd-footer__brand{align-content:start;gap:var(--mgd-s3);display:grid}.mgd-footer__brand p{max-width:36ch;margin:0}.mgd-footer h2{margin-bottom:var(--mgd-s3);align-items:center;gap:8px;font-size:1.125rem;display:flex}.mgd-footer__ico{border:2px solid var(--mgd-ink);width:28px;height:28px;color:var(--mgd-ink);border-radius:9px;flex:none;place-items:center;display:inline-grid;transform:rotate(-6deg)}.mgd-footer__ico .mgd-icon{width:16px;height:16px}.mgd-footer__ico--orange{background:var(--mgd-orange)}.mgd-footer__ico--mint{background:var(--mgd-mint);transform:rotate(5deg)}.mgd-footer__ico--yellow{background:var(--mgd-yellow)}.mgd-footer ul{gap:var(--mgd-s2);margin:0;padding:0;list-style:none;display:grid}.mgd-footer a{font-weight:700;text-decoration:none}.mgd-footer a:hover{text-decoration:underline}.mgd-footer__bottom{justify-content:space-between;gap:var(--mgd-s3);margin-top:var(--mgd-s7);padding-top:var(--mgd-s5);border-top:2px dashed var(--mgd-line);color:var(--mgd-text-muted);flex-wrap:wrap;font-size:.9375rem;display:flex}.mgd-footer__bottom p{margin:0}.mgd-footer__credit strong{color:var(--mgd-text)}@media (max-width:639px){.mgd-footer{margin-top:var(--mgd-s7);padding-block:var(--mgd-s6) var(--mgd-s5)}.mgd-footer__grid{gap:var(--mgd-s5) var(--mgd-s4);grid-template-columns:repeat(2,minmax(0,1fr))}.mgd-footer__brand{align-items:center;gap:var(--mgd-s3);padding:var(--mgd-s3) var(--mgd-s4);border:2px solid var(--mgd-ink);border-radius:var(--mgd-r-card);background:var(--mgd-surface-2);box-shadow:3px 3px 0 var(--mgd-ink);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr)}.mgd-footer__brand .mgd-logo{font-size:1.25rem}.mgd-footer__brand .mgd-logo__mark{width:34px;height:34px}.mgd-footer__brand p{font-size:.875rem;line-height:1.4}.mgd-footer h2{margin-bottom:var(--mgd-s2);font-size:1rem}.mgd-footer__ico{width:24px;height:24px}.mgd-footer__ico .mgd-icon{width:14px;height:14px}.mgd-footer ul{gap:0}.mgd-footer__col a{align-items:center;min-height:38px;font-size:.9375rem;line-height:1.25;display:flex}.mgd-footer__col--about{grid-column:1/-1}.mgd-footer__col--about ul{gap:var(--mgd-s2);flex-wrap:wrap;display:flex}.mgd-footer__col--about a{border:2px solid var(--mgd-ink);border-radius:var(--mgd-r-chip);background:var(--mgd-surface-2);min-height:36px;padding:0 14px;font-size:.875rem}.mgd-footer__bottom{margin-top:var(--mgd-s5);padding-top:var(--mgd-s4);text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:.875rem}}@media (max-width:339px){.mgd-footer__brand{grid-template-columns:1fr}}.mgd-torn{--mgd-torn-color:var(--mgd-surface);background:var(--mgd-torn-color);clip-path:polygon(0 100%,0 45%,4% 70%,9% 30%,14% 62%,20% 22%,26% 58%,31% 35%,37% 72%,43% 28%,49% 60%,55% 20%,61% 66%,67% 34%,73% 70%,79% 26%,85% 62%,91% 30%,96% 66%,100% 40%,100% 100%);height:28px}.mgd-torn--flip{transform:scaleY(-1)}.mgd-zigzag{background:linear-gradient(135deg, var(--mgd-zz,var(--mgd-surface)) 25%, transparent 25%) -10px 0 / 20px 20px, linear-gradient(225deg, var(--mgd-zz,var(--mgd-surface)) 25%, transparent 25%) -10px 0 / 20px 20px;height:20px}}@layer components{.mgd-btn{--mgd-btn-bg:var(--mgd-surface-2);--mgd-btn-fg:var(--mgd-text);--mgd-btn-shadow:var(--mgd-shadow-color);justify-content:center;align-items:center;gap:var(--mgd-s2);min-height:48px;padding:0 var(--mgd-s5);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-btn);background:var(--mgd-btn-bg);color:var(--mgd-btn-fg);box-shadow:4px 4px 0 var(--mgd-btn-shadow);font-family:var(--mgd-font-head);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--mgd-dur-micro) var(--mgd-ease-out), box-shadow var(--mgd-dur-micro) var(--mgd-ease-out), background-color var(--mgd-dur-micro);font-size:1.125rem;font-weight:600;line-height:1.1;text-decoration:none;display:inline-flex}.mgd-btn:hover{color:var(--mgd-btn-fg);box-shadow:6px 6px 0 var(--mgd-btn-shadow);transform:translate(-2px,-2px)}.mgd-btn:active{box-shadow:0 0 0 var(--mgd-btn-shadow);transition-duration:80ms;transform:translate(4px,4px)scale(.97)}.mgd-btn--primary{--mgd-btn-bg:var(--mgd-orange);--mgd-btn-fg:var(--mgd-ink);--mgd-btn-shadow:var(--mgd-shadow-primary)}.mgd-btn--secondary{--mgd-btn-bg:var(--mgd-red);--mgd-btn-fg:var(--mgd-white)}.mgd-btn--ghost{--mgd-btn-bg:transparent;box-shadow:none;border-color:currentColor}.mgd-btn--ghost:hover{background:var(--mgd-surface-2);box-shadow:none;transform:none}.mgd-btn--danger{--mgd-btn-bg:var(--mgd-surface);--mgd-btn-fg:var(--mgd-danger);border-color:var(--mgd-danger)}.mgd-btn--mint{--mgd-btn-bg:var(--mgd-mint);--mgd-btn-fg:var(--mgd-ink)}.mgd-btn--sm{min-height:var(--mgd-touch);padding:0 var(--mgd-s4);font-size:1rem}.mgd-btn--lg{min-height:60px;padding:0 var(--mgd-s6);font-size:1.3125rem}.mgd-btn--block{width:100%;display:flex}.mgd-btn[disabled],.mgd-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:2px 2px 0 var(--mgd-btn-shadow);transform:none}.mgd-btn.is-loading{color:#0000;pointer-events:none;position:relative}.mgd-btn.is-loading:after{content:"";border:3px solid var(--mgd-btn-fg);border-right-color:#0000;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite mgd-spin;position:absolute}.mgd-sticker{--mgd-st-bg:var(--mgd-yellow);--mgd-st-fg:var(--mgd-ink);background:var(--mgd-st-bg);color:var(--mgd-st-fg);border:var(--mgd-bw) solid var(--mgd-ink);box-shadow:3px 3px 0 var(--mgd-ink);font-family:var(--mgd-font-head);transform:rotate(var(--mgd-tilt,-2deg));border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:1rem;font-weight:700;line-height:1.15;display:inline-flex}.mgd-sticker--red{--mgd-st-bg:var(--mgd-red);--mgd-st-fg:var(--mgd-white)}.mgd-sticker--mint{--mgd-st-bg:var(--mgd-mint)}.mgd-sticker--cream{--mgd-st-bg:#fff1d6;--mgd-st-fg:#2b1210}.mgd-sticker--lg{padding:8px 18px;font-size:1.375rem}.mgd-chip{border-radius:var(--mgd-r-chip);border:2px solid var(--mgd-ink);background:var(--mgd-surface-2);min-height:32px;color:var(--mgd-text);align-items:center;gap:6px;padding:2px 12px;font-size:.875rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.mgd-chip--yellow{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-chip--mint{background:var(--mgd-mint);color:var(--mgd-ink)}.mgd-chip--red{background:var(--mgd-red);color:var(--mgd-white)}.mgd-chip--orange{background:var(--mgd-orange);color:var(--mgd-ink)}a.mgd-chip:hover,button.mgd-chip:hover{color:var(--mgd-text);background:var(--mgd-surface)}.mgd-chip[aria-pressed=true],.mgd-chip[aria-current=true]{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-badge{text-align:center;justify-items:center;gap:6px;width:120px;margin:0;display:inline-grid}.mgd-badge figcaption{gap:2px;display:grid}.mgd-badge__name{font-size:.875rem;font-weight:800;line-height:1.25}.mgd-badge__rarity,.mgd-badge-slot__rarity{border:2px solid var(--mgd-ink);border-radius:var(--mgd-r-chip);background:var(--mgd-rarity-bg,var(--mgd-surface-2));color:var(--mgd-ink);letter-spacing:.04em;text-transform:uppercase;justify-self:center;padding:0 8px;font-size:.6875rem;font-weight:900}.mgd-badge--biasa,.mgd-badge-slot--biasa{--mgd-rarity-bg:#ffd9a8}.mgd-badge--langka,.mgd-badge-slot--langka{--mgd-rarity-bg:#8ff0e6}.mgd-badge--epik,.mgd-badge-slot--epik{--mgd-rarity-bg:#d7c6ff}.mgd-badge--legendaris,.mgd-badge-slot--legendaris{--mgd-rarity-bg:#ffe680}.mgd-medal{--mgd-medal-size:96px;--mgd-medal-color:#ffd9a8;width:min(var(--mgd-medal-size), 100%);aspect-ratio:1;flex:none;place-items:center;height:auto;display:inline-grid;position:relative}.mgd-medal__frame{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.mgd-medal__core{box-sizing:border-box;aspect-ratio:1;border:max(2px, calc(var(--mgd-medal-size) * .028)) solid #1d0c09;background:radial-gradient(circle at 34% 28%, #ffffffb3 0 13%, transparent 14%), var(--mgd-medal-color);width:57%;height:auto;box-shadow:inset 0 calc(var(--mgd-medal-size) * -.045) 0 #1d0c092e;color:#1d0c09;border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.mgd-medal__core .mgd-icon{filter:drop-shadow(0 1px #fff9);width:54%;height:54%}.mgd-medal__img{object-fit:contain;width:84%;height:84%;display:block}.mgd-medal.is-locked{filter:grayscale()brightness(.85);opacity:.6}.mgd-medal.is-locked .mgd-medal__core{--mgd-medal-color:#e9e2dc}.mgd-badge.is-locked .mgd-badge__name{color:var(--mgd-text-muted)}.mgd-badge-rack{gap:var(--mgd-s4) var(--mgd-s3);padding:var(--mgd-s4);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);background:radial-gradient(circle, color-mix(in srgb, var(--mgd-line) 55%, transparent) 1.5px, transparent 2px) 0 0 / 18px 18px, var(--mgd-surface-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,112px),1fr));margin:0;list-style:none;display:grid}.mgd-badge-slot{text-align:center;border-radius:16px;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:6px;min-width:0;padding:6px 4px 10px;display:grid}.mgd-badge-slot:not(.is-locked){background:color-mix(in srgb, var(--mgd-surface) 70%, transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--mgd-ink) 18%, transparent)}.mgd-badge-slot>*{max-width:100%}.mgd-badge-slot__name{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;width:100%;font-size:.875rem;font-weight:800;line-height:1.2}.mgd-badge-slot__rarity{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mgd-badge-slot.is-locked .mgd-badge-slot__name{color:var(--mgd-text-muted)}.mgd-badge-slot.is-locked .mgd-badge-slot__rarity{opacity:.65}[data-motion=penuh] .mgd-badge-slot:not(.is-locked):hover .mgd-medal{animation:mgd-medal-wiggle .6s var(--mgd-ease-pop)}@keyframes mgd-medal-wiggle{30%{transform:rotate(-8deg)scale(1.06)}60%{transform:rotate(6deg)scale(1.04)}}.mgd-achieve__head{align-items:center;gap:var(--mgd-s2) var(--mgd-s3);margin-bottom:var(--mgd-s4);flex-wrap:wrap;display:flex}.mgd-achieve__head .mgd-h3{margin:0}.mgd-achieve__head .mgd-btn{margin-inline-start:auto}.mgd-achieve__group{gap:.5rem;margin-top:1rem;display:grid}.mgd-achieve__gtitle{font-family:var(--mgd-font-head);font-size:1rem}.mgd-achieve__stats{gap:var(--mgd-s2);flex-wrap:wrap;margin:0;display:flex}.mgd-achieve--shelf{margin-top:var(--mgd-s6)}@media (max-width:479px){.mgd-badge-rack{gap:var(--mgd-s3) 6px;padding:var(--mgd-s3) 6px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.mgd-badge-rack .mgd-medal{--mgd-medal-size:72px!important}.mgd-badge-slot{padding-inline:2px}.mgd-badge-slot__name{font-size:.8125rem}.mgd-badge-slot__rarity{letter-spacing:.02em;padding:0 5px;font-size:.5625rem}.mgd-btn{white-space:normal;text-align:center;max-width:100%}}.mgd-card{background:var(--mgd-surface);border:var(--mgd-bw-card) solid var(--mgd-line);border-radius:var(--mgd-r-card);padding:var(--mgd-s5);position:relative}.mgd-card--ink{border:var(--mgd-bw) solid var(--mgd-ink);box-shadow:var(--mgd-shadow)}.mgd-card>*+*{margin-top:var(--mgd-s3)}.mgd-course-card{background:var(--mgd-surface);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);box-shadow:var(--mgd-shadow);transition:transform var(--mgd-dur) var(--mgd-ease-pop), box-shadow var(--mgd-dur) var(--mgd-ease-out), border-color var(--mgd-dur);flex-direction:column;display:flex;position:relative;overflow:hidden}.mgd-course-card:hover,.mgd-course-card:focus-within{border-color:var(--mgd-orange);box-shadow:0 0 0 2px var(--mgd-orange), 8px 8px 0 var(--mgd-ink);transform:translateY(-6px)rotate(-1deg)}.mgd-course-card:hover .mgd-course-card__sticker,.mgd-course-card:focus-within .mgd-course-card__sticker{animation:.3s ease-in-out 2 mgd-wiggle}.mgd-course-card__art{aspect-ratio:16/10;background:var(--mgd-surface-2);border-bottom:var(--mgd-bw) solid var(--mgd-ink);position:relative;overflow:hidden}.mgd-course-card__art img,.mgd-course-card__art svg{object-fit:cover;width:100%;height:100%}.mgd-course-card__sticker{z-index:2;position:absolute;top:12px;left:12px}.mgd-course-card__star{z-index:2;position:absolute;top:10px;right:10px}.mgd-star-btn{width:var(--mgd-touch);height:var(--mgd-touch);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface);color:var(--mgd-text);box-shadow:2px 2px 0 var(--mgd-ink);border-radius:50%;place-items:center;display:grid}.mgd-star-btn[aria-pressed=true]{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-star-btn[aria-pressed=true] .mgd-icon{fill:currentColor}.mgd-course-card__body{gap:var(--mgd-s3);padding:var(--mgd-s4) var(--mgd-s5) var(--mgd-s5);flex-direction:column;flex:1;display:flex}.mgd-course-card__title{font-family:var(--mgd-font-head);font-size:1.375rem;font-weight:700;line-height:1.2}.mgd-course-card__title a{text-decoration:none}.mgd-course-card__title a:after{content:"";z-index:1;position:absolute;inset:0}.mgd-course-card__meta{gap:var(--mgd-s2) var(--mgd-s4);color:var(--mgd-text-muted);flex-wrap:wrap;font-size:.9375rem;font-weight:700;display:flex}.mgd-course-card__meta span{align-items:center;gap:6px;display:inline-flex}.mgd-course-card__foot{justify-content:space-between;align-items:center;gap:var(--mgd-s3);padding:var(--mgd-s3) var(--mgd-s5);background:var(--mgd-surface-2);border-top:var(--mgd-bw) solid var(--mgd-ink);transition:background-color var(--mgd-dur);margin-top:auto;display:flex}.mgd-course-card:hover .mgd-course-card__foot,.mgd-course-card:focus-within .mgd-course-card__foot{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-course-card__xp{font-family:var(--mgd-font-head);font-size:1.5rem;font-weight:700}.mgd-course-card__cta{z-index:2;position:relative}.mgd-course-card.is-locked .mgd-course-card__art>:not(.mgd-course-card__sticker):not(.mgd-course-card__star){filter:grayscale(.7)brightness(.8)}.mgd-lock{background:var(--mgd-surface);border:var(--mgd-bw) solid var(--mgd-ink);width:40px;height:40px;color:var(--mgd-text);transform-origin:50% 10%;border-radius:12px;place-items:center;display:inline-grid}.mgd-course-card.is-locked:hover .mgd-lock,.mgd-lock.is-shaking{animation:mgd-lock-shake .5s var(--mgd-ease-out)}.mgd-level-bars{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.mgd-level-bars i{background:var(--mgd-surface-2);border:1.5px solid var(--mgd-text-muted);border-radius:2px;width:6px;display:block}.mgd-level-bars i:first-child{height:40%}.mgd-level-bars i:nth-child(2){height:70%}.mgd-level-bars i:nth-child(3){height:100%}.mgd-level-bars[data-level="1"] i:nth-child(-n+1),.mgd-level-bars[data-level="2"] i:nth-child(-n+2),.mgd-level-bars[data-level="3"] i:nth-child(-n+3){background:var(--mgd-yellow);border-color:var(--mgd-ink)}.mgd-path-card{background:var(--mgd-surface);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);box-shadow:var(--mgd-shadow);transition:transform var(--mgd-dur) var(--mgd-ease-pop);flex-direction:column;display:flex;position:relative;overflow:visible}.mgd-path-card:hover{transform:translateY(-4px)rotate(-1deg)}.mgd-path-card__art{aspect-ratio:16/9;border-radius:calc(var(--mgd-r-card) - 3px) calc(var(--mgd-r-card) - 3px) 0 0;background:var(--mgd-surface-2);overflow:hidden}.mgd-path-card__band{align-items:center;gap:var(--mgd-s3);padding:var(--mgd-s3) var(--mgd-s5);background:var(--mgd-yellow);color:var(--mgd-ink);border-block:var(--mgd-bw) solid var(--mgd-ink);display:flex}.mgd-path-card__band small{letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:800;display:block}.mgd-path-card__band strong{font-family:var(--mgd-font-head);font-size:1.375rem;line-height:1.1;display:block}.mgd-path-card__body{gap:var(--mgd-s3);padding:var(--mgd-s5);flex-direction:column;flex:1;display:flex}.mgd-path-card__step{letter-spacing:.08em;text-transform:uppercase;color:var(--mgd-success-fg);font-size:.875rem;font-weight:800}.mgd-path-card__note{color:var(--mgd-accent-fg);font-weight:800}.mgd-path-card__actions{gap:var(--mgd-s3);margin-top:auto;display:grid}.mgd-path-card__next{z-index:3;position:absolute;top:50%;right:-24px}.mgd-round-btn{border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-mint);width:48px;height:48px;color:var(--mgd-ink);box-shadow:3px 3px 0 var(--mgd-ink);transition:transform var(--mgd-dur-micro) var(--mgd-ease-pop);border-radius:50%;place-items:center;display:grid}.mgd-round-btn:hover{transform:scale(1.08)}.mgd-round-btn:active{transform:scale(.94)}.mgd-round-btn[disabled]{opacity:.4;cursor:default;transform:none}.mgd-xp-chip{border-radius:var(--mgd-r-chip);background:var(--mgd-yellow);min-height:40px;color:var(--mgd-ink);border:var(--mgd-bw) solid var(--mgd-ink);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 12px 0 6px;font-weight:900;text-decoration:none;display:inline-flex}.mgd-xp-chip:hover{color:var(--mgd-ink)}.mgd-xp-chip__icon{background:var(--mgd-orange);border:2px solid var(--mgd-ink);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.mgd-xp-chip__icon .mgd-icon{width:16px;height:16px}.mgd-xp-chip.is-bump{animation:mgd-bump .45s var(--mgd-ease-pop)}.mgd-coin-chip{border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-chip);background:var(--mgd-surface-2);min-height:40px;color:var(--mgd-text);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 12px 0 6px;font-weight:900;text-decoration:none;display:inline-flex}.mgd-coin-chip:hover{color:var(--mgd-text);background:var(--mgd-surface)}.mgd-coin-chip__icon{border:2px solid var(--mgd-ink);background:var(--mgd-yellow);width:26px;height:26px;color:var(--mgd-ink);border-radius:50%;place-items:center;display:grid}.mgd-coin-chip__icon .mgd-icon{width:16px;height:16px}.mgd-nav__stats{align-items:center;gap:var(--mgd-s2);display:inline-flex}@media (max-width:639px){.mgd-nav__stats{border-radius:var(--mgd-r-chip);box-shadow:2px 2px 0 var(--mgd-shadow-color);gap:0}.mgd-nav__stats .mgd-xp-chip,.mgd-nav__stats .mgd-coin-chip{gap:4px;min-height:38px;padding:0 8px 0 4px;font-size:.875rem}.mgd-nav__stats .mgd-xp-chip{border-radius:var(--mgd-r-chip) 0 0 var(--mgd-r-chip)}.mgd-nav__stats .mgd-coin-chip{border-radius:0 var(--mgd-r-chip) var(--mgd-r-chip) 0;background:var(--mgd-surface-2);border-left-width:0;padding-left:5px}.mgd-nav__stats .mgd-xp-chip__icon,.mgd-nav__stats .mgd-coin-chip__icon{width:24px;height:24px}.mgd-nav__stats .mgd-icon{width:14px;height:14px}}.mgd-level-ring{--mgd-pct:0;--mgd-ring-size:72px;width:var(--mgd-ring-size);height:var(--mgd-ring-size);background:radial-gradient(closest-side, var(--mgd-surface) 72%, transparent 73%), conic-gradient(var(--mgd-orange) calc(var(--mgd-pct) * 1%), var(--mgd-surface-2) 0);border:var(--mgd-bw) solid var(--mgd-ink);box-shadow:3px 3px 0 var(--mgd-ink);border-radius:50%;place-items:center;display:grid;position:relative}.mgd-level-ring__num{font-family:var(--mgd-font-head);font-weight:700;font-size:calc(var(--mgd-ring-size) * .36);line-height:1}.mgd-level-ring__label{background:var(--mgd-yellow);color:var(--mgd-ink);border:2px solid var(--mgd-ink);text-transform:uppercase;border-radius:6px;padding:0 6px;font-size:.6875rem;font-weight:900;position:absolute;bottom:-10px}.mgd-progress{--mgd-value:0;border-radius:var(--mgd-r-chip);background:var(--mgd-surface-2);border:var(--mgd-bw) solid var(--mgd-ink);height:26px;position:relative;overflow:visible}.mgd-progress__track{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.mgd-progress__fill{transform-origin:0;transform:scaleX(calc(var(--mgd-value) / 100));background:repeating-linear-gradient(-45deg, var(--mgd-orange) 0 12px, color-mix(in srgb, var(--mgd-orange) 75%, var(--mgd-yellow)) 12px 24px);transition:transform .7s var(--mgd-ease-pop);background-size:34px 100%;animation:1.2s linear infinite mgd-stripes;position:absolute;inset:0}.mgd-progress--mint .mgd-progress__fill{background:repeating-linear-gradient(-45deg, var(--mgd-mint) 0 12px, color-mix(in srgb, var(--mgd-mint) 70%, white) 12px 24px)}.mgd-progress--xp .mgd-progress__fill{background:repeating-linear-gradient(-45deg, var(--mgd-yellow) 0 12px, color-mix(in srgb, var(--mgd-yellow) 70%, white) 12px 24px)}.mgd-progress__shine{animation:mgd-shine 2.8s var(--mgd-ease-out) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.mgd-progress__head{top:50%;left:calc(var(--mgd-value) * 1%);width:40px;transition:left .7s var(--mgd-ease-pop);pointer-events:none;position:absolute;transform:translate(-50%,-58%)}.mgd-progress__label{justify-content:space-between;margin-bottom:6px;font-size:.9375rem;font-weight:800;display:flex}.mgd-node{--mgd-node-size:64px;width:var(--mgd-node-size);height:var(--mgd-node-size);border:4px solid var(--mgd-ink);background:var(--mgd-surface-2);color:var(--mgd-text);box-shadow:0 6px 0 var(--mgd-ink);font-family:var(--mgd-font-head);transition:transform var(--mgd-dur) var(--mgd-ease-pop);border-radius:50%;place-items:center;font-size:1.25rem;font-weight:700;text-decoration:none;display:grid;position:relative}.mgd-node:hover{color:var(--mgd-text);transform:translateY(-4px)scale(1.06)}.mgd-node .mgd-icon{width:28px;height:28px}.mgd-node--done{background:var(--mgd-mint);color:var(--mgd-ink)}.mgd-node--done:hover{color:var(--mgd-ink)}.mgd-node--current{background:var(--mgd-orange);color:var(--mgd-ink);animation:1.8s ease-in-out infinite mgd-pulse}.mgd-node--current:hover{color:var(--mgd-ink)}.mgd-node--locked{background:var(--mgd-surface);color:var(--mgd-text-muted);border-style:dashed}.mgd-node--boss{--mgd-node-size:96px;background:var(--mgd-red);color:var(--mgd-white)}.mgd-node__magi{pointer-events:none;width:44px;position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%)}.mgd-tabs{gap:var(--mgd-s2);border-radius:var(--mgd-r-btn);background:var(--mgd-surface-2);border:var(--mgd-bw) solid var(--mgd-ink);flex-wrap:wrap;width:-moz-fit-content;width:fit-content;padding:6px;display:flex}.mgd-tab{min-height:40px;padding:0 var(--mgd-s4);color:var(--mgd-text);background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.mgd-tab[aria-selected=true],.mgd-tab[aria-current=page]{background:var(--mgd-yellow);color:var(--mgd-ink);border-color:var(--mgd-ink)}.mgd-modal{border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);background:var(--mgd-surface);width:min(100% - 32px,560px);max-height:calc(100dvh - 48px);color:var(--mgd-text);box-shadow:var(--mgd-shadow-lg);padding:0;overflow:auto}.mgd-modal::backdrop{background:#140605b8}.mgd-modal[open]{animation:mgd-pop-in .35s var(--mgd-ease-pop)}.mgd-modal__head{justify-content:space-between;align-items:center;gap:var(--mgd-s3);padding:var(--mgd-s4) var(--mgd-s5);border-bottom:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);display:flex}.mgd-modal__head h2{font-size:1.375rem}.mgd-modal__body{padding:var(--mgd-s5)}.mgd-modal__body>*+*{margin-top:var(--mgd-s4)}.mgd-modal__foot{justify-content:flex-end;gap:var(--mgd-s3);padding:var(--mgd-s4) var(--mgd-s5);border-top:2px dashed var(--mgd-line);flex-wrap:wrap;display:flex}@media (max-width:639px){.mgd-modal--sheet{border-radius:var(--mgd-r-card) var(--mgd-r-card) 0 0;border-bottom:0;width:100%;max-width:none;margin:auto 0 0}.mgd-modal--sheet[open]{animation:mgd-sheet-up .35s var(--mgd-ease-pop)}}.mgd-toasts{left:50%;bottom:calc(var(--mgd-tabbar-space) + 12px);z-index:900;gap:var(--mgd-s2);pointer-events:none;width:min(100% - 32px,420px);display:grid;position:fixed;transform:translate(-50%)}@media (min-width:960px){.mgd-toasts{bottom:var(--mgd-s5)}}.mgd-toast{align-items:center;gap:var(--mgd-s3);padding:var(--mgd-s3) var(--mgd-s4);border-radius:var(--mgd-r-btn);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface);color:var(--mgd-text);box-shadow:var(--mgd-shadow);pointer-events:auto;animation:mgd-toast-in .3s var(--mgd-ease-pop);font-weight:800;display:flex}.mgd-toast.is-out{animation:mgd-toast-out .2s var(--mgd-ease-out) forwards}.mgd-toast--success .mgd-icon{color:var(--mgd-success-fg)}.mgd-toast--error{border-color:var(--mgd-danger)}.mgd-toast--error .mgd-icon{color:var(--mgd-danger)}.mgd-toast--xp{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-tip{display:inline-flex;position:relative}.mgd-tip__bubble{z-index:70;background:var(--mgd-ink);color:#fff3e6;border:2px solid var(--mgd-yellow);opacity:0;pointer-events:none;width:max-content;max-width:240px;transition:opacity var(--mgd-dur-micro), transform var(--mgd-dur-micro) var(--mgd-ease-pop);border-radius:10px;padding:6px 10px;font-size:.8125rem;font-weight:700;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.9)}.mgd-tip:hover .mgd-tip__bubble,.mgd-tip:focus-within .mgd-tip__bubble{opacity:1;transform:translate(-50%)scale(1)}.mgd-field{gap:6px;display:grid}.mgd-field+.mgd-field{margin-top:var(--mgd-s4)}.mgd-label{font-weight:800}.mgd-help{color:var(--mgd-text-muted);font-size:.875rem}.mgd-error{color:var(--mgd-danger);align-items:center;gap:6px;font-size:.9375rem;font-weight:800;display:flex}.mgd-input,.mgd-select,.mgd-textarea{border-radius:var(--mgd-r-input);border:2px solid var(--mgd-text-muted);background:var(--mgd-bg);width:100%;min-height:48px;color:var(--mgd-text);transition:border-color var(--mgd-dur-micro), box-shadow var(--mgd-dur-micro);padding:10px 14px}.mgd-textarea{resize:vertical;min-height:120px}.mgd-input:hover,.mgd-select:hover,.mgd-textarea:hover{border-color:var(--mgd-text)}.mgd-input:focus-visible,.mgd-select:focus-visible,.mgd-textarea:focus-visible{border:var(--mgd-bw) solid var(--mgd-ink);outline:3px solid var(--mgd-yellow);outline-offset:0;box-shadow:4px 4px 0 var(--mgd-ink)}.mgd-input[aria-invalid=true],.mgd-textarea[aria-invalid=true]{border-color:var(--mgd-danger)}.mgd-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}.mgd-check{align-items:flex-start;gap:var(--mgd-s3);min-height:var(--mgd-touch);cursor:pointer;padding-top:8px;font-weight:700;display:inline-flex}.mgd-check input{appearance:none;border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface);width:26px;height:26px;box-shadow:2px 2px 0 var(--mgd-ink);transition:transform .25s var(--mgd-ease-pop);border-radius:8px;flex:none;place-items:center;margin:0;display:grid}.mgd-check input[type=radio]{border-radius:50%}.mgd-check input:after{content:"";border-left:3px solid var(--mgd-ink);border-bottom:3px solid var(--mgd-ink);width:12px;height:7px;transition:transform .25s var(--mgd-ease-pop);transform:translateY(-2px)rotate(-45deg)scale(0)}.mgd-check input[type=radio]:after{background:var(--mgd-ink);border:0;border-radius:50%;width:10px;height:10px;transform:scale(0)}.mgd-check input:checked{background:var(--mgd-mint);animation:mgd-check-pop .3s var(--mgd-ease-pop);transform:scale(1.12)}.mgd-check input:checked:after{transform:translateY(-2px)rotate(-45deg)scale(1)}.mgd-check input[type=radio]:checked:after{transform:scale(1)}.mgd-toggle{align-items:center;gap:var(--mgd-s3);min-height:var(--mgd-touch);cursor:pointer;font-weight:700;display:inline-flex}.mgd-toggle input{appearance:none;border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);border-radius:999px;flex:none;width:54px;height:30px;margin:0;transition:background-color .2s;position:relative}.mgd-toggle input:before{content:"";background:var(--mgd-text);border:2px solid var(--mgd-ink);width:20px;height:20px;transition:transform .3s var(--mgd-ease-pop);border-radius:50%;position:absolute;top:2px;left:2px}.mgd-toggle input:checked{background:var(--mgd-mint)}.mgd-toggle input:checked:before{background:var(--mgd-white);transform:translate(24px)}.mgd-honeypot{width:1px;height:1px;overflow:hidden;position:absolute!important;left:-10000px!important}.mgd-avatar{--mgd-av-size:44px;width:var(--mgd-av-size);height:var(--mgd-av-size);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-orange);color:var(--mgd-ink);font-family:var(--mgd-font-head);font-weight:700;font-size:calc(var(--mgd-av-size) * .42);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.mgd-avatar img,.mgd-avatar svg{object-fit:cover;width:100%;height:100%}.mgd-avatar--frame-api{outline:3px solid var(--mgd-orange);outline-offset:2px}.mgd-avatar--frame-emas{outline:3px solid var(--mgd-yellow);outline-offset:2px}.mgd-avatar--lg{--mgd-av-size:96px;box-shadow:4px 4px 0 var(--mgd-ink)}.mgd-table-wrap{border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);background:var(--mgd-surface);overflow-x:auto}.mgd-table{border-collapse:collapse;width:100%;font-size:.9375rem}.mgd-table th,.mgd-table td{text-align:left;border-bottom:2px solid var(--mgd-surface-2);vertical-align:middle;padding:10px 14px}.mgd-table th{background:var(--mgd-surface-2);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.8125rem;font-weight:900}.mgd-table tbody tr:hover{background:color-mix(in srgb, var(--mgd-surface-2) 55%, transparent)}.mgd-table tr:last-child td{border-bottom:0}.mgd-skeleton{border-radius:var(--mgd-r-card);border:var(--mgd-bw) dashed var(--mgd-line);background:linear-gradient(90deg, var(--mgd-surface) 0%, var(--mgd-surface-2) 50%, var(--mgd-surface) 100%);background-size:200% 100%;animation:1.2s ease-in-out infinite mgd-skeleton}.mgd-skeleton--line{border-radius:8px;height:16px}.mgd-skeleton--card{min-height:320px}.mgd-empty{justify-items:center;gap:var(--mgd-s4);padding:var(--mgd-s8) var(--mgd-s4);text-align:center;display:grid}.mgd-empty .mgd-magi{width:140px;height:auto}.mgd-empty p{max-width:46ch;color:var(--mgd-text-muted)}.mgd-code{border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);color:#ffe9d6;box-shadow:var(--mgd-shadow);background:#1a0806;position:relative;overflow:hidden}.mgd-code__bar{justify-content:space-between;align-items:center;gap:var(--mgd-s2);font-family:var(--mgd-font-code);color:#f0c9ad;background:#2e100c;border-bottom:2px solid #000;padding:6px 8px 6px 14px;font-size:.8125rem;display:flex}.mgd-code__dots{gap:6px;display:inline-flex}.mgd-code__dots i{background:#ff6b6b;border-radius:50%;width:10px;height:10px}.mgd-code__dots i:nth-child(2){background:#ffd23f}.mgd-code__dots i:nth-child(3){background:#2ec4b6}.mgd-code pre{padding:var(--mgd-s4);tab-size:2;margin:0;font-size:.9375rem;line-height:1.65;overflow-x:auto}.mgd-md-pre{padding:var(--mgd-s4);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);color:#ffe9d6;tab-size:2;background:#1a0806;line-height:1.65;overflow-x:auto}.mgd-code mark{width:calc(100% + 32px);color:inherit;background:#ffd23f29;margin-inline:-16px;padding-inline:16px;display:inline-block}.mgd-code__copy{color:#140605;min-height:32px;font-size:.8125rem;font-weight:800;font-family:var(--mgd-font-body);background:#ffd23f;border:2px solid #000;border-radius:8px;padding:0 10px}.mgd-tok-tag{color:#ff8a65}.mgd-tok-attr{color:#ffd23f}.mgd-tok-str{color:#7ee0d4}.mgd-tok-com{color:#b8917d;font-style:italic}.mgd-tok-kw{color:#ff9ecb}.mgd-callout{gap:var(--mgd-s3);padding:var(--mgd-s4);border-radius:var(--mgd-r-card);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);box-shadow:4px 4px 0 var(--mgd-ink);grid-template-columns:auto 1fr;display:grid}.mgd-callout__icon{border:2px solid var(--mgd-ink);background:var(--mgd-yellow);width:40px;height:40px;color:var(--mgd-ink);border-radius:12px;place-items:center;display:grid}.mgd-callout--tips .mgd-callout__icon{background:var(--mgd-mint)}.mgd-callout--peringatan .mgd-callout__icon{background:var(--mgd-red);color:var(--mgd-white)}.mgd-callout--fakta .mgd-callout__icon{background:var(--mgd-orange)}.mgd-callout__title{font-family:var(--mgd-font-head);font-size:1.125rem;font-weight:700}.mgd-callout>div>*+*{margin-top:var(--mgd-s2)}.mgd-accordion{border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);background:var(--mgd-surface);box-shadow:4px 4px 0 var(--mgd-ink);overflow:hidden}.mgd-accordion+.mgd-accordion{margin-top:var(--mgd-s3)}.mgd-accordion summary{justify-content:space-between;align-items:center;gap:var(--mgd-s3);min-height:60px;padding:var(--mgd-s3) var(--mgd-s5);cursor:pointer;font-family:var(--mgd-font-head);font-size:1.1875rem;font-weight:600;list-style:none;display:flex}.mgd-accordion summary::-webkit-details-marker{display:none}.mgd-accordion summary .mgd-icon{transition:transform var(--mgd-dur) var(--mgd-ease-pop)}.mgd-accordion[open] summary .mgd-icon{transform:rotate(180deg)}.mgd-accordion[open] summary{background:var(--mgd-surface-2);border-bottom:2px dashed var(--mgd-line)}.mgd-accordion__body{padding:var(--mgd-s4) var(--mgd-s5) var(--mgd-s5)}.mgd-notice{gap:var(--mgd-s3);padding:var(--mgd-s3) var(--mgd-s4);border-radius:var(--mgd-r-btn);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);align-items:flex-start;font-weight:700;display:flex}.mgd-notice--error{border-color:var(--mgd-danger)}.mgd-notice--error .mgd-icon{color:var(--mgd-danger)}.mgd-notice--success .mgd-icon{color:var(--mgd-success-fg)}.mgd-prose{max-width:720px}.mgd-prose>*+*{margin-top:1.1em}.mgd-prose h2{margin-top:1.6em;font-size:1.75rem}.mgd-prose h3{margin-top:1.4em}.mgd-prose ul,.mgd-prose ol{padding-left:1.4em}.mgd-prose li+li{margin-top:.35em}.mgd-prose blockquote{padding:var(--mgd-s3) var(--mgd-s5);border-left:6px solid var(--mgd-orange);background:var(--mgd-surface);border-radius:0 var(--mgd-r-btn) var(--mgd-r-btn) 0;font-style:italic}.mgd-prose table{border-collapse:collapse;width:100%}.mgd-prose th,.mgd-prose td{border:2px solid var(--mgd-line);text-align:left;padding:8px 12px}.mgd-prose img{border-radius:var(--mgd-r-card);border:var(--mgd-bw) solid var(--mgd-ink)}.mgd-prose a{color:var(--mgd-accent-fg);font-weight:700}.mgd-ava{--mgd-av-size:44px;--mgd-bd-accent:var(--mgd-orange);width:var(--mgd-av-size);height:var(--mgd-av-size);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative}.mgd-ava>.mgd-avatar{grid-area:1/1}.mgd-ava__border{--mgd-bd-play:paused;z-index:2;pointer-events:none;width:130%;max-width:none;height:130%;position:absolute;inset:-15%;overflow:visible}.mgd-ava.is-live>.mgd-ava__border{--mgd-bd-play:running}html[data-tab-hidden] .mgd-ava.is-live>.mgd-ava__border{--mgd-bd-play:paused}.mgd-ava__border--img{object-fit:contain}.mgd-ava.is-compact:after{content:"";border:2.5px solid var(--mgd-bd-accent);box-shadow:0 0 0 1.5px var(--mgd-ink);pointer-events:none;border-radius:50%;position:absolute;inset:-3px}.mgd-ava--stage{margin:18px}html{--mgd-bd-iter:0}html[data-motion=penuh]{--mgd-bd-iter:infinite}html[data-motion=hemat]{--mgd-bd-iter:1}html[data-motion=mati]{--mgd-bd-iter:0}.a-spin{transform-origin:65px 65px;animation:mgd-bd-spin 16s linear var(--mgd-bd-iter,0) both;animation-play-state:var(--mgd-bd-play,paused)}.a-spin-slow{transform-origin:65px 65px;animation:mgd-bd-spin 34s linear var(--mgd-bd-iter,0) both;animation-play-state:var(--mgd-bd-play,paused)}.a-orbit{transform-origin:65px 65px;animation:mgd-bd-spin 9s linear var(--mgd-bd-iter,0) both;animation-play-state:var(--mgd-bd-play,paused)}.a-pulse{transform-origin:65px 65px;animation:mgd-bd-pulse 3s ease-in-out var(--mgd-bd-iter,0) alternate both;animation-play-state:var(--mgd-bd-play,paused)}.a-bob,.a-bounce,.a-peek,.a-rise,.a-drip,.a-shine,.a-twinkle,.a-flicker,.a-flash,.a-blink,.a-glow,.a-puff,.a-swish,.a-flap,.a-sway,.a-twitch{transform-box:fill-box;animation-play-state:var(--mgd-bd-play,paused)}.a-bob{animation:mgd-bd-bob 3.2s ease-in-out var(--mgd-bd-iter,0) both}.a-bounce{transform-origin:50% 100%;animation:mgd-bd-bounce 1.7s cubic-bezier(.34, 1.56, .64, 1) var(--mgd-bd-iter,0) both}.a-peek{animation:mgd-bd-peek 3.4s ease-in-out var(--mgd-bd-iter,0) both}.a-rise{animation:mgd-bd-rise 3.6s ease-in var(--mgd-bd-iter,0) both}.a-drip{animation:mgd-bd-drip 2.6s ease-in var(--mgd-bd-iter,0) both}.a-shine{animation:mgd-bd-shine 3.8s ease-in-out var(--mgd-bd-iter,0) both}.a-twinkle{transform-origin:50%;animation:mgd-bd-twinkle 2.2s ease-in-out var(--mgd-bd-iter,0) both}.a-flicker{transform-origin:50% 100%;animation:mgd-bd-flicker .9s ease-in-out var(--mgd-bd-iter,0) alternate both}.a-flash{animation:mgd-bd-flash 1.8s steps(1, end) var(--mgd-bd-iter,0) both}.a-blink{animation:mgd-bd-blink 1.5s steps(1, end) var(--mgd-bd-iter,0) both}.a-glow{animation:mgd-bd-glow 2.4s ease-in-out var(--mgd-bd-iter,0) alternate both}.a-puff{transform-origin:0 60%;animation:mgd-bd-puff 1.5s ease-in-out var(--mgd-bd-iter,0) alternate both}.a-swish{transform-origin:10% 10%;animation:mgd-bd-swish 1.9s ease-in-out var(--mgd-bd-iter,0) alternate both}.a-flap{transform-origin:50% 90%;animation:mgd-bd-flap 2.6s ease-in-out var(--mgd-bd-iter,0) alternate both}.a-sway{transform-origin:50% 100%;animation:mgd-bd-sway 3.4s ease-in-out var(--mgd-bd-iter,0) alternate both}.a-twitch{transform-origin:50% 100%;animation:mgd-bd-twitch 4.6s ease-in-out var(--mgd-bd-iter,0) both}.mgd-bd-sprite .d1{animation-delay:-.3s}.mgd-bd-sprite .d2{animation-delay:-.9s}.mgd-bd-sprite .d3{animation-delay:-1.5s}.mgd-bd-sprite .d4{animation-delay:-2.1s}.mgd-bd-sprite .d5{animation-delay:-2.7s}html[data-motion=penuh] .mgd-ava.is-live[data-preset=goyang]>.mgd-ava__border--img{transform-origin:50% 80%;animation:3.2s ease-in-out infinite alternate mgd-bd-sway}html[data-motion=penuh] .mgd-ava.is-live[data-preset=denyut]>.mgd-ava__border--img{animation:2.6s ease-in-out infinite alternate mgd-bd-pulse}html[data-motion=penuh] .mgd-ava.is-live[data-preset=putar]>.mgd-ava__border--img{animation:18s linear infinite mgd-bd-spin}html[data-motion=penuh] .mgd-ava.is-live[data-preset=kilau]>.mgd-ava__border--img{animation:2s ease-in-out infinite alternate mgd-bd-glow}html[data-motion=penuh] .mgd-ava.is-live[data-preset=melayang]>.mgd-ava__border--img{animation:3.4s ease-in-out infinite mgd-bd-bob}@keyframes mgd-bd-spin{to{transform:rotate(360deg)}}@keyframes mgd-bd-pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}@keyframes mgd-bd-bob{50%{transform:translateY(-3px)}}@keyframes mgd-bd-bounce{0%,to{transform:translateY(0)scale(1)}40%{transform:translateY(-6px)scale(.94,1.08)}60%{transform:translateY(0)scale(1.08,.9)}}@keyframes mgd-bd-peek{0%,to{transform:translateY(2px)}50%{transform:translateY(-2px)}}@keyframes mgd-bd-rise{0%{opacity:0;transform:translateY(6px)scale(.85)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1.05)}}@keyframes mgd-bd-drip{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(22px)}}@keyframes mgd-bd-shine{0%,55%,to{opacity:0;transform:translate(-4px)}65%{opacity:.9}90%{opacity:0;transform:translate(26px)}}@keyframes mgd-bd-twinkle{0%,to{opacity:.55;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes mgd-bd-flicker{0%{transform:scale(.94,.9)}to{transform:scale(1.04,1.14)}}@keyframes mgd-bd-flash{0%,to{opacity:1}45%{opacity:.2}55%{opacity:1}70%{opacity:.35}}@keyframes mgd-bd-blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes mgd-bd-glow{0%{opacity:.55}to{opacity:1}}@keyframes mgd-bd-puff{0%{opacity:.7;transform:scale(.75)}to{opacity:1;transform:scale(1.18)}}@keyframes mgd-bd-swish{0%{transform:rotate(-9deg)}to{transform:rotate(11deg)}}@keyframes mgd-bd-flap{0%{transform:scale(.92,.97)}to{transform:scale(1.07,1.03)}}@keyframes mgd-bd-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes mgd-bd-twitch{0%,78%,to{transform:rotate(0)}84%{transform:rotate(9deg)}90%{transform:rotate(-4deg)}95%{transform:rotate(3deg)}}.mgd-frames{gap:1rem;display:grid}.mgd-frames.is-busy{cursor:progress}.mgd-mirror{background:var(--mgd-surface-2);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-lg,20px);box-shadow:var(--mgd-shadow-sm,4px 4px 0 var(--mgd-ink));flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1rem;display:flex}.mgd-mirror__stage{align-items:center;gap:1.25rem;padding:1rem 1.25rem;display:flex}.mgd-mirror__sizes{justify-items:center;gap:1rem;display:grid}.mgd-mirror__text{gap:.35rem;min-width:0;display:grid}.mgd-mirror__name{font-family:var(--mgd-font-head);font-size:1.15rem}.mgd-mirror__meta{color:var(--mgd-text-muted)}.mgd-frames__filters{flex-wrap:wrap;gap:.5rem;display:flex}.mgd-frames__filters[hidden]{display:none}.mgd-frames__filters .mgd-chip{cursor:pointer;min-height:44px}.mgd-frames__filters .mgd-chip.is-on{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-frames__set{border:0;gap:1rem;min-width:0;padding:0;display:grid}.mgd-bgroup{gap:.6rem;display:grid}.mgd-bgroup[hidden]{display:none}.mgd-bgroup__title{font-family:var(--mgd-font-head);align-items:center;gap:.5rem;font-size:1rem;display:flex}.mgd-rar{border:2px solid var(--mgd-ink);color:var(--mgd-ink);background:#ffd2a3;border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.mgd-rar--langka{background:#7cecd3}.mgd-rar--epik{background:#c9a4ff}.mgd-rar--legendaris{background:#ffd23f}.mgd-bgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:.75rem;display:grid}.mgd-bcard{background:var(--mgd-surface);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-md,16px);align-content:start;gap:.5rem;min-width:0;padding:.75rem;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:grid;position:relative}.mgd-bcard--none{cursor:pointer;align-items:center;display:flex}.mgd-bcard__pick{text-align:center;cursor:pointer;justify-items:center;gap:.5rem;display:grid}.mgd-bcard--none{gap:.75rem}.mgd-bcard--none .mgd-bcard__art{width:56px;height:56px}.mgd-bcard--none .mgd-bcard__radio,.mgd-bcard__radio{opacity:0;pointer-events:none;position:absolute}.mgd-bcard__art{place-items:center;width:84px;height:84px;display:grid;position:relative}.mgd-bcard__lock{background:var(--mgd-surface-2);border:2px solid var(--mgd-ink);border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:0;right:0}.mgd-bcard__lock svg{width:14px;height:14px}.mgd-bcard__body{gap:.15rem;min-width:0;display:grid}.mgd-bcard__name{font-family:var(--mgd-font-head);overflow-wrap:anywhere}.mgd-bcard__desc{color:var(--mgd-text-muted);font-size:.82rem}.mgd-bcard__state{font-size:.82rem;font-weight:700}.mgd-bcard__note{color:var(--mgd-text-muted);font-size:.82rem}.mgd-bcard.is-ready:hover,.mgd-bcard.is-ready:focus-within{box-shadow:4px 4px 0 var(--mgd-ink);transform:translateY(-2px)rotate(-.4deg)}.mgd-bcard.is-active{border-color:var(--mgd-orange);box-shadow:4px 4px 0 var(--mgd-orange)}.mgd-bcard.is-locked .mgd-bcard__art{filter:saturate(.7)}.mgd-bcard:focus-within{outline:3px solid var(--mgd-yellow);outline-offset:2px}@media (max-width:479px){.mgd-mirror__stage{padding:.5rem}}.mgd-mirror-art{justify-content:center;align-items:center;gap:1.25rem;min-height:100%;padding:22px 18px;display:flex}.mgd-mirror-art__small{justify-items:center;gap:1rem;display:grid}.lm-sticker__art--border{place-items:center;min-height:110px;padding:16px;display:grid}.mgd-border-preview{--bp-size:96px;width:var(--bp-size);height:var(--bp-size);aspect-ratio:1;flex:none;display:inline-block;position:relative}.mgd-border-preview.is-padded{margin:calc(var(--bp-size) * .15)}.mgd-border-preview__face{background:var(--mgd-orange);border:var(--mgd-bw) solid var(--mgd-ink);color:var(--mgd-ink);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.mgd-border-preview__face .mgd-icon{width:46%;height:46%}.mgd-border-preview img{pointer-events:none;width:130%;max-width:none;height:130%;position:absolute;inset:-15%}.mgd-mirror-art--empty{text-align:center;flex-direction:column;gap:.75rem}.mgd-border-preview__ghost{border:3px dashed var(--mgd-text-muted);width:96px;height:96px;color:var(--mgd-text-muted);border-radius:50%;place-items:center;display:grid}.mgd-border-preview__ghost .mgd-icon{width:36px;height:36px}.mgd-mirror-art__note{max-width:22ch;color:var(--mgd-text-muted);font-size:.8125rem;font-weight:800;line-height:1.3}.mgd-mirror-art[data-state=error]{flex-wrap:wrap}.mgd-mirror-art__note--error{max-width:none;color:var(--mgd-danger);flex:100%;justify-content:center;align-items:center;gap:6px;display:flex}.mgd-mirror-art__note--error .mgd-icon{width:16px;height:16px}.mgd-qb__chest-bonus{color:var(--mgd-text-muted);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.mgd-qb__chest-bonus svg{width:14px;height:14px}.mgd-qb__result{background:var(--mgd-surface-2);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-md,16px);gap:.4rem;padding:.75rem 1rem;display:grid}.mgd-qb__result[hidden]{display:none}.mgd-qb__line{margin:0;font-weight:700}.mgd-qb__line.is-main{font-family:var(--mgd-font-head);font-size:1.2rem}.mgd-qb__line.is-jackpot{color:var(--mgd-yellow)}.mgd-qb__line.is-drop{color:var(--mgd-mint)}html:not([data-motion=mati]) .mgd-qb__result:not([hidden]){animation:.55s cubic-bezier(.34,1.56,.64,1) both mgd-chest-pop}html[data-motion=penuh] .mgd-qb__result.is-big:not([hidden]){animation-name:mgd-chest-pop-big}html[data-motion=penuh] .mgd-qb__chest.is-opening .mgd-qb__chest-ico{animation:.9s cubic-bezier(.34,1.56,.64,1) mgd-chest-lid}@keyframes mgd-chest-pop{0%{opacity:0;transform:translateY(10px)scale(.92)}}@keyframes mgd-chest-pop-big{0%{opacity:0;transform:translateY(14px)scale(.8)rotate(-2deg)}60%{transform:translateY(-4px)scale(1.06)rotate(1deg)}}@keyframes mgd-chest-lid{0%{transform:scale(1)}25%{transform:scale(.9,1.15)translateY(-6px)rotate(-6deg)}55%{transform:scale(1.18,.88)rotate(5deg)}to{transform:scale(1)}}.mgd-p-bgallery{border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));align-items:start;gap:.75rem;padding:.5rem;display:grid}.mgd-p-bgallery.is-dark{color:#fff3e6;background:#1f0b09}.mgd-p-bgallery.is-light{color:#2b1210;background:#fff4e5}.mgd-p-bcard{border:2px solid;border-radius:12px;justify-items:start;gap:.4rem;min-width:0;padding:.75rem;display:grid}.mgd-p-bcard>strong{overflow-wrap:anywhere}.mgd-p-border-edit{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;width:100%;min-width:0;display:grid}.mgd-p-border-edit__pv{justify-content:center;align-items:center;gap:var(--mgd-s3);min-width:0;padding:var(--mgd-s4);border:2px dashed var(--mgd-line);border-radius:var(--mgd-r-input);background:var(--mgd-surface-2);flex-wrap:wrap;display:flex}.mgd-p-border-edit__pv>p{flex-basis:100%;margin:0;font-size:.875rem}.mgd-p-border-edit__form{gap:var(--mgd-s4);min-width:0;display:grid}.mgd-p-border-edit__form .mgd-field{min-width:0;margin:0}.mgd-p-border-edit__form .mgd-p-form2{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}@media (min-width:960px){.mgd-p-border-edit{grid-template-columns:220px minmax(0,1fr)}}.mgd-p-border-guide{border:2px dashed var(--mgd-line);background:radial-gradient(circle,#2ec4b659 0 44%,#0000 44% 100%);width:120px;height:120px;margin:6px 0}.mgd-p-gtitle{margin-top:1rem}.mgd-tdlg{border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-bg);width:min(100% - 32px,1040px);max-width:none;max-height:min(88dvh,860px);color:var(--mgd-text);box-shadow:8px 8px 0 var(--mgd-ink);border-radius:28px;padding:0;overflow:hidden}.mgd-tdlg::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0302ad}.mgd-tdlg[open]{animation:mgd-tdlg-in .42s var(--mgd-ease-pop) both}@keyframes mgd-tdlg-in{0%{opacity:0;transform:translateY(24px)scale(.96)rotate(-1deg)}}.mgd-tdlg__inner{max-height:inherit;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.mgd-tdlg__head{align-items:center;gap:var(--mgd-s3);padding:var(--mgd-s4) var(--mgd-s5);border-bottom:var(--mgd-bw) solid var(--mgd-ink);background:repeating-linear-gradient(-45deg, transparent 0 16px, color-mix(in srgb, var(--mgd-orange) 10%, transparent) 16px 32px), var(--mgd-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.mgd-tdlg__head h2{margin:0;font-size:clamp(1.375rem,3vw,1.75rem)}.mgd-tdlg__head p{color:var(--mgd-text-muted);margin:2px 0 0;font-size:.9375rem}.mgd-tdlg__badge{border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-yellow);width:52px;height:52px;color:var(--mgd-ink);box-shadow:3px 3px 0 var(--mgd-ink);border-radius:16px;place-items:center;display:grid;transform:rotate(-6deg)}.mgd-tdlg__badge .mgd-icon{width:28px;height:28px}.mgd-tdlg__filters{gap:var(--mgd-s2);padding:var(--mgd-s3) var(--mgd-s5);border-bottom:2px dashed var(--mgd-line);scrollbar-width:thin;display:flex;overflow-x:auto}.mgd-tdlg__chip{border:2px solid var(--mgd-ink);border-radius:var(--mgd-r-chip);background:var(--mgd-surface);min-height:40px;color:var(--mgd-text);cursor:pointer;flex:none;align-items:center;gap:8px;padding:0 6px 0 14px;font-weight:800;display:inline-flex}.mgd-tdlg__chip span{border:2px solid var(--mgd-ink);border-radius:var(--mgd-r-chip);background:var(--mgd-surface-2);text-align:center;min-width:26px;padding:1px 7px;font-size:.75rem}.mgd-tdlg__chip[aria-pressed=true]{background:var(--mgd-yellow);color:var(--mgd-ink);box-shadow:2px 2px 0 var(--mgd-ink)}.mgd-tdlg__chip[aria-pressed=true] span{background:var(--mgd-white);color:var(--mgd-ink)}.mgd-tdlg .mgd-tgrid{padding:var(--mgd-s5);overscroll-behavior:contain;margin:0;overflow-y:auto}.mgd-tdlg__empty{padding:var(--mgd-s5);border:2px dashed var(--mgd-line);border-radius:var(--mgd-r-card);text-align:center;grid-column:1/-1;font-weight:700}.mgd-tdlg__foot{justify-content:flex-end;gap:var(--mgd-s2);padding:var(--mgd-s3) var(--mgd-s5);border-top:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface);flex-wrap:wrap;display:flex}@media (max-width:639px){.mgd-tdlg{border-width:var(--mgd-bw) 0 0;width:100%;max-height:90dvh;box-shadow:none;border-radius:24px 24px 0 0;margin:auto 0 0}.mgd-tdlg[open]{animation-name:mgd-tdlg-up}@keyframes mgd-tdlg-up{0%{transform:translateY(40%)}}.mgd-tdlg__head{gap:var(--mgd-s2);padding:var(--mgd-s3) var(--mgd-s4)}.mgd-tdlg__head p{display:none}.mgd-tdlg__badge{border-radius:12px;width:42px;height:42px}.mgd-tdlg__filters,.mgd-tdlg__foot{padding-inline:var(--mgd-s4)}.mgd-tdlg .mgd-tgrid{gap:var(--mgd-s3);padding:var(--mgd-s4);grid-template-columns:repeat(2,minmax(0,1fr))}.mgd-tdlg__foot{padding-bottom:max(var(--mgd-s3), env(safe-area-inset-bottom));justify-content:stretch}.mgd-tdlg__foot .mgd-btn{flex:1 1 0;justify-content:center}}@media (prefers-reduced-motion:reduce){.mgd-tdlg[open]{animation:none}}[data-motion=mati] .mgd-tdlg[open]{animation:none}.mgd-tgrid{gap:var(--mgd-s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));margin:0;padding:0;list-style:none;display:grid}.mgd-tcard{border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface);min-width:0;color:var(--mgd-text);box-shadow:4px 4px 0 var(--mgd-ink);transition:transform var(--mgd-dur-micro) var(--mgd-ease-out), box-shadow var(--mgd-dur-micro);border-radius:18px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.mgd-tcard:hover{box-shadow:6px 6px 0 var(--mgd-ink);transform:translate(-2px,-2px)rotate(-.4deg)}.mgd-tcard.is-active{box-shadow:0 0 0 4px var(--mgd-yellow), 6px 6px 0 4px var(--mgd-ink)}.mgd-tcard.is-locked{border-style:dashed}.mgd-tcard.is-locked .mgd-tscene{filter:saturate(.55)brightness(.8)}.mgd-tcard__art{border-bottom:var(--mgd-bw) solid var(--mgd-ink);border-radius:15px 15px 0 0;display:block;position:relative;overflow:hidden}.mgd-tcard__stamp{color:#0e7c72;font:700 .875rem var(--mgd-font-head);letter-spacing:.06em;text-transform:uppercase;background:#ffffffdb;border:3px double #0e7c72;border-radius:10px;padding:2px 10px;position:absolute;top:10px;right:8px;transform:rotate(8deg)}.mgd-tcard__lock{place-items:center;display:grid;position:absolute;inset:0}.mgd-tcard__lock .mgd-icon{box-sizing:content-box;border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-yellow);width:44px;height:44px;color:var(--mgd-ink);box-shadow:3px 3px 0 var(--mgd-ink);border-radius:50%;padding:10px}.mgd-tcard__check{border:3px solid var(--mgd-ink);background:var(--mgd-mint);width:34px;height:34px;color:var(--mgd-ink);box-shadow:2px 2px 0 var(--mgd-ink);border-radius:50%;place-items:center;display:none;position:absolute;top:8px;left:8px}.mgd-tcard__check .mgd-icon{width:20px;height:20px}.mgd-tcard__body{min-width:0;padding:var(--mgd-s3);grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;display:grid}.mgd-tcard__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin:0;display:flex}.mgd-tcard__name{font-family:var(--mgd-font-head);overflow-wrap:anywhere;font-size:1.125rem;line-height:1.15}.mgd-tcard__mode{border:2px solid var(--mgd-ink);border-radius:var(--mgd-r-chip);background:var(--mgd-surface-2);align-items:center;gap:4px;padding:0 8px 0 4px;font-size:.75rem;font-weight:800;display:inline-flex}.mgd-tcard__ico{display:inline-flex}.mgd-tcard__ico .mgd-icon,.mgd-tcard__mode .mgd-icon{width:14px;height:14px}.mgd-tcard__desc{-webkit-line-clamp:2;color:var(--mgd-text-muted);-webkit-box-orient:vertical;margin:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.mgd-tcard__foot{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mgd-tcard__foot .mgd-btn,.mgd-tcard__cta{min-height:40px}.mgd-tcard__note,.mgd-tcard__state{color:var(--mgd-text-muted);font-size:.8125rem;font-weight:800}.mgd-tcard.is-active .mgd-tcard__state{color:var(--mgd-success-fg)}@media (max-width:639px){.mgd-tcard__name{font-size:1rem}.mgd-tcard__desc{display:none}.mgd-tcard__foot .mgd-btn{flex:100%;justify-content:center}}.mgd-tpick{gap:var(--mgd-s3);min-width:0;display:grid}.mgd-tpick__intro{align-items:center;gap:var(--mgd-s2) var(--mgd-s3);flex-wrap:wrap;margin:0;display:flex}.mgd-tpick__intro .mgd-help{margin:0}.mgd-tgrid--settings{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.mgd-tcard__pick{cursor:pointer;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);min-width:0;display:grid;position:relative}.mgd-tcard.is-locked .mgd-tcard__pick{cursor:not-allowed}.mgd-tcard__radio{z-index:2;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.mgd-tcard:has(.mgd-tcard__radio:checked){box-shadow:0 0 0 4px var(--mgd-yellow), 6px 6px 0 4px var(--mgd-ink)}.mgd-tcard:has(.mgd-tcard__radio:checked) .mgd-tcard__check{display:grid}.mgd-tcard:has(.mgd-tcard__radio:focus-visible){outline:4px solid var(--mgd-yellow);outline-offset:4px}.mgd-tcard.is-busy{opacity:.7;pointer-events:none}.mgd-tcard__cta{margin:0 var(--mgd-s3) var(--mgd-s3);justify-self:start}.mgd-tcard>.mgd-tcard__note{margin:0 var(--mgd-s3) var(--mgd-s3)}@media (max-width:479px){.mgd-tgrid--settings{gap:var(--mgd-s3);grid-template-columns:repeat(2,minmax(0,1fr))}.mgd-tgrid--settings .mgd-tcard__mode{display:none}.mgd-tgrid--settings .mgd-tcard__lock .mgd-icon,.mgd-tdlg .mgd-tcard__lock .mgd-icon{width:26px;height:26px;padding:8px}.mgd-tgrid--settings .mgd-tcard__cta{justify-content:center;justify-self:stretch;margin-inline:8px;padding-inline:8px;font-size:.8125rem}}.mgd-mpick__grid{gap:var(--mgd-s2);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.mgd-mpick__opt{border:2px solid var(--mgd-line);background:var(--mgd-surface-2);cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:60px;padding:8px 12px;display:flex;position:relative}.mgd-mpick__opt input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.mgd-mpick__ico{border:2px solid var(--mgd-ink);background:var(--mgd-surface);width:38px;height:38px;color:var(--mgd-text);border-radius:12px;flex:none;place-items:center;display:grid}.mgd-mpick__text{line-height:1.25;display:grid}.mgd-mpick__text span{color:var(--mgd-text-muted);font-size:.8125rem}.mgd-mpick__opt:has(input:checked){border-color:var(--mgd-ink);background:var(--mgd-surface);box-shadow:3px 3px 0 var(--mgd-ink)}.mgd-mpick__opt:has(input:checked) .mgd-mpick__ico{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-mpick__opt:has(input:focus-visible){outline:4px solid var(--mgd-yellow);outline-offset:2px}html.mgd-paint-swap::view-transition-old(root){mix-blend-mode:normal;animation:none}html.mgd-paint-swap::view-transition-new(root){mix-blend-mode:normal;animation:none}.mgd-paint-veil{z-index:2147483000;pointer-events:none;position:fixed;inset:0}.mgd-theme-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin-block:24px;display:grid}.mgd-theme-swatch{border:2px solid var(--mgd-ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:72px;padding:16px;display:flex}.mgd-theme-swatch span{border:2px solid #140605;border-radius:50%;width:32px;height:32px;display:inline-block}.mgd-tscene{--t-bg:#1f0b09;--t-surface:#3a1611;--t-surface2:#4e1d16;--t-line:#7a3326;--t-ink:#140605;--t-text:#fff3e6;--t-muted:#e9c8b2;--t-red:#d62f23;--t-orange:#ff8a1f;--t-yellow:#ffd23f;--t-mint:#2ec4b6;--t-shadow:#ffd23f;isolation:isolate;aspect-ratio:4/3;background:radial-gradient(circle at 18% 112%, color-mix(in srgb, var(--t-surface2) 80%, transparent) 0 34%, transparent 35%), repeating-linear-gradient(-45deg, transparent 0 14px, color-mix(in srgb, var(--t-surface) 38%, transparent) 14px 28px), var(--t-bg);width:100%;position:relative;overflow:hidden;container-type:inline-size}.mgd-tscene i,.mgd-tscene b{display:block}.mgd-tscene__sky{aspect-ratio:1;border:.8cqi solid var(--t-ink);background:radial-gradient(circle at 34% 40%, color-mix(in srgb, var(--t-yellow) 70%, var(--t-ink)) 0 13%, transparent 14%), radial-gradient(circle at 64% 66%, color-mix(in srgb, var(--t-yellow) 70%, var(--t-ink)) 0 9%, transparent 10%), var(--t-yellow);border-radius:50%;width:14cqi;position:absolute;top:6cqi;right:8cqi}.mgd-tscene__sky i{aspect-ratio:1;background:var(--t-text);width:2.6cqi;box-shadow:0 0 0 .5cqi color-mix(in srgb, var(--t-text) 25%, transparent);border-radius:50%;position:absolute}.mgd-tscene__sky i:first-child{top:1cqi;left:-12cqi}.mgd-tscene__sky i:last-child{width:1.8cqi;top:13cqi;left:-6cqi}.mgd-tscene--light .mgd-tscene__sky{background:var(--t-orange);outline:1.1cqi dashed var(--t-orange);outline-offset:1.3cqi}.mgd-tscene--light .mgd-tscene__sky i{display:none}.mgd-tscene__win{border:.9cqi solid var(--t-ink);background:var(--t-surface);width:68cqi;height:49cqi;box-shadow:1.8cqi 1.8cqi 0 var(--t-shadow);border-radius:3.6cqi;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;top:13cqi;left:7cqi;overflow:hidden;transform:rotate(-1.5deg)}.mgd-tscene__bar{border-bottom:.8cqi solid var(--t-ink);background:var(--t-surface2);align-items:center;gap:1.3cqi;height:8.5cqi;padding-inline:2.4cqi;display:flex}.mgd-tscene__bar i{aspect-ratio:1;border:.5cqi solid var(--t-ink);background:var(--t-red);border-radius:50%;width:2.6cqi}.mgd-tscene__bar i:nth-child(2){background:var(--t-yellow)}.mgd-tscene__bar i:nth-child(3){background:var(--t-mint)}.mgd-tscene__bar b{border:.5cqi solid var(--t-ink);background:var(--t-yellow);border-radius:9cqi;width:15cqi;height:3.6cqi;margin-inline-start:auto}.mgd-tscene__body{grid-template-columns:minmax(0,1fr) 10cqi;gap:2.4cqi;padding:3cqi;display:grid}.mgd-tscene__card{border:.5cqi solid var(--t-line);background:var(--t-surface2);border-radius:2.4cqi;align-content:start;gap:1.8cqi;padding:2.6cqi;display:grid}.mgd-tscene__h{background:var(--t-text);border-radius:2cqi;width:72%;height:3.4cqi}.mgd-tscene__p{background:var(--t-muted);border-radius:2cqi;width:94%;height:2cqi}.mgd-tscene__p--s{width:58%}.mgd-tscene__row{gap:2cqi;margin-top:.6cqi;display:flex}.mgd-tscene__btn{border:.6cqi solid var(--t-ink);background:var(--t-orange);width:16cqi;height:5.6cqi;box-shadow:.8cqi .8cqi 0 var(--t-ink);border-radius:2cqi}.mgd-tscene__chip{border:.6cqi solid var(--t-ink);background:var(--t-mint);border-radius:6cqi;width:10cqi;height:5.6cqi}.mgd-tscene__side{align-content:start;gap:2cqi;display:grid}.mgd-tscene__side i{aspect-ratio:1;border:.6cqi solid var(--t-ink);background:var(--t-yellow);border-radius:2cqi}.mgd-tscene__side i:nth-child(2){background:var(--t-mint)}.mgd-tscene__side i:nth-child(3){background:var(--t-red)}.mgd-tscene__drops{padding-left:3cqi;display:flex;position:absolute;bottom:4.5cqi;right:4cqi;transform:rotate(-8deg)}.mgd-tscene__drops i{aspect-ratio:1;border:.8cqi solid var(--t-ink);background:var(--t-orange);width:11cqi;box-shadow:.7cqi .9cqi 0 var(--t-ink);border-radius:58% 42% 55% 45%/48% 60% 40% 52%;margin-left:-3.4cqi}.mgd-tscene__drops i:nth-child(2){background:var(--t-yellow);translate:0 -2.5cqi}.mgd-tscene__drops i:nth-child(3){background:var(--t-mint)}.mgd-tscene__drops i:nth-child(4){background:var(--t-red);translate:0 -1.5cqi}.mgd-tscene__tag{border:.7cqi solid var(--t-ink);background:var(--t-yellow);max-width:52cqi;box-shadow:.8cqi .8cqi 0 var(--t-ink);color:var(--t-ink);font:700 max(10px, 5.6cqi) / 1.25 var(--mgd-font-head);text-overflow:ellipsis;white-space:nowrap;border-radius:3cqi;padding:.6cqi 2.8cqi;position:absolute;bottom:4.5cqi;left:4cqi;overflow:hidden;transform:rotate(-4deg)}[data-motion=penuh] .mgd-tscene-host:hover .mgd-tscene__drops i{animation:mgd-tscene-bob .9s var(--mgd-ease-pop) both}[data-motion=penuh] .mgd-tscene-host:hover .mgd-tscene__drops i:nth-child(2){animation-delay:60ms}[data-motion=penuh] .mgd-tscene-host:hover .mgd-tscene__drops i:nth-child(3){animation-delay:.12s}[data-motion=penuh] .mgd-tscene-host:hover .mgd-tscene__drops i:nth-child(4){animation-delay:.18s}@keyframes mgd-tscene-bob{40%{transform:translateY(-3cqi)rotate(-6deg)}}.mgd-tchips{align-items:center;padding-left:6px;display:inline-flex}.mgd-tchips i{border:2px solid var(--mgd-ink);border-radius:50%;width:18px;height:18px;margin-left:-6px}.mgd-theme-preview{background:var(--mgd-bg);color:var(--mgd-text);border:3px solid var(--mgd-ink);border-radius:16px;padding:16px;overflow:hidden}.mgd-theme-preview.is-mobile{max-width:360px}.mgd-theme-preview pre,.mgd-theme-json{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto}.mgd-theme-token-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.mgd-theme-receipt{background:var(--mgd-white);color:var(--mgd-ink);border:2px solid var(--mgd-ink);margin-top:16px;padding:16px}@keyframes mgd-spin{to{transform:rotate(360deg)}}@keyframes mgd-wiggle{0%,to{transform:rotate(var(--mgd-tilt,-2deg))}25%{transform:rotate(calc(var(--mgd-tilt,-2deg) - 4deg))}75%{transform:rotate(calc(var(--mgd-tilt,-2deg) + 4deg))}}@keyframes mgd-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes mgd-float{0%,to{transform:translateY(0) rotate(var(--mgd-tilt,0deg))}50%{transform:translateY(-12px) rotate(calc(var(--mgd-tilt,0deg) * -1))}}@keyframes mgd-pop-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes mgd-fade-in{0%{opacity:0}}@keyframes mgd-sheet-up{0%{transform:translateY(100%)}}@keyframes mgd-toast-in{0%{opacity:0;transform:translateY(40px)scale(.9)}70%{opacity:1;transform:translateY(-6px)scale(1.02)}to{transform:none}}@keyframes mgd-toast-out{to{opacity:0;transform:translateY(20px)scale(.95)}}@keyframes mgd-bump{0%{transform:scale(1)}40%{transform:scale(1.25)rotate(-4deg)}to{transform:scale(1)}}@keyframes mgd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mgd-stripes{to{background-position:34px 0}}@keyframes mgd-shine{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes mgd-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes mgd-lock-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@keyframes mgd-shake-x{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes mgd-check-pop{0%{transform:scale(.8)}60%{transform:scale(1.25)}to{transform:scale(1.12)}}@keyframes mgd-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mgd-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}@keyframes mgd-ticker{to{transform:translate(-50%)}}@keyframes mgd-zz{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}to{opacity:0;transform:translate(6px,-10px)}}@keyframes mgd-word-in{0%{opacity:0;transform:translateY(.6em)scale(.8)rotate(-4deg)}60%{opacity:1;transform:translateY(-.1em)scale(1.06)}to{transform:none}}.mgd-magi{height:auto;overflow:visible}.mgd-magi__flame{fill:var(--mgd-orange);stroke:var(--mgd-ink);stroke-width:4px;stroke-linejoin:round}.mgd-magi--sedih .mgd-magi__flame,.mgd-magi--tidur .mgd-magi__flame{fill:color-mix(in srgb, var(--mgd-orange) 80%, var(--mgd-red))}.mgd-magi__belly{fill:var(--mgd-yellow);stroke:var(--mgd-ink);stroke-width:3px}.mgd-magi__eye{fill:#fff;stroke:var(--mgd-ink);stroke-width:3px}.mgd-magi__pupil{fill:#140605}.mgd-magi__shine{fill:#fff}.mgd-magi__line,.mgd-magi__mouth,.mgd-magi__tongue,.mgd-magi__arm{fill:none;stroke:#140605;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.mgd-magi__mouth{fill:#7a1c14}.mgd-magi__tongue{stroke:#ff6b6b;stroke-width:3px}.mgd-magi__arm{stroke-width:6px}.mgd-magi__foot{fill:var(--mgd-red);stroke:var(--mgd-ink);stroke-width:3px}.mgd-magi__cheek{fill:#ff6b6b;opacity:.55}.mgd-magi__tear{fill:#7ee0d4;stroke:var(--mgd-ink);stroke-width:2px}.mgd-magi__spark path{fill:var(--mgd-yellow);stroke:var(--mgd-ink);stroke-width:2px}.mgd-magi__text{font-family:var(--mgd-font-head);fill:var(--mgd-yellow);stroke:var(--mgd-ink);stroke-width:1.5px;paint-order:stroke;font-size:26px;font-weight:700}.mgd-magi__body{transform-origin:60px 140px;animation:3.2s ease-in-out infinite mgd-breathe}.mgd-magi__eyes--blink{transform-box:fill-box;transform-origin:50%;animation:mgd-blink var(--mgd-blink,5s) ease-in-out infinite}.mgd-magi__pupils{transition:transform .12s linear}.mgd-magi__zz{animation:2.4s ease-in-out infinite mgd-zz}.mgd-magi__zz--2{animation-delay:1.2s}.mgd-magi--bersorak .mgd-magi__body{animation:mgd-bump .9s var(--mgd-ease-pop) infinite}.mgd-reveal.is-pending{opacity:0;transform:scale(.8)}.mgd-reveal.is-in{animation:mgd-pop-in .35s var(--mgd-ease-pop) both;animation-delay:calc(var(--mgd-i,0) * 60ms)}.mgd-anim-float{animation:4s ease-in-out infinite mgd-float}.mgd-anim-sway{animation:2.4s ease-in-out infinite mgd-sway}.mgd-anim-sway:hover{animation-duration:.6s}.is-shake{animation:mgd-shake-x .4s var(--mgd-ease-out)}.mgd-float-xp{z-index:950;pointer-events:none;font-family:var(--mgd-font-head);color:var(--mgd-yellow);-webkit-text-stroke:1.5px var(--mgd-ink);paint-order:stroke fill;white-space:nowrap;font-size:1.5rem;font-weight:700;position:fixed}.mgd-fly-coin{z-index:950;background:var(--mgd-yellow);border:3px solid var(--mgd-ink);pointer-events:none;border-radius:50%;width:26px;height:26px;position:fixed}.mgd-celebrate{z-index:980;padding:var(--mgd-s5);color:#fff3e6;text-align:center;background:#140605d1;place-items:center;animation:.2s ease-out mgd-fade-in;display:grid;position:fixed;inset:0}.mgd-celebrate__rays{background:repeating-conic-gradient(#ffd23f2e 0 10deg, transparent 10deg 20deg);pointer-events:none;width:160vmax;height:160vmax;animation:12s linear infinite mgd-spin;position:absolute}.mgd-celebrate__inner{justify-items:center;gap:var(--mgd-s4);display:grid;position:relative}.mgd-celebrate__level{font-family:var(--mgd-font-head);color:var(--mgd-yellow);-webkit-text-stroke:4px #140605;paint-order:stroke fill;text-shadow:8px 8px #140605;font-size:clamp(5rem,22vw,10rem);font-weight:700;line-height:1}.mgd-celebrate__title{font-family:var(--mgd-font-head);font-size:clamp(1.75rem,5vw,2.75rem)}.mgd-celebrate .mgd-badge{width:200px}.mgd-celebrate .mgd-medal{--mgd-medal-size:168px}.mgd-celebrate .mgd-badge__name{color:#fff3e6;font-size:1.25rem}[data-motion=hemat] .mgd-anim-float,[data-motion=hemat] .mgd-anim-sway,[data-motion=hemat] .mgd-magi__body,[data-motion=hemat] .mgd-progress__fill,[data-motion=hemat] .mgd-progress__shine,[data-motion=hemat] .mgd-node--current,[data-motion=hemat] .mgd-celebrate__rays,[data-motion=hemat] .mgd-magi__zz{animation:none}[data-motion=hemat] .mgd-reveal.is-in{animation-name:mgd-fade-in;animation-timing-function:ease-out}[data-motion=hemat] .is-shake,[data-motion=hemat] .mgd-course-card:hover .mgd-course-card__sticker,[data-motion=hemat] .mgd-course-card.is-locked:hover .mgd-lock{animation:none}[data-motion=hemat] .mgd-course-card:hover,[data-motion=hemat] .mgd-course-card:focus-within,[data-motion=hemat] .mgd-path-card:hover{transform:none}[data-motion=mati] *,[data-motion=mati] :before,[data-motion=mati] :after{transition:none!important;animation:none!important}[data-motion=mati] .mgd-reveal.is-pending{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.mgd-tabbar{z-index:56;padding:6px 6px max(6px, env(safe-area-inset-bottom,0px));background:var(--mgd-surface);border-top:4px solid var(--mgd-ink);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;inset:auto 0 0}.mgd-tabbar__link{border-radius:var(--mgd-r-btn);min-width:0;min-height:52px;color:var(--mgd-text-muted);align-content:start;justify-items:center;gap:2px;padding-top:6px;font-size:.75rem;font-weight:800;text-decoration:none;display:grid}.mgd-tabbar__label{overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.4}.mgd-tabbar__link .mgd-icon{width:24px;height:24px}.mgd-tabbar__icon{display:inline-grid;position:relative}.mgd-tabbar__lock,.mgd-tabbar__dot{border:2px solid var(--mgd-ink);background:var(--mgd-surface-2);width:18px;height:18px;color:var(--mgd-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-9px}.mgd-tabbar__lock .mgd-icon{width:10px;height:10px}.mgd-tabbar__dot{background:var(--mgd-yellow);color:var(--mgd-ink);font-size:.6875rem;font-weight:900;line-height:1}.mgd-tabbar__link[aria-current=page]{color:var(--mgd-ink);background:var(--mgd-yellow)}@media (min-width:960px){.mgd-tabbar,.mgd-magi-menu{display:none}}.mgd-tabbar__dock{min-width:0;display:grid;position:relative}.mgd-magi-btn{border-radius:var(--mgd-r-btn);min-width:0;min-height:52px;color:var(--mgd-text-muted);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-content:end;justify-items:center;margin:0;padding:0 0 2px;font-size:.75rem;font-weight:800;display:grid;position:relative}.mgd-magi-btn>.mgd-tabbar__label{z-index:2;border-radius:var(--mgd-r-chip);padding-inline:8px;position:relative}.mgd-magi-btn__bump{--bump-d:calc(var(--mgd-magi-ring) + 16px);left:50%;top:calc(-1 * (var(--mgd-tabbar-bump) + 18px));width:var(--bump-d);height:var(--bump-d);margin-left:calc(var(--bump-d) / -2);border:4px solid var(--mgd-ink);background:var(--mgd-surface);clip-path:inset(0 -4px calc(var(--bump-d) - var(--mgd-tabbar-bump) - 12px) -4px);pointer-events:none;border-radius:50%;position:absolute}.mgd-magi-btn__ring{left:50%;top:calc(-1 * (var(--mgd-tabbar-bump) + 10px));z-index:1;width:var(--mgd-magi-ring);height:var(--mgd-magi-ring);margin-left:calc(var(--mgd-magi-ring) / -2);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);box-shadow:3px 3px 0 var(--mgd-shadow-color);transition:transform .12s var(--mgd-ease-out);border-radius:50%;position:absolute}.mgd-magi-btn__ring:before{content:"";background:var(--mgd-yellow);opacity:0;border-radius:50%;transition:opacity .22s ease-out;position:absolute;inset:0}.mgd-magi-btn__halo{border:3px solid var(--mgd-yellow);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-6px}.mgd-magi-btn__magi{width:var(--mgd-magi-w);height:calc(var(--mgd-magi-w) * 1.25);margin-left:calc(var(--mgd-magi-w) / -2);transform-origin:50% 100%;position:absolute;bottom:7px;left:50%}.mgd-magi-btn__pose{transition:opacity .16s ease-out;position:absolute;inset:0}.mgd-magi-btn__pose--bersorak,.mgd-magi-btn__pose--tidur{opacity:0}.mgd-magi-btn__svg{width:100%;height:100%;display:block}.mgd-magi-btn[aria-expanded=true] .mgd-magi-btn__pose--diam,.mgd-magi-btn.is-sleepy .mgd-magi-btn__pose--diam{opacity:0}.mgd-magi-btn[aria-expanded=true] .mgd-magi-btn__pose--bersorak,.mgd-magi-btn.is-sleepy:not([aria-expanded=true]) .mgd-magi-btn__pose--tidur{opacity:1}.mgd-magi-btn .mgd-magi--bersorak .mgd-magi__body{animation:none}.mgd-magi-btn__sparks{left:50%;top:calc(-1 * (var(--mgd-tabbar-bump) + 10px) + var(--mgd-magi-ring) / 2);z-index:3;pointer-events:none;width:0;height:0;position:absolute}.mgd-magi-btn__sparks i{--a:0deg;--d:56px;border:2px solid var(--mgd-ink);background:var(--mgd-yellow);opacity:0;border-radius:3px;width:10px;height:10px;position:absolute;top:-5px;left:-5px}.mgd-magi-btn__sparks i:first-child{--a:-96deg;--d:50px}.mgd-magi-btn__sparks i:nth-child(2){--a:-68deg;--d:64px;background:var(--mgd-mint);border-radius:50%}.mgd-magi-btn__sparks i:nth-child(3){--a:-40deg;--d:54px;background:var(--mgd-orange)}.mgd-magi-btn__sparks i:nth-child(4){--a:-14deg;--d:70px;border-radius:50%}.mgd-magi-btn__sparks i:nth-child(5){--a:14deg;--d:62px;background:var(--mgd-mint)}.mgd-magi-btn__sparks i:nth-child(6){--a:40deg;--d:52px;background:var(--mgd-orange);border-radius:50%}.mgd-magi-btn__sparks i:nth-child(7){--a:68deg;--d:66px}.mgd-magi-btn__sparks i:nth-child(8){--a:96deg;--d:48px;background:var(--mgd-mint);border-radius:50%}.mgd-magi-btn.is-current .mgd-magi-btn__ring{background:var(--mgd-yellow)}.mgd-magi-btn.is-current>.mgd-tabbar__label,.mgd-magi-btn[aria-expanded=true]>.mgd-tabbar__label{background:var(--mgd-yellow);color:var(--mgd-ink)}.mgd-magi-btn:focus-visible{box-shadow:none;outline:none}.mgd-magi-btn:focus-visible .mgd-magi-btn__ring{outline:3px solid var(--mgd-yellow);outline-offset:3px;box-shadow:0 0 0 3px var(--mgd-ink), 3px 3px 0 var(--mgd-shadow-color)}.mgd-magi-btn:focus-visible>.mgd-tabbar__label{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.mgd-magi-btn:active .mgd-magi-btn__ring{transform:scale(.94)}.mgd-magi-btn:active .mgd-magi-btn__ring:before{opacity:.55;transition-duration:40ms}.mgd-magi-btn:active .mgd-magi-btn__magi{animation:none;transform:scale(1.06,.92)}.mgd-magi-btn[data-state=closed]:not(.is-sleepy) .mgd-magi-btn__magi{animation:7s ease-in-out 1.5s infinite mgd-magi-hop}.mgd-magi-btn[data-state=closed] .mgd-magi__pupils{animation:11s ease-in-out 3s infinite mgd-magi-glance}.mgd-magi-btn[data-state=closed] .mgd-magi--diam .mgd-magi__flame{transform-box:fill-box;transform-origin:50% 100%;animation:5s ease-in-out infinite mgd-magi-flicker}.mgd-magi-btn.is-waking .mgd-magi-btn__magi{animation:mgd-magi-launch .46s var(--mgd-ease-out) both}.mgd-magi-btn[data-state=opening] .mgd-magi-btn__magi{animation:mgd-magi-launch .44s var(--mgd-ease-out) both}.mgd-magi-btn[data-state=opening] .mgd-magi--bersorak .mgd-magi__body{animation:mgd-bump .52s var(--mgd-ease-pop) .26s both}.mgd-magi-btn[data-state=opening] .mgd-magi-btn__halo{animation:mgd-magi-halo .52s var(--mgd-ease-out) both}.mgd-magi-btn[data-state=opening] .mgd-magi-btn__sparks i{animation:mgd-magi-spark .44s var(--mgd-ease-out) .12s both}.mgd-magi-btn[data-state=closing] .mgd-magi-btn__magi{animation:mgd-magi-land .3s var(--mgd-ease-pop) both}.mgd-magi-menu{z-index:54;position:fixed;inset:0}.mgd-magi-menu[hidden]{display:none}.mgd-magi-menu__scrim{background:color-mix(in srgb, var(--mgd-ink) 58%, transparent);opacity:0;position:absolute;inset:0}.mgd-magi-menu__balloon{left:12px;right:12px;bottom:calc(var(--mgd-tabbar-space) + 18px);max-width:420px;max-height:calc(100dvh - var(--mgd-tabbar-space) - 30px);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface);color:var(--mgd-text);box-shadow:6px 6px 0 var(--mgd-shadow-color);opacity:0;transform-origin:50% calc(100% + 18px);border-radius:24px;grid-template-rows:auto minmax(0,1fr);gap:10px;margin-inline:auto;padding:12px 14px 14px;display:grid;position:absolute;transform:translateY(28px)scale(.3)}.mgd-magi-menu__title{font-family:var(--mgd-font-head);color:var(--mgd-text);align-items:center;gap:6px;margin:0;font-size:1rem;font-weight:700;display:flex}.mgd-magi-menu__title .mgd-icon{width:18px;height:18px;color:var(--mgd-accent-fg)}.mgd-magi-menu__nav{overscroll-behavior:contain;min-height:0;margin:-6px;padding:6px 9px 9px 6px;overflow-y:auto}.mgd-magi-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:374px){.mgd-magi-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mgd-magi-menu__slot{--dx:0px;--dy:90px;--spin:0deg;--tilt:0deg;opacity:0;min-width:0;transform:translate(var(--dx), var(--dy)) scale(.35) rotate(var(--spin));display:grid}.mgd-magi-menu__slot:nth-child(3n+1){--dx:90px;--spin:-14deg;--tilt:-1deg}.mgd-magi-menu__slot:nth-child(3n+2){--spin:10deg;--tilt:.6deg}.mgd-magi-menu__slot:nth-child(3n){--dx:-90px;--spin:16deg;--tilt:1deg}.mgd-magi-menu__slot:nth-child(-n+3){--dy:150px}@media (max-width:374px){.mgd-magi-menu__slot:nth-child(odd){--dx:60px;--tilt:-1deg}.mgd-magi-menu__slot:nth-child(2n){--dx:-60px;--tilt:1deg}.mgd-magi-menu__slot:nth-child(-n+2){--dy:190px}.mgd-magi-menu__slot:nth-child(n+3):nth-child(-n+4){--dy:130px}.mgd-magi-menu__slot:nth-child(n+5){--dy:70px}}.mgd-magi-menu__tail{border-right:var(--mgd-bw) solid var(--mgd-ink);border-bottom:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface);border-bottom-right-radius:6px;width:22px;height:22px;margin-left:-11px;position:absolute;bottom:-12px;left:50%;transform:rotate(45deg)}.mgd-magi-tile{border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-surface-2);min-width:0;min-height:96px;color:var(--mgd-text);text-align:center;box-shadow:3px 3px 0 var(--mgd-shadow-color);transform:rotate(var(--tilt));border-radius:18px;grid-template-rows:auto 1fr;justify-items:center;gap:6px;padding:12px 6px 10px;text-decoration:none;display:grid;position:relative}a.mgd-magi-tile:hover{background:color-mix(in srgb, var(--mgd-yellow) 18%, var(--mgd-surface-2))}a.mgd-magi-tile:active{transform:rotate(var(--tilt)) translate(2px, 2px);box-shadow:1px 1px 0 var(--mgd-shadow-color)}.mgd-magi-tile[aria-current=page]{outline:3px solid var(--mgd-yellow);outline-offset:2px}.mgd-magi-tile__icon{border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-mint);width:44px;height:44px;color:var(--mgd-ink);border-radius:14px;place-items:center;display:grid;position:relative}.mgd-magi-tile__icon .mgd-icon{width:22px;height:22px}.mgd-magi-tile--yellow .mgd-magi-tile__icon{background:var(--mgd-yellow)}.mgd-magi-tile--orange .mgd-magi-tile__icon{background:var(--mgd-orange)}.mgd-magi-tile--red .mgd-magi-tile__icon{background:var(--mgd-red);color:var(--mgd-white)}.mgd-magi-tile__lock{border:2px solid var(--mgd-ink);background:var(--mgd-surface);width:20px;height:20px;color:var(--mgd-text);border-radius:50%;place-items:center;display:grid;position:absolute;top:-9px;right:-9px}.mgd-magi-tile__lock .mgd-icon{width:11px;height:11px}.mgd-magi-tile__text{align-content:start;gap:2px;min-width:0;display:grid}.mgd-magi-tile__label{font-family:var(--mgd-font-head);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(.8125rem,3.3vw,.9375rem);font-weight:700;line-height:1.15}.mgd-magi-tile__hint{color:var(--mgd-text-muted);overflow-wrap:break-word;font-size:.75rem;font-weight:700;line-height:1.25}.mgd-magi-tile.is-soon{border-style:dashed;border-color:var(--mgd-text-muted);box-shadow:none;background:0 0}.mgd-magi-tile.is-soon .mgd-magi-tile__icon{border-style:dashed;border-color:var(--mgd-text-muted);color:var(--mgd-text-muted);background:0 0}.mgd-magi-tile.is-soon .mgd-magi-tile__label{border:2px solid var(--mgd-ink);border-radius:var(--mgd-r-chip);background:var(--mgd-yellow);color:var(--mgd-ink);font-family:var(--mgd-font-body);white-space:nowrap;justify-self:center;max-width:100%;padding:1px 8px;font-size:.6875rem;font-weight:900}.mgd-magi-menu:is([data-state=opening],[data-state=open]) .mgd-magi-menu__scrim,.mgd-magi-menu:is([data-state=opening],[data-state=open]) .mgd-magi-menu__balloon,.mgd-magi-menu:is([data-state=opening],[data-state=open]) .mgd-magi-menu__slot{opacity:1;transform:none}.mgd-magi-menu[data-state=opening] .mgd-magi-menu__scrim{transition:opacity .22s ease-out 60ms}.mgd-magi-menu[data-state=opening] .mgd-magi-menu__balloon{transition:transform .38s var(--mgd-ease-pop) 80ms, opacity .14s ease-out 80ms;will-change:transform, opacity}.mgd-magi-menu[data-state=opening] .mgd-magi-menu__slot{transition:transform .24s var(--mgd-ease-pop) calc(.14s + var(--i,0) * 36ms), opacity .16s ease-out calc(.14s + var(--i,0) * 36ms);will-change:transform, opacity}.mgd-magi-menu[data-state=opening] .mgd-magi-tile__icon{animation:mgd-wiggle .42s ease-in-out calc(.3s + var(--i,0) * 36ms) both}.mgd-magi-menu[data-state=opening] .mgd-magi-menu__tail{animation:.38s ease-in-out .3s both mgd-magi-tail}.mgd-magi-menu[data-state=closing] .mgd-magi-menu__scrim{transition:opacity .2s ease-in 40ms}.mgd-magi-menu[data-state=closing] .mgd-magi-menu__balloon{will-change:transform, opacity;transition:transform .19s cubic-bezier(.6,-.28,.735,.045) 60ms,opacity .12s ease-in .13s}.mgd-magi-menu[data-state=closing] .mgd-magi-menu__slot{transition:transform .13s cubic-bezier(.55, 0, 1, .45) calc((5 - var(--i,0)) * 16ms), opacity .11s ease-in calc((5 - var(--i,0)) * 16ms)}[data-motion=hemat] .mgd-magi-btn .mgd-magi__body{animation:3.2s ease-in-out infinite mgd-breathe}[data-motion=hemat] .mgd-magi-btn .mgd-magi--bersorak .mgd-magi__body,[data-motion=hemat] .mgd-magi-btn .mgd-magi-btn__magi,[data-motion=hemat] .mgd-magi-btn[data-state] .mgd-magi-btn__magi,[data-motion=hemat] .mgd-magi-btn .mgd-magi__pupils,[data-motion=hemat] .mgd-magi-btn[data-state] .mgd-magi__pupils,[data-motion=hemat] .mgd-magi-btn .mgd-magi__flame,[data-motion=hemat] .mgd-magi-btn[data-state] .mgd-magi--diam .mgd-magi__flame,[data-motion=hemat] .mgd-magi-btn .mgd-magi-btn__halo,[data-motion=hemat] .mgd-magi-btn .mgd-magi-btn__sparks i,[data-motion=hemat] .mgd-magi-menu .mgd-magi-tile__icon,[data-motion=hemat] .mgd-magi-menu .mgd-magi-menu__tail{animation:none}[data-motion=hemat] .mgd-magi-menu__balloon{transform:scale(.96)}[data-motion=hemat] .mgd-magi-menu__slot,[data-motion=hemat] .mgd-magi-menu[data-state] .mgd-magi-menu__slot{opacity:1;transition:none;transform:none}[data-motion=hemat] .mgd-magi-menu[data-state=opening] .mgd-magi-menu__scrim,[data-motion=hemat] .mgd-magi-menu[data-state=opening] .mgd-magi-menu__balloon{transition:opacity .16s ease-out,transform .16s ease-out}[data-motion=hemat] .mgd-magi-menu[data-state=closing] .mgd-magi-menu__scrim,[data-motion=hemat] .mgd-magi-menu[data-state=closing] .mgd-magi-menu__balloon{transition:opacity .12s ease-in,transform .12s ease-in}@media (prefers-reduced-motion:reduce){.mgd-magi-btn,.mgd-magi-btn *,.mgd-magi-menu,.mgd-magi-menu *{transition:none!important;animation:none!important}}.mgd-focus .mgd-magi-menu{display:none}@keyframes mgd-magi-hop{0%,84%,to{transform:none}87%{transform:translateY(1px)scale(1.08,.9)}91%{transform:translateY(-9px)scale(.94,1.07)}95%{transform:translateY(0)scale(1.07,.93)}98%{transform:scale(.98,1.02)}}@keyframes mgd-magi-glance{0%,40%,74%,to{transform:none}44%,54%{transform:translate(-5px)}60%,70%{transform:translate(5px)}}@keyframes mgd-magi-flicker{0%,to{transform:none}25%{transform:skew(-3deg)}50%{transform:skew(2deg)scaleY(1.02)}75%{transform:skew(-1deg)}}@keyframes mgd-magi-launch{0%{transform:none}20%{transform:translateY(3px)scale(1.12,.84)}48%{transform:translateY(-14px)scale(.92,1.1)}74%{transform:translateY(1px)scale(1.05,.95)}to{transform:none}}@keyframes mgd-magi-land{0%{transform:translateY(-6px)}55%{transform:translateY(1px)scale(1.08,.9)}to{transform:none}}@keyframes mgd-magi-halo{0%{opacity:.95;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}@keyframes mgd-magi-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(-18px) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1) rotate(90deg)}}@keyframes mgd-magi-tail{0%,to{transform:rotate(45deg)}30%{transform:rotate(33deg)}65%{transform:rotate(55deg)}}.mgd-menu__toggle{background:0 0;border:0;border-radius:50%;padding:0}.mgd-menu__name{border-bottom:2px dashed var(--mgd-line);font-family:var(--mgd-font-head);margin-bottom:4px;padding:6px 12px 10px;font-weight:600}.mgd-progress--sm{border-width:2px;height:16px}.mgd-progress--sm .mgd-progress__fill{background-size:24px 100%}.is-wrong{outline:3px solid var(--mgd-danger);outline-offset:2px}@media (max-width:639px){.mgd-hide-sm{display:none}}.mgd-keaktifan{gap:var(--mgd-s3);min-width:0;display:grid}.mgd-keaktifan__head{justify-content:space-between;align-items:baseline;gap:var(--mgd-s2) var(--mgd-s4);flex-wrap:wrap;display:flex}.mgd-keaktifan__summary{color:var(--mgd-text-muted);margin:0;font-size:.9375rem;font-weight:700}.mgd-keaktifan__desc,.mgd-keaktifan__sources{margin:0;font-size:.9375rem}.mgd-keaktifan__scroll{scrollbar-width:thin;min-width:0;margin:-6px;padding:6px;overflow-x:auto}.mgd-contrib{--mgd-cell-gap:3px;grid-template-columns:auto repeat(var(--mgd-weeks,52), minmax(11px, 1fr));gap:var(--mgd-cell-gap);max-width:calc(var(--mgd-weeks,52) * 28px + 40px);grid-template-rows:auto repeat(7,auto);min-width:max-content;display:grid}.mgd-contrib.is-no-months{grid-template-rows:0 repeat(7,auto)}.mgd-contrib.is-no-days{grid-template-columns:0 repeat(var(--mgd-weeks,52), minmax(11px, 1fr))}.mgd-contrib__month{color:var(--mgd-text-muted);white-space:nowrap;grid-row:1;font-size:.75rem;font-weight:700;line-height:1.2}.mgd-contrib__day{color:var(--mgd-text-muted);grid-column:1;align-self:center;padding-right:4px;font-size:.6875rem;font-weight:700;line-height:1}.mgd-contrib__cell{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--mgd-text) 22%, transparent);background:var(--mgd-lv-0,var(--mgd-surface-2));border-radius:3px;min-width:11px;display:block}.mgd-contrib__cell[data-level="1"]{background:var(--mgd-lv-1)}.mgd-contrib__cell[data-level="2"]{background:var(--mgd-lv-2)}.mgd-contrib__cell[data-level="3"]{background:var(--mgd-lv-3)}.mgd-contrib__cell[data-level="4"]{background:var(--mgd-lv-4)}.mgd-contrib__cell[data-level="5"]{background:var(--mgd-lv-5)}.mgd-contrib__cell[data-level="6"]{background:var(--mgd-lv-6)}.mgd-contrib__cell.is-future{visibility:hidden}.mgd-contrib__cell.is-today{outline:2px solid var(--mgd-text);outline-offset:1px}.mgd-contrib__cell.is-picked{outline:3px solid var(--mgd-accent-fg);outline-offset:1px}.mgd-contrib:focus-visible{outline:3px solid var(--mgd-accent-fg);outline-offset:2px;border-radius:6px}.mgd-keaktifan__tip{min-height:1.5em;margin:0;font-size:.875rem;font-weight:700}.mgd-keaktifan__legend{gap:var(--mgd-s3);padding-top:var(--mgd-s3);border-top:2px dashed var(--mgd-surface-2);display:grid}.mgd-contrib__scale{color:var(--mgd-text-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:.8125rem;font-weight:700;display:flex}.mgd-contrib__scale>.mgd-contrib__cell,.mgd-contrib__legend .mgd-contrib__cell{width:14px;min-width:14px}.mgd-contrib__scale>span:first-child{margin-right:4px}.mgd-contrib__scale>span:last-child{margin-left:4px}.mgd-contrib__legend{gap:var(--mgd-s2) var(--mgd-s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));margin:0;padding:0;list-style:none;display:grid}.mgd-contrib__legend li{align-items:center;column-gap:var(--mgd-s2);grid-template-columns:auto minmax(0,1fr);font-size:.875rem;display:grid}.mgd-contrib__legend li>.mgd-contrib__cell{grid-row:span 2;width:18px;min-width:18px}.mgd-contrib__legend li>span{font-size:.8125rem}.mgd-route-leaderboard .mgd-board{margin-block:2rem;padding:0;list-style:none}.mgd-route-leaderboard .mgd-board__row{background:var(--mgd-surface);border:2px solid var(--mgd-line);border-radius:12px;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:1rem;margin-block:.75rem;padding:1rem;display:grid}}@layer pages{.mgd-theme-editor.mgd-p-grid2,.mgd-theme-editor .mgd-p-card__body{grid-template-columns:minmax(0,1fr)}.mgd-theme-editor .mgd-btn{white-space:normal;overflow-wrap:anywhere;max-width:100%}@media (min-width:960px){.mgd-theme-editor.mgd-p-grid2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.mgd-404{gap:var(--mgd-s5);padding-block:var(--mgd-s8);text-align:center;justify-items:center;display:grid}.mgd-404__code{font-family:var(--mgd-font-head);color:var(--mgd-yellow);-webkit-text-stroke:4px var(--mgd-ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--mgd-ink);font-size:clamp(5rem,18vw,9rem);font-weight:700;line-height:1}.mgd-404 .mgd-magi{width:160px}.mgd-sg{gap:var(--mgd-s7);display:grid}.mgd-sg__section{gap:var(--mgd-s4);padding:var(--mgd-s5);border:var(--mgd-bw-card) dashed var(--mgd-line);border-radius:var(--mgd-r-card);display:grid}.mgd-sg__section>h2{font-size:1.5rem}.mgd-sg__swatches{gap:var(--mgd-s3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.mgd-sg__swatch{padding:var(--mgd-s3);border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-btn);background:var(--mgd-surface);gap:4px;font-size:.8125rem;font-weight:700;display:grid}.mgd-sg__swatch i{border:2px solid var(--mgd-ink);background:var(--sw);border-radius:10px;height:48px;display:block}.mgd-sg__mascots{gap:var(--mgd-s5);flex-wrap:wrap;display:flex}.mgd-sg__mascots figure{justify-items:center;gap:var(--mgd-s2);font-weight:800;display:grid}.mgd-sg__mapdemo{align-items:flex-end;gap:var(--mgd-s6);padding-top:var(--mgd-s7);flex-wrap:wrap;display:flex}.mgd-notif-page__head{align-items:center;gap:var(--mgd-s3);margin-bottom:var(--mgd-s5);flex-wrap:wrap;display:flex}.mgd-notif-page__readall{margin-left:auto}.mgd-notif-page__list{gap:var(--mgd-s3);padding:0}.mgd-notif-page__list .mgd-notif__item{gap:var(--mgd-s3);padding:var(--mgd-s3) var(--mgd-s4);background:var(--mgd-surface);border:2px solid var(--mgd-line);grid-template-columns:auto minmax(0,1fr) auto}.mgd-notif-page__list .mgd-notif__item.is-unread{border-color:var(--mgd-orange);background:color-mix(in srgb, var(--mgd-orange) 12%, var(--mgd-surface))}.mgd-notif-page__list .mgd-notif__item+.mgd-notif__item{margin-top:0}.mgd-notif-page__list .mgd-notif__msg{color:var(--mgd-text)}.mgd-filters{gap:var(--mgd-s4);margin-bottom:var(--mgd-s4);display:grid}.mgd-filters__row{gap:var(--mgd-s3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.mgd-filters__row{grid-template-columns:2fr 1fr 1fr}}.mgd-filters__status{gap:var(--mgd-s2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.mgd-chip--radio{min-height:var(--mgd-touch);cursor:pointer;padding-inline:16px;position:relative}.mgd-chip--radio input{opacity:0;cursor:pointer;position:absolute;inset:0}.mgd-chip--radio:has(input:checked){background:var(--mgd-yellow);color:var(--mgd-ink);box-shadow:3px 3px 0 var(--mgd-ink)}.mgd-chip--radio:has(input:focus-visible){outline:3px solid var(--mgd-yellow);outline-offset:3px;box-shadow:0 0 0 3px var(--mgd-ink)}.mgd-results{margin:var(--mgd-s4) 0;font-weight:800}.mgd-catalog{padding:0;list-style:none}.mgd-course__hero{padding-block:var(--mgd-s7);background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--mgd-orange) 20%, transparent) 0 18%, transparent 45%), var(--mgd-surface);border-bottom:4px solid var(--mgd-ink)}.mgd-course__hero-grid{gap:var(--mgd-s6);align-items:center;display:grid}@media (min-width:960px){.mgd-course__hero-grid{grid-template-columns:1.3fr 1fr}}.mgd-course__art{border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);box-shadow:var(--mgd-shadow-lg);aspect-ratio:16/10;overflow:hidden;transform:rotate(1.5deg)}.mgd-course__art svg{width:100%;height:100%}.mgd-course__lead{color:var(--mgd-text-muted);font-size:1.1875rem}.mgd-course__meta{gap:var(--mgd-s3) var(--mgd-s5);flex-wrap:wrap;margin:0;padding:0;font-weight:800;list-style:none;display:flex}.mgd-course__meta li{align-items:center;gap:6px;display:inline-flex}.mgd-course__cta{align-items:center;gap:var(--mgd-s3);flex-wrap:wrap;display:flex}.mgd-course__cta form{display:contents}.mgd-course__cta form:has(.mgd-field){gap:var(--mgd-s3);width:100%;display:grid}.mgd-course__body{gap:var(--mgd-s6);padding-block:var(--mgd-s7);display:grid}@media (min-width:960px){.mgd-course__body{grid-template-columns:1fr 320px;align-items:start}.mgd-course__side{position:sticky;top:96px}}.mgd-course__side .mgd-magi{margin-inline:auto}.mgd-checklist{gap:var(--mgd-s2);margin:0;padding:0;list-style:none;display:grid}.mgd-checklist li{gap:var(--mgd-s2);align-items:flex-start;font-weight:700;display:flex}.mgd-checklist .mgd-icon{color:var(--mgd-success-fg);margin-top:2px}.mgd-curr{margin-top:var(--mgd-s3)}.mgd-curr summary>span:first-child{align-items:center;gap:var(--mgd-s3);display:inline-flex}.mgd-curr__num{background:var(--mgd-orange);width:36px;height:36px;color:var(--mgd-ink);border:2px solid var(--mgd-ink);border-radius:12px;place-items:center;font-size:1rem;display:inline-grid}.mgd-curr__list{padding:var(--mgd-s2) var(--mgd-s3) var(--mgd-s4);margin:0;list-style:none}.mgd-curr__item{gap:var(--mgd-s3);border-radius:var(--mgd-r-input);grid-template-columns:auto 1fr auto;align-items:center;min-height:52px;padding:6px 12px;font-weight:700;display:grid}.mgd-curr__item:hover{background:var(--mgd-surface-2)}.mgd-curr__item a{text-decoration:none}.mgd-curr__icon{color:var(--mgd-text-muted)}.mgd-curr__item.is-done .mgd-curr__icon{color:var(--mgd-success-fg)}.mgd-curr__item.is-locked{color:var(--mgd-text-muted)}.mgd-curr__meta{gap:6px;display:inline-flex}.mgd-leave summary{cursor:pointer;color:var(--mgd-text-muted);font-weight:800}.mgd-leave form{gap:var(--mgd-s3);margin-top:var(--mgd-s3);justify-items:start;display:grid}.mgd-gate h2{align-items:center;gap:var(--mgd-s2);display:flex}.mgd-map-head{gap:var(--mgd-s5);align-items:end;display:grid}@media (min-width:960px){.mgd-map-head{grid-template-columns:1fr 380px}}.mgd-map-head__progress{gap:var(--mgd-s4);display:grid}.mgd-map{gap:var(--mgd-s6);min-width:0;margin:var(--mgd-s5) 0 var(--mgd-s8);grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.mgd-island{border:var(--mgd-bw) solid var(--mgd-ink);background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--mgd-mint) 14%, transparent) 0 12%, transparent 35%), radial-gradient(circle at 85% 80%, color-mix(in srgb, var(--mgd-orange) 14%, transparent) 0 14%, transparent 40%), var(--mgd-surface);min-width:0;box-shadow:var(--mgd-shadow-lg);border-radius:32px;padding:clamp(12px,3vw,24px)}.mgd-island__head{align-items:center;gap:var(--mgd-s4);display:flex}.mgd-island__head>:last-child{overflow-wrap:anywhere;min-width:0}.mgd-island__num{background:var(--mgd-yellow);width:64px;height:64px;color:var(--mgd-ink);border:var(--mgd-bw) solid var(--mgd-ink);box-shadow:4px 4px 0 var(--mgd-ink);font-family:var(--mgd-font-head);border-radius:20px;flex:none;place-items:center;font-size:2rem;font-weight:700;display:grid;transform:rotate(-4deg)}.mgd-island.is-done .mgd-island__num{background:var(--mgd-mint)}.mgd-trail{height:var(--mgd-trail-h);margin-top:var(--mgd-s3);position:relative}.mgd-trail__svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mgd-trail__road{fill:none;stroke:var(--mgd-surface-2);stroke-width:26px;stroke-linecap:round;vector-effect:non-scaling-stroke}.mgd-trail__dash{fill:none;stroke:var(--mgd-yellow);stroke-width:4px;stroke-dasharray:2 14;stroke-linecap:round;vector-effect:non-scaling-stroke}.mgd-trail__nodes{margin:0;padding:0;list-style:none}.mgd-trail__node{left:var(--mgd-x);top:var(--mgd-y);z-index:1;position:absolute;transform:translate(-50%,-50%)}.mgd-trail__label{overflow-wrap:anywhere;white-space:normal;border:2px solid var(--mgd-ink);background:var(--mgd-surface);border-radius:12px;width:max-content;max-width:220px;padding:6px 12px;font-size:.9375rem;line-height:1.25;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.mgd-trail__label small{color:var(--mgd-text-muted);font-weight:800}.mgd-trail__node--right .mgd-trail__label{left:calc(100% + 14px)}.mgd-trail__node--left .mgd-trail__label{text-align:right;right:calc(100% + 14px)}.mgd-node--open{background:var(--mgd-surface)}@media (max-width:639px){.mgd-trail{height:auto}.mgd-trail__svg{display:none}.mgd-trail__nodes{gap:var(--mgd-s5);padding:var(--mgd-s4) 0 var(--mgd-s4) 8px;display:grid;position:relative}.mgd-trail__nodes:before{content:"";border-left:6px dotted var(--mgd-yellow);position:absolute;top:0;bottom:0;left:39px}.mgd-trail__node{align-items:center;gap:var(--mgd-s3);display:flex;position:relative;top:auto;left:auto;transform:none}.mgd-trail__label,.mgd-trail__node--left .mgd-trail__label,.mgd-trail__node--right .mgd-trail__label{text-align:left;flex:1;width:auto;min-width:0;max-width:none;position:static;transform:none}.mgd-trail__node>.mgd-node{flex-shrink:0}.mgd-trail__node .mgd-node--boss{--mgd-node-size:72px}}.mgd-dash__top{gap:var(--mgd-gutter);display:grid}@media (min-width:960px){.mgd-dash__top:has(>:nth-child(2)){grid-template-columns:1.5fr 1fr}}.mgd-continue{border:var(--mgd-bw) solid var(--mgd-ink);border-radius:var(--mgd-r-card);background:var(--mgd-surface);box-shadow:var(--mgd-shadow-lg);display:grid;overflow:hidden}@media (min-width:640px){.mgd-continue{grid-template-columns:240px 1fr}}.mgd-continue__art{border-right:var(--mgd-bw) solid var(--mgd-ink);min-height:180px}.mgd-continue__art svg{width:100%;height:100%}.mgd-continue__body{gap:var(--mgd-s3);padding:var(--mgd-s5);align-content:center;display:grid}.mgd-continue__body .mgd-btn{justify-self:start}.mgd-continue--empty{padding-left:var(--mgd-s5);grid-template-columns:auto 1fr;align-items:center}.mgd-cert-list{gap:var(--mgd-s3);margin:var(--mgd-s4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.mgd-cert-chip{align-items:center;gap:var(--mgd-s3);padding:var(--mgd-s3) var(--mgd-s4);border-radius:var(--mgd-r-btn);border:var(--mgd-bw) solid var(--mgd-ink);background:var(--mgd-yellow);color:var(--mgd-ink);box-shadow:4px 4px 0 var(--mgd-ink);text-decoration:none;display:flex}.mgd-cert-chip:hover{color:var(--mgd-ink)}.mgd-cert-chip span{display:grid}.mgd-cert-page .mgd-page-head .mgd-sticker{margin-inline:auto}.mgd-cert{margin:0 auto var(--mgd-s5);max-width:1000px;box-shadow:var(--mgd-shadow-lg);border-radius:24px;overflow:hidden}.mgd-cert__svg{width:100%;height:auto}.mgd-cert-actions{margin-bottom:var(--mgd-s4);justify-content:center}.mgd-inline-form{display:contents}.mgd-qteaser{align-content:start;gap:var(--mgd-s3);border-color:var(--mgd-ink);box-shadow:var(--mgd-shadow);display:grid}.mgd-qteaser__head{align-items:center;gap:var(--mgd-s3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.mgd-qteaser__head>div>*{margin:0}.mgd-qteaser__ico{border:2px solid var(--mgd-ink);background:var(--mgd-yellow);width:44px;height:44px;color:var(--mgd-ink);border-radius:14px;place-items:center;display:grid;transform:rotate(-6deg)}.mgd-qteaser__ico .mgd-icon{width:22px;height:22px}.mgd-qteaser__tally{font:800 1.5rem/1 var(--mgd-font-head);font-variant-numeric:tabular-nums}.mgd-qteaser__track{border:2px solid var(--mgd-ink);background:var(--mgd-surface-2);border-radius:999px;height:14px;display:block;overflow:hidden}.mgd-qteaser__track>span{background:var(--mgd-mint);border-radius:999px;height:100%;display:block}.mgd-qteaser__facts{gap:6px;margin:0;padding:0;font-size:.875rem;font-weight:700;list-style:none;display:grid}.mgd-qteaser__facts li{align-items:center;gap:6px;display:flex}.mgd-qteaser__facts .mgd-icon{flex:none;width:16px;height:16px}.mgd-qteaser__facts .is-ready{color:var(--mgd-accent-fg)}.mgd-qteaser__cta.mgd-btn{justify-content:center}.mgd-qb__chest{border:2px dashed var(--mgd-ink);border-radius:14px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.mgd-qb__chest-ico{border:2px solid var(--mgd-ink);background:var(--mgd-surface-2);width:44px;height:44px;color:var(--mgd-text);border-radius:12px;place-items:center;display:grid}.mgd-qb__chest-text{min-width:0;line-height:1.3;display:grid}.mgd-qb__chest-text span{color:var(--mgd-text-muted);font-size:.8125rem;font-weight:700}.mgd-qb__chest.is-ready{background:color-mix(in srgb, var(--mgd-orange) 16%, var(--mgd-surface));box-shadow:3px 3px 0 var(--mgd-ink);border-style:solid}.mgd-qb__chest.is-ready .mgd-qb__chest-ico{background:var(--mgd-orange);color:var(--mgd-ink)}[data-motion=penuh] .mgd-qb__chest.is-ready .mgd-qb__chest-ico{animation:mgd-chest-wiggle 1.6s var(--mgd-ease-pop) infinite}@keyframes mgd-chest-wiggle{0%,70%,to{transform:none}78%{transform:rotate(-10deg)scale(1.06)}88%{transform:rotate(8deg)scale(1.06)}}.mgd-qb__chest.is-open .mgd-qb__chest-ico{background:var(--mgd-mint);color:var(--mgd-ink)}@media (prefers-reduced-motion:reduce){.mgd-qb__chest-ico{animation:none!important}}@media (max-width:479px){.mgd-qb__chest{grid-template-columns:40px minmax(0,1fr)}.mgd-qb__chest-ico{width:40px;height:40px}.mgd-qb__chest .mgd-btn{grid-column:1/-1;justify-content:center}}}@layer utilities{.mgd-muted{color:var(--mgd-text-muted)}.mgd-center{text-align:center}.mgd-mt-0{margin-top:0}.mgd-stack>*+*{margin-top:var(--mgd-stack,var(--mgd-s4))}.mgd-row{align-items:center;gap:var(--mgd-row-gap,var(--mgd-s3));flex-wrap:wrap;display:flex}.mgd-eyebrow{font-family:var(--mgd-font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--mgd-text-muted);font-size:.8125rem;font-weight:800}}body.mgd-has-tabbar{padding-bottom:var(--mgd-tabbar-space)}html.mgd-focus body.mgd-has-tabbar{padding-bottom:0}@media (min-width:960px){body.mgd-has-tabbar{padding-bottom:0}}
