/* Muooy farm stage: full-screen cartoon HUD on top of the Pixi isometric field. */
body.muooy-game-page{overflow:hidden!important;background:#7db94e;}
html:has(body.muooy-game-page){overflow:hidden!important;margin-top:0!important;}
body.muooy-game-page .site-header,
body.muooy-game-page #mobile-footer-menu,
body.muooy-game-page #onecad_new_footer,
body.muooy-game-page #wpadminbar{display:none!important;}
body.muooy-game-page .site-content,
body.muooy-game-page .site-main,
body.muooy-game-page .wrapper{margin:0!important;padding:0!important;max-width:none!important;}

.mg-stage,
.mg-stage *{box-sizing:border-box;}
.mg-stage{
  position:fixed;inset:0;z-index:900;overflow:hidden;
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
  color:#5b3a1a;-webkit-tap-highlight-color:transparent;
  user-select:none;
}
.mg-bg{position:absolute;inset:-2%;background-image:var(--mg-bg);background-size:cover;background-position:center 62%;filter:saturate(1.04);}
.mg-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,60,30,.24),rgba(20,60,30,0) 16%,rgba(20,60,30,0) 68%,rgba(20,50,20,.32));}
.mg-scene{position:absolute;inset:0;z-index:2;}
.mg-scene canvas{display:block;width:100%!important;height:100%!important;touch-action:none;}
.mg-noscript{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;padding:16px 22px;border-radius:14px;background:#fff8e7;border:3px solid #b56b2a;color:#7a3d0c;font-weight:700;}

/* HUD ------------------------------------------------------------------ */
.mg-hud{position:absolute;top:14px;left:16px;right:16px;z-index:20;display:flex;align-items:flex-start;gap:12px;pointer-events:none;}
.mg-hud>*{pointer-events:auto;}
.mg-player{
  display:flex;align-items:center;gap:10px;min-width:286px;padding:8px 16px 8px 8px;
  border-radius:999px;background-color:#fdf3da;background-image:var(--mg-paper);background-size:320px;background-blend-mode:multiply;
  border:3px solid #b56b2a;
  box-shadow:0 5px 0 #7a4418,0 10px 22px rgba(30,50,10,.3),inset 0 0 0 3px #fff8e7;
}
.mg-avatar-wrap{position:relative;flex:0 0 auto;width:58px;height:58px;border-radius:50%;background:#ffe9bd;border:3px solid #8a4b1f;box-shadow:inset 0 0 0 3px #fff8e7,0 2px 0 rgba(90,50,15,.25);}
.mg-avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;}
.mg-level{position:absolute;left:-8px;bottom:-7px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #8a4b1f;background:radial-gradient(circle at 35% 30%,#ffe88f,#f2a13a 75%);color:#6b350a;font:800 12px/1 "PingFang SC","Microsoft YaHei",sans-serif;text-shadow:0 1px 0 #ffe9a8;box-shadow:0 2px 0 rgba(90,50,15,.3);}
.mg-player-main{display:flex;flex-direction:column;gap:5px;min-width:0;}
.mg-player-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 15px/1.1 "PingFang SC","Microsoft YaHei",sans-serif;color:#6b3a10;text-shadow:0 1px 0 #fff8e7;}
.mg-exp{position:relative;display:block;width:164px;height:16px;overflow:hidden;border-radius:99px;background:#e3d3ac;border:2px solid #8a4b1f;box-shadow:inset 0 2px 4px rgba(90,50,15,.25);}
.mg-exp i{display:block;height:100%;border-radius:99px;background:linear-gradient(#b6e86a,#63b52c);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);transition:width .3s ease;}
.mg-exp span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 9px/1 "PingFang SC","Microsoft YaHei",sans-serif;color:#4c2c0d;}
.mg-tip{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:440px;padding:9px 18px 9px 12px;border-radius:999px;background:rgba(40,54,25,.72);box-shadow:0 6px 18px rgba(0,0,0,.18);color:#fff6dd;font:600 13px/1.35 "PingFang SC","Microsoft YaHei",sans-serif;pointer-events:none;}
.mg-tip svg{flex:0 0 auto;width:22px;height:22px;}
.mg-res{margin-left:auto;display:flex;gap:10px;}
.mg-coin{
  display:flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border-radius:999px;cursor:pointer;
  background-color:#fdf3da;background-image:var(--mg-paper);background-size:280px;background-blend-mode:multiply;
  border:3px solid #b56b2a;box-shadow:0 5px 0 #7a4418,0 10px 22px rgba(30,50,10,.3),inset 0 0 0 3px #fff8e7;
  color:#6b3a10;font:800 19px/1 "PingFang SC","Microsoft YaHei",sans-serif;
}
.mg-coin svg{width:38px;height:38px;}
.mg-plus{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:2px solid #3f8f22;background:linear-gradient(#a6e05a,#5fb32a);color:#fff;font:800 20px/1 sans-serif;text-shadow:0 1px 0 #3f8f22;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);}

/* Right rail ----------------------------------------------------------- */
.mg-rail{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:25;
  display:flex;flex-direction:column;gap:9px;padding:10px 8px;border-radius:999px;
  background-color:#b56b2a;background-image:var(--mg-wood);background-size:220px;
  border:3px solid #6f3d14;
  box-shadow:0 6px 0 #5b3412,0 12px 26px rgba(30,50,10,.35),inset 0 0 0 3px #d99a4e;
}
.mg-rail-btn{display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:7px;border-radius:50%;cursor:pointer;border:3px solid #8a4b1f;background:radial-gradient(circle at 35% 28%,#fffdf4,#f7e8c9 72%);box-shadow:inset 0 0 0 2px #fff8e7,0 3px 0 rgba(90,50,15,.3);transition:transform .12s ease;}
.mg-rail-btn:hover{transform:translateY(-3px) scale(1.05);}

/* Bottom toolbar ------------------------------------------------------- */
.mg-toolbar{
  position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:25;
  display:flex;align-items:flex-end;gap:12px;max-width:calc(100vw - 24px);padding:10px 16px;border-radius:32px;
  background-color:#f6e3bc;background-image:var(--mg-paper);background-size:360px;background-blend-mode:multiply;
  border:3px solid #b56b2a;
  box-shadow:0 6px 0 #7a4418,0 12px 26px rgba(30,50,10,.35),inset 0 0 0 3px #fff8e7;
}
.mg-tool{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-decoration:none;}
.mg-tool-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;padding:7px;border-radius:50%;border:3px solid #8a4b1f;background:radial-gradient(circle at 35% 28%,#fffdf4,#f7e8c9 72%);box-shadow:inset 0 0 0 2px #fff8e7,0 3px 0 rgba(90,50,15,.3);transition:transform .12s ease,box-shadow .12s ease;}
.mg-tool-label{padding:2px 7px;border-radius:6px;border:2px solid #c8a06a;background:#fff3d6;color:#6f3d14;font:800 12px/1 "PingFang SC","Microsoft YaHei",sans-serif;white-space:nowrap;box-shadow:0 2px 0 #c8a06a;}
.mg-tool:hover .mg-tool-icon{transform:translateY(-3px);}
.mg-tool.is-active .mg-tool-icon{transform:translateY(-5px);border-color:#e8892b;background:radial-gradient(circle at 35% 28%,#fff7d9,#ffe2a8 72%);box-shadow:inset 0 0 0 2px #fff8e7,0 0 0 3px rgba(242,161,58,.55),0 4px 0 rgba(90,50,15,.3);}
.mg-tool.is-active .mg-tool-label{background:#f2a13a;border-color:#a85f22;color:#4c2a08;}

/* Signpost and return link -------------------------------------------- */
.mg-sign{
  position:absolute;right:26px;bottom:128px;z-index:24;display:flex;align-items:center;gap:6px;
  padding:10px 16px;border-radius:10px;transform:rotate(-2deg);text-decoration:none;
  background-color:#c98a45;background-image:var(--mg-wood);background-size:200px;
  border:3px solid #7a4418;box-shadow:0 5px 0 #5b3412,0 10px 20px rgba(30,50,10,.3),inset 0 0 0 2px #e3b273;
  color:#fff6dd;font:800 15px/1 "PingFang SC","Microsoft YaHei",sans-serif;text-shadow:0 2px 0 #7a4418;
}
.mg-sign:hover{transform:rotate(-2deg) translateY(-2px);}
.mg-sign svg{flex:0 0 auto;width:28px;height:28px;}
.mg-sign::after{content:"";position:absolute;left:50%;bottom:-26px;width:12px;height:26px;transform:translateX(-50%);background:#8a4b1f;border:2px solid #5b3412;border-radius:0 0 3px 3px;}
.mg-home{
  position:absolute;left:16px;bottom:16px;z-index:24;display:flex;align-items:center;gap:7px;
  padding:8px 13px;border-radius:999px;text-decoration:none;
  background:rgba(255,248,231,.92);border:2px solid #b56b2a;box-shadow:0 3px 0 #7a4418;
  color:#7a3d0c;font:700 12px/1 "PingFang SC","Microsoft YaHei",sans-serif;
}
.mg-home:hover{background:#fff8e7;}
.mg-home svg{width:20px;height:20px;}

/* World chat ----------------------------------------------------------- */
.mg-chat-tab{
  position:absolute;left:0;top:36%;z-index:30;display:flex;flex-direction:column;align-items:center;gap:6px;
  width:54px;padding:12px 7px 14px;border:3px solid #6f3d14;border-left:0;border-radius:0 18px 18px 0;cursor:pointer;
  background-color:#a85f22;background-image:var(--mg-wood);background-size:190px;
  box-shadow:4px 4px 0 #5b3412,0 10px 22px rgba(30,50,10,.3),inset 0 0 0 2px #d99a4e;
  color:#fff6dd;
}
.mg-chat-tab svg{width:32px;height:32px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));}
.mg-chat-tab>span{writing-mode:vertical-rl;letter-spacing:3px;font:800 15px/1.3 "PingFang SC","Microsoft YaHei",sans-serif;text-shadow:0 2px 0 #6f3d14;}
.mg-badge{position:absolute;right:-9px;top:-9px;min-width:24px;height:24px;padding:0 6px;border-radius:99px;border:2px solid #fff3d6;background:#e2573f;color:#fff;font:800 12px/20px "PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 2px 0 rgba(90,50,15,.3);}
.mg-chat-panel{
  position:absolute;left:0;top:0;bottom:0;z-index:40;display:flex;flex-direction:column;
  width:min(380px,92vw);padding:14px 14px 12px;
  background-color:#fdf3da;background-image:var(--mg-paper);background-size:420px;background-blend-mode:multiply;
  border-right:5px solid #8a4b1f;box-shadow:14px 0 34px rgba(20,40,10,.35),inset -3px 0 0 #f2c98a;
  transform:translateX(-105%);transition:transform .22s ease;
}
.mg-chat-panel.is-open{transform:none;}
.mg-chat-panel,.mg-chat-panel *{user-select:text;}
.mg-chat-head button{user-select:none;}
.mg-chat-head{display:flex;align-items:center;gap:10px;padding:2px 2px 10px;border-bottom:2px dashed #d9c09a;color:#7a3d0c;font:800 16px/1 "PingFang SC","Microsoft YaHei",sans-serif;}
.mg-chat-head em{margin-left:auto;color:#8a6a45;font:600 12px/1 "PingFang SC","Microsoft YaHei",sans-serif;font-style:normal;}
.mg-chat-head button{width:30px;height:30px;border-radius:50%;border:2px solid #8a4b1f;background:#fff3d6;color:#7a3d0c;font:700 20px/1 sans-serif;cursor:pointer;}
.mg-chat-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-top:8px;}
.muooy-game-chat-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 4px 10px;font-size:14px;line-height:1.55;scrollbar-width:thin;}
.muooy-game-chat-row{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px;margin:2px 0;border-radius:10px;background:rgba(255,255,255,.45);word-break:break-word;}
.muooy-game-chat-name{flex:0 0 auto;max-width:100%;color:#3f7a1c;font-weight:800;}
.muooy-game-chat-text{min-width:0;color:#4a2d12;overflow-wrap:anywhere;white-space:pre-wrap;}
.muooy-game-chat-system{padding:4px 8px;color:#8a6a45;font-size:12px;}
.muooy-game-chat-system.muooy-game-chat-error{color:#b3261e;}
.muooy-game-chat-system.muooy-game-chat-warn{color:#a35a00;}
.muooy-game-chat-system.muooy-game-chat-status{color:#3f7a1c;}
.muooy-game-chat-form{display:flex;gap:8px;padding-top:10px;border-top:2px dashed #d9c09a;}
.muooy-game-chat-input{flex:1 1 auto;min-width:0;padding:9px 12px;border:2px solid #c8a06a;border-radius:12px;background:#fffdf7;color:#4a2d12;font:inherit;font-size:14px;}
.muooy-game-chat-input:focus{outline:none;border-color:#79c142;box-shadow:0 0 0 3px rgba(121,193,66,.3);}
.muooy-game-chat-form .muooy-game-btn{flex:0 0 auto;padding:9px 16px;font-size:14px;}
.muooy-game-chat-retry{align-self:flex-start;margin:8px 0;padding:6px 12px;font-size:13px;}

/* Loading screen ------------------------------------------------------- */
.mg-loading{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(35,60,20,.3);backdrop-filter:blur(7px);transition:opacity .35s ease;}
.mg-loading.is-done{opacity:0;pointer-events:none;}
.mg-loading-card{
  position:relative;width:min(460px,90vw);padding:58px 34px 30px;border-radius:30px;text-align:center;
  background-color:#fff8e7;background-image:url('../ui/ui_paper.jpg');background-size:420px;background-blend-mode:multiply;
  border:5px solid #f2a13a;box-shadow:0 0 0 5px #ffd98a,0 22px 50px rgba(20,40,10,.4),inset 0 0 0 4px #fff;
}
.mg-ribbon{position:absolute;left:50%;top:-26px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px;width:min(360px,92%);height:76px;padding:0 18px;background:linear-gradient(#ef5c43,#c73326 70%,#a92b1f 70%);clip-path:polygon(0 0,100% 0,100% 72%,91% 100%,9% 100%,0 72%);}
.mg-ribbon strong{color:#fff;font:900 27px/1 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:2px;white-space:nowrap;text-shadow:0 3px 0 #8e1f15,0 0 10px rgba(120,20,10,.35);}
.mg-ribbon img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(90,20,10,.35));}
.mg-sprout-wrap{position:relative;width:160px;height:140px;margin:6px auto 4px;}
.mg-loading-sprout{position:absolute;left:50%;bottom:12px;z-index:1;width:118px;height:118px;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 4px 4px rgba(90,60,20,.2));}
.mg-soil{position:absolute;left:50%;bottom:0;width:104px;height:30px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 30%,#a97443,#6b4322 72%);box-shadow:inset 0 3px 0 rgba(255,255,255,.12),0 3px 6px rgba(70,45,15,.35);}
.mg-bar{position:relative;height:32px;margin:14px 6px 8px;overflow:hidden;border-radius:99px;background:#f0dfba;border:3px solid #b56b2a;box-shadow:inset 0 2px 6px rgba(90,50,15,.28);}
.mg-bar-fill{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(#ffc94f,#ef8a1d);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);transition:width .22s ease;}
.mg-bar b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#6b350a;font:800 15px/1 "PingFang SC","Microsoft YaHei",sans-serif;text-shadow:0 1px 0 #ffe9b0;}
.mg-load-note{margin:8px 0 18px;color:#7a5530;font:600 14px/1.4 "PingFang SC","Microsoft YaHei",sans-serif;}
.mg-enter{
  min-width:220px;padding:14px 32px;border:4px solid #d9f0a8;border-radius:999px;cursor:pointer;
  background:linear-gradient(#95d955,#5aa62a);color:#fff;font:900 22px/1 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:2px;
  text-shadow:0 2px 0 #3f7a1c;box-shadow:0 6px 0 #3f7a1c,0 12px 22px rgba(30,60,10,.3),inset 0 2px 0 rgba(255,255,255,.35);
}
.mg-enter:hover:not(:disabled){filter:brightness(1.04);}
.mg-enter:disabled{filter:grayscale(.45) brightness(.94);cursor:default;box-shadow:0 4px 0 #6b7d3a;}
.mg-enter--link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}

/* Guest gate and ranch placeholder ------------------------------------ */
.mg-gate{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;}
.mg-gate-card,.mg-ranch-card{
  width:min(430px,92vw);padding:22px;border-radius:26px;text-align:center;
  background-color:#fff8e7;background-image:url('../ui/ui_paper.jpg');background-size:420px;background-blend-mode:multiply;
  border:5px solid #f2a13a;box-shadow:0 0 0 5px #ffd98a,0 22px 50px rgba(20,40,10,.4),inset 0 0 0 4px #fff;
}
.mg-gate-art{display:block;width:min(300px,80%);height:auto;margin:0 auto 14px;border-radius:20px;border:3px solid #b56b2a;box-shadow:0 6px 16px rgba(90,60,20,.25);}
.mg-gate-art--cow{width:170px;border-radius:50%;background:#eaf7d9;}
.mg-gate-card h1,.mg-ranch-card h1{margin:0 0 8px;color:#7a3d0c;font:900 26px/1.2 "PingFang SC","Microsoft YaHei",sans-serif;text-shadow:0 2px 0 #fff8e7;}
.mg-gate-card p,.mg-ranch-card p{margin:0 auto 18px;max-width:310px;color:#7a5530;font:500 14px/1.65 "PingFang SC","Microsoft YaHei",sans-serif;}
.mg-ranch{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;}
.mg-ranch-art{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(90,60,20,.2));}

/* Modals and toasts ---------------------------------------------------- */
.muooy-game-modal-mask{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(30,45,15,.55);backdrop-filter:blur(3px);}
.muooy-game-modal,.muooy-game-toast{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;}
.muooy-game-modal{
  width:min(470px,94vw);max-height:82vh;overflow:auto;padding:22px;border-radius:22px;color:#5b3a1a;
  background-color:#fdf3da;background-image:url('../ui/ui_paper.jpg');background-size:420px;background-blend-mode:multiply;
  border:4px solid #b56b2a;box-shadow:0 0 0 4px #ffd98a,0 20px 44px rgba(20,40,10,.4),inset 0 0 0 3px #fff8e7;
}
.muooy-game-modal-title{margin:0 0 14px;color:#7a3d0c;font:900 20px/1.2 "PingFang SC","Microsoft YaHei",sans-serif;}
.muooy-game-modal-body{font-size:14px;line-height:1.55;}
.muooy-game-modal-body p{margin:6px 0;}
.muooy-game-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #d9c09a;}
.muooy-game-row:last-child{border-bottom:0;}
.muooy-game-row-name{color:#4a2d12;font-weight:700;}
.muooy-game-row-note{color:#8a6a45;font-size:13px;text-align:right;}
.muooy-game-note{color:#8a6a45;font-size:13px;margin:0 0 8px;}
.muooy-game-empty{color:#8a6a45;font-size:13px;margin:8px 0;}
.muooy-game-modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.muooy-game-btn{
  display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:2px solid #3f7a1c;border-radius:12px;cursor:pointer;
  background:linear-gradient(#8ed14f,#5aa62a);color:#fff;font:800 14px/1.2 "PingFang SC","Microsoft YaHei",sans-serif;
  text-shadow:0 1px 0 rgba(40,90,15,.5);box-shadow:0 3px 0 #3f7a1c,inset 0 1px 0 rgba(255,255,255,.35);
}
.muooy-game-btn:hover{filter:brightness(1.05);}
.muooy-game-btn:disabled{filter:grayscale(.6);opacity:.7;cursor:not-allowed;}
.muooy-game-btn-ghost{background:#fff3d6;border-color:#c8a06a;color:#7a3d0c;box-shadow:0 3px 0 #c8a06a;text-shadow:none;}
.muooy-game-btn-ghost:hover{background:#fff8e7;}
.muooy-game-modal-actions .muooy-game-btn{font-size:13px;padding:9px 12px;}
.muooy-game-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:10000;max-width:92vw;padding:11px 20px;border-radius:999px;border:2px solid #e3b273;background:rgba(64,44,20,.94);color:#fff6dd;font:700 14px/1.3 "PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.35);text-align:center;}
.muooy-game-toast.error{background:rgba(160,40,30,.96);border-color:#ffb4a0;}

.mg-stage :focus-visible,.muooy-game-modal :focus-visible{outline:3px solid #ffe27a;outline-offset:2px;}

/* Phones --------------------------------------------------------------- */
@media (max-width:820px){
  .mg-hud{top:8px;left:10px;right:10px;gap:8px;}
  .mg-player{min-width:0;padding:6px 10px 6px 6px;gap:8px;}
  .mg-avatar-wrap{width:46px;height:46px;}
  .mg-level{width:23px;height:23px;font-size:10px;left:-6px;bottom:-6px;}
  .mg-player-name{font-size:13px;max-width:110px;}
  .mg-exp{width:112px;height:14px;}
  .mg-exp span{font-size:8px;}
  .mg-tip{display:none;}
  .mg-coin{padding:4px 7px 4px 4px;gap:5px;font-size:16px;}
  .mg-coin svg{width:30px;height:30px;}
  .mg-plus{width:24px;height:24px;font-size:17px;}
  .mg-rail{right:6px;gap:7px;padding:8px 6px;transform:translateY(-50%) scale(.84);transform-origin:right center;}
  .mg-chat-tab{top:17%;width:46px;padding:10px 5px 12px;}
  .mg-chat-tab svg{width:27px;height:27px;}
  .mg-chat-tab>span{font-size:13px;letter-spacing:2px;}
  .mg-chat-panel{width:min(360px,90vw);padding:12px;}
  .mg-sign{right:8px;bottom:186px;padding:8px 12px;font-size:13px;}
  .mg-sign svg{width:22px;height:22px;}
  .mg-sign::after{height:20px;bottom:-20px;}
  .mg-home{left:8px;bottom:186px;padding:7px 10px;font-size:11px;}
  .mg-toolbar{left:10px;right:10px;bottom:10px;transform:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px;width:auto;max-width:none;padding:8px;border-radius:24px;}
  .mg-tool-icon{width:46px;height:46px;padding:5px;}
  .mg-tool-label{font-size:10px;padding:1px 5px;border-width:1.5px;box-shadow:0 1px 0 #c8a06a;}
  .mg-loading-card{width:min(390px,92vw);padding:52px 20px 24px;}
  .mg-ribbon{height:64px;width:92%;gap:6px;}
  .mg-ribbon strong{font-size:22px;letter-spacing:1px;}
  .mg-ribbon img{width:36px;height:36px;}
  .mg-sprout-wrap{width:132px;height:122px;}
  .mg-loading-sprout{width:100px;height:100px;bottom:10px;}
  .mg-soil{width:88px;height:25px;}
  .mg-enter{min-width:190px;padding:12px 24px;font-size:19px;}
  .mg-gate{padding:16px;}
  .mg-gate-card{padding:18px;}
  .mg-ranch-card{padding:22px 18px;}
  .mg-ranch-art{width:140px;height:140px;}
  .mg-ranch-card h1,.mg-gate-card h1{font-size:22px;}
}
@media (max-width:380px){
  .mg-tool-icon{width:42px;height:42px;}
  .mg-tool-label{font-size:9px;}
  .mg-sign{display:none;}
  .mg-home{bottom:180px;}
}
