:root{--ink: #2a1a0c;--hanji: #f3e7cc;--hanji2: #e8d8b4;--red: #b0281b;--green: #3f8a4a;--gold: #e8b84a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c150e;color:var(--ink);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}.mg{position:relative;height:100dvh;max-width:480px;margin:0 auto;padding:6px 12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}.mg-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(6px) brightness(.45) sepia(.3);transform:scale(1.08);z-index:-1}.mg-top{position:relative;width:100%;height:34px;display:flex;align-items:center;gap:8px;color:var(--hanji)}.mg-title{font-size:.8rem;opacity:.85;flex:1}.mg-energy{display:inline-flex;align-items:center;gap:4px;font-size:.85rem}.mg-energy b{font-size:1rem}.mg-energy em{font-style:normal;font-size:.7rem;opacity:.75}.mg-egauge{display:inline-block;width:54px;height:7px;border-radius:999px;background:#ffffff2e;overflow:hidden}.mg-egauge i{display:block;height:100%;background:var(--gold)}.mg-menu-btn{border:0;background:#ffffff1f;color:var(--hanji);width:32px;height:30px;border-radius:8px;font-size:1rem}.mg-menu{position:absolute;right:0;top:34px;z-index:20;display:flex;flex-direction:column;background:var(--hanji);border-radius:10px;padding:6px;box-shadow:0 6px 20px #0006}.mg-menu button{border:0;background:none;padding:10px 14px;font:inherit;text-align:left}.mg-orders{width:100%;display:flex;gap:6px;min-height:88px}.mg-order{position:relative;flex:1;min-width:0;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;gap:2px 6px;align-items:center;padding:6px;border-radius:12px;background:var(--hanji);box-shadow:0 2px #00000040}.mg-order.ready{box-shadow:0 0 0 2px var(--red),0 2px #00000040}.mg-face{position:relative;grid-row:1 / 3;width:44px;height:44px;border-radius:50%;overflow:hidden}.mg-face img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.mg-strike{position:absolute;left:-6px;right:-6px;top:46%;height:10px;background:linear-gradient(90deg,#c8283af2,#c8283abf 80%,#c8283a00);border-radius:6px 2px 2px 6px;transform:rotate(-14deg) scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.3,.7,.4,1)}.mg-order.striking .mg-strike{transform:rotate(-14deg) scaleX(1)}.mg-debt{display:flex;flex-direction:column;line-height:1.15;min-width:0}.mg-debt b{font-size:.78rem}.mg-debt em{font-style:normal;font-size:.72rem;color:#6b4a2a}.mg-needs{display:flex;gap:3px}.mg-need{position:relative;display:inline-flex}.mg-need>i{position:absolute;right:-3px;bottom:-3px;font-style:normal;font-size:.65rem;background:var(--ink);color:var(--hanji);border-radius:6px;padding:0 3px}.mg-need .mg-ok{background:var(--green);top:-3px;bottom:auto}.mg-pay{position:absolute;right:6px;bottom:6px;border:0;border-radius:10px;padding:6px 12px;background:var(--red);color:#fff8e8;font:inherit;font-weight:700;font-size:.85rem;box-shadow:0 2px #6e130a}.mg-pay:not(.big){transform-origin:100% 100%;animation:mgPayPulse .9s ease-in-out infinite}@keyframes mgPayPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.mg-pay.big{position:static;padding:12px 28px;font-size:1.05rem}.mg-stamp{position:absolute;right:8px;top:8px;color:var(--red);border:2px solid var(--red);border-radius:6px;padding:0 6px;font-weight:800;transform:rotate(-12deg);animation:mgStamp .35s .4s both}@keyframes mgStamp{0%{opacity:0;transform:rotate(-12deg) scale(2)}to{opacity:1;transform:rotate(-12deg) scale(1)}}.mg-board{position:relative;flex:none;touch-action:none}.mg-cell{position:absolute;width:var(--cell);height:var(--cell);border-radius:10px;background:linear-gradient(160deg,var(--hanji),var(--hanji2));box-shadow:inset 0 0 0 1px #78502840,inset 0 -3px #7850282e;display:grid;place-items:center}.mg-cell.sel{box-shadow:inset 0 0 0 3px var(--gold),0 0 12px #e8b84a99}.mg-cell.lifted .mg-tile{opacity:.25}.mg-cell.press .mg-tile{transform:scale(.9)}.mg-cell.junk{background:repeating-linear-gradient(35deg,rgba(60,40,20,.35) 0 4px,transparent 4px 9px),linear-gradient(160deg,#6b5438,#4a3a26);box-shadow:inset 0 0 0 1px #0006}.mg-cell.junk:after{content:"?";color:#f3e7cc80;font-weight:800;font-size:calc(var(--cell) * .36)}.mg-cell.web .mg-tile{filter:grayscale(.6) brightness(.85)}.mg-webnet{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 9px,rgba(255,255,255,.55) 9px 10px),repeating-conic-gradient(from 0deg,transparent 0 40deg,rgba(255,255,255,.5) 40deg 42deg)}.mg-want{position:absolute;right:2px;top:2px;font-style:normal;font-size:.7rem;color:#fff;background:var(--green);border-radius:50%;width:16px;height:16px;display:grid;place-items:center}.mg-tile{position:relative;width:88%;height:88%;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .12s;animation:mgPop .3s ease-out}.mg-tile img{width:100%;height:100%;object-fit:contain}.mg-tile.c-cotton{background:#fbf6ea;box-shadow:inset 0 0 0 1.5px #c8b48c}.mg-tile.c-rice{background:#eef0d8;box-shadow:inset 0 0 0 1.5px #a9b07a}.mg-tile.gen{background:#6b4a2a;color:var(--hanji);box-shadow:inset 0 0 0 2px #e8b84a}.mg-name{font-size:calc(var(--cell) * .19);line-height:1.1;font-weight:700;word-break:keep-all;padding:0 2px}.mg-dots{font-size:calc(var(--cell) * .1);letter-spacing:-1px;color:#a06b2a}.mg-gen-mark{font-size:calc(var(--cell) * .14);opacity:.8}.mg-tile.small{width:30px;height:30px;animation:none}.mg-tile.small .mg-name{font-size:8px}.mg-tile.small .mg-dots{font-size:5px}@keyframes mgPop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}.mg-fx{position:absolute;width:var(--cell);height:var(--cell);pointer-events:none}.mg-fx.merge,.mg-fx.web{background:radial-gradient(circle,#fffffff2,#fff0 65%);animation:mgBloom .45s ease-out both}.mg-fx.merge b{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--gold);transform:rotate(var(--a)) translate(0);animation:mgSpark .45s ease-out both}.mg-fx.web{background:repeating-conic-gradient(from 0deg,transparent 0 40deg,rgba(255,255,255,.8) 40deg 43deg);animation:mgWeb .5s ease-out both}.mg-fx.dust{background:radial-gradient(circle,#b4966ecc,#b4966e00 70%);animation:mgDust .55s ease-out both}.mg-fx.spawn{box-shadow:0 0 0 3px #e8b84ab3;border-radius:10px;animation:mgSpawn .35s ease-out both}@keyframes mgBloom{0%{transform:scale(.4);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes mgSpark{0%{transform:rotate(var(--a)) translate(0);opacity:1}to{transform:rotate(var(--a)) translate(calc(var(--cell) * .6));opacity:0}}@keyframes mgWeb{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.6) rotate(25deg);opacity:0}}@keyframes mgDust{0%{transform:scale(.6);opacity:1}to{transform:scale(1.8) translateY(-10px);opacity:0}}@keyframes mgSpawn{0%{opacity:1}to{opacity:0}}.mg-finger{position:absolute;width:var(--cell);height:var(--cell);display:grid;place-items:end center;font-style:normal;font-size:calc(var(--cell) * .5);pointer-events:none;animation:mgFinger 1.6s ease-in-out infinite;z-index:5}@keyframes mgFinger{0%,15%{transform:translateY(10px);opacity:0}25%{transform:translateY(10px);opacity:1}75%{transform:translate(var(--dx),calc(var(--dy) + 10px));opacity:1}to{transform:translate(var(--dx),calc(var(--dy) + 10px));opacity:0}}.mg-info{width:var(--bw);min-height:46px;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:#f3e7cceb}.mg-info-name{font-size:.78rem;font-weight:700;min-width:52px;word-break:keep-all}.mg-ladder{display:flex;gap:1px;flex:1;overflow:hidden}.mg-rung{border-radius:6px;padding:1px}.mg-rung .mg-tile.small{width:22px;height:22px}.mg-rung .mg-tile.small .mg-name{font-size:6px}.mg-rung.now{box-shadow:0 0 0 2px var(--gold)}.mg-rung.shadow .mg-tile{filter:brightness(0);opacity:.25}.mg-discard,.mg-undo{border:0;background:none;font:inherit;font-size:.72rem;color:#6b4a2a;text-decoration:underline;padding:4px}.mg-store{width:var(--bw);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;border-radius:10px;background:#3c281499;touch-action:none}.mg-store.blink{animation:mgBlink .35s 2}@keyframes mgBlink{50%{box-shadow:0 0 0 3px var(--gold)}}.mg-slot{height:calc(var(--cell) * .62);border-radius:8px;background:#f3e7cc2e;display:grid;place-items:center}.mg-ghost{position:fixed;width:var(--cell);height:var(--cell);pointer-events:none;z-index:30;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45));display:grid;place-items:center}.mg-end{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.mg-end video{width:100%;height:100%;object-fit:cover}.mg-end.card{background:#140e08f5;padding:24px}.mg-end.card img{width:min(100%,360px);border-radius:12px}.mg-end-title{color:var(--hanji);font-size:1.2rem;font-weight:700;margin:0}@media(prefers-reduced-motion:reduce){.mg-tile,.mg-fx,.mg-fx b,.mg-finger,.mg-stamp,.mg-pay{animation:none!important}.mg-strike{transition:none}}.mg-tile.art,.mg-tile.art.c-cotton,.mg-tile.art.c-rice,.mg-tile.art.gen{background:none;box-shadow:none}.mg-cover-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;pointer-events:none}.mg-cover-art.web{object-fit:contain}.mg-cell.junk:has(.mg-cover-art:not([style*=none])):after,.mg-cell.web:has(.mg-cover-art.web:not([style*=none])) .mg-webnet{display:none}.mg-info-line{font-size:.85rem;color:var(--ink)}.mg-info-name em{display:block;font-style:normal;font-weight:400;font-size:.72rem;color:#6b4a2a}.mg-toast{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:40;padding:10px 18px;border-radius:999px;background:#1e140ae0;color:var(--hanji);font-weight:700;pointer-events:none;animation:mgToast 1.6s ease-out both}@keyframes mgToast{0%{opacity:0;transform:translate(-50%,-30%)}12%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.mg-labor{width:20px;height:20px;object-fit:contain}.mg-labor-text{font-size:.72rem;opacity:.85}.mg-finger:after{content:"";width:34%;height:34%;margin-bottom:8%;border-radius:50%;background:#fff8e8eb;box-shadow:0 0 0 3px #b0281bd9}.mg.yr .mg-bg{filter:blur(6px) brightness(.62) sepia(.3)}.mg.yr .mg-board{border-radius:12px;background:#f3e2ba47;box-shadow:0 0 0 5px #f3e2ba47}.mg.yr .mg-cell.junk{background:repeating-linear-gradient(35deg,rgba(60,40,20,.22) 0 4px,transparent 4px 9px),linear-gradient(160deg,#9a8058,#77603f)}.mg.yr .mg-cell.junk .mg-cover-art{filter:brightness(1.45) saturate(1.1) contrast(.95)}.mg.yr .mg-cell.web .mg-tile{filter:grayscale(.45) brightness(.95)}