.game{min-height:100vh;display:flex;flex-direction:column;background:var(--awan)}.game-message{padding:3rem 1.25rem;display:grid;justify-items:center;gap:1rem}.gamebar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.1rem;background:var(--malam);color:#fff;position:sticky;top:0;z-index:20}.gamebar__title{font-weight:800;font-size:1.05rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gamebar__right{flex:none}.tools-panel__head{display:flex;justify-content:space-between;align-items:center}.tools-panel__close{display:none}.crumb{font-weight:600;opacity:.8}.gamebar__right{display:flex;align-items:center;gap:.9rem}.gamebar__stat{font-weight:800;color:var(--lentera);white-space:nowrap}.gamebar__net{width:.7rem;height:.7rem;border-radius:50%;background:#6fd3a5}.gamebar__net--off{background:transparent;border:2px solid var(--lentera)}.menu{position:relative}.menu__btn{border:2px solid rgba(255,255,255,.6);background:transparent;color:#fff;border-radius:10px;width:2.6rem;height:2.4rem;font-size:1.2rem;cursor:pointer}.menu__list{position:absolute;right:0;top:2.8rem;list-style:none;margin:0;padding:.4rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #121a3a40;min-width:12rem;z-index:30}.menu__list button{width:100%;text-align:left;border:0;background:none;padding:.6rem .8rem;border-radius:8px;font:inherit;color:var(--tinta);cursor:pointer}.menu__list button:hover{background:var(--awan)}.btn--soft{background:var(--awan);border-color:var(--garis);color:var(--tinta)}.avatar-screen{min-height:100vh;display:grid;justify-items:center;align-content:center;gap:1rem;padding:2rem 1rem;background:radial-gradient(circle at 50% 20%,var(--malam) 0%,var(--malam-tua) 75%);color:#fff;text-align:center}.avatar-screen__title{margin:0;font-size:1.8rem}.avatar-screen__lead{margin:0;opacity:.9}.avatar-choices{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.avatar-card{display:grid;justify-items:center;gap:.4rem;padding:1rem 1.4rem;border-radius:18px;border:3px solid transparent;background:#fff;color:var(--tinta);font:inherit;font-weight:800;cursor:pointer}.avatar-card--on{border-color:var(--lentera);box-shadow:0 0 0 4px #f4b53f59}.avatar-screen__name{width:min(320px,100%);text-align:left}.avatar-screen__name .field__label{color:#fff}.map-screen{padding:1rem;display:grid;gap:.75rem;justify-items:center}.map-wrap{position:relative;width:min(1000px,100%)}.map{width:100%;height:auto;border-radius:18px;display:block}.map-world{cursor:pointer}.map-world:focus-visible circle:first-child{stroke:var(--malam)}.map-world--locked{cursor:not-allowed}.map-avatar{transition:transform 1.6s ease-in-out}.map-stone{position:absolute;bottom:.6rem;right:.6rem;display:grid;justify-items:center;background:#1d2b5ce0;color:#fff;border-radius:14px;padding:.4rem .6rem;font-weight:800;font-size:.85rem}.map-hint{margin:0;font-weight:700;color:var(--tinta-pudar)}.scene{display:block;width:100%;height:auto;border-radius:16px}.intro{padding:1rem;display:grid;gap:1rem;max-width:1000px;margin:0 auto;width:100%}.intro__scene{position:relative}.intro__skip{position:absolute;top:.8rem;right:.8rem}.dialog{display:flex;gap:1rem;align-items:flex-start;background:#fff;border-radius:16px;padding:1rem 1.2rem;border:1px solid var(--garis)}.dialog__body{flex:1}.dialog__narration{font-size:1.05rem}.dialog__line{background:var(--awan);border-radius:12px;padding:.7rem .9rem}.portrait{flex:none;width:92px;height:92px;border-radius:50%;background:#fff3c4;display:grid;place-items:center;overflow:hidden;border:3px solid var(--lentera)}.portrait svg{transform:translateY(12px)}.hub{padding:1rem;display:grid;gap:1rem;max-width:1000px;margin:0 auto;width:100%}.hub__title{margin:0;font-size:1.5rem}.hub__body p{margin:0 0 .75rem}.hub__path{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}.hub__node button{width:100%;display:flex;align-items:center;gap:.9rem;text-align:left;padding:.8rem 1rem;border-radius:14px;border:2px solid var(--garis);background:#fff;font:inherit;color:var(--tinta);cursor:pointer}.hub__node.is-open button{border-color:var(--malam);box-shadow:0 3px 0 var(--malam)}.hub__node.is-done button{border-color:var(--lumut)}.hub__node.is-locked button{opacity:.55;cursor:not-allowed}.hub__badge{flex:none;width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--lentera);color:var(--malam-tua)}.hub__node.is-done .hub__badge{background:var(--lumut);color:#fff}.hub__node.is-locked .hub__badge{background:var(--awan)}.hub__text{display:grid}.hub__text span{color:var(--tinta-pudar)}.hub__score{color:var(--lumut)!important;font-weight:800}.stone-screen{min-height:70vh;display:grid;justify-items:center;align-content:center;gap:1rem;background:radial-gradient(circle,#24346b 0%,var(--malam-tua) 70%);color:#fff}.stone-screen__text{font-size:1.4rem;font-weight:800;margin:0}.summary{padding:1rem;display:grid;gap:1rem;max-width:900px;margin:0 auto;width:100%}.summary__body{background:#fff;border-radius:16px;padding:1.2rem;border:1px solid var(--garis)}.summary__body h1{margin-top:0;font-size:1.5rem}.summary__body h2{font-size:1.15rem;margin:1.2rem 0 .5rem}.summary__points{font-size:1.3rem;font-weight:800;color:var(--malam)}.badges{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.badge{display:grid;grid-template-columns:auto 1fr;column-gap:.6rem;align-items:center;padding:.6rem .8rem;border-radius:12px;background:#fff6e0}.badge .muted{grid-column:2;font-size:.9rem}.rule-text{font-size:1.3rem;font-weight:800;color:var(--malam)}.rulebook{padding:1.2rem;max-width:800px;margin:0 auto;width:100%}.rulebook__list{padding-left:1.2rem}.tutorial-list{padding-left:1.2rem;display:grid;gap:.4rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#121a3a8c;display:grid;place-items:center;padding:1rem;z-index:50}.modal__box{background:#fff;border-radius:18px;padding:1.3rem 1.4rem;width:min(520px,100%);max-height:90vh;overflow:auto}.modal__title{margin:0 0 .6rem}.confidence{display:flex;align-items:center;gap:1rem}.confidence input{flex:1;accent-color:var(--malam);height:2rem}.confidence__value{min-width:3.2rem;text-align:center;font-size:1.6rem;font-weight:800;color:var(--malam)}.confidence__scale{display:flex;justify-content:space-between;color:var(--tinta-pudar);font-size:.9rem}.confidence__q{font-weight:700}.station-screen{flex:1;min-height:calc(100vh - 3.6rem);display:grid;grid-template-columns:minmax(230px,280px) 1fr minmax(220px,260px);grid-template-rows:1fr auto;grid-template-areas:"story work tools" "bar bar bar";gap:1rem;padding:1rem 1rem 0;max-width:1400px;margin:0 auto;width:100%}.story-panel{grid-area:story;align-self:start;background:#fffaea;border:2px solid #ecd28b;border-radius:16px;padding:1rem;display:grid;gap:.75rem}.story-panel p{margin:0}.story-panel__npc{display:flex;gap:.8rem;align-items:center}.story-panel__name{font-weight:800;font-size:1.1rem}.story-panel .portrait{width:72px;height:72px}.story-panel .portrait svg{width:60px;height:96px}.story-panel__mission{font-size:1rem}.stages--small{gap:.4rem}.stages--small .stage-visual{transform:scale(.85);transform-origin:bottom center}.workspace{grid-area:work;background:#fff;border:3px solid var(--malam);border-radius:18px;padding:1rem 1.2rem;align-self:start;min-height:320px}.workspace__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem}.workspace__title{margin:0;font-size:1.05rem;color:var(--malam)}.progress-dots{list-style:none;display:flex;gap:.35rem;margin:0;padding:0}.progress-dots button{width:.95rem;height:.95rem;border-radius:50%;border:2px solid var(--malam);background:#fff;padding:0;cursor:pointer}.progress-dots button:disabled{cursor:default;opacity:.5}.progress-dots .is-done button{background:var(--lumut);border-color:var(--lumut);opacity:1}.progress-dots .is-current button{background:var(--lentera);border-color:var(--lentera-redup);opacity:1;transform:scale(1.2)}.task-card .task__prompt{font-size:1.12rem}.task__text{display:block;margin-top:.25rem}.task-card--done .task-body{opacity:.75}.scene-box{max-width:640px}.tools-panel{grid-area:tools;align-self:start;background:#fff;border:1px solid var(--garis);border-radius:16px;padding:.9rem}.tools-panel__title{margin:0 0 .5rem;font-size:1.05rem}.tools__tabs{display:flex;gap:.25rem;margin-bottom:.6rem;flex-wrap:wrap}.tools__tab{border:1px solid var(--garis);background:#fff;border-radius:999px;padding:.3rem .7rem;font:inherit;font-size:.9rem;cursor:pointer}.tools__tab[aria-selected=true]{background:var(--malam);color:#fff;border-color:var(--malam)}.tools__table{width:100%}.calc__screen{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .7rem;background:var(--awan);border-radius:10px;margin-bottom:.5rem;min-height:2.4rem;overflow-x:auto}.calc__keys{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.key--eq{grid-column:span 2;background:var(--malam);color:#fff}.tools-toggle{display:none}.robot-bar{grid-area:bar;position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"robot bubble actions" "exit exit exit";align-items:center;gap:.4rem .9rem;padding:.7rem 1rem;background:#eaf3ee;border:2px solid #b9dbc8;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -6px 20px #121a3a14}.robot-bar__robot{grid-area:robot}.robot-bar__bubble{grid-area:bubble;position:relative;background:#fff;border-radius:14px;padding:.6rem .9rem;border:1px solid #b9dbc8;min-height:3rem}.robot-bar__bubble p{margin:0;font-weight:600}.robot-bar__bubble:before{content:"";position:absolute;left:-9px;top:1rem;border:8px solid transparent;border-right-color:#fff;border-left:0}.robot-bar__bubble .link-btn{margin-right:.8rem}.robot-bar__actions{grid-area:actions;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.robot-bar__exit{grid-area:exit;justify-self:start;font-size:.9rem}.status-chip{display:inline-flex;align-items:center;gap:.4rem;margin:.8rem 0 0;padding:.35rem .75rem;border-radius:999px;font-weight:800}.status-chip--ok{background:#e4f3ec;color:#1f5b41}.status-chip--ok .status-chip__icon{display:inline-block;animation:pop .35s ease-out}.status-chip--part{background:#fff4d6;color:#6b4a07}.status-chip--no{background:#fbeee2;color:var(--senja)}.status-chip--info{background:var(--awan);color:var(--tinta)}.finish h3{margin:0 0 .3rem}.finish__total{font-size:1.5rem;font-weight:800}.probot-face{transform-origin:42px 36px;animation:blink 3.6s infinite}.probot--senang .probot-face,.probot--mengakui .probot-face{animation:none}.probot{transition:transform .2s}.probot--senang{animation:hop .4s ease-out}.probot-light{animation:glow 2.4s ease-in-out infinite}.pole--on .lamp{animation:lamp-on 1s ease-out both}.bridge-scene--glow .bridge-deck{animation:deck-glow 2.5s ease-in-out both}.stone-piece--fly{animation:fly-in 1.6s cubic-bezier(.2,.8,.2,1) both}.stone-pulse{animation:pulse 1.6s ease-in-out 1.6s infinite;transform-origin:110px 110px}.task-card--shake-a{animation:shake-a .35s ease-in-out}.task-card--shake-b{animation:shake-b .35s ease-in-out}.row-in{animation:fade-in .4s ease-out both}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes hop{0%{transform:translateY(0)}40%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes lamp-on{0%{opacity:.2;transform:scale(.6)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes deck-glow{0%{fill:#c9a46a}50%{fill:#ffe08a}to{fill:#ffd25e}}@keyframes fly-in{0%{transform:translate(var(--dx),var(--dy)) scale(.6);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:.2;transform:scale(.96)}50%{opacity:.9;transform:scale(1.03)}}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shake-a{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes shake-b{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pole .lamp{transform-box:fill-box;transform-origin:center}@media (max-width: 900px){.station-screen{grid-template-columns:1fr;grid-template-areas:"story" "work" "bar";padding:.6rem .6rem 0;gap:.6rem}.story-panel .stages--small{display:none}.tools-panel{display:none;position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:60vh;overflow:auto;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px #121a3a4d}.tools-panel--open{display:block}.tools-toggle,.tools-panel__close{display:inline-block}.robot-bar{grid-template-columns:auto 1fr;grid-template-areas:"robot bubble" "actions actions";padding:.45rem .5rem .55rem;gap:.35rem .5rem}.robot-bar__robot svg{width:38px;height:auto}.robot-bar__bubble{padding:.4rem .6rem;min-height:0;max-height:5.2em;overflow-y:auto}.robot-bar__bubble p{font-size:.95rem}.robot-bar__actions{flex-wrap:nowrap;gap:.35rem}.robot-bar__actions .btn{padding:.5rem .6rem;white-space:nowrap}.robot-bar__actions .btn--lantern{flex:1}.robot-bar__exit,.hide-sm{display:none}.story-panel{padding:.7rem;gap:.5rem}.story-panel .portrait{width:52px;height:52px}.story-panel .portrait svg{width:44px;height:70px}.story-panel__npc .muted{display:none}.station-screen{min-height:0}.gamebar{padding:.6rem .75rem}.gamebar__title{font-size:.95rem}.crumb{display:none}.dialog{flex-direction:column;align-items:center}}@media (prefers-reduced-motion: reduce){.map-avatar{transition:none}.probot-face,.probot-light,.probot--senang,.pole--on .lamp,.bridge-scene--glow .bridge-deck,.stone-piece--fly,.stone-pulse,.task-card--shake-a,.task-card--shake-b,.row-in,.status-chip__icon{animation:none!important}.bridge-scene--glow .bridge-deck{fill:#ffd25e}}.mini{display:block}.task-figure,.figure-box,.color-box{max-width:620px;margin-bottom:.6rem}.figure{display:block;width:100%;height:auto}.color-figure{display:block;width:100%;max-width:520px;height:auto;border-radius:12px}.color-part{cursor:pointer}.color-part:focus-visible{outline:3px solid var(--lentera)}.brushes{display:flex;flex-wrap:wrap;gap:.5rem}.brush{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:999px;border:2px solid var(--garis);background:#fff;font:inherit;font-weight:700;cursor:pointer}.brush--on{border-color:var(--malam);box-shadow:0 0 0 3px #1d2b5c26}.brush__swatch{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid rgba(0,0,0,.15)}.brush__swatch--none{background:repeating-linear-gradient(45deg,#fff 0,#fff 3px,#ccd3e3 3px,#ccd3e3 6px)}.hub__reflect{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.summary__final{font-weight:800;font-size:1.1rem}.twig{animation:twig-in .25s ease-out both}.crystal{animation:crystal-in 1.4s ease-out both;transform-box:fill-box}.cave-glow{transition:opacity 1.4s ease}.flower-row{animation:grow-in .35s ease-out both;transform-box:fill-box;transform-origin:center}.star-row{animation:grow-in .5s ease-out both;transform-box:fill-box;transform-origin:center}.copy-group{transform:translate(150px,-10px) rotate(180deg);transform-box:fill-box;transform-origin:center;opacity:0;transition:transform 1.5s ease-in-out,opacity .6s ease}.copy-rotate--on .copy-group{transform:none;opacity:1}.copy-frame,.copy-text{opacity:0;transition:opacity .6s ease 1.4s}.copy-rotate--on .copy-frame,.copy-rotate--on .copy-text{opacity:1}@keyframes twig-in{0%{opacity:0;stroke-dasharray:0 200}to{opacity:1;stroke-dasharray:200 0}}@keyframes crystal-in{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes grow-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.twig,.crystal,.flower-row,.star-row{animation:none!important}.copy-group,.copy-frame,.copy-text,.cave-glow{transition:none!important}}.mra{--c-bg: #fbf7ef;--c-card: #ffffff;--c-navy: #1d2b5c;--c-teal: #13998f;--c-teal-soft: #e3f4f1;--c-orange: #f08c2b;--c-orange-soft: #fdeedd;--c-yellow: #f6c343;--c-green: #2e8b57;--c-green-soft: #e6f4ea;--c-red-soft: #fbe6e3;--c-line: #e6dfd0;--c-muted: #6b6f80;display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:var(--c-bg);color:var(--c-navy);font-family:Nunito,Poppins,Segoe UI,system-ui,sans-serif;font-size:16px}.mra-message{min-height:60vh;display:grid;place-items:center;gap:1rem;background:#fbf7ef;color:#1d2b5c}.mra-side{background:var(--c-navy);color:#fff;padding:1.2rem .9rem;display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:0;height:100vh}.mra-logo{font-weight:900;font-size:1.6rem;line-height:1;color:var(--c-yellow);text-shadow:0 2px 0 #b8741b;letter-spacing:.02em}.mra-logo span{font-size:1.05rem;color:#fff;text-shadow:none}.mra-side nav{display:flex;flex-direction:column;gap:.3rem}.mra-nav{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;border-radius:12px;border:0;background:transparent;color:#dfe5f6;font:inherit;font-weight:700;text-align:left;cursor:pointer}.mra-nav:hover,.mra-nav--on{background:#ffffff1f;color:#fff}.mra-nav--on{box-shadow:inset 4px 0 0 var(--c-yellow)}.mra-main{padding:1.4rem clamp(1rem,3vw,2.2rem);min-width:0}.mra-page{display:flex;flex-direction:column;gap:1rem;max-width:1150px}.mra-page__head h1,.mra-page h1{margin:0;font-size:1.6rem}.mra-muted{color:var(--c-muted)}.mra-note{background:var(--c-teal-soft);border-radius:12px;padding:.7rem .9rem;margin:0}.mra-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mra-card-panel{background:var(--c-card);border:1px solid var(--c-line);border-radius:18px;padding:1.1rem 1.2rem;box-shadow:0 2px #1d2b5c0a}.mra-card-panel h2{font-size:1.1rem;margin:0 0 .6rem;display:flex;justify-content:space-between;align-items:center}.mra-hello{display:flex;align-items:center;gap:1rem;background:var(--c-card);border-radius:18px;padding:.8rem 1.2rem;border:1px solid var(--c-line)}.mra-hello h1{font-size:1.35rem}.mra-xp{margin-left:auto;display:flex;flex-direction:column;gap:.3rem;min-width:160px}.mra-hero{border-radius:20px;padding:1.3rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem}.mra-hero h2{margin:0}.mra-hero p{margin:0 0 .4rem;color:#3d4566}.mra-hero--teal{background:linear-gradient(160deg,#e7f6f3,#d3efe9)}.mra-hero--orange{background:linear-gradient(160deg,#fff3e2,#fde4c6)}.mra-hero__icon{font-size:2.6rem}.mra-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:12px;border:2px solid var(--c-line);background:#fff;color:var(--c-navy);font:inherit;font-weight:800;cursor:pointer;min-height:44px}.mra-btn:disabled{opacity:.55;cursor:default}.mra-btn--primary{background:var(--c-navy);border-color:var(--c-navy);color:#fff}.mra-btn--green{background:var(--c-green);border-color:var(--c-green);color:#fff;min-width:180px}.mra-btn--orange{background:var(--c-orange);border-color:var(--c-orange);color:#fff;min-width:180px}.mra-btn--accent{background:var(--c-yellow);border-color:#e2ad2a;color:var(--c-navy)}.mra-btn--ghost{background:transparent}.mra-btn--hint{background:#fff7df;border-color:var(--c-yellow)}.mra-link{border:0;background:none;color:var(--c-teal);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}.mra-mini{border:1px solid var(--c-line);background:#fff;border-radius:8px;padding:.15rem .5rem;font:inherit;font-size:.85rem;cursor:pointer}.mra-row{display:flex;flex-wrap:wrap;gap:.5rem}.mra-row--end{justify-content:flex-end}.mra-pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;background:#efeae0;color:var(--c-muted);font-size:.82rem;font-weight:700}.mra-pill--ok{background:var(--c-green-soft);color:var(--c-green)}.mra-progress{display:block;height:10px;border-radius:999px;background:#ece6d8;overflow:hidden}.mra-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--c-teal),var(--c-yellow));transition:width .5s ease}.mra-journey{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0}.mra-journey li{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;background:#efeae0;font-size:.85rem;font-weight:700;color:var(--c-muted)}.mra-journey li span{width:1.1rem;height:1.1rem;border-radius:50%;background:#d8d1c0;color:#fff;display:grid;place-items:center;font-size:.7rem}.mra-journey li.is-done{background:var(--c-green-soft);color:var(--c-green)}.mra-journey li.is-done span{background:var(--c-green)}.mra-badges{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0}.mra-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:14px;background:#fff7df;border:1px solid #f1dc9c;font-weight:800;font-size:.9rem}.mra-badge span{font-size:1.2rem}.mra-badge--locked{filter:grayscale(1);opacity:.5}.mra-badge--new{animation:mra-pop .5s ease both}.mra-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.mra-level{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;text-align:left;padding:.8rem;border-radius:16px;border:2px solid var(--c-line);background:#fff;font:inherit;color:inherit;cursor:pointer}.mra-level--on{border-color:var(--c-yellow);box-shadow:0 0 0 3px #f6c34359}.mra-level--empty{background:#f7f4ec}.mra-level__no{font-weight:900;color:var(--c-teal);font-size:.85rem}.mra-types{display:flex;flex-wrap:wrap;gap:.4rem}.mra-act-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--c-line);padding-top:.8rem;margin-top:.6rem}.mra-act-card h3{margin:.1rem 0}.mra-act-card p{margin:.2rem 0}.mra-map{width:100%;height:auto;display:block}.mra-game-list{margin:.8rem 0 0;padding-left:1.2rem}blockquote{margin:.4rem 0;padding:.5rem .8rem;border-left:4px solid var(--c-teal);background:var(--c-teal-soft);border-radius:0 10px 10px 0}.mra-score{font-size:2.6rem;font-weight:900;margin:.2rem 0;color:var(--c-teal)}.mra-result{display:flex;gap:1.2rem;align-items:center}.mra-table{border-collapse:collapse;width:100%;font-size:.95rem}.mra-table th,.mra-table td{border:1px solid var(--c-line);padding:.4rem .6rem;text-align:left}.mra-table th{background:#f7f3ea;font-weight:800}.mra-row-bad td{background:var(--c-red-soft)}.mra-activity{display:flex;flex-direction:column;gap:.9rem;max-width:1200px}.mra-act-head{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem 1rem;align-items:center;background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:.7rem 1rem}.mra-act-head h1{margin:0;font-size:1.3rem}.mra-act-title{display:flex;flex-direction:column}.mra-level-tag{background:var(--c-red-soft);color:#b03a2e;font-weight:800;padding:.25rem .7rem;border-radius:999px}.mra-act-head .mra-progress{grid-column:1 / -1}.mra-stepper{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:.3rem;padding:0;margin:0}.mra-stepper li{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.78rem;font-weight:700;color:var(--c-muted);text-align:center}.mra-stepper__dot{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:#e9e3d4;color:var(--c-muted);font-weight:900}.mra-stepper li.is-current .mra-stepper__dot{background:var(--c-yellow);color:var(--c-navy);box-shadow:0 0 0 4px #f6c3434d}.mra-stepper li.is-current{color:var(--c-navy)}.mra-stepper li.is-done .mra-stepper__dot{background:var(--c-green);color:#fff;animation:mra-pop .35s ease both}.mra-act-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:start}.mra-panel{background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.mra-panel h2{margin:0;font-size:1.1rem}.mra-problem{position:sticky;top:1rem}.mra-model{display:flex;flex-direction:column;gap:.3rem;background:var(--c-green-soft);border-radius:12px;padding:.6rem .8rem}.mra-model code{font-size:1rem;font-weight:700}.mra-rep td,.mra-rep th{text-align:center}.mra-work__head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.mra-stage{background:var(--c-teal-soft);color:var(--c-teal);font-weight:900;border-radius:999px;padding:.2rem .7rem;font-size:.85rem}.mra-prompt{font-size:1.1rem!important}.mra-hints{margin:0;padding:.6rem .8rem .6rem 1.8rem;background:#fff7df;border-radius:12px}.mra-step-body{display:flex;flex-direction:column;gap:.7rem}.mra-field{display:flex;flex-direction:column;gap:.3rem;font-weight:700}.mra-input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-weight:600;padding:.55rem .7rem;border:2px solid var(--c-line);border-radius:10px;background:#fffdf8;color:var(--c-navy);min-height:44px}.mra-input:focus{outline:3px solid rgba(19,153,143,.35);border-color:var(--c-teal)}.mra-options{display:flex;flex-direction:column;gap:.45rem}.mra-option{text-align:left;padding:.7rem .9rem;border:2px solid var(--c-line);border-radius:12px;background:#fff;font:inherit;font-weight:600;color:inherit;cursor:pointer}.mra-option--on{border-color:var(--c-teal);background:var(--c-teal-soft)}.mra-cards{display:flex;flex-wrap:wrap;gap:.45rem}.mra-card{padding:.45rem .8rem;border-radius:10px;border:2px solid #c9d3f0;background:#eef2fd;font:inherit;font-weight:800;color:var(--c-navy);cursor:grab}.mra-eqrow{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .7rem;border:2px dashed var(--c-line);border-radius:12px;cursor:pointer;min-height:52px}.mra-eqrow--active{border-color:var(--c-teal);background:#f6fcfb}.mra-eqrow__label{font-weight:800;font-size:.85rem;color:var(--c-muted)}.mra-eqrow__tokens{flex:1;display:flex;flex-wrap:wrap;gap:.3rem}.mra-token{padding:.25rem .55rem;border-radius:8px;background:var(--c-navy);color:#fff;font-weight:800;animation:mra-pop .2s ease both}.mra-eqrow__tools{display:flex;gap:.3rem}.mra-micro{border-left:5px solid var(--c-orange);background:var(--c-orange-soft);padding:.6rem .8rem;border-radius:0 12px 12px 0}.mra-micro p{margin:.2rem 0 0}.mra-strats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.mra-strat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .4rem;border-radius:14px;border:2px solid var(--c-line);background:#fff;font:inherit;font-weight:800;color:inherit;cursor:pointer}.mra-strat span{font-size:1.5rem}.mra-strat--on{border-color:var(--c-orange);background:var(--c-orange-soft)}.mra-reasons{border:1px solid var(--c-line);border-radius:12px;padding:.6rem .8rem;display:flex;flex-direction:column;gap:.4rem}.mra-reasons legend{font-weight:800;padding:0 .3rem}.mra-radio{display:flex;gap:.5rem;align-items:flex-start;font-weight:600}.mra-xy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem}.mra-field{min-width:0}.mra-chip-line{margin:0;display:flex;gap:.6rem;align-items:center}.mra-subpanel{border:2px solid var(--c-line);border-radius:14px;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.5rem;background:#fffdf8}.mra-subpanel ol{margin:0;padding-left:1.2rem}.mra-fail{border-radius:14px;background:var(--c-red-soft);padding:.7rem .9rem;display:flex;flex-direction:column;gap:.5rem;font-weight:700}.mra-check code{font-size:1rem}.mra-branch{display:flex;flex-direction:column;gap:.2rem;background:#eef2fd;border-radius:12px;padding:.6rem .8rem}.mra-branch__tag{font-size:.8rem;font-weight:800;color:#4a5a95;text-transform:uppercase;letter-spacing:.03em}.mra-guide{display:flex;gap:.6rem;align-items:center;border-radius:14px;padding:.5rem .8rem;background:#f3f5fb}.mra-guide p{margin:0;font-weight:700}.mra-guide--ok{background:var(--c-green-soft)}.mra-guide--check{background:#fff4e0;animation:mra-shake .35s ease}.mra-guide__avatar{flex:none}@keyframes mra-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes mra-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion: reduce){.mra *{animation:none!important;transition:none!important}}@media (max-width: 900px){.mra{grid-template-columns:minmax(0,1fr)}.mra-side{position:sticky;top:0;z-index:5;height:auto;min-width:0;flex-direction:row;align-items:center;padding:.5rem .7rem;gap:.6rem}.mra-side nav{min-width:0;flex:1}.mra-logo{font-size:1rem}.mra-logo span{font-size:.8rem}.mra-side nav{flex-direction:row;overflow-x:auto}.mra-nav{white-space:nowrap;padding:.5rem .6rem;font-size:.9rem}.mra-grid2,.mra-act-grid{grid-template-columns:1fr}.mra-levels{grid-template-columns:repeat(2,1fr)}.mra-problem{position:static}.mra-stepper{grid-template-columns:repeat(4,1fr);row-gap:.6rem}.mra-strats{grid-template-columns:repeat(2,1fr)}.mra-hello{flex-wrap:wrap}.mra-xp{margin-left:0;width:100%}.mra-result{flex-direction:column;align-items:flex-start}.mra-act-head{grid-template-columns:auto 1fr}.mra-level-tag{grid-column:1 / -1;justify-self:start}}.mra-mission{display:flex;flex-direction:column;gap:.9rem;max-width:1200px}.mra-dots{list-style:none;display:flex;gap:.35rem;padding:0;margin:0;grid-column:1 / -1}.mra-dots li{width:.8rem;height:.8rem;border-radius:50%;background:#e1dac9}.mra-dots li.is-current{background:var(--c-yellow);box-shadow:0 0 0 3px #f6c34359}.mra-dots li.is-done{background:var(--c-green)}.mra-scene-wrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--c-line);background:#fff}.mra-scene{display:block;width:100%;height:auto;max-height:340px}.mra-speech{position:absolute;top:.8rem;left:50%;transform:translate(-30%);max-width:min(440px,60%);background:#fff;border:2px solid var(--c-navy);border-radius:16px;padding:.55rem .8rem;box-shadow:0 4px #1d2b5c26}.mra-speech strong{font-size:.8rem;color:var(--c-teal)}.mra-speech p{margin:.1rem 0 0;font-weight:700;font-size:.95rem}.mra-speech--ok{border-color:var(--c-green)}.mra-speech--check{border-color:var(--c-orange);animation:mra-shake .35s ease}.mra-guide--small p{font-size:.85rem;font-weight:600;color:var(--c-muted)}.mra-work-lines{margin:0;padding-left:1.6rem;display:flex;flex-direction:column;gap:.3rem;font-family:Cascadia Mono,Consolas,monospace}.mra-work-lines li.is-error>*{background:var(--c-red-soft);box-shadow:inset 4px 0 #e0685c}.mra-work-lines span,.mra-line-btn{display:block;width:100%;padding:.35rem .6rem;border-radius:8px}.mra-line-btn{text-align:left;border:2px dashed var(--c-line);background:#fffdf8;font:inherit;color:inherit;cursor:pointer}.mra-line-btn:hover,.mra-line-btn:focus-visible{border-color:var(--c-orange);background:var(--c-orange-soft)}.mra-card--label{font-weight:700}.mra-card--on{border-color:var(--c-orange);background:var(--c-orange-soft)}.mra-slot{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;border:2px dashed var(--c-teal);border-radius:12px;background:#f6fcfb;cursor:pointer;min-height:50px}.mra-slot__var{font-size:1.3rem;font-weight:900;color:var(--c-navy)}.mra-strats--3{grid-template-columns:repeat(3,1fr)}.mra-graph{width:100%;max-width:360px;height:auto;border:1px solid var(--c-line);border-radius:12px}.mra-node--click{cursor:pointer}.mra-node--click:focus-visible circle{stroke:var(--c-orange)}.mra-pulse{animation:mra-pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.mra-path-lit{stroke-dasharray:600;stroke-dashoffset:600;animation:mra-draw 1.4s ease-out forwards}.mra-tag-drop>*{animation:mra-drop .6s cubic-bezier(.3,1.6,.5,1) both}.mra-bunting{animation:mra-pop .6s ease both;transform-box:fill-box;transform-origin:center top}.mra-glow{animation:mra-glow 1.8s ease-in-out infinite}.mra-bob{animation:mra-bob 1.6s ease-in-out infinite}.mra-blink{animation:mra-blink 4s infinite;transform-box:fill-box;transform-origin:center}.mra-sparkle{animation:mra-sparkle 1.6s ease-in-out infinite both}.mra-window{transition:fill .6s ease}.mra-sky stop{transition:stop-color 1s ease}.mra-trophy{font-size:2.6rem;margin:0;animation:mra-pop .6s ease both}.mra-result--game{background:linear-gradient(160deg,#fff7df,#fff)}@keyframes mra-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes mra-draw{to{stroke-dashoffset:0}}@keyframes mra-drop{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes mra-glow{0%,to{opacity:.35}50%{opacity:.8}}@keyframes mra-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mra-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes mra-sparkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@media (max-width: 900px){.mra-speech{position:static;transform:none;max-width:none;border-radius:0;border-width:2px 0 0;box-shadow:none}.mra-strats--3{grid-template-columns:1fr}}.mra-scene2{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;border-radius:18px;background:#cfe6f2;isolation:isolate}.mra-scene2 img,.mra-map2 img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mra-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.mra-layer{position:absolute;width:auto}.mra-actor{animation:mra-fadein .35s ease both}.mra-pop{animation:mra-pop .45s ease both}.mra-stall{position:absolute}.mra-stall__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mra-price{position:absolute;top:24%;width:30%;animation:mra-swing 3.2s ease-in-out infinite;transform-origin:50% 0}.mra-price img{width:100%;display:block}.mra-price span{position:absolute;left:8%;right:8%;top:66%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;line-height:1.05;font-weight:900;color:#5b3a1e;font-size:clamp(.42rem,1.05vw,.82rem);white-space:nowrap}.mra-price span strong{font-size:1.15em}.mra-cup{position:absolute;top:47%;width:14%}.mra-steam{position:absolute;top:30%;width:6%;height:16%;pointer-events:none}.mra-steam i{position:absolute;bottom:0;width:40%;height:55%;border-radius:50%;background:#ffffffbf;filter:blur(3px);animation:mra-steam 2.4s ease-in infinite}.mra-steam i:nth-child(2){left:35%;animation-delay:.8s}.mra-steam i:nth-child(3){left:65%;animation-delay:1.6s}.mra-vtag{position:absolute;transform:translate(-50%,-50%);width:clamp(1.4rem,3.4vw,2.4rem);height:clamp(1.4rem,3.4vw,2.4rem);border-radius:50%;display:grid;place-items:center;background:#f6c343;border:3px solid #b8741b;color:#1d2b5c;font-weight:900;font-size:clamp(.8rem,1.9vw,1.3rem);box-shadow:0 3px #0003;animation:mra-tagfly .9s cubic-bezier(.2,.8,.3,1.2) both}.mra-sign{position:absolute;transition:filter .4s ease,opacity .4s ease}.mra-sign img{width:100%;display:block}.mra-sign span{position:absolute;transform:translate(-50%,-50%);font-weight:900;color:#4a2c12;font-size:clamp(.45rem,1.15vw,.9rem);white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.5)}.mra-sign--on{filter:drop-shadow(0 0 10px #ffd84a) drop-shadow(0 0 4px #ffd84a)}.mra-sign--off{opacity:.75;filter:saturate(.6)}.mra-owl2{position:absolute;aspect-ratio:307 / 420}.mra-owl2 img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mra-owl2__blink{opacity:0;animation:mra-blink 4.2s steps(1,end) infinite}.mra-walker{position:absolute;width:0;transform-origin:50% 100%;transition:left 1.4s ease-in-out,bottom 1.4s ease-in-out,transform 1.4s ease-in-out}.mra-walker img{position:absolute;bottom:0;left:50%;height:100%;width:auto;transform:translate(-50%)}.mra-board{position:absolute;aspect-ratio:760 / 652}.mra-board img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mra-board__text{position:absolute;left:12%;right:12%;top:11%;height:50%;display:flex;flex-direction:column;justify-content:center;gap:4%;color:#f4f1e6;font-family:Comic Sans MS,Chalkboard SE,Segoe Print,cursive;font-weight:700;font-size:clamp(.5rem,1.35vw,1.05rem);text-align:center}.mra-board__bad{color:#ffb3a6;text-decoration:underline wavy #ff7b6b}.mra-board__ok{color:#c8f7b0}.mra-qmark{position:absolute;width:clamp(1.6rem,4.2vw,2.8rem);height:clamp(1.6rem,4.2vw,2.8rem);border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #1d2b5c;box-shadow:0 3px #00000040;font-size:clamp(1rem,2.6vw,1.7rem);font-weight:900;color:#1d2b5c;animation:mra-bob 1.6s ease-in-out infinite}.mra-citylight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 60%,rgba(255,200,110,.35),transparent 70%);opacity:0;transition:opacity 1.2s ease;pointer-events:none}.mra-scene2--lit .mra-citylight{opacity:1}.mra-lamp{position:absolute;width:2.4%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff6c8 0,#ffd36b,#ffc85000 70%);opacity:0;transition:opacity 1s ease}.mra-scene2--lit .mra-lamp{opacity:1;animation:mra-glow2 2.4s ease-in-out infinite}.mra-sparkle2{position:absolute;color:#ffe27a;font-size:clamp(.9rem,2.4vw,1.6rem);text-shadow:0 0 8px #fff3b0;animation:mra-twinkle 1.6s ease-in-out infinite;pointer-events:none}.mra-face{border-radius:50%;background:#fff7e8;border:2px solid #e6dfd0;object-fit:cover;display:block;animation:mra-fadein .3s ease both}.mra-guide-full{display:block;height:auto;max-height:200px;width:auto}.mra-hero-banner{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16 / 6;min-height:170px;isolation:isolate}.mra-hero-banner>.mra-bg{object-position:50% 35%}.mra-hero-banner__logo{position:absolute;left:50%;top:10%;width:min(46%,380px);transform:translate(-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));animation:mra-float 4s ease-in-out infinite}.mra-hero-banner__p{position:absolute;bottom:0;height:82%}.mra-side-logo{width:100%;max-width:170px;display:block}.mra-map2{position:relative;width:100%;aspect-ratio:3 / 2;border-radius:18px;overflow:hidden;isolation:isolate}.mra-spot{position:absolute;width:15%;transform:translate(-50%,-62%);display:flex;flex-direction:column;align-items:center;outline:none}.mra-spot img{width:100%;display:block;transition:filter .4s ease,transform .25s ease}.mra-spot--locked img,.mra-spot--waiting img{filter:grayscale(1) brightness(.95);opacity:.85}.mra-spot--click{cursor:pointer}.mra-spot--click:hover img,.mra-spot--click:focus-visible img{transform:translateY(-4%) scale(1.04)}.mra-spot--open img{filter:drop-shadow(0 0 10px #ffe36e);animation:mra-pulse2 2s ease-in-out infinite}.mra-spot--trail img{filter:drop-shadow(0 0 6px #ffd84a)}.mra-spot__name{margin-top:-6%;background:#1d2b5c;color:#fff;border-radius:999px;padding:.1rem .55rem;font-weight:800;font-size:clamp(.5rem,1.2vw,.85rem);white-space:nowrap}.mra-spot__name b{color:#f6c343}.mra-spot__badge{position:absolute;top:4%;right:4%;width:1.7em;height:1.7em;border-radius:50%;display:grid;place-items:center;background:#2e8b57;color:#fff;font-weight:900;font-size:clamp(.55rem,1.2vw,.9rem);box-shadow:0 2px #0003}.mra-spot__badge--lock,.mra-spot__badge--wait{background:#fff;color:#1d2b5c}.mra-marker{position:absolute;height:18%;width:auto;transition:left 1.2s ease-in-out,top 1.2s ease-in-out;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3));animation:mra-bob 2s ease-in-out infinite;pointer-events:none}@keyframes mra-fadein{0%{opacity:0}to{opacity:1}}@keyframes mra-swing{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes mra-steam{0%{transform:translateY(0) scale(.6);opacity:0}30%{opacity:.8}to{transform:translateY(-110%) scale(1.2);opacity:0}}@keyframes mra-tagfly{0%{transform:translate(-260%,160%) scale(.4);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes mra-blink{0%,93%{opacity:0}94%,97%{opacity:1}98%,to{opacity:0}}@keyframes mra-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}@keyframes mra-glow2{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes mra-twinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}@keyframes mra-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4%)}}@keyframes mra-pulse2{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 900px){.mra-side-logo{max-width:92px}.mra-hero-banner{aspect-ratio:16 / 8}.mra-hero-banner__logo{width:58%}.mra-hero-banner__p{height:70%}.mra-spot__name{font-size:.55rem;padding:.05rem .35rem}}.mra-sign--substitusi span{font-size:clamp(.38rem,.95vw,.75rem)}:root{--malam: #1d2b5c;--malam-tua: #121a3a;--lentera: #f4b53f;--lentera-redup: #c98f1f;--awan: #eef2f8;--tinta: #18203a;--tinta-pudar: #4b5573;--lumut: #2f7d5b;--senja: #a85a24;--garis: #d3dae8;--radius: 14px;font-family:Nunito,Varela Round,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.5;color:var(--tinta);background:var(--awan)}*{box-sizing:border-box}body{margin:0}p{margin:0 0 .75rem}button,input{font:inherit}:focus-visible{outline:3px solid var(--lentera);outline-offset:2px}.login{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:1.5rem;padding:2rem 1.25rem;background:radial-gradient(circle at 50% 20%,var(--malam) 0%,var(--malam-tua) 70%);color:#fff}.bridge{width:min(340px,90vw)}.bridge__deck{fill:none;stroke:#8a95c4;stroke-width:4;stroke-linecap:round}.bridge__pole{stroke:#8a95c4;stroke-width:3}.bridge__lamp{fill:var(--lentera);filter:drop-shadow(0 0 6px rgba(244,181,63,.75))}.login__panel{width:min(420px,100%);background:#fff;color:var(--tinta);border-radius:var(--radius);padding:1.75rem 1.5rem}.login__title{font-size:1.75rem;line-height:1.2;margin:0 0 .5rem}.login__lead{color:var(--tinta-pudar)}.switch{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;background:var(--awan);border-radius:999px;margin:1.25rem 0}.switch__item{border:0;border-radius:999px;padding:.5rem;background:transparent;color:var(--tinta-pudar);cursor:pointer}.switch__item[aria-selected=true]{background:#fff;color:var(--tinta);font-weight:700;box-shadow:0 1px 2px #121a3a26}.form{display:grid;gap:1rem}.field{display:grid;gap:.35rem}.field__label{font-weight:700}.field__input{padding:.7rem .85rem;border:2px solid var(--garis);border-radius:10px;background:#fff;color:var(--tinta)}.field__input:focus{border-color:var(--malam);outline:none}.field__input--code{letter-spacing:.12em;font-weight:700}.btn{border:2px solid var(--malam);background:#fff;color:var(--malam);border-radius:10px;padding:.6rem 1rem;font-weight:700;cursor:pointer}.btn:hover:not(:disabled){background:var(--awan)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--lantern{background:var(--lentera);border-color:var(--lentera);color:var(--malam-tua);padding:.75rem 1rem}.btn--lantern:hover:not(:disabled){background:var(--lentera-redup);border-color:var(--lentera-redup)}.btn--ghost{border-color:#fff9;background:transparent;color:#fff}.btn--ghost:hover:not(:disabled){background:#ffffff1f}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--malam);color:#fff}.topbar__name{font-weight:800;font-size:1.15rem;margin:0}.topbar__meta{margin:0;opacity:.85}.topbar__right{display:flex;align-items:center;gap:.75rem}.status{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.status__dot{width:.7rem;height:.7rem;border-radius:50%}.status--on .status__dot{background:#6fd3a5}.status--off .status__dot{background:transparent;border:2px solid var(--lentera)}.content{max-width:760px;margin:0 auto;padding:1.25rem;display:grid;gap:1rem}.card{background:#fff;border:1px solid var(--garis);border-radius:var(--radius);padding:1.25rem}.card__title{margin:0 0 .5rem;font-size:1.2rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.muted{color:var(--tinta-pudar)}.notice{margin:.75rem 0 0;padding:.6rem .8rem;border-radius:10px;background:var(--awan)}.notice--ok{background:#e4f3ec;color:#1f5b41}.notice--warn{background:#fbeee2;color:var(--senja)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 .75rem}.stats__item{background:var(--awan);border-radius:10px;padding:.6rem .75rem}.stats__item dt{color:var(--tinta-pudar);font-size:.9rem}.stats__item dd{margin:0;font-size:1.6rem;font-weight:800}.log{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}.log caption{text-align:left;font-weight:700;margin-bottom:.4rem}.log th,.log td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--garis)}@media (max-width: 520px){.stats{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.tabs{display:flex;gap:.25rem;padding:.5rem 1.25rem 0;background:var(--malam)}.tabs__item{border:0;border-radius:10px 10px 0 0;padding:.6rem 1rem;background:transparent;color:#c9d1ee;font-weight:700;cursor:pointer}.tabs__item[aria-selected=true]{background:var(--awan);color:var(--tinta)}.btn--primary{background:var(--malam);color:#fff}.btn--primary:hover:not(:disabled){background:var(--malam-tua)}.btn--small{padding:.35rem .7rem;font-size:.95rem}.btn--hint{border-color:var(--lentera-redup);color:#6b4a07;background:#fff6e0}.link-btn{border:0;background:none;padding:0;color:var(--malam);font-weight:700;text-decoration:underline;cursor:pointer;font:inherit}.icon-btn{border:1px solid var(--garis);background:#fff;border-radius:8px;width:2.2rem;height:2.2rem;cursor:pointer}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.row--tight{gap:.25rem}.note{margin:.75rem 0 0;color:var(--tinta-pudar)}.tag{display:inline-block;margin-right:.4rem;padding:0 .45rem;border-radius:999px;background:var(--awan);font-size:.85rem;color:var(--tinta-pudar)}.station-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem}.station-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid var(--garis);border-radius:12px}.station-card p{margin:0}.station-card__name{font-weight:800}.station-card__best{color:var(--lumut);font-weight:700}.stars{color:var(--lentera-redup);letter-spacing:.1em}.station{display:grid;gap:1rem}.station__head{display:flex;align-items:flex-start;gap:1rem}.station__title{margin:0;font-size:1.3rem}.station__head p{margin:0}.context{background:#fff;border:1px solid var(--garis);border-radius:var(--radius);padding:1rem}.context:empty{display:none}.npc-line{background:var(--awan);border-radius:10px;padding:.6rem .8rem}.robots{margin:.5rem 0 0;padding-left:1.2rem}.hint-panel{background:#fffaf0;border:1px solid #f1dcae;border-radius:var(--radius);padding:.75rem 1rem}.hint-list{margin:.6rem 0 0;padding-left:1.2rem}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.task{background:#fff;border:2px solid var(--malam);border-radius:var(--radius);padding:1rem 1.1rem}.task--done{border:1px solid var(--garis);opacity:.85}.task__prompt{font-weight:700;font-size:1.05rem}.task__no{display:inline-block;margin-right:.5rem;color:var(--tinta-pudar);font-weight:800}.task-body{display:grid;gap:.75rem}.options{display:grid;gap:.5rem}.option{display:flex;align-items:center;gap:.75rem;text-align:left;padding:.65rem .8rem;border:2px solid var(--garis);border-radius:10px;background:#fff;color:var(--tinta);cursor:pointer;font:inherit}.option--on{border-color:var(--malam);background:#eef1fb}.option:disabled{cursor:default}.option__key,.option__box{flex:none;display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:8px;background:var(--awan);font-weight:800}.option--on .option__key,.option--on .option__box{background:var(--malam);color:#fff}.sentence{font-size:1.1rem;line-height:2.2;margin:0}.slot{border:2px dashed var(--tinta-pudar);border-radius:8px;background:#fff;padding:.1rem .6rem;font:inherit;font-weight:700;color:var(--tinta-pudar);cursor:pointer}.slot--filled{border-style:solid;border-color:var(--malam);color:var(--malam);background:#eef1fb}.slot:disabled{cursor:default;opacity:1}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:2px solid var(--malam);border-radius:999px;background:#fff;color:var(--malam);padding:.4rem .9rem;font:inherit;font-weight:700;cursor:pointer}.chip--on{background:var(--malam);color:#fff}.chip:disabled{opacity:.5;cursor:default}.cards{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.card-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--garis);border-radius:10px;background:#fff}.card-item__no{flex:none;width:1.8rem;height:1.8rem;display:inline-grid;place-items:center;border-radius:50%;background:var(--awan);font-weight:800}.card-item__text{flex:1}.card-item__moves{display:flex;gap:.25rem}.input-number{width:8rem}.sequence{font-size:1.4rem;font-weight:800;letter-spacing:.04em;margin:0}.sequence--diff{font-size:1.1rem;color:var(--lumut)}.segmented{display:inline-flex;border:2px solid var(--malam);border-radius:10px;overflow:hidden}.segmented__item{border:0;background:#fff;color:var(--malam);font:inherit;font-weight:800;min-width:2.6rem;padding:.45rem .6rem;cursor:pointer}.segmented__item--on{background:var(--malam);color:#fff}.pairs{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.pairs__ok{color:var(--lumut);font-weight:700}.pairs__no{color:var(--senja);font-weight:700}.robot-bubble{margin:0;padding:.7rem .9rem;border-radius:12px;background:#eaf3ee;border:1px solid #b9dbc8}.stages{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.stage{margin:0;display:grid;justify-items:center;gap:.25rem}.stage figcaption{font-size:.9rem;color:var(--tinta-pudar)}.stage-visual{background:var(--malam);border-radius:8px}.sv-deck,.sv-pole{stroke:#8a95c4;stroke-width:3;stroke-linecap:round}.sv-lamp{fill:var(--lentera)}.pool{display:flex;flex-wrap:wrap;gap:.3rem;min-height:1rem}.dot{display:inline-block;width:.9rem;height:.9rem;border-radius:50%;background:var(--lentera);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--lentera-redup)}.groups{display:flex;flex-wrap:wrap;gap:.75rem}.group{display:grid;justify-items:center;gap:.35rem;padding:.6rem;border:1px solid var(--garis);border-radius:10px;min-width:6.5rem}.group__dots{display:flex;flex-direction:column-reverse;gap:.3rem;min-height:4.2rem;padding:.3rem .6rem;border-left:3px solid #8a95c4}.group__label{font-weight:700}.rule{display:grid;gap:.5rem}.rule__line{display:flex;align-items:center;gap:.5rem}.rule__prefix{font-size:1.3rem;font-weight:800}.rule__input{flex:1;font-size:1.3rem;font-weight:700;letter-spacing:.05em}.keypad{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.35rem;max-width:34rem}.key{border:1px solid var(--garis);background:#fff;border-radius:8px;padding:.45rem 0;font:inherit;font-weight:800;cursor:pointer}.key:hover:not(:disabled){background:var(--awan)}.key--wide{grid-column:span 3;padding-inline:.4rem}.textarea{width:100%;resize:vertical}.data-table{border-collapse:collapse;font-size:.98rem}.data-table th,.data-table td{border:1px solid var(--garis);padding:.35rem .6rem;text-align:center}.data-table th{background:var(--awan)}.data-table--inline th{text-align:left}.row--no td{background:#fbeee2;color:var(--senja);font-weight:700}.feedback{margin:.75rem 0 0;padding:.65rem .8rem;border-radius:10px}.feedback--ok{background:#e4f3ec;color:#1f5b41}.feedback--part{background:#fff4d6;color:#6b4a07}.feedback--no{background:#fbeee2;color:var(--senja)}.feedback--info{background:var(--awan);color:var(--tinta)}.feedback--reveal{background:#e9ecf8;color:var(--malam)}.score{background:#fff;border:2px solid var(--lumut);border-radius:var(--radius);padding:1rem 1.1rem}.score h3{margin:0 0 .25rem}.score__total{font-size:1.4rem;font-weight:800}.score__table{margin-bottom:.75rem}.score__table th{text-align:left}@media (max-width: 520px){.station-card{flex-direction:column;align-items:flex-start}.station__head{flex-direction:column;gap:.5rem}.tabs__item{padding:.5rem .7rem;font-size:.95rem}.rule__input{font-size:1.1rem}}.gate{position:relative;min-height:100vh;overflow:hidden;color:#fff;padding:1.5rem 1rem 2rem;background:radial-gradient(ellipse at 20% 0%,#2c3f86 0%,transparent 55%),radial-gradient(ellipse at 90% 10%,#3a2a6b 0%,transparent 50%),linear-gradient(180deg,#1a2350,#121a3a 60%,#0d1430)}.gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 32% 8%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 58% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 12%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 90% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 44% 36%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 6% 48%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 66% 52%,#fff 50%,transparent 51%)}.gate__sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gate__sky span{position:absolute;font-weight:900;font-size:clamp(1rem,3.4vw,1.8rem);color:#ffd84a;opacity:.16;white-space:nowrap;animation:gate-drift 9s ease-in-out infinite}.gate__sky span:nth-child(3n){color:#7fe0d4}.gate__sky span:nth-child(4n){color:#fff}.gate__layout{position:relative;max-width:1040px;margin:0 auto;display:grid;gap:1.25rem;align-items:center}.gate__hero{display:grid;gap:.9rem;justify-items:center;text-align:center}.gate__kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800;color:#9fb0ff}.gate__title{margin:0;display:grid;line-height:.92;font-weight:900;letter-spacing:.01em;font-family:"Baloo 2",Fredoka,Nunito,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:clamp(2.3rem,10vw,4rem);animation:gate-float 4s ease-in-out infinite}.gate__title span{-webkit-text-stroke:2px #6b3b10;paint-order:stroke fill;text-shadow:0 4px 0 #6b3b10,0 10px 18px rgba(0,0,0,.45)}.gate__title span:first-child{color:#ffd84a}.gate__title span:last-child{color:#fff3d6;font-size:.82em}.gate__worlds{width:100%;max-width:520px;display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-items:start}.gate__world{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#0d1430;border:3px solid rgba(255,255,255,.85);box-shadow:0 8px 20px #00000059;transform:rotate(-1.5deg)}.gate__world--mra{transform:rotate(1.5deg)}.gate__art{position:relative;aspect-ratio:16 / 10;overflow:hidden}.gate__art svg,.gate__art>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gate__minilogo{position:absolute!important;inset:auto!important;left:50%!important;top:8%!important;width:62%!important;height:auto!important;transform:translate(-50%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}.gate__robot{position:absolute;left:6px;top:6px;animation:gate-bob 2.4s ease-in-out infinite}.gate__world figcaption{display:grid;gap:.05rem;padding:.4rem .55rem .5rem;text-align:left;background:#fff;color:var(--tinta)}.gate__world figcaption strong{font-size:.92rem;line-height:1.15}.gate__world figcaption span{font-size:.72rem;color:var(--tinta-pudar);line-height:1.2}.gate__world--pq figcaption strong{color:var(--malam)}.gate__world--mra figcaption strong{color:#a85a24}.gate__panel{position:relative;width:min(440px,100%);justify-self:center;background:#fff;color:var(--tinta);border-radius:22px;padding:1.4rem 1.3rem 1.2rem;box-shadow:0 0 0 4px #ffd84a59,0 18px 40px #0006}.gate__panel--shake{animation:gate-shake .45s ease}.gate__heading{margin:0;font-size:1.3rem;line-height:1.2;color:var(--malam)}.gate__help{margin:.35rem 0 1rem;color:var(--tinta-pudar);font-size:.93rem}.gate__form{display:grid;gap:.95rem}.gate__field{display:grid;gap:.35rem}.gate__label{font-weight:800}.gate__class,.gate__input{width:100%;padding:.75rem .9rem;border:2px solid var(--garis);border-radius:12px;background:#fbfcff;color:var(--tinta);min-height:48px}.gate__class{font-size:1.2rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.gate__class::placeholder{letter-spacing:.04em;font-weight:600;color:#a6aec4;font-size:1rem;text-transform:none}.gate__class:focus,.gate__input:focus{outline:none;border-color:var(--malam);box-shadow:0 0 0 3px #f4b53f73}.gate__code{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.gate__box{width:100%;min-width:0;aspect-ratio:1 / 1.15;text-align:center;font-size:1.45rem;font-weight:900;color:var(--malam);padding:0;border:2px solid var(--garis);border-radius:12px;background:#fbfcff;caret-color:var(--lentera);transition:border-color .15s,transform .15s,background .15s}.gate__box:focus{outline:none;border-color:var(--malam);box-shadow:0 0 0 3px #f4b53f73;transform:translateY(-2px)}.gate__box--on{border-color:#b8c3e3;background:#fff8e1;animation:gate-pop .2s ease}.gate__error{display:flex;gap:.55rem;align-items:flex-start;margin:0;padding:.65rem .8rem;border-radius:12px;background:#fff1ec;color:#7a2e1a;font-size:.92rem}.gate__go{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:54px;border:0;border-radius:14px;cursor:pointer;font-size:1.15rem;font-weight:900;color:#3d2208;background:linear-gradient(180deg,#ffd84a,#f4b53f);box-shadow:0 5px #b8741b,0 10px 18px #0003;transition:transform .12s ease,box-shadow .12s ease;animation:gate-pulse 2.6s ease-in-out infinite}.gate__go:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #b8741b,0 12px 20px #00000038}.gate__go:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #b8741b}.gate__go:disabled{opacity:.7;cursor:progress;animation:none}.gate__go--staff{animation:none;background:var(--malam);color:#fff;box-shadow:0 4px #0d1430}.gate__switch{display:block;margin:.9rem auto 0;border:0;background:none;color:var(--tinta-pudar);font-weight:700;font-size:.9rem;text-decoration:underline;cursor:pointer;padding:.4rem}.gate-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#0d1430;overflow:hidden}.gate-open__world{position:absolute;top:0;right:0;bottom:0;left:0;animation:gate-reveal 1.9s ease both}.gate-open__world>svg,.gate-open__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.gate-open--pq .gate-open__world{background:#121a3a;display:grid;place-items:center}.gate-open--pq .gate-open__world>svg{position:relative;inset:auto;height:auto;max-width:900px}.gate-open__logo{position:absolute;left:50%;top:14%;width:min(70%,520px);transform:translate(-50%);filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.gate-open__door{position:absolute;top:0;bottom:0;width:50.5%;background:repeating-linear-gradient(90deg,#6b3b10 0,#6b3b10 22px,#7a4a1a 22px,#7a4a1a 44px);border:6px solid #4a2808;box-shadow:inset 0 0 0 6px #a8743f;animation:gate-door 1.9s ease-in-out both}.gate-open__door--l{left:0;transform-origin:0 50%}.gate-open__door--r{right:0;transform-origin:100% 50%;animation-name:gate-door-r}.gate-open__text{position:relative;margin:0;padding:.6rem 1.2rem;border-radius:999px;background:#0d1430bf;color:#ffd84a;font-weight:900;font-size:clamp(1.2rem,4.5vw,2rem);text-align:center;animation:gate-text 1.9s ease both}@keyframes gate-drift{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(6deg)}}@keyframes gate-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gate-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gate-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes gate-pop{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes gate-pulse{0%,to{box-shadow:0 5px #b8741b,0 10px 18px #0003}50%{box-shadow:0 5px #b8741b,0 0 0 6px #ffd84a47,0 10px 18px #0003}}@keyframes gate-door{0%,25%{transform:perspective(900px) rotateY(0)}75%,to{transform:perspective(900px) rotateY(80deg);opacity:0}}@keyframes gate-door-r{0%,25%{transform:perspective(900px) rotateY(0)}75%,to{transform:perspective(900px) rotateY(-80deg);opacity:0}}@keyframes gate-reveal{0%,30%{transform:scale(1.12);filter:brightness(.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes gate-text{0%,40%{opacity:0;transform:translateY(14px) scale(.9)}70%,to{opacity:1;transform:none}}@media (min-width: 900px){.gate{display:grid;align-items:center;padding:2rem}.gate__layout{grid-template-columns:1.1fr .9fr;gap:2.5rem}.gate__worlds{max-width:560px}.gate__panel{justify-self:start}}@media (prefers-reduced-motion: reduce){.gate *,.gate-open *,.gate-open{animation:none!important;transition:none!important}.gate-open__door{display:none}}