.mg-page{color:#3b2410;background:radial-gradient(1200px 500px at 50% -10%,#3a2210 0%,#0000 55%),repeating-linear-gradient(90deg,#1a100c 0 18px,#140c0a 18px 36px);min-height:100vh;font-family:Noto Sans Thai,Trebuchet MS,ui-sans-serif,sans-serif}.mg-page__lab{text-align:center;color:#ffe9a6;letter-spacing:.12em;background:repeating-linear-gradient(45deg,#7a1f1f,#7a1f1f 10px,#5c1515 10px 20px);margin:0;padding:.55rem 1rem;font-size:.78rem}.mg-stage-wrap{max-width:1120px;margin:0 auto;padding:.9rem .8rem 2.4rem;position:relative}.mg-client{background:#2a160c;border:6px solid #6b3a18;box-shadow:inset 0 0 0 3px #f3d7a0,0 18px 40px #00000073}.mg-client__bar{color:#3b2400;background:linear-gradient(#f0b54a,#d4891c);justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem .7rem;font-weight:800;display:flex}.mg-client__back{color:#3b2400;font-size:.86rem;text-decoration:none}.mg-client__title{letter-spacing:.04em}.mg-client__dots{gap:.28rem;display:flex}.mg-client__dots i{background:#7a1f1f;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px #ffb4b4}.mg-client__dots i:nth-child(2){background:#d4891c}.mg-client__dots i:nth-child(3){background:#2f8a32}.mg-stage{position:relative}.mg-world{background:#7ec8f2;height:min(62vh,520px);position:relative;overflow:hidden}.mg-world.is-compact{height:176px}.mg-svg{width:100%;height:100%;display:block}.mg-cloud{animation:32s linear infinite mgCloud}.mg-cloud--b{animation-duration:24s;animation-delay:-8s}.mg-cloud--c{animation-duration:40s;animation-delay:-18s}.mg-tree-sway{transform-box:fill-box;transform-origin:bottom}.mg-tree-sway--a{animation:3.4s ease-in-out infinite mgSway}.mg-tree-sway--b{animation:4s ease-in-out infinite reverse mgSway}.mg-tree-sway--c{animation:3.1s ease-in-out infinite mgSway}.mg-npc-slot,.mg-hero-slot,.mg-board-slot,.mg-dummy-slot,.mg-portal-slot{transform-box:fill-box;transform-origin:bottom}.mg-npc-slot{animation:2.2s ease-in-out infinite mgNpcBob;transform:translate(360px,560px)}.mg-board-slot{transform:translate(168px,448px)}.mg-dummy-slot{transform:translate(900px,470px)}.mg-portal-slot{transform-origin:50%;transform:translate(1128px,430px)}.mg-hero-slot{z-index:3;transition:transform .5s cubic-bezier(.22,.84,.28,1);transform:translate(620px,568px)}.mg-svg-hero{transform-box:fill-box;transform-origin:bottom;animation:1.15s ease-in-out infinite mgIdle}.mg-slash-svg{opacity:0}.is-checkin .mg-hero-slot{transform:translate(220px,568px)}.is-gather .mg-hero-slot{transform:translate(310px,552px)}.is-hunt .mg-hero-slot{transform:translate(890px,552px)}.is-portal .mg-hero-slot,.is-intro .mg-hero-slot{transform:translate(1120px,548px)}.is-levelup .mg-hero-slot{transform:translate(620px,568px)}.is-gather .mg-svg-hero{animation:.7s mgJump}.is-hunt .mg-svg-hero{animation:.55s mgJump}.is-hunt .mg-slash-svg{animation:.45s mgSlash}.is-hunt .mg-dummy-svg{transform-box:fill-box;transform-origin:bottom;animation:.45s mgHit}.is-portal .mg-svg-hero{animation:.9s mgWarp}.is-checkin .mg-svg-hero{animation:.7s mgStamp}.is-intro .mg-svg-hero{animation:1.2s both mgArrive}.is-checkin .mg-board-svg{transform-box:fill-box;transform-origin:bottom;animation:.7s mgStampBoard}.mg-portal-ring{transform-box:fill-box;transform-origin:50%;animation:2.8s linear infinite mgSpin}.mg-portal-ring--inner{animation-duration:1.8s;animation-direction:reverse}.mg-portal-glow,.mg-portal-spark{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite mgPulse}.is-portal .mg-portal-svg{transform-box:fill-box;transform-origin:50%;animation:.9s mgPortalBurst}.mg-leaves i{top:-12px;left:calc(4% + var(--i) * 4.4%);width:12px;height:12px;animation:7s linear infinite mgFall;animation-delay:calc(var(--i) * -.38s);opacity:.92;background:#ff6b2c;border-radius:0 70%;position:absolute}.mg-leaves i.is-gold{background:#ffb347}.mg-leaves i.is-red{background:#c23b12}.mg-sparkles b{width:6px;height:6px;right:7%;bottom:calc(28% + var(--i) * 3%);animation:1.6s ease-in-out infinite mgTwinkle;animation-delay:calc(var(--i) * -.18s);background:#fff8dc;border-radius:50%;position:absolute;box-shadow:0 0 10px #7cf6ff}.mg-float{z-index:5;color:#ffe566;text-shadow:3px 3px #7a4a00,-1px -1px #3b2400;pointer-events:none;white-space:nowrap;font-size:clamp(1.3rem,3vw,2rem);font-weight:800;animation:.95s both mgPop;position:absolute;bottom:46%;left:48%}.mg-levelup{opacity:0;letter-spacing:.18em;color:#ffe566;text-shadow:0 0 18px #ffd24a,3px 3px #7a4a00;pointer-events:none;z-index:6;font-weight:900;position:absolute;top:24%;left:50%;transform:translate(-50%)scale(.4)}.is-levelup .mg-levelup{animation:1.35s both mgLevel}.mg-nametag{color:#ffe9a6;pointer-events:none;background:#140a04b8;border:2px solid #f0b54a;padding:.12rem .55rem;font-size:.78rem;font-weight:800;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.is-checkin .mg-nametag{left:18%}.is-gather .mg-nametag{left:26%}.is-hunt .mg-nametag{left:70%}.is-portal .mg-nametag,.is-intro .mg-nametag{left:86%}.mg-minimap{color:#fff8dc;pointer-events:none;background:#121c16b8;border:2px solid #f3d7a0;min-width:132px;padding:.35rem .5rem;font-size:.72rem;line-height:1.25;position:absolute;top:10px;right:10px}.mg-minimap em{opacity:.72;letter-spacing:.04em;font-style:normal;display:block}.mg-minimap strong{display:block}.mg-world.is-compact .mg-nametag,.mg-world.is-compact .mg-minimap,.mg-world.is-compact .mg-levelup{display:none}.mg-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #00000047}.mg-bars{z-index:4;pointer-events:none;gap:.28rem;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.mg-bar{color:#fff8dc;text-shadow:1px 1px #1a100c;grid-template-columns:42px 1fr;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;display:grid}.mg-bar b{background:#1a100c;border:1px solid #f3d7a0;height:10px;display:block;overflow:hidden}.mg-bar span{height:100%;display:block}.mg-bar .is-hp span{background:linear-gradient(#ff7a7a,#c62828)}.mg-bar .is-mp span{background:linear-gradient(#7cf6ff,#2b7dff)}.mg-bar .is-exp span{background:linear-gradient(#ffe566,#f0b54a)}.mg-hud{gap:.75rem;margin-top:.85rem;display:grid}.mg-window{background:linear-gradient(#f7ead0,#ecd7b0);border:4px solid #6b3a18;box-shadow:inset 0 0 0 2px #f3d7a0,0 8px #3d220c}.mg-window__bar{color:#3b2400;letter-spacing:.06em;background:linear-gradient(#f0b54a,#d4891c);justify-content:space-between;align-items:center;padding:.35rem .7rem;font-weight:800;display:flex}.mg-window__body{padding:.8rem}.mg-stats{flex-wrap:wrap;gap:.7rem;font-size:.92rem;display:flex}.mg-npc-line{min-height:3.2rem;margin:.55rem 0 0;line-height:1.65}.mg-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.mg-btn{color:#3b2400;cursor:pointer;background:linear-gradient(#ffce63,#e08918);border:3px solid #7a4a00;padding:.75rem .6rem;font-family:inherit;font-weight:800;box-shadow:0 4px #7a4a00}.mg-btn:hover:not(:disabled){filter:brightness(1.06)}.mg-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #7a4a00}.mg-btn:disabled{opacity:.45;cursor:not-allowed}.mg-btn small{opacity:.8;font-weight:600;display:block}.mg-intro{z-index:8;color:#fff8dc;cursor:pointer;background:radial-gradient(circle at 82% 58%,#7cf6ff47,#0000 28%),radial-gradient(circle at 50% 40%,#50280a2e,#061018c7);border:0;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-family:inherit;display:flex;position:absolute;inset:0}.mg-intro strong{text-shadow:0 0 22px #ff9a3c;font-size:clamp(1.9rem,5vw,3.4rem)}.mg-intro span{letter-spacing:.22em;color:#ffe566}.mg-intro em,.mg-intro small{opacity:.88;font-style:normal}.mg-combo{z-index:7;color:#7a1f1f;letter-spacing:.12em;pointer-events:none;background:linear-gradient(#ffe566,#f0b54a);border:3px solid #7a4a00;padding:.35rem .9rem;font-weight:900;animation:1.4s both mgCombo;position:absolute;top:12%;left:50%;transform:translate(-50%)}.mg-card{color:inherit;background:linear-gradient(#f7ead0,#e8c992);border:5px solid #6b3a18;text-decoration:none;display:block;overflow:hidden;box-shadow:0 12px #3d220c,0 22px 40px #00000059}.mg-card__badge{color:#ffe9a6;letter-spacing:.08em;background:#7a1f1f;margin:.6rem .7rem 0;padding:.15rem .45rem;font-size:.68rem;display:inline-block}.mg-card__body{padding:.7rem .85rem 1rem}.mg-card__name{color:#6b3a18;margin:.2rem 0;font-size:1.35rem;font-weight:800}.mg-card__desc{color:#5a3310;margin:0;line-height:1.55}@keyframes mgCloud{0%{transform:translate(-80px)}to{transform:translate(1180px)}}@keyframes mgSway{50%{transform:rotate(3deg)}}@keyframes mgFall{to{transform:translate(-24px,560px)rotate(240deg)}}@keyframes mgIdle{50%{transform:translateY(-5px)}}@keyframes mgNpcBob{50%{transform:translate(360px,556px)}}@keyframes mgJump{40%{transform:translate(10px,-28px)rotate(-8deg)}}@keyframes mgSlash{0%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes mgHit{30%{transform:translate(10px)rotate(8deg)}}@keyframes mgWarp{50%{opacity:.2;transform:scale(.15)}to{opacity:0;transform:translate(40px)scale(.05)}}@keyframes mgStamp{40%{transform:translate(-8px,-6px)}}@keyframes mgStampBoard{40%{transform:translateY(-4px)scale(.98)}}@keyframes mgArrive{0%{opacity:0;transform:scale(.15)}}@keyframes mgPop{0%{opacity:0;transform:translateY(8px)scale(.6)}40%{opacity:1}to{opacity:0;transform:translateY(-36px)}}@keyframes mgLevel{30%{opacity:1;transform:translate(-50%)scale(1.18)}to{opacity:0;transform:translate(-50%)translateY(-24px)scale(1)}}@keyframes mgSpin{to{transform:rotate(360deg)}}@keyframes mgPulse{50%{opacity:.55;transform:scale(1.08)}}@keyframes mgPortalBurst{40%{filter:brightness(1.4);transform:scale(1.18)}}@keyframes mgTwinkle{50%{opacity:.2;transform:scale(.4)}}@keyframes mgCombo{0%{opacity:0;transform:translate(-50%)scale(.4)}30%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0;transform:translate(-50%)translateY(-18px)}}@media (min-width:800px){.mg-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.mg-world{height:min(64vh,540px)}}@media (prefers-reduced-motion:reduce){.mg-cloud,.mg-tree-sway,.mg-svg-hero,.mg-npc-slot,.mg-portal-ring,.mg-leaves i,.mg-sparkles b{animation:none}.mg-hero-slot{transition:none}}