.menu-shade{z-index:300;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#fff;-webkit-tap-highlight-color:transparent;background:#1e0e049e;justify-content:center;align-items:center;font-family:MapleStory,sans-serif;display:flex;position:fixed;inset:0}.menu-shade[hidden]{display:none}.game-menu-panel{box-sizing:border-box;background:var(--wood-tile) 0 0/410px 79px repeat,#e2852c;color:#fff;border:4px solid #7a3b10;border-radius:22px;flex-direction:column;width:min(100%,344px);max-height:min(100%,640px);animation:.18s ease-out menu-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #5a2c08,0 22px 60px #00000047}@keyframes menu-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.game-menu-panel{animation:none}}.game-menu-panel header{background:#c9671e8c;border-bottom:3px solid #7a3b10;flex:none;align-items:center;gap:8px;height:56px;padding:0 8px 0 16px;display:flex;box-shadow:0 1.5px #ffcb7a99}.wood-title{color:#fff;letter-spacing:-1px;white-space:nowrap;text-overflow:ellipsis;-webkit-text-stroke:7px #542608;paint-order:stroke fill;text-shadow:0 2px #542608;flex:1;min-width:0;margin:0;padding:2px 4px;font-size:25px;font-weight:700;line-height:1.2;overflow:hidden}.menu-quit-panel .wood-title,.menu-drill-confirm-panel .wood-title{font-size:21px}.menu-close{box-sizing:border-box;cursor:pointer;background:linear-gradient(#ff6a5a,#d9322a);border:2.5px solid #8a1810;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid;box-shadow:0 2px #5a1e004d}.menu-close svg{filter:drop-shadow(0 1.5px #a8291f);width:22px;height:22px}.menu-close:active{box-shadow:none;transform:translateY(2px)}.wood-balance{box-sizing:border-box;background:#4a2208;border-radius:999px;flex:none;align-items:center;gap:6px;height:32px;padding:0 14px 0 3px;display:inline-flex;box-shadow:inset 0 2px #00000040,0 1.5px #ffcb7a73}.wood-balance-icon{width:28px;height:28px}.wood-balance b{color:#fff;white-space:nowrap;font-size:18px;font-weight:700;line-height:1}.menu-content{flex-direction:column;flex:auto;min-height:0;padding:14px 14px 16px;display:flex}.wood-well{overscroll-behavior:contain;scrollbar-width:none;background:#0000004d;border-radius:16px;flex-direction:column;flex:0 auto;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto;box-shadow:0 1.5px #ffcb7a8c,inset 0 -1.5px #ffcb7a80,inset 0 4px 6px #3a1a058c}.wood-well::-webkit-scrollbar{display:none}.wood-card{background:#00000038;border-radius:14px;padding:2px 0}.game-menu-panel p{color:#fbead2;margin:0;font-size:15px;line-height:1.5}.game-menu-panel h2{color:#fff;margin:0;font-size:20px;font-weight:700}.wood-btn{box-sizing:border-box;color:#6b3410;text-shadow:0 1.2px #ffe2a83d;cursor:pointer;white-space:nowrap;background:linear-gradient(#fac26c,#e98c2a);border:2.5px solid #8a4512;border-radius:10px;justify-content:center;align-items:center;width:100%;height:42px;padding:0 12px;font:700 18px/1 MapleStory,sans-serif;display:flex;box-shadow:0 3px #3a1a054d}.wood-btn.is-primary{color:#fff;text-shadow:0 2px #1f651273;background:linear-gradient(#8cde5e,#3ea52a);border-color:#1f6512;border-radius:12px}.wood-btn.is-tall{height:52px;font-size:20px}.wood-btn:not(:disabled):active,.set-link:active{box-shadow:none;transform:translateY(2px)}.wood-btn:disabled{color:#fff9;text-shadow:none;box-shadow:none;cursor:default;background:#00000047;border-color:#00000059}.wood-actions{flex-direction:column;gap:10px;display:flex}.game-menu-panel button:focus{outline:none}.game-menu-panel button:focus-visible,.legal-text:focus-visible{outline-offset:2px;outline:3px solid #fff3b0}.set-row{box-sizing:border-box;color:#fff;text-shadow:0 1.5px #3a1a0573;justify-content:space-between;align-items:center;width:100%;height:46px;padding:0 12px 0 14px;font-size:18px;display:flex}.set-link{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;font-size:18px}.set-chevron{color:#ffffffd9;flex:none;width:9px;height:15px}.wood-toggle{cursor:pointer;background:0 0;border:0;flex:none;width:60px;height:32px;padding:0}.wood-toggle img{pointer-events:none;width:100%;height:100%;display:block}.set-version{text-align:center;color:#ffffffb8!important;margin:2px 0 0!important;font-size:13px!important}.legal-slot{gap:12px;overflow:visible}.legal-text{overscroll-behavior:contain;scrollbar-width:none;box-sizing:border-box;color:#fff;word-break:keep-all;overflow-wrap:anywhere;background:#00000038;border-radius:16px;flex:none;height:220px;padding:14px;font-size:14px;line-height:1.5;overflow-y:auto}.legal-text::-webkit-scrollbar{display:none}.legal-text h1{margin:0 0 4px;font-size:17px;font-weight:700}.legal-text h2{margin:14px 0 4px;font-size:15px!important}.legal-text h3{margin:12px 0 4px;font-size:14px;font-weight:700}.legal-text p,.game-menu-panel .legal-text p{color:#fff;margin:0 0 6px;font-size:14px}.legal-text ol,.legal-text ul{margin:0 0 6px;padding-left:20px}.legal-text li{margin:2px 0}.legal-text hr{border:0;border-top:1px solid #ffffff40;margin:10px 0}.legal-text table{border-collapse:collapse;max-width:100%;margin:6px 0;font-size:12px;display:block;overflow-x:auto}.legal-text th,.legal-text td{vertical-align:top;border:1px solid #ffffff4d;min-width:70px;padding:4px}.legal-text a{color:#ffd292}.menu-shop-panel{height:min(100%,640px)}.menu-shop-panel .menu-content,.shop-list{flex:auto}.shop-card{background:#00000038;border-radius:14px;flex:none;grid-template-rows:auto auto auto;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 12px 12px;display:grid}.shop-art{grid-area:1/1/3;place-items:center;width:56px;height:56px;display:grid;position:relative}.shop-art .menu-icon{width:54px;height:54px}.shop-ad{width:28px;height:auto;position:absolute;bottom:-4px;right:-6px}.shop-copy{display:contents}.shop-copy b{color:#fff;text-shadow:0 1.5px #3a1a0573;text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;align-self:end;min-width:0;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.shop-copy small{color:#fbead2;grid-area:2/2/auto/-1;align-self:start;font-size:13px;line-height:1.3}.shop-price{color:#fff;white-space:nowrap;text-shadow:0 1.5px #3a1a0573;grid-area:1/3;align-self:end;font-size:19px;line-height:1.2}.shop-buy{grid-area:3/1/auto/-1;height:38px;margin-top:8px;font-size:17px}.menu-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:6px 4px 4px;display:flex}.menu-hero h2{text-shadow:0 2px #3a1a0573;font-size:28px}.menu-hero .menu-icon{filter:drop-shadow(0 3px 2px #3a1a0559);width:84px;height:84px}.menu-art{vertical-align:middle;background-repeat:no-repeat;flex-shrink:0;display:inline-block}.menu-note{text-align:center;color:#fbead2cc!important;font-size:12px!important}.menu-help h2{margin:10px 0 2px;font-size:17px}.menu-help h2:first-child{margin-top:0}.menu-help p{font-size:14px}.quit-heart-loss{width:96px;height:82px;margin:0 auto;position:relative}.quit-heart-half{place-items:center;width:72px;height:72px;display:grid;position:absolute;top:0;left:12px}.quit-heart-half .menu-icon{width:72px;height:72px}.quit-heart-half.left{clip-path:polygon(0 0,54% 0,44% 30%,56% 45%,43% 62%,53% 100%,0 100%);animation:2.6s ease-in-out infinite heart-split-left;transform:translate(-4px)rotate(-9deg)}.quit-heart-half.right{clip-path:polygon(54% 0,100% 0,100% 100%,53% 100%,43% 62%,56% 45%,44% 30%);animation:2.6s ease-in-out infinite heart-split-right;transform:translate(4px,3px)rotate(9deg)}.quit-heart-minus{color:#ff9a91;-webkit-text-stroke:5px #542608;paint-order:stroke fill;font-size:26px;font-weight:700;animation:2.6s ease-out infinite heart-minus;position:absolute;top:2px;right:-10px}@keyframes heart-split-left{0%,15%{opacity:1;transform:none}65%,to{opacity:.55;transform:translate(-6px,5px)rotate(-12deg)}}@keyframes heart-split-right{0%,15%{opacity:1;transform:none}65%,to{opacity:.55;transform:translate(6px,9px)rotate(12deg)}}@keyframes heart-minus{0%,15%{opacity:0;transform:translateY(12px)}40%,75%{opacity:1}to{opacity:0;transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.quit-heart-loss *{animation:none!important}}.menu-toast{z-index:400;left:50%;bottom:max(88px,calc(env(safe-area-inset-bottom,0px) + 64px));box-sizing:border-box;background:var(--wood-tile) 0 0/410px 79px repeat,#e2852c;color:#fff;text-align:center;text-shadow:0 1.5px #3a1a0599;opacity:0;pointer-events:none;border:3px solid #7a3b10;border-radius:18px;width:max-content;max-width:calc(100vw - 48px);padding:12px 22px;font:700 16px/1.4 MapleStory,sans-serif;transition:opacity .18s,transform .18s;position:fixed;transform:translate(-50%,8px);box-shadow:0 3px #5a2c08,0 8px 18px #00000040}.menu-toast.is-visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.menu-toast{transition:none}}.game-lobby{z-index:100;color:#fff7e7;background:#a96330;font-family:MapleStory,sans-serif;position:fixed;inset:0;overflow:hidden}.game-lobby[hidden]{display:none}.lobby-wood{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-18%}.lobby-wood:after{content:"";background:linear-gradient(90deg,#53280824,#0000 25% 75%,#53280824);position:absolute;inset:0}.lobby-scroll{overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;position:absolute;inset:0;overflow-y:auto}.lobby-scroll::-webkit-scrollbar{display:none}.lobby-map{width:min(100%,620px);margin:0 auto;position:relative}.game-lobby button{-webkit-tap-highlight-color:transparent;cursor:pointer;font-family:inherit}.lobby-level{left:calc(50% + var(--lane));color:#717878;text-shadow:0 1px #fff9;background:linear-gradient(130deg,#eff0e7 0%,#c9cfcc 30%,#929c9b 70%,#677473 100%);border:3px solid #545954;border-radius:50%;place-items:center;width:68px;height:68px;padding:0;font-size:29px;font-weight:700;display:grid;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 3px #b7c2bf,inset 0 0 0 5px #5b6567,inset 0 6px 6px #fff8,0 4px #333b34,0 7px 7px #37200d66}.lobby-level:disabled{cursor:default}.lobby-level.is-cleared{color:#fff9dc;text-shadow:0 2px #1c6937;background:linear-gradient(130deg,#9de2a1,#3fac65 35%,#147744 75%,#0c4c33);border-color:#264c29;box-shadow:inset 0 0 0 3px #59c57b,inset 0 0 0 5px #207846,inset 0 5px 6px #d8ffc755,0 4px #153b20,0 7px 7px #37200d66}.lobby-level.is-current,.lobby-level.is-selected{color:#fffde8;text-shadow:0 2px #84700c;background:linear-gradient(130deg,#fff19b,#edcc40 34%,#baa115 75%,#827017);border-color:#62520e;box-shadow:inset 0 0 0 3px #ffdf66,inset 0 0 0 5px #9a8515,inset 0 5px 6px #ffffa555,0 4px #665015,0 7px 7px #37200d66}.lobby-level.is-selected:after{content:"";pointer-events:none;border:2px solid #fff4b0;border-radius:50%;position:absolute;inset:-8px;box-shadow:0 0 14px #ffd35166}.lobby-level:not(:disabled):active{margin-top:3px}.lobby-header-shade{pointer-events:none;background:linear-gradient(#6d37176b,#79401d35 76%,#0000);height:172px;position:absolute;inset:0 0 auto}.lobby-hud{top:max(68px,env(safe-area-inset-top,0px));grid-template-columns:minmax(0,1fr) minmax(0,1fr) 45px;align-items:center;gap:14px;width:min(100% - 24px,590px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.lobby-resource{color:#5c371d;background:linear-gradient(#fff8e3dd,#eadabbcc);border:1px solid #fff2c27a;border-radius:24px;align-items:center;gap:4px;height:40px;padding:0 5px 0 0;display:flex;position:relative;box-shadow:0 2px #87592a55}.lobby-art{filter:drop-shadow(0 2px 1px #66331255);flex-shrink:0;width:48px;height:48px;display:block;overflow:hidden}.lobby-heart-icon{flex-shrink:0;margin-left:-5px;position:relative}.lobby-heart-icon .lobby-art{width:49px;height:49px}.lobby-heart-icon b{color:#fff6df;text-shadow:0 2px #ba2517;place-items:center;padding-top:3px;font-size:21px;display:grid;position:absolute;inset:0}.lobby-heart-time{white-space:nowrap;flex:1;font-size:13px}.lobby-coins b{text-overflow:ellipsis;flex:1;min-width:0;font-size:17px;overflow:hidden}.lobby-plus{color:#fff;background:linear-gradient(#a0f16a,#54bf45);border:1px solid #287939;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-family:Arial,sans-serif;font-size:29px;font-weight:700;line-height:1;display:grid;box-shadow:inset 0 1px 1px #ffffb9}.lobby-settings{filter:drop-shadow(0 3px 1px #58351c88);background:0 0;border:0;width:45px;height:48px;padding:0}.lobby-settings svg{width:100%;height:100%}.lobby-shop{right:max(12px,50% - 295px);top:max(163px,calc(env(safe-area-inset-top,0px) + 95px));color:#fff6d4;filter:drop-shadow(0 3px 2px #4c2c1b66);background:0 0;border:0;width:66px;padding:0;position:absolute}.lobby-shop svg{width:100%;display:block}.lobby-shop span{text-shadow:0 2px #633314,1px 0 #633314,-1px 0 #633314;margin-top:-2px;font-size:15px;display:block}.lobby-footer{bottom:max(36px,calc(env(safe-area-inset-bottom,0px) + 20px));position:absolute;left:50%;transform:translate(-50%)}.lobby-start{color:#fff4dc;text-shadow:0 2px #337928;background:linear-gradient(#91e85a,#58c237 65%,#379329);border:3px solid #e4f7b5;border-radius:23px;min-width:220px;height:72px;padding:0 32px;font-size:31px;font-weight:700;box-shadow:inset 0 3px #c8ff92,0 5px #285e28,0 8px #463022,0 13px 18px #3c210d66}.game-lobby button:focus{outline:none}.game-lobby.keyboard-focus button:focus-visible{outline-offset:5px;outline:3px solid #fff9ca}@media (width<=360px){.lobby-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 39px;gap:9px}.lobby-art{width:41px;height:41px}.lobby-heart-icon .lobby-art{width:42px;height:44px}.lobby-heart-time{font-size:11px}.lobby-plus{width:23px;height:23px;font-size:26px}.lobby-settings{width:39px}.lobby-coins b{font-size:15px}}@media (height<=500px){.lobby-hud{top:30px}.lobby-header-shade{height:100px}.lobby-shop{top:99px}.lobby-footer{bottom:20px}.lobby-start{min-width:180px;height:58px;font-size:26px}}.lobby-backdrop{pointer-events:none;background:linear-gradient(#1c3552,#142642 45%);position:absolute;inset:0}.lobby-hud{top:max(72px,calc(env(safe-area-inset-top,0px) + 20px));grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:10px;width:min(100% - 24px,590px)}.lobby-resource{color:#fff3df;background:linear-gradient(#587b9e,#355373 55%,#243d5a);border:1px solid #789bbb55;border-radius:32px;gap:6px;height:62px;padding:0 9px;box-shadow:inset 0 2px 1px #aacbe333,0 4px #0d2038}.lobby-art{filter:drop-shadow(0 2px 1px #06142544);background-repeat:no-repeat;flex-shrink:0;display:block;overflow:hidden}.lobby-coins>.lobby-art{margin-left:0}.lobby-resource-copy{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.lobby-resource-copy b,.lobby-coins b{text-overflow:ellipsis;max-width:100%;font-size:23px;line-height:1.05;overflow:hidden}.lobby-heart-time,.lobby-resource-caption{color:#c6d7e9;white-space:nowrap;font-size:11px;line-height:1.2}.lobby-plus{color:#fff5df;background:linear-gradient(#91d990,#62bc78 30%,#32804e);border:1px solid #b7e6ad77;width:26px;height:26px;font-size:26px;box-shadow:0 2px #276344}.lobby-settings{filter:none;background:linear-gradient(#829fba,#3e6081 65%,#2c4968);border:1px solid #b2cee866;border-radius:50%;width:44px;height:44px;padding:8px;box-shadow:0 3px #203950}.lobby-shop{top:max(160px,calc(env(safe-area-inset-top,0px) + 108px));filter:none;background:linear-gradient(#527394,#28415f);border:1px solid #88a8c355;border-radius:20px;width:66px;padding:7px;box-shadow:0 4px #0c2038}.lobby-shop span{text-shadow:0 1px #142642;margin:2px 0 0;font-size:13px}.lobby-level{color:#bbccdc;text-shadow:0 2px #233950;background:linear-gradient(135deg,#6f8ba5,#435e78 55%,#2b435f);border-color:#395675;box-shadow:inset 0 0 0 3px #8aa6bf66,inset 0 0 0 5px #304760,0 4px #0e2036,0 7px 7px #07142733}.lobby-level.is-current,.lobby-level.is-selected{color:#fff7df;background:linear-gradient(135deg,#ffe69b,#eeb943 50%,#c58d2d);border-color:#b38943;box-shadow:inset 0 0 0 3px #ffe39b,inset 0 0 0 5px #b58430,0 4px #715327,0 7px 7px #07142733}.lobby-start{box-shadow:inset 0 3px #c8ff92,0 5px #285e28,0 10px 15px #07142755}@media (width<=420px){.lobby-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:7px}.lobby-resource{gap:4px;height:56px;padding:0 6px}.lobby-resource>.lobby-art{zoom:.8}.lobby-resource-copy b,.lobby-coins b{font-size:19px}.lobby-heart-time,.lobby-resource-caption{font-size:9px}.lobby-plus{width:21px;height:21px;font-size:22px}.lobby-settings{width:38px;height:38px;padding:7px}}.lobby-backdrop{background:radial-gradient(at 15% 37%,#28517466,#0000 45%),radial-gradient(at 85% 76%,#294f5e77,#0000 42%),linear-gradient(#1c3552,#142642 60%)}.lobby-backdrop:after{content:"";opacity:.14;background-image:radial-gradient(circle,#a7c3d9 1px,#0000 1.8px);background-size:49px 67px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 18%,#000 34% 80%,#0000);mask-image:linear-gradient(#0000 18%,#000 34% 80%,#0000)}.lobby-trail{pointer-events:none;width:180px;height:94px;position:absolute;left:calc(50% - 90px);overflow:visible}.lobby-trail path{fill:none;stroke:#7099b4;stroke-width:4px;stroke-dasharray:2 11;stroke-linecap:round;opacity:.5}.lobby-trail.is-travelled path{stroke:#acd299;opacity:.7}.lobby-level{z-index:1}.lobby-level.is-current:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffdc6b30,#0000 69%);border-radius:50%;position:absolute;inset:-20px}.lobby-level.is-selected:after{animation:3s ease-in-out infinite lobby-current-glow}.lobby-map-decoration{width:65px;height:65px;transform:rotate(var(--tilt));opacity:.83;pointer-events:none;place-items:center;display:grid;position:absolute}.lobby-map-decoration.at-right{right:22px}.lobby-map-decoration.at-left{left:22px}.lobby-mini-plate{background:linear-gradient(#68b7cbcc,#367f9d);border:2px solid #beeef276;border-radius:8px;width:69px;height:24px;position:absolute;transform:rotate(28deg);box-shadow:0 3px #0d263d}.lobby-mini-plate.cross{background:linear-gradient(#b8d775cc,#709b52);border-color:#e4f8b573;transform:rotate(-38deg)}.lobby-map-decoration .lobby-art{z-index:1;filter:drop-shadow(0 3px 2px #07142777);position:relative;transform:scale(.79)}.lobby-loose-screw{transform:rotate(var(--tilt)) scale(.66);opacity:.65;pointer-events:none;position:absolute}.lobby-loose-screw.at-left{left:39px}.lobby-loose-screw.at-right{right:39px}@keyframes lobby-current-glow{0%,to{box-shadow:0 0 11px #ffd35155}50%{box-shadow:0 0 22px #ffd351a0}}@media (width<=360px){.lobby-map-decoration.at-left{left:10px}.lobby-map-decoration.at-right{right:10px}.lobby-map-decoration{scale:.88}.lobby-loose-screw.at-left{left:18px}.lobby-loose-screw.at-right{right:18px}}@media (prefers-reduced-motion:reduce){.lobby-level.is-selected:after{animation:none}}.lobby-scroll{z-index:0}.lobby-header-shade{z-index:2}.lobby-hud,.lobby-shop,.lobby-footer{z-index:3}.lobby-hud{width:min(100% - 40px,550px)}.lobby-resource{padding-left:15px}@media (width<=420px){.lobby-resource{padding-left:11px}}@media (width<=360px){.lobby-resource{padding-left:9px;padding-right:5px}.lobby-resource>.lobby-art{zoom:.74}.lobby-resource-copy b,.lobby-coins b{font-size:18px}}.lobby-resource-copy{margin-left:5px}.lobby-resource .lobby-plus{transform:translate(-5px)}.lobby-shop{width:76px;box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;padding:0}.lobby-shop:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(#fff8cf 0deg 10deg,#ffd153cc 14deg,#0000 22deg 40deg);border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;animation:18s linear infinite lobby-shop-rays;position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 22% 44%,#0000 71%);mask-image:radial-gradient(circle,#000 22% 44%,#0000 71%)}.lobby-shop:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(#59452266 15%,#71582d33 43%,#0000 72%);border-radius:50%;position:absolute;inset:-15px -27px 5px}.lobby-shop svg{transform-origin:50% 88%;filter:drop-shadow(0 4px 2px #081a2877);animation:5s ease-in-out infinite lobby-shop-wiggle;position:relative}.lobby-shop span{color:#fff2d2;text-shadow:0 2px 1px #102239,1px 0 #102239,-1px 0 #102239;margin:0;font-size:14px;position:relative}@keyframes lobby-shop-rays{to{transform:rotate(360deg)}}@keyframes lobby-shop-wiggle{0%,74%,to{transform:rotate(0)}78%{transform:rotate(-8deg)translateY(-2px)}82%{transform:rotate(7deg)translateY(-2px)}86%{transform:rotate(-5deg)}90%{transform:rotate(3deg)}94%{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.lobby-shop svg,.lobby-shop:before{animation:none}}.lobby-start{border-radius:21px;min-width:190px;height:62px;padding:0 27px;font-size:27px}@media (height<=500px){.lobby-start{min-width:170px;height:54px;font-size:24px}}.lobby-level.is-current{z-index:2}.lobby-mole{z-index:3;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50% 80%;filter:drop-shadow(0 6px 3px #07142755);width:72px;height:86px;position:absolute;bottom:calc(100% - 14px);left:50%;transform:translate(-50%)}.game-lobby{background:#142642}.lobby-backdrop{background:#bd8549 var(--lobby-wood) center/155% 155%;border:10px solid #355674;border-radius:31px;inset:150px 12px 108px;overflow:hidden;box-shadow:inset 0 0 0 3px #172e46,inset 0 7px 14px #48311b88,0 0 0 2px #7799b1,0 6px #0b1d32}.lobby-backdrop:after{display:none}.lobby-workshop-frame{pointer-events:none;z-index:2;position:absolute;inset:0}.lobby-workshop-frame>i{background:linear-gradient(135deg,#fff0b7,#a47a3f);border:2px solid #e2c990;border-radius:50%;width:14px;height:14px;position:absolute;top:5px;left:5px;box-shadow:0 2px 2px #473724}.lobby-workshop-frame>i:nth-child(2){left:auto;right:5px}.lobby-workshop-frame>i:nth-child(3){top:auto;bottom:5px}.lobby-workshop-frame>i:nth-child(4){inset:auto 5px 5px auto}.lobby-map{min-height:100%}.lobby-trail path,.lobby-trail.is-travelled path{stroke:#243f5d;stroke-width:90px;stroke-dasharray:none;stroke-linecap:round;opacity:1;filter:drop-shadow(0 -3px #142d46)drop-shadow(2px 3px #efd197)}.lobby-level{border-color:#263e56;box-shadow:inset 0 0 0 3px #a9c5d477,inset 0 0 0 5px #304760,inset 0 4px 7px #d0e6f333,0 5px #102238,0 7px 5px #17273866}.lobby-level:disabled:before{content:"×";color:#354c61;background:#a3bac9;border-radius:50%;width:10px;height:10px;font:10px Arial;position:absolute;top:-7px;left:27px;box-shadow:0 1px #172c40}.lobby-map-decoration,.lobby-loose-screw{display:none}.lobby-header-shade{background:linear-gradient(#142642 92%,#0000);height:156px}.lobby-tool-rack,.lobby-parts-tray{z-index:1;pointer-events:none;background:linear-gradient(110deg,#102235,#263e57);border:4px solid #476d8e;border-radius:18px;position:absolute;box-shadow:inset 3px 4px 8px #061629,0 3px #14283a,0 0 0 1px #8eafc2}.lobby-parts-tray{flex-direction:column;gap:12px;padding:12px 3px;display:flex;top:60px;left:9px}.lobby-parts-tray .lobby-art{zoom:.78;transform:rotate(-20deg)}.lobby-tool-rack{place-items:center;width:43px;height:112px;display:grid;top:175px;right:9px}.lobby-tool-rack .lobby-art{transform:rotate(-20deg)scale(1.15)}.lobby-shop{width:66px;top:180px;right:max(30px,50% - 295px)}.lobby-shop:before,.lobby-shop:after{display:block}.lobby-footer{bottom:max(25px,calc(env(safe-area-inset-bottom,0px) + 16px));justify-content:center;width:min(100% - 24px,590px);display:flex}.lobby-footer:before{content:"";z-index:-1;background:linear-gradient(#365976,#1c3551);border:2px solid #577c9a;border-radius:20px;position:absolute;inset:-17px 0 -22px;box-shadow:0 6px #0b2036}.lobby-bench-mole{object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 2px #1a283a66);width:90px;height:106px;position:absolute;bottom:calc(100% + 2px);left:4px}.lobby-start{border-color:#ffe3a2;box-shadow:inset 0 3px #c8ff92,0 5px #285e28,0 8px #9e7333,0 11px #15304a}@media (width>=700px){.lobby-backdrop{left:calc(50% - 315px);right:calc(50% - 315px)}.lobby-scroll{left:calc(50% - 300px);right:calc(50% - 300px)}}@media (width<=360px){.lobby-backdrop{border-width:8px;left:8px;right:8px}.lobby-scroll{left:19px;right:19px}.lobby-parts-tray .lobby-art{zoom:.62}.lobby-tool-rack{width:34px}.lobby-tool-rack .lobby-art{scale:.8}.lobby-bench-mole{width:76px}}@media (height<=500px){.lobby-backdrop{top:108px;bottom:92px}.lobby-scroll{top:120px;bottom:104px}.lobby-header-shade{height:111px}.lobby-shop{top:119px}.lobby-tool-rack,.lobby-parts-tray,.lobby-bench-mole{display:none}.lobby-footer{bottom:20px}}.lobby-continuous-trail{top:0}.game-lobby{--lobby-button-height:62px;--lobby-footer-bottom:max(64px,10dvh,calc(env(safe-area-inset-bottom,0px) + 30px))}.lobby-footer{bottom:var(--lobby-footer-bottom)}.lobby-start{place-items:center;font-size:min(5.23889vw,2.94688dvh);line-height:1;display:grid}.lobby-backdrop{bottom:calc(var(--lobby-footer-bottom) + var(--lobby-button-height) + 35px)}.lobby-scroll{bottom:calc(var(--lobby-footer-bottom) + var(--lobby-button-height) + 47px)}@media (height<=500px){.game-lobby{--lobby-footer-bottom:24px;--lobby-button-height:54px}.lobby-backdrop{bottom:calc(var(--lobby-footer-bottom) + var(--lobby-button-height) + 28px)}.lobby-scroll{bottom:calc(var(--lobby-footer-bottom) + var(--lobby-button-height) + 40px)}}.lobby-bolt-pattern{pointer-events:none;opacity:.14;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-auto-rows:90px;align-content:start;display:grid;position:absolute;inset:-45px;overflow:hidden}.lobby-bolt-pattern>span{transform:rotate(var(--bolt-turn));place-items:center;display:grid}.lobby-bolt-pattern>span:nth-child(2n){translate:12px 18px}.lobby-bolt-pattern .lobby-art{filter:saturate(.6);scale:.7}.lobby-header-shade{background:linear-gradient(#14264244,#0000)}.lobby-trail .lobby-route-dots{stroke:#9db4c6;stroke-width:3px;stroke-dasharray:2 10;stroke-linecap:round;opacity:.85;filter:none}.lobby-wood-bolt{pointer-events:none;width:28px;height:28px;transform:rotate(var(--bolt-angle));background:#6c421d;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 1px #ffe4ae,inset 0 2px 3px #412810}.lobby-wood-bolt .lobby-art{zoom:.68;filter:drop-shadow(0 2px 1px #4f311d88)}@media (width<=360px){.lobby-wood-bolt.at-left{left:3px}.lobby-wood-bolt.at-right{right:3px}.lobby-wood-bolt{scale:.85}}.lobby-backdrop{box-shadow:none;background-size:155% 155%;border:0;border-radius:0;inset:0}.lobby-scroll{border-radius:0;inset:0}.lobby-footer:before{display:none}.lobby-header-shade{pointer-events:none;background:linear-gradient(#e9bd7966,#0000)}.lobby-wood-bolt.at-left{left:22px}.lobby-wood-bolt.at-right{right:22px}@media (width<=360px){.lobby-wood-bolt.at-left{left:12px}.lobby-wood-bolt.at-right{right:12px}}.lobby-start{--intro-unit:min(.113889vw,.0640625dvh);width:calc(460 * var(--intro-unit));min-width:0;height:calc(124 * var(--intro-unit));box-sizing:border-box;padding:0 0 calc(5 * var(--intro-unit));border:calc(5 * var(--intro-unit)) solid #ffe4a0;border-radius:calc(35 * var(--intro-unit));color:#fff7db;font:700 calc(46 * var(--intro-unit)) MapleStory,sans-serif;text-shadow:0 calc(3 * var(--intro-unit)) 0 #286420;box-shadow:inset 0 calc(5 * var(--intro-unit)) 0 #e2ffb4,inset 0 calc(-6 * var(--intro-unit)) 0 #2f822b,0 calc(6 * var(--intro-unit)) 0 #b28234,0 calc(13 * var(--intro-unit)) 0 #6b4c20;background:linear-gradient(#b8f77f 0%,#80df54 16%,#55bd38 52%,#3b9c2e 96%);line-height:1}.lobby-start:hover{filter:brightness(1.06)}.lobby-start:active{transform:translateY(calc(6 * var(--intro-unit)));box-shadow:inset 0 calc(4 * var(--intro-unit)) 0 #e2ffb4,inset 0 calc(-4 * var(--intro-unit)) 0 #2f822b,0 calc(5 * var(--intro-unit)) 0 #6b4c20}.lobby-hard-badge{color:#fff2df;white-space:nowrap;text-shadow:none;background:linear-gradient(#d95e59,#a73642);border:1px solid #ffc5a0;border-radius:10px;padding:3px 10px;font-size:12px;line-height:1.2;position:absolute;bottom:-13px;left:50%;transform:translate(-50%);box-shadow:0 2px #682d37}.lobby-level.is-hard{border-color:#b86662}.lobby-resource{color:#6b3a1c;background:linear-gradient(#fffaf0,#ffe9c2);border:2px solid #f0b061;box-shadow:inset 0 2px #fff,0 4px #d18a45,0 7px 10px #2d5f8a33}.lobby-heart-time,.lobby-resource-caption{color:#9a6a5a}.lobby-art{filter:drop-shadow(0 2px 1px #8a542633)}.lobby-plus{color:#fff;background:linear-gradient(#a6ec7c,#74d43e 45%,#47a61f);border:1px solid #2f8a3e;box-shadow:inset 0 1px #e6ffc9,0 2px #2a6612}.lobby-settings{background:linear-gradient(#fffaf0,#ffe9c2);border:2px solid #f0b061;box-shadow:inset 0 2px #fff,0 4px #d18a45}.lobby-resource-copy{margin-right:4px}.lobby-resource,.lobby-settings{transition:scale .12s,filter .12s}.lobby-resource:active,.lobby-settings:active{filter:brightness(.96);scale:.95}.lobby-plus{animation:2.4s ease-in-out infinite lobby-plus}@keyframes lobby-plus{0%,to{scale:1}50%{scale:1.12}}@media (prefers-reduced-motion:reduce){.lobby-plus{animation:none}}.lobby-resource,.lobby-settings{box-shadow:0 3px #d18a45}.lobby-plus{animation:none;box-shadow:0 2px #2a6612}.level-tutorial{z-index:1000;isolation:isolate;touch-action:none;font-family:MapleStory,sans-serif;position:fixed;inset:0}.level-tutorial[hidden]{display:none}.tutorial-dimmer{position:absolute;inset:0}.tutorial-bubble{box-sizing:border-box;transform-origin:0 0;color:#6b3a1c;background:#fff8e9;border:3px solid #ffe5a5;border-radius:30px;padding:28px 30px 24px;position:absolute;box-shadow:0 8px #d18a45,0 18px 40px #3a231233}.tutorial-arrow{left:var(--arrow-x);background:#fff8e9;width:24px;height:24px;position:absolute;transform:translate(-50%)rotate(45deg)}.tutorial-bubble[data-side=above] .tutorial-arrow{border-bottom:3px solid #ffe5a5;border-right:3px solid #ffe5a5;bottom:-15px}.tutorial-bubble[data-side=below] .tutorial-arrow{border-top:3px solid #ffe5a5;border-left:3px solid #ffe5a5;top:-15px}.tutorial-progress{color:#8e6630;margin-bottom:13px;font-size:21px;font-weight:700}.tutorial-bubble h2{letter-spacing:-.8px;margin:0 0 18px;font-size:30px;line-height:1.3}#tutorial-body{word-break:keep-all;font-size:25px;line-height:1.55}#tutorial-body p{margin:0 0 14px}#tutorial-body ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}#tutorial-body li{gap:18px;display:flex}#tutorial-body li b{color:#92612b;min-width:52px}#tutorial-body strong{color:#b54b3c;font-weight:400}#tutorial-body .tutorial-note{color:#687383;margin:15px 0 0;font-size:21px}.tutorial-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.tutorial-dots{gap:9px;display:flex}.tutorial-dots i{background:#ddd5c5;border-radius:50%;width:10px;height:10px}.tutorial-dots i.is-current{background:#c38a34;border-radius:10px;width:27px}.tutorial-next{color:#533719;cursor:pointer;touch-action:manipulation;background:#ffd36c;border:2px solid #f9d488;border-radius:20px;min-width:148px;min-height:76px;padding:12px 24px;font:700 25px MapleStory,sans-serif;box-shadow:0 4px #cc963a}.tutorial-next:focus-visible{outline-offset:5px;outline:4px solid #437ab7}.tutorial-next:active{transform:translateY(3px);box-shadow:0 1px #cc963a}.game-intro{z-index:100;background:#fff3df var(--intro-background) center center / cover no-repeat;color:#6b3a1c;touch-action:manipulation;font-family:MapleStory,sans-serif;position:fixed;inset:0;overflow:hidden}.intro-scene{transform-origin:50%;background:0 0;width:720px;height:1280px;position:absolute;top:50%;left:50%;overflow:visible}.intro-glow{background:radial-gradient(circle,#fff6d080,#0000 68%);border-radius:50%;width:650px;height:650px;position:absolute;top:310px;left:35px}.intro-heading{z-index:3;width:648px;height:432px;margin:0;animation:.75s cubic-bezier(.2,.8,.25,1.2) both intro-logo-in;position:absolute;top:84px;left:36px}.intro-logo{object-fit:contain;filter:drop-shadow(0 10px 8px #2d5f8a55);width:100%;height:100%;display:block}.intro-toy{width:660px;height:655px;animation:.8s .12s both intro-board-in;position:absolute;top:412px;left:30px}.intro-board{filter:drop-shadow(0 16px 14px #05122277);width:100%;height:100%;position:absolute;inset:0}.intro-plate{box-sizing:border-box;width:454px;height:84px;transform:rotate(var(--angle));border:3px solid #fff7;border-radius:20px;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:absolute;top:271px;left:103px;box-shadow:inset 0 4px #ffffff40,0 5px #0002}.intro-bolt{filter:drop-shadow(0 3px 1px #0003);flex-shrink:0;width:70px;height:70px;display:block;overflow:hidden}.plate-blue{--angle:72deg;background:linear-gradient(#8bd7eddf,#50a3d4ee)}.plate-red{--angle:-43deg;background:linear-gradient(#ff9b86e8,#ea6b67e8)}.plate-green{--angle:13deg;box-shadow:none;background:0 0;border:0;padding:0;animation:5s ease-in-out 1s infinite intro-plate-sway}.intro-drilled-plate{width:100%;height:100%;display:block;overflow:visible}.intro-star{filter:drop-shadow(0 7px 3px #84552155);width:254px;height:254px;position:absolute;top:186px;left:203px;transform:rotate(-9deg)}.intro-star>svg:first-child{width:100%;height:100%}.intro-star>.intro-bolt{width:82px;height:82px;position:absolute;top:86px;left:86px}.intro-play{z-index:4;box-sizing:border-box;color:#fff7db;text-shadow:0 3px #286420;cursor:pointer;background:linear-gradient(#b8f77f 0%,#80df54 16%,#55bd38 52%,#3b9c2e 96%);border:5px solid #ffe4a0;border-radius:35px;align-content:center;place-items:center;gap:0;width:460px;height:124px;padding:0 0 5px;font:700 46px MapleStory,sans-serif;animation:.5s .35s both intro-button-in;display:grid;position:absolute;top:1090px;left:130px;box-shadow:inset 0 5px #e2ffb4,inset 0 -6px #2f822b,0 6px #b28234,0 13px #6b4c20,0 19px #0a1a2e,0 25px 30px #0006}.intro-play:hover{filter:brightness(1.06)}.intro-level{color:#f4ffd8;text-shadow:0 2px #286420;margin-bottom:6px;font-size:26px;display:block}.intro-play:active{margin-top:6px;box-shadow:inset 0 4px #e2ffb4,inset 0 -4px #2f822b,0 5px #6b4c20,0 10px #0a1a2e}.intro-play:focus{outline:none}.keyboard-focus .intro-play:focus-visible{outline-offset:9px;outline:4px solid #a6d9ff}.intro-spark{color:#ffe09a;font-size:45px;animation:3s ease-in-out infinite intro-twinkle;position:absolute}.spark-one{top:180px;left:47px}.spark-two{font-size:30px;animation-delay:1.2s;top:359px;right:45px}@keyframes intro-logo-in{0%{opacity:0;transform:translateY(-55px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes intro-board-in{0%{opacity:0;transform:translateY(35px)rotate(-5deg)scale(.94)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes intro-button-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-plate-sway{0%,to{transform:rotate(13deg)}50%{transform:rotate(18deg)}}@keyframes intro-twinkle{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.game-intro *{animation:none!important}}.intro-content{transform-origin:360px 640px;position:absolute;inset:0;transform:scale(.82)}.intro-title-halo{z-index:2;pointer-events:none;background:repeating-conic-gradient(#0000 0deg 15deg,#ffe6a24d 22deg,#ffd77530 29deg,#0000 36deg);border-radius:50%;width:600px;height:600px;animation:28s linear infinite intro-halo-spin;position:absolute;top:0;left:60px;-webkit-mask-image:radial-gradient(circle,#000 0%,#000b 25%,#0000 69%);mask-image:radial-gradient(circle,#000 0%,#000b 25%,#0000 69%)}.intro-title-halo:after{content:"";background:radial-gradient(circle,#ffe6ab40,#0000 68%);border-radius:50%;position:absolute;inset:70px}@keyframes intro-halo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.intro-title-halo{animation:none}}.intro-title-halo{z-index:0}.intro-toy{z-index:1}.intro-mole{z-index:2;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 7px 5px #07132555);width:240px;height:286px;position:absolute;top:-48px;left:240px}.game-intro[hidden]{display:none}.game-intro .lobby-hud{z-index:5}.game-intro .lobby-hud button{-webkit-tap-highlight-color:transparent;cursor:pointer;font-family:inherit}.game-intro .lobby-hud button:focus{outline:none}.game-intro.keyboard-focus .lobby-hud button:focus-visible{outline-offset:5px;outline:3px solid #fff9ca}.intro-heading{top:470px}.intro-mole{top:338px}.intro-title-halo{top:386px}.intro-glow{top:340px}.spark-one{top:566px}.spark-two{top:745px}.intro-workshop{z-index:4;box-sizing:border-box;color:#fff7db;text-shadow:0 2px #7a3a12;cursor:pointer;background:linear-gradient(#ffb36b 0%,#f08a3c 55%,#c9632a 100%);border:5px solid #f4d99a;border-radius:35px;justify-content:center;align-items:center;gap:14px;width:460px;height:124px;padding:0 0 5px;font:700 46px MapleStory,sans-serif;animation:.5s .25s both intro-button-in;display:flex;position:absolute;top:1090px;left:130px;box-shadow:inset 0 5px #ffd9a8,inset 0 -6px #b4561f,0 6px #7a4a1c,0 13px #4a2c10,0 19px #0a1a2e,0 25px 30px #0006}.intro-workshop:active{margin-top:4px}.intro-workshop-parts{background:#00000026;border-radius:14px;align-items:center;gap:6px;padding:2px 10px;font-size:28px;font-weight:400;display:flex}.intro-workshop-badge{color:#fff;text-align:center;background:#ff4d4d;border:3px solid #fff;border-radius:50%;width:40px;height:40px;font:700 26px/34px MapleStory,sans-serif;animation:1.2s ease-in-out infinite intro-badge;display:none;position:absolute;top:-14px;right:-10px;box-shadow:0 3px #a52020}.intro-workshop.is-ready .intro-workshop-badge{display:block}@keyframes intro-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.keyboard-focus .intro-workshop:focus-visible{outline-offset:6px;outline:4px solid #a6d9ff}.intro-workshop-bolt{filter:drop-shadow(0 2px 1px #0005);flex-shrink:0;display:inline-block}.intro-play{top:930px}.intro-mole{filter:drop-shadow(0 7px 5px #2d5f8a44)}.intro-spark{color:#fff;text-shadow:0 0 12px #ffe69a}.intro-title-halo,.intro-glow{display:none}.game-intro:not([hidden]) .intro-scene{animation:.45s cubic-bezier(.2,.9,.3,1.1) intro-scene-in}@keyframes intro-scene-in{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}.intro-logo{transform-origin:50% 60%;animation:3.2s ease-in-out 1s infinite intro-float}@keyframes intro-float{0%,to{translate:0;rotate:-1deg}50%{translate:0 -10px;rotate:1deg}}.intro-play,.intro-workshop{transition:scale .12s,filter .12s;overflow:hidden}.intro-play:after,.intro-workshop:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#fff8,#fff0);width:30%;animation:3.6s ease-in-out 1.4s infinite intro-sheen;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-20deg)}.intro-workshop:after{animation-delay:2.6s}@keyframes intro-sheen{0%,70%{left:-40%}to{left:120%}}.intro-play:active,.intro-workshop:active{filter:brightness(.96);scale:.96}.intro-workshop{overflow:visible}.intro-workshop:after{display:none}@media (prefers-reduced-motion:reduce){.intro-logo,.intro-play:after,.game-intro .intro-scene{animation:none!important}}.intro-video{object-fit:cover;z-index:0;pointer-events:none;background:#fff3df;width:100%;height:100%;position:absolute;inset:0}.game-intro>.intro-scene{z-index:1}.game-intro>.lobby-hud{z-index:5}.game-intro.is-opening .lobby-hud{opacity:0;pointer-events:none}.game-intro.is-opening .intro-heading,.game-intro.is-opening .intro-mole,.game-intro.is-opening .intro-play,.game-intro.is-opening .intro-workshop,.game-intro.is-opening .intro-scene{opacity:0;pointer-events:none;animation:none!important}.game-intro:not(.is-opening) .lobby-hud{transition:opacity .45s .25s}.intro-mole{animation:.6s cubic-bezier(.2,1.5,.4,1) .15s both intro-mole-in}@keyframes intro-mole-in{0%{opacity:0;transform:translateY(40px)scale(.7)}to{opacity:1;transform:none}}.intro-play{box-shadow:0 6px #6b4c20,0 14px 20px #2d5f8a44}.intro-workshop{box-shadow:0 6px #4a2c10,0 14px 20px #2d5f8a44}.intro-play:active{box-shadow:0 2px #6b4c20}.intro-play:after,.intro-workshop:after{animation:none;display:none}.intro-workshop-badge{animation:none}.workshop{z-index:120;overscroll-behavior:contain;padding:max(calc(env(safe-area-inset-top,0px) + 14px),min(72px,18vh)) 16px max(24px,env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#6b3a1c;background:radial-gradient(75% 55% at 50% 30%,#ffffff8c,#fff0 70%),linear-gradient(#fbe9cc,#f3d2a0 55%,#e5b77c);font-family:MapleStory,sans-serif;position:fixed;inset:0;overflow-y:auto}.workshop[hidden]{display:none}.workshop>*{max-width:520px;margin-left:auto;margin-right:auto}.workshop button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.workshop-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.workshop-head h1{text-align:center;color:#6b3a1c;margin:0;font-size:20px}.workshop-back{color:#6b3a1c;background:linear-gradient(#fffaf0,#ffe3b3);border:2px solid #f0b061;border-radius:21px;height:42px;padding:0 14px;font-size:17px;font-weight:700;box-shadow:0 3px #d18a45}.workshop-parts{color:#6b3a1c;background:linear-gradient(#fffaf0,#ffe3b3);border:2px solid #f0b061;border-radius:21px;align-items:center;gap:6px;height:42px;padding:0 14px;font-size:19px;font-weight:700;display:flex;box-shadow:0 3px #d18a45}.workshop-room{aspect-ratio:4/5;background:var(--room-bg) center / cover no-repeat, linear-gradient(to bottom,#f6e3c3 0%,#efd3aa 58%,#c98d55 58%,#b97a44 100%);border:4px solid #f4d99a;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 8px #6b4c20,0 14px 24px #0007}.workshop-placed{position:absolute;transform:translate(-50%,-50%)}.workshop-art{display:block;position:relative}.workshop-art img{filter:drop-shadow(0 6px 6px #4a2e1655);width:100%;height:auto;display:block}.workshop-done{color:#6b3f17;text-align:center;background:#fff7dfee;border-radius:16px;margin:14px auto 0;padding:10px 18px;font-size:20px;font-weight:700;animation:.5s both workshop-banner;box-shadow:0 4px #c79a52}.workshop-done small{color:#8a6a45;font-size:13px;font-weight:400;display:block}.workshop-art i,.workshop-art em,.workshop-thumb i,.workshop-thumb em,.workshop-fix-art i,.workshop-fix-art em{display:none}.workshop-art.is-placeholder{aspect-ratio:var(--aspect,1);color:#6b3f17;background:#fff8e8aa;border:3px dashed #8a5a2e88;border-radius:16px;align-content:center;place-items:center;gap:2px;display:grid}.workshop-art.is-placeholder i{font-size:clamp(20px,7vw,40px);font-style:normal;line-height:1;display:block}.workshop-art.is-placeholder em{text-align:center;font-size:11px;font-style:normal;display:block}.workshop-progress{align-items:center;gap:10px;margin-top:16px;display:flex}.workshop-progress div{background:#e6c79a;border-radius:7px;flex:1;height:14px;overflow:hidden;box-shadow:inset 0 2px 3px #0008}.workshop-progress span{background:linear-gradient(#ffe49a,#f0a73a);border-radius:7px;height:100%;transition:width .5s;display:block}.workshop-progress b{font-size:17px}.workshop-hint{text-align:center;color:#7a4a26;margin:10px auto 14px;font-size:15px}.workshop-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none;display:grid}.workshop-items li{background:linear-gradient(#fffaf0,#ffe9c4);border:2px solid #f3c27e;border-radius:18px;justify-items:center;gap:6px;padding:12px 10px;display:grid;box-shadow:0 4px #d9a465}.workshop-items li.is-placed{opacity:.6}.workshop-thumb{place-items:center;width:72px;height:72px;display:grid}.workshop-thumb img{object-fit:contain;width:72px;height:72px;display:block}.workshop-thumb.is-placeholder i{font-size:40px;font-style:normal;display:block}.workshop-name{text-align:center;font-size:15px}.workshop-items button{color:#a07a58;background:#f1dcbc;border:0;border-radius:14px;width:100%;height:42px;font-size:16px;font-weight:700}.workshop-items button.is-ready{color:#3b2410;background:linear-gradient(#ffe8a3,#f5bf45);box-shadow:0 4px #a96b18}.workshop-items button:disabled{cursor:default}@keyframes workshop-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes workshop-banner{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.workshop *{transition:none!important;animation:none!important}}.workshop-bolt{vertical-align:middle;filter:drop-shadow(0 2px 1px #0005);flex-shrink:0;display:inline-block}.workshop-items button .workshop-bolt{margin-right:4px}.workshop-tabs{scrollbar-width:none;gap:8px;margin-bottom:4px;padding:2px 2px 10px;display:flex;overflow-x:auto}.workshop-tabs::-webkit-scrollbar{display:none}.workshop-tab{white-space:nowrap;color:#7a4a26;background:#fff3dc;border:0;border-radius:18px;flex-shrink:0;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.workshop-tab.is-current{color:#3b2410;background:linear-gradient(#ffe8a3,#f5bf45);box-shadow:0 3px #a96b18}.workshop-tab.is-locked{color:#b08a66;background:#f1dcbc}.workshop-room[data-room=room4]{background:var(--room-bg) center / cover no-repeat, linear-gradient(to bottom,#bfe6ff 0%,#e8f6ff 52%,#9bd27a 52%,#7fbf5e 100%)}.workshop-room[data-room=room5]{background:var(--room-bg) center / cover no-repeat, linear-gradient(to bottom,#e8d2b0 0%,#dcc19a 58%,#a8744a 58%,#946339 100%)}.workshop-room[data-room=room6]{background:var(--room-bg) center / cover no-repeat, linear-gradient(to bottom,#f3e0bf 0%,#ead0a6 58%,#8a5a36 58%,#744a2c 100%)}.workshop{background:var(--sky-bg);color:#6b3a1c}.workshop-head h1{text-shadow:0 2px #fff}.workshop-back,.workshop-parts{color:#6b3a1c;background:linear-gradient(#fffaf0,#ffe9c2);border:2px solid #f0b061;box-shadow:inset 0 2px #fff,0 3px #d18a45}.workshop-room{box-shadow:0 8px #d18a45,0 14px 24px #2d5f8a44}.workshop-progress div{background:#fff3dc;box-shadow:inset 0 2px 3px #c98a4a55}.workshop-hint{color:#7a5240}.workshop-items li{background:linear-gradient(#fffaf0,#ffefd3);border:2px solid #f3dcb6;box-shadow:inset 0 2px #fff,0 4px #d9a76a}.workshop-items button{color:#a98670;background:#f3e3c8}.workshop-tab{color:#8a6250;background:#fff3dc;box-shadow:0 2px #e3c597}.workshop-tab.is-locked{color:#b9a08a;box-shadow:none;background:#efe2cc}.workshop-lock{vertical-align:-3px;opacity:.85;flex:none;margin-right:5px}.workshop-album-open{color:#3b2410;background:linear-gradient(#ffe8a3,#f5bf45);border:0;border-radius:17px;height:34px;margin-top:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-block;box-shadow:0 3px #a96b18}.workshop-notice{color:#3f6b25;text-align:center;background:#eaf7d9;border-radius:14px;margin:12px auto 0;padding:8px 14px;font-size:15px;font-weight:700;animation:.4s both workshop-banner}.workshop-tab.is-exchange{color:#6b3a1c;background:linear-gradient(#fffaf0,#ffe3b3);gap:4px;box-shadow:0 2px #d18a45}.workshop-tab.is-exchange.is-current{color:#3b2410;background:linear-gradient(#ffe8a3,#f5bf45);box-shadow:0 3px #a96b18}.workshop-tab.is-soon{color:#a07a58;box-shadow:none;background:#fff8ea;border:2px dashed #e3c597}.workshop-offers li:last-child:nth-child(odd){grid-column:1/-1}.workshop-offer-art{filter:drop-shadow(0 3px 2px #0003);display:block}.workshop-modal{z-index:50;background:#3b241099;place-items:center;max-width:none;margin:0;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.workshop-modal.is-fresh{animation:.25s both workshop-fade}.workshop-modal.is-fresh .workshop-card{animation:.45s cubic-bezier(.2,1.4,.4,1) both workshop-card}.workshop-card{box-sizing:border-box;text-align:center;background:linear-gradient(#fffaf0,#ffefd3);border:3px solid #f3c27e;border-radius:26px;width:min(100%,420px);padding:20px 18px 16px;box-shadow:inset 0 2px #fff,0 6px #d18a45,0 18px 40px #0005}.workshop-card h2{color:#6b3a1c;text-shadow:0 2px #fff;margin:0 0 10px;font-size:24px}.workshop-card p{color:#7a4a26;margin:0 0 16px;font-size:16px;line-height:1.55}.workshop-primary,.workshop-secondary{border:0;border-radius:18px;width:100%;height:52px;font-size:19px;font-weight:700;display:block}.workshop-primary{color:#3b2410;background:linear-gradient(#ffe8a3,#f5bf45);box-shadow:0 4px #a96b18}.workshop-primary:disabled{opacity:.7}.workshop-secondary{color:#8a6250;background:#f3e3c8;height:44px;margin-top:10px;font-size:16px}.workshop-finale-burst{justify-content:center;align-items:flex-end;gap:6px;margin:-4px 0 6px;display:flex}.workshop-finale-burst svg{animation:1.2s ease-in-out infinite workshop-bounce}.workshop-finale-burst svg:nth-child(2){animation-delay:.15s}.workshop-finale-burst svg:nth-child(3){animation-delay:.3s}.workshop-album-frame{margin:0 auto 10px;position:relative}.workshop-album-frame .workshop-room{box-shadow:0 5px #d18a45}.workshop-album-step{z-index:20;color:#6b3a1c;background:#fffaf0ee;border:2px solid #f0b061;border-radius:50%;width:42px;height:42px;margin-top:-21px;font-size:26px;font-weight:700;line-height:1;position:absolute;top:50%;box-shadow:0 3px #d18a45}.workshop-album-step.is-prev{left:6px}.workshop-album-step.is-next{right:6px}.workshop-album-name{font-weight:700;color:#6b3a1c!important;margin:0 0 12px!important;font-size:19px!important}.workshop-album-name small{color:#a07a58;margin-left:6px;font-size:14px;font-weight:400}@keyframes workshop-fade{0%{opacity:0}to{opacity:1}}@keyframes workshop-card{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes workshop-bounce{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-8px)rotate(8deg)}}button.workshop-tab.is-locked,button.workshop-tab.is-soon{gap:0;font-family:inherit}.workshop-info-art{justify-content:center;align-items:flex-end;gap:6px;margin:-2px 0 8px;display:flex}.workshop-info-art .workshop-lock{opacity:1;filter:drop-shadow(0 4px 2px #0003);margin:0}.workshop-info-bolts{align-items:flex-end;gap:6px;display:flex}.workshop-info-bolts svg{animation:1.2s ease-in-out infinite workshop-bounce}.workshop-info-bolts svg:nth-child(2){animation-delay:.15s}.workshop-info-bolts svg:nth-child(3){animation-delay:.3s}.workshop:not([hidden]){animation:.38s cubic-bezier(.2,.9,.3,1.1) workshop-enter}@keyframes workshop-enter{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:none}}.workshop-placed.is-new{animation:.8s cubic-bezier(.3,0,.4,1) both workshop-drop}@keyframes workshop-drop{0%{opacity:0;transform:translate(-50%,-220%)scale(.75,1.2)}45%{opacity:1;transform:translate(-50%,-50%)scale(1)}55%{transform:translate(-50%,-44%)scale(1.18,.8)}68%{transform:translate(-50%,-60%)scale(.94,1.08)}80%{transform:translate(-50%,-48%)scale(1.04,.96)}90%{transform:translate(-50%,-51%)scale(.99,1.01)}to{transform:translate(-50%,-50%)scale(1)}}.workshop-room.is-enter{animation:.42s cubic-bezier(.2,.9,.3,1.15) workshop-room-in}@keyframes workshop-room-in{0%{opacity:0;transform:translate(26px)scale(.96)}to{opacity:1;transform:none}}.workshop-parts.is-bump{animation:.45s cubic-bezier(.3,1.8,.5,1) workshop-bump}@keyframes workshop-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.workshop-done{position:relative;overflow:visible}.workshop-done.is-still{animation:none}.workshop-done.is-celebrate{animation:.7s cubic-bezier(.2,1.6,.4,1) both workshop-done-pop}.workshop-done.is-celebrate:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(#ffe08a66 0deg 10deg,#ffe08a00 10deg 22deg);border-radius:50%;width:420px;height:420px;margin:-210px 0 0 -210px;animation:2.4s linear both workshop-rays;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 25%,#0000 70%);mask:radial-gradient(circle,#000 25%,#0000 70%)}@keyframes workshop-done-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes workshop-rays{0%{opacity:0;transform:rotate(0)scale(.6)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:rotate(120deg)scale(1.1)}}.workshop-items li{position:relative}.workshop-items li.is-traded{animation:.45s cubic-bezier(.3,1.8,.5,1) workshop-bump}.workshop button{transition:transform .12s,filter .12s}.workshop button:not(:disabled):active{filter:brightness(.97);transform:translateY(2px)scale(.95)}.workshop-items button.is-ready{animation:2.2s ease-in-out infinite workshop-ready}@keyframes workshop-ready{0%,to{box-shadow:0 4px #a96b18}50%{box-shadow:0 4px #a96b18,0 0 0 4px #ffd25755}}@media (prefers-reduced-motion:reduce){.workshop,.workshop *{animation:none!important}.workshop-done:before{display:none}}.workshop-placed.is-broken{cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}.workshop-placed.is-broken .workshop-art{transform:rotate(var(--tilt,0deg))}.workshop-placed.is-broken .workshop-art img{filter:grayscale(.8)sepia(.5)brightness(.78)contrast(.9)drop-shadow(0 4px 4px #4a2e1640)}.workshop-placed.is-broken .workshop-art:after{content:"";pointer-events:none;opacity:.85;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M38 8 46 30 36 44 50 60 44 82' fill='none' stroke='%233b2412' stroke-width='2.2' stroke-linejoin='round' opacity='.55'/%3E%3Cpath d='M46 30 60 36M50 60 64 66' fill='none' stroke='%233b2412' stroke-width='1.6' opacity='.45'/%3E%3C/svg%3E") 50%/70% 70% no-repeat,radial-gradient(circle at 30% 25%,#e8dccb66 0 6%,#0000 7%),radial-gradient(circle at 70% 60%,#e8dccb55 0 5%,#0000 6%),radial-gradient(circle at 45% 80%,#e8dccb44 0 4%,#0000 5%);position:absolute;inset:0}.workshop-fixmark{z-index:40;cursor:pointer;filter:drop-shadow(0 3px 2px #0004);-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:clamp(30px,9.5vw,38px);height:clamp(30px,9.5vw,38px);padding:0;animation:1.4s ease-in-out infinite workshop-fixmark;position:absolute;translate:-50% -50%}.workshop-fixmark:before{content:"";position:absolute;inset:-8px}.workshop-fixmark svg{width:100%;height:100%;display:block}@keyframes workshop-fixmark{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-6px)rotate(8deg)}}.workshop-placed.is-broken.is-selected .workshop-art img{filter:grayscale(.55)sepia(.4)brightness(.92)drop-shadow(0 0 6px #ffe08a)drop-shadow(0 0 14px #ffc93a)}.workshop-fixmark.is-selected{z-index:41;width:clamp(38px,12vw,48px);height:clamp(38px,12vw,48px)}.workshop-placed.is-broken:active .workshop-art{scale:.96}.workshop-mess{z-index:30;pointer-events:none;opacity:var(--mess,1);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23fffaf0' stroke-opacity='.75' stroke-width='1.4'%3E%3Cpath d='M0 0 120 120M0 0 60 120M0 0 120 60M0 0 20 120M0 0 120 20'/%3E%3Cpath d='M0 30q15 4 30 0t30 0M0 60q22 6 42 0t42 0M0 90q30 8 60 0t60 0' transform='rotate(45 0 0) scale(.7)'/%3E%3Cpath d='M18 0q2 14 0 18M0 18q14 2 18 0M40 0q4 30 0 40M0 40q30 4 40 0M66 0q6 44 0 66M0 66q44 6 66 0'/%3E%3C/g%3E%3C/svg%3E") 0 0/34% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23fffaf0' stroke-opacity='.7' stroke-width='1.4' transform='matrix(-1 0 0 1 120 0)'%3E%3Cpath d='M0 0 120 120M0 0 60 120M0 0 120 60M0 0 20 120M0 0 120 20'/%3E%3Cpath d='M18 0q2 14 0 18M0 18q14 2 18 0M40 0q4 30 0 40M0 40q30 4 40 0M66 0q6 44 0 66M0 66q44 6 66 0'/%3E%3C/g%3E%3C/svg%3E") 100% 0/28% no-repeat,radial-gradient(at 50% 55%,#0000 45%,#5a3a1a55 100%),linear-gradient(#c9b79a22,#8a6a4a33);transition:opacity .8s;position:absolute;inset:0}.workshop-placed.is-fixed{animation:.9s cubic-bezier(.3,0,.4,1) both workshop-fixed}@keyframes workshop-fixed{0%{transform:translate(-50%,-50%) rotate(var(--tilt,0deg));filter:grayscale(.8)sepia(.5)brightness(.78)}12%{transform:translate(-50%,-50%) rotate(calc(var(--tilt,0deg) - 6deg))}24%{transform:translate(-50%,-50%) rotate(calc(var(--tilt,0deg) + 6deg))}36%{transform:translate(-50%,-50%) rotate(calc(var(--tilt,0deg) - 4deg));filter:grayscale(.8)sepia(.5)brightness(.78)}55%{filter:brightness(1.35)saturate(1.2);transform:translate(-50%,-50%)scale(1.16)}75%{filter:none;transform:translate(-50%,-50%)scale(.96)}to{filter:none;transform:translate(-50%,-50%)scale(1)}}.workshop-progress em{white-space:nowrap;font-size:15px;font-style:normal;font-weight:700}.workshop-fix{background:linear-gradient(#fffaf0,#ffefd3);border:2px solid #f3c27e;border-radius:20px;grid-template-rows:auto auto;grid-template-columns:76px 1fr;align-items:center;gap:6px 12px;margin:14px auto 0;padding:14px;animation:.35s both workshop-banner;display:grid;box-shadow:inset 0 2px #fff,0 4px #d9a76a}.workshop-fix-art{background:#f6e3c3;border-radius:16px;grid-area:1/1;place-items:center;width:76px;height:76px;display:grid}.workshop-fix-art img{object-fit:contain;filter:grayscale(.7)sepia(.4)brightness(.85);width:64px;height:64px;display:block}.workshop-fix-copy{grid-area:1/2;gap:3px;display:grid}.workshop-fix-copy b{color:#5a2e10;font-size:19px}.workshop-fix-copy span{color:#8a6250;font-size:14px}.workshop-fix-btn{color:#a07a58;background:#f1dcbc;border:0;border-radius:18px;grid-area:2/1/auto/-1;justify-content:center;align-items:center;gap:6px;height:58px;font:700 21px MapleStory,sans-serif;display:flex}.workshop-fix-btn.is-ready{color:#3b2410;background:linear-gradient(#ffe8a3,#f5bf45);animation:2.2s ease-in-out infinite workshop-ready;box-shadow:0 5px #a96b18}.workshop-fix-btn .workshop-bolt{margin:0 0 0 4px}.workshop-fix-btn:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.workshop-fixmark,.workshop-placed.is-fixed{animation:none!important}}.workshop-back,.workshop-parts{box-shadow:0 3px #d18a45}.workshop-items button.is-ready,.workshop-fix-btn.is-ready,.workshop-fixmark{animation:none}.dfx{pointer-events:none;z-index:40;will-change:transform,opacity;animation-delay:var(--d,0s);animation-fill-mode:both;position:absolute}.dfx-dust{background:radial-gradient(circle,#fff8e8 0%,#f3dcb4cc 55%,#f3dcb400 72%);border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.7s ease-out dfx-dust}@keyframes dfx-dust{0%{opacity:.95;transform:translate(0,0) scale(calc(var(--s) * .5))}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(calc(var(--s) * 1.6))}}.dfx-star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 4px #fff3b0);background:#ffd257;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.8s cubic-bezier(.2,.8,.3,1) dfx-star}@keyframes dfx-star{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--s)) rotate(var(--r))}}.dfx-coin{background:radial-gradient(circle at 35% 30%,#fff6c4,#ffcf3f 45%,#d68a12);border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:.75s cubic-bezier(.2,.7,.4,1) dfx-coin;box-shadow:inset 0 -2px #b8700e}@keyframes dfx-coin{0%{opacity:0;transform:translate(0)scale(.3)}15%{opacity:1}70%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(var(--s))}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 30px)) scale(calc(var(--s) * .6))}}.dfx-confetti{width:var(--w);height:calc(var(--w) * .55);background:var(--c);z-index:400;animation:dfx-confetti var(--t) linear;border-radius:2px;position:fixed}@keyframes dfx-confetti{0%{opacity:1;transform:translate(0)rotate(0)rotateY(0)}85%{opacity:1}to{transform:translate(var(--dx),110vh) rotate(var(--r)) rotateY(1440deg);opacity:0}}@media (prefers-reduced-motion:reduce){.dfx{display:none}}