.mf{color-scheme:dark;--bg:#0f0c15;--bg-2:#18121f;--panel:rgba(27,21,34,0.9);--panel-solid:#1d1725;--panel-border:#5c4630;--panel-glow:rgba(226,184,102,0.35);--gold:#e6bd6a;--gold-2:#b8893d;--gold-deep:#6e4c1f;--text:#f2e8d4;--muted:#a8998a;--danger:#e2574c;--ok:#6fcf6a;--sky-top:#070b1f;--sky-mid:#1c2350;--sky-low:#6b3f55;--mtn-far:#2a2d55;--mtn-mid:#1e2140;--mtn-near:#15172c;--ground-top:#2f3d25;--ground-bot:#120f0b;--grass:#41602c;--stars:1;--night:1;--scene-filter:brightness(0.86) saturate(0.95);--win:#ffc75a;--ore:#d4553a;--mana:#4b80e4;--troops:#4aa549;--shadow:0 10px 30px rgba(0,0,0,0.55)}.light .mf{color-scheme:light;--bg:#efe5d1;--bg-2:#e4d6bb;--panel:rgba(255,250,238,0.92);--panel-solid:#fbf4e4;--panel-border:#c6a466;--panel-glow:rgba(176,120,30,0.35);--gold:#8f5f16;--gold-2:#b07a2a;--gold-deep:#6e4c1f;--text:#2a1f12;--muted:#776550;--danger:#c23b2f;--ok:#2f8a2c;--sky-top:#5aa3e0;--sky-mid:#9fd0f1;--sky-low:#f6e3bd;--mtn-far:#9cbad0;--mtn-mid:#86a9a6;--mtn-near:#6b9378;--ground-top:#6f9d3d;--ground-bot:#4b3a22;--grass:#86b84b;--stars:0;--night:0;--scene-filter:none;--win:#3b2c1f;--shadow:0 10px 26px rgba(70,45,10,0.25)}.mf,.mf *{box-sizing:border-box}.mf{color:var(--text);font-family:var(--mf-body),system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}.mf button{font:inherit;color:inherit;cursor:pointer}.mf .display{font-family:var(--mf-display),Georgia,serif;font-weight:700;letter-spacing:.02em}.mf .icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--panel-border);background:var(--panel);transition:transform .15s,border-color .15s,background .15s}.mf .icon-btn:hover{border-color:var(--gold)}.mf .icon-btn:active{transform:scale(.94)}.mf .icon-btn svg{width:19px;height:19px}.mf .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-solid);font-weight:700;transition:transform .15s,filter .15s,border-color .15s}.mf .btn:hover{border-color:var(--gold)}.mf .btn:active{transform:scale(.97)}.mf .btn--gold{border:1px solid #f3d08a;color:#2b1a05;background:linear-gradient(180deg,#f6d68c,#d9a24a 55%,#b37a2c);box-shadow:0 6px 18px rgba(217,162,74,.35),inset 0 1px 0 rgba(255,255,255,.6)}.mf .btn--gold:hover{filter:brightness(1.06)}.mf .btn--danger{color:var(--danger)}.mf .game{height:calc(100svh - var(--header-h, 0px));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top" "hud" "scene" "hand";background:radial-gradient(120% 80% at 50% 0,var(--bg-2),var(--bg));overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.mf .topbar{grid-area:top;display:flex;align-items:center;gap:10px;padding:8px 12px}.mf .topbar__title{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;line-height:1.1}.mf .topbar__title .display{font-size:20px;color:var(--gold)}.mf .topbar__goal{font-size:13px;color:var(--muted);white-space:nowrap}.mf .topbar__goal b{color:var(--text)}.mf .topbar__actions{display:flex;gap:6px}.mf .hud{grid-area:hud;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 12px 8px}.mf .scene-wrap{grid-area:scene;position:relative;min-height:0;margin:0 12px;border-radius:16px;overflow:hidden;border:1px solid var(--panel-border);box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.04);background:var(--sky-top)}.mf .hand-wrap{grid-area:hand;position:relative;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.mf .panel{position:relative;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel);padding:8px 10px;transition:box-shadow .3s,border-color .3s;min-width:0}.mf .panel.is-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px var(--panel-glow)}.mf .panel__head{display:flex;align-items:center;gap:8px;min-width:0}.mf .panel--right .panel__head{flex-direction:row-reverse}.mf .avatar{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:800;font-size:14px;color:#fff;border:2px solid var(--gold-2)}.mf .panel--left .avatar{background:linear-gradient(160deg,#c9473a,#6d1e19)}.mf .panel--right .avatar{background:linear-gradient(160deg,#4d7fd6,#1d3770)}.mf .panel__name{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mf .panel__tw{margin-inline-start:auto;display:flex;gap:10px;font-size:13px;color:var(--muted);white-space:nowrap}.mf .panel--right .panel__tw{margin-inline-start:0;margin-inline-end:auto}.mf .panel__tw b{color:var(--text);font-size:15px}.mf .panel__tw span{display:inline-flex;align-items:center;gap:3px}.mf .panel__tw svg{width:14px;height:14px}.mf .res-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.mf .res{--c:var(--ore);position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;border-radius:10px;padding:5px 8px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 34%,transparent),color-mix(in srgb,var(--c) 12%,transparent));border:1px solid color-mix(in srgb,var(--c) 55%,transparent);min-width:0}.mf .res--mana{--c:var(--mana)}.mf .res--troops{--c:var(--troops)}.mf .res__prod{display:flex;align-items:center;gap:4px;font-weight:800;font-size:18px}.mf .res__prod svg{width:17px;height:17px;color:color-mix(in srgb,var(--c) 70%,white)}.mf .res__stock{text-align:right;line-height:1;min-width:0}.mf .res__stock b{display:block;font-size:17px}.mf .res__stock small{font-size:11px;color:var(--muted)}.mf .res .bump{animation:bump .5s ease}.mf .delta{position:absolute;top:-6px;right:6px;font-weight:800;font-size:14px;pointer-events:none;animation:delta-up 1.3s ease-out forwards;text-shadow:0 1px 3px rgba(0,0,0,.6)}.mf .delta.up{color:var(--ok)}.mf .delta.down{color:var(--danger)}.mf .opp-hand{display:flex;gap:2px}.mf .opp-hand i{width:10px;height:14px;border-radius:2px;background:linear-gradient(160deg,#4a3520,#241811);border:1px solid var(--gold-2)}@keyframes bump{30%{transform:scale(1.3)}}@keyframes delta-up{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-22px)}}.mf .scene-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.mf .scene-svg.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}.mf .fx-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.mf .buildings{filter:var(--scene-filter)}.mf .rise{transition:transform 1.05s cubic-bezier(.2,.85,.25,1)}.mf .hit-shake{animation:tower-hit .5s ease}.mf .flag{transform-box:fill-box;transform-origin:left center;animation:flag 2.4s ease-in-out infinite}.mf .window-light{animation:flicker 3.2s ease-in-out infinite}.mf .stars circle{animation:twinkle 3s ease-in-out infinite}.mf .stars{opacity:var(--stars);transition:opacity .6s}.mf .moon{opacity:var(--night)}.mf .sun{opacity:calc(1 - var(--night))}.mf .torch{opacity:var(--night);animation:torch .18s ease-in-out infinite alternate}.mf .cloud{animation:cloud linear infinite}.mf .float-num{transform-box:fill-box;transform-origin:center;font-family:var(--mf-body),sans-serif;font-weight:800;font-size:34px;paint-order:stroke;stroke:rgba(0,0,0,.75);stroke-width:5px;animation:float-num 1.5s ease-out forwards}.mf .float-num.up{fill:#8df07f}.mf .float-num.down{fill:#ff6a5a}.mf .plaque text{font-family:var(--mf-body),sans-serif;font-weight:800}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,2px)}40%,60%{transform:translate(6px,-1px)}}@keyframes tower-hit{0%{filter:none}15%{filter:brightness(1.8) sepia(1) saturate(4) hue-rotate(-30deg);transform:translateX(-5px)}35%{transform:translateX(5px)}55%{transform:translateX(-3px)}to{filter:none;transform:none}}@keyframes flag{0%,to{transform:skewY(0deg) scaleX(1)}50%{transform:skewY(-7deg) scaleX(.9)}}@keyframes flicker{0%,to{opacity:.85}45%{opacity:1}60%{opacity:.65}}@keyframes twinkle{50%{opacity:.25}}@keyframes torch{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes cloud{0%{transform:translateX(var(--from))}to{transform:translateX(var(--to))}}@keyframes float-num{0%{opacity:0;transform:translateY(10px) scale(.6)}15%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-70px) scale(1)}}.mf .turn-badge{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-border);font-weight:800;font-size:14px;white-space:nowrap;z-index:3;box-shadow:var(--shadow)}.mf .turn-badge.mine{border-color:var(--gold);color:var(--gold)}.mf .turn-badge .timer{font-variant-numeric:tabular-nums;color:var(--muted)}.mf .turn-badge .timer.low{color:var(--danger);animation:bump 1s infinite}.mf .dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.mf .timer-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--gold);border-radius:3px;transition:width .25s linear}.mf .tablecards{position:absolute;left:50%;top:52px;transform:translateX(-50%);display:flex;justify-content:center;z-index:2;pointer-events:none;--card-w:clamp(70px,13vw,132px)}.mf .table__slot{--pc:#d9483a;--pc-glow:rgba(255,120,90,0.7);position:relative;width:var(--card-w);margin-inline:calc(var(--card-w) * -.18);margin-top:var(--lift,0)}.mf .table__slot.p1{--pc:#3f7ae0;--pc-glow:rgba(110,160,255,0.7)}.mf .table__card{position:relative;rotate:var(--tilt,0deg)}.mf .table__slot .card{box-shadow:0 12px 26px rgba(0,0,0,.55)}.mf .table__slot.discarded .card{filter:grayscale(.9) brightness(.65)}.mf .table__tag{position:absolute;left:50%;bottom:10%;transform:translateX(-50%) rotate(-8deg);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#2a1b12;color:#f0c99a;border:1px solid #a8743d;white-space:nowrap}.mf .table__who{position:absolute;top:-9px;left:50%;transform:translateX(-50%);z-index:2;width:18px;height:18px;border-radius:50%;border:2px solid var(--gold-2)}.mf .table__who.p0{background:#b83b30}.mf .table__who.p1{background:#3a69c0}.mf .table__ring{position:absolute;inset:0;z-index:3;border-radius:7%/5%;box-shadow:0 0 0 3px var(--pc),0 0 22px 4px var(--pc-glow);opacity:0;pointer-events:none}.mf .table__slot.ghost{position:absolute;margin:0;animation:table-ghost calc(.42s * var(--throw-k, 1)) ease-in both}@keyframes table-ghost{to{opacity:0;transform:translateY(-8px) scale(.86)}}@keyframes land-ring{0%{opacity:.95;transform:scale(.97)}to{opacity:0;transform:scale(1.2)}}@keyframes ring-flight{0%{opacity:.45;transform:none}64%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(1.22)}}.mf .table__slot.throw-classic{animation:table-in-me calc(.45s * var(--throw-k, 1)) cubic-bezier(.2,.9,.3,1.15) both}.mf .table__slot.throw-classic.p1{animation-name:table-in-opp}@keyframes table-in-me{0%{opacity:0;transform:translateY(160%) scale(.7) rotate(8deg)}}@keyframes table-in-opp{0%{opacity:0;transform:translateY(-140%) scale(.7) rotate(-10deg)}}.mf .table__slot.throw-arc{animation:throw-x calc(.7s * var(--throw-k, 1)) cubic-bezier(.35,.15,.45,1) both}.mf .table__slot.throw-flip{animation:throw-x calc(.62s * var(--throw-k, 1)) cubic-bezier(.35,.15,.45,1) both}.mf .throw-arc .table__card{animation:arc-y calc(.7s * var(--throw-k, 1)) linear both}.mf .throw-arc .table__ring{animation:ring-flight calc(.92s * var(--throw-k, 1)) ease-out both}@keyframes throw-x{0%{transform:translateX(var(--fx))}to{transform:none}}@keyframes arc-y{0%{opacity:0;transform:translateY(var(--fy)) scale(.22) rotate(calc(var(--dir) * -24deg));animation-timing-function:cubic-bezier(.2,.65,.4,1)}8%{opacity:1}46%{transform:translateY(calc(var(--fy) * .32 - 64px)) scale(.7) rotate(calc(var(--dir) * 7deg));animation-timing-function:cubic-bezier(.55,0,.8,.6)}84%{transform:translateY(5px) scale(1.04) rotate(calc(var(--dir) * -1deg));animation-timing-function:ease-out}to{opacity:1;transform:none}}.mf .table__slot.throw-slide{animation:slide-x calc(.7s * var(--throw-k, 1)) cubic-bezier(.3,.7,.2,1) both}.mf .throw-slide .table__card{--hide-l:calc(max(0, var(--dir)) * 100%);--hide-r:calc(max(0, -1 * var(--dir)) * 100%);animation:slide-y calc(.7s * var(--throw-k, 1)) both}@keyframes slide-x{0%{transform:translateX(var(--sx))}to{transform:none}}@keyframes slide-y{0%{transform:translateY(var(--sy)) scale(.5);clip-path:inset(0 var(--hide-r) 0 var(--hide-l));animation-timing-function:linear}28%{transform:translateY(var(--sy)) scale(.54);clip-path:inset(0 0 0 0);animation-timing-function:cubic-bezier(.45,0,.2,1)}29%{clip-path:none}90%{transform:translateY(-3px) scale(1.02)}to{transform:none;clip-path:none}}.mf .throw-flip .table__card{perspective:900px;animation:flip-y calc(.62s * var(--throw-k, 1)) cubic-bezier(.25,.7,.3,1) both}.mf .throw-flip .table__flipper{animation:flip-turn calc(.82s * var(--throw-k, 1)) both}.mf .throw-flip .table__ring{animation:ring-flight calc(1.15s * var(--throw-k, 1)) ease-out both}.mf .table__flipper{position:relative;transform-style:preserve-3d}.mf .table__back,.mf .table__face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.mf .table__back{position:absolute;inset:0;display:grid;place-items:center;border-radius:7%/5%;transform:rotateY(180deg);background:radial-gradient(circle at 50% 42%,#5a3a1c,#23160c 72%);border:3px solid #c9974a;box-shadow:inset 0 0 0 3px #2a1a0d,inset 0 0 0 6px var(--pc),0 12px 26px rgba(0,0,0,.55)}.mf .table__emblem{display:grid;place-items:center;width:44%;aspect-ratio:1;border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--pc) 70%,white),var(--pc) 60%,color-mix(in srgb,var(--pc) 60%,black));border:2px solid #f0cf86;box-shadow:0 0 18px var(--pc-glow)}.mf .table__emblem svg{width:56%;height:56%}@keyframes flip-y{0%{opacity:0;transform:translateY(var(--fy)) scale(.3) rotate(calc(var(--dir) * -12deg))}12%{opacity:1}to{opacity:1;transform:none}}@keyframes flip-turn{0%,62%{transform:rotateY(180deg)}84%{transform:rotateY(-14deg) scale(1.06)}to{transform:none}}.mf .table__trail{position:absolute;left:calc(50% + var(--fx));top:calc(50% + var(--fy));z-index:0;width:var(--dist);height:10px;margin-top:-5px;border-radius:999px;transform-origin:0 50%;rotate:var(--ang);background:linear-gradient(90deg,transparent,var(--pc-glow) 45%,var(--pc) 80%,#fff 97%,transparent);box-shadow:0 0 16px var(--pc-glow);pointer-events:none;animation:comet-trail calc(.52s * var(--throw-k, 1)) cubic-bezier(.35,.6,.3,1) both}.mf .throw-comet .table__card{z-index:1;animation:comet-card calc(.58s * var(--throw-k, 1)) ease-out both}.mf .throw-comet .table__ring{animation:land-ring calc(.5s * var(--throw-k, 1)) ease-out calc(.3s * var(--throw-k, 1)) forwards}@keyframes comet-trail{0%{opacity:1;transform:scaleX(0);clip-path:inset(0 0 0 0)}55%{transform:scaleX(1);clip-path:inset(0 0 0 0)}to{opacity:.3;transform:scaleX(1);clip-path:inset(0 0 0 100%)}}@keyframes comet-card{0%,40%{opacity:0;transform:scale(.55);filter:brightness(2.4) saturate(.4)}62%{opacity:1;transform:scale(1.08);filter:brightness(1.6)}to{opacity:1;transform:none;filter:none}}.mf .table__slot.throw-banner{animation:banner-drop calc(.56s * var(--throw-k, 1)) cubic-bezier(.3,.7,.3,1) both}.mf .table__ribbon{position:absolute;left:50%;bottom:-12px;z-index:4;max-width:150%;padding:3px 16px 4px;font-size:12px;font-weight:800;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6);background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 80%,white),var(--pc) 55%,color-mix(in srgb,var(--pc) 65%,black));clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%,8px 50%);filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));pointer-events:none;animation:ribbon calc(2.8s * var(--throw-k, 1)) cubic-bezier(.3,.7,.3,1) both}@keyframes banner-drop{0%{opacity:0;transform:translate(calc(var(--dir) * -46px),-95px) scale(1.16) rotate(calc(var(--dir) * -7deg))}58%{opacity:1;transform:translateY(5px) scale(.98)}80%{transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:none}}@keyframes ribbon{0%,16%{opacity:0;transform:translateX(-50%) scaleX(0)}27%{opacity:1;transform:translateX(-50%) scaleX(1.06)}33%,84%{opacity:1;transform:translateX(-50%) scaleX(1)}to{opacity:0;transform:translateX(-50%) translateY(6px)}}.mf .launch-aura,.mf .launch-ring{transform-box:fill-box;transform-origin:center;opacity:0}.mf .launch-aura{animation:launch-aura calc(.95s * var(--throw-k, 1)) ease-out both}.mf .launch-ring{animation:launch-ring calc(.7s * var(--throw-k, 1)) ease-out both}@keyframes launch-aura{0%{opacity:0;transform:scale(.85)}22%{opacity:1}to{opacity:0;transform:scale(1.08)}}@keyframes launch-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.mf .card{--frame-a:#8a5a2b;--frame-b:#e3b765;--frame-c:#5a3a19;--tint:#7a2a1e;--gem:var(--ore);container-type:inline-size;position:relative;width:100%;aspect-ratio:5/7;border-radius:7%/5%;background:linear-gradient(145deg,var(--frame-a),var(--frame-b) 28%,var(--frame-c) 55%,var(--frame-b) 80%,var(--frame-a));box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,230,170,.35);color:#2b1a0c;transition:transform .18s ease,box-shadow .18s ease,filter .25s}.mf .card--blue{--frame-a:#3e4f6e;--frame-b:#c9b27a;--frame-c:#273249;--tint:#1f3c73;--gem:var(--mana)}.mf .card--green{--frame-a:#3f5a2e;--frame-b:#cdb070;--frame-c:#26361b;--tint:#2c5523;--gem:var(--troops)}.mf .card__inner{position:absolute;inset:4%;border-radius:6%/4.3%;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 70%,#120b06),#140d08);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6)}.mf .card__title{flex:none;height:17%;display:grid;place-items:center;padding:0 5%;text-align:center;font-family:var(--mf-display),Georgia,serif;font-weight:700;font-size:calc(10cqw * var(--title-scale, 1));line-height:.95;color:#f6dc9c;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),linear-gradient(90deg,transparent,color-mix(in srgb,var(--tint) 60%,transparent),transparent);border-bottom:1px solid rgba(232,190,110,.5)}.mf .card__art{position:relative;flex:none;height:47%;margin:3% 4% 0;border-radius:4%;overflow:hidden;border:1px solid rgba(232,190,110,.75);box-shadow:inset 0 0 12px rgba(0,0,0,.8);background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--gem) 35%,#e9dfc8),color-mix(in srgb,var(--gem) 25%,#7d6a52))}.mf .card__art img{width:100%;height:100%;object-fit:cover;display:block}.mf .art-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--gem) 75%,white) 0,var(--gem) 22%,color-mix(in srgb,var(--tint) 85%,black) 62%,#050302 100%);filter:hue-rotate(var(--hue,0deg))}.mf .art-fallback .runes{position:absolute;inset:6%;width:88%;height:88%;opacity:.45;animation:spin 40s linear infinite}.mf .art-fallback .glyph{position:relative;width:44%;height:44%;color:#fff6dc;filter:drop-shadow(0 0 6px rgba(255,230,160,.9)) drop-shadow(0 2px 2px rgba(0,0,0,.6))}@keyframes spin{to{transform:rotate(1turn)}}.mf .card__text{flex:1;display:grid;place-items:center;margin:4% 4% 4.5%;padding:3% 5%;border-radius:4%;text-align:center;font-weight:700;font-size:calc(8cqw * var(--text-scale, 1) * var(--text-boost, 1));line-height:1.12;color:#3a2410;background:radial-gradient(120% 90% at 50% 40%,#f3e6c4,#dcc596 70%,#c9ad78);box-shadow:inset 0 0 8px rgba(110,70,20,.45)}.mf .card__cost{right:6%;width:25%;place-items:center;border-radius:50%;font-weight:800;font-size:12.5cqw;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--gem) 40%,white),var(--gem) 45%,color-mix(in srgb,var(--gem) 55%,black));border:2px solid #f0cf86;box-shadow:0 2px 6px rgba(0,0,0,.6),inset 0 -2px 4px rgba(0,0,0,.35)}.mf .card__again,.mf .card__cost{position:absolute;top:19%;aspect-ratio:1;display:grid;z-index:1}.mf .card__again{left:6%;width:19%;place-items:center;border-radius:50%;background:rgba(20,12,6,.8);border:1px solid #f0cf86;color:#f6dc9c}.mf .card__again svg{width:62%;height:62%}.mf .card.is-poor .card__inner{filter:grayscale(.85) brightness(.6)}.mf .card.is-poor .card__cost{border-color:var(--danger);filter:grayscale(.6)}.mf .card-back{position:relative;width:100%;aspect-ratio:5/7;border-radius:7%/5%;background:radial-gradient(circle at 50% 45%,#5a3a1c,#23160c 70%);border:3px solid #b98a3e;box-shadow:inset 0 0 0 3px #2a1a0d,inset 0 0 0 4px #b98a3e}.mf .hand{--card-w:min(168px,calc((100vw - 90px) / (var(--count, 6) + 0.2)),19vh);display:flex;justify-content:center;gap:10px}.mf .hand__slot{position:relative;width:var(--card-w);flex:none;border:0;padding:0;background:none;border-radius:8px;animation:deal .45s cubic-bezier(.2,.9,.3,1.1) both;touch-action:manipulation}.mf .hand__gap{visibility:hidden;pointer-events:none;animation:none}.mf .hand__gap .card{display:block;box-shadow:none}.mf .hand__slot:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.mf .hand.locked .hand__slot{cursor:default}@media (hover:hover) and (pointer:fine){.mf .hand:not(.locked) .hand__slot:hover .card{transform:translateY(-9%) scale(1.05);box-shadow:0 16px 30px rgba(0,0,0,.5),0 0 0 2px var(--gold),0 0 24px var(--panel-glow)}.mf .hand:not(.locked) .hand__slot:hover .card.is-poor{box-shadow:0 16px 30px rgba(0,0,0,.5),0 0 0 2px var(--danger)}}.mf .hand__slot.selected .card{transform:translateY(-8%) scale(1.04);box-shadow:0 16px 30px rgba(0,0,0,.5),0 0 0 3px var(--gold),0 0 26px var(--panel-glow)}.mf .hand__slot.denied .card{animation:denied .4s}.mf .hand__discard{position:absolute;left:50%;bottom:-6px;transform:translate(-50%,4px);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#2a1b12;color:#f0c99a;border:1px solid #a8743d;opacity:0;transition:opacity .15s,transform .15s;z-index:2;white-space:nowrap}@media (hover:hover) and (pointer:fine){.mf .hand:not(.locked) .hand__slot:hover .hand__discard{opacity:1;transform:translate(-50%)}}.mf .hand-hint{text-align:center;font-size:12px;color:var(--muted);margin-top:8px;min-height:15px}.mf .hand-hint.alert{color:var(--gold);font-weight:800;font-size:14px}@keyframes deal{0%{opacity:0;transform:translateY(40px) rotate(6deg)}}@keyframes denied{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.mf .preview{position:fixed;inset:0;z-index:40;display:grid;place-items:center;align-content:center;gap:16px;padding:20px;background:rgba(5,3,8,.6);backdrop-filter:blur(3px);animation:fade .2s ease}.mf .preview__card{width:min(62vw,270px,38vh);animation:pop .25s cubic-bezier(.2,.9,.3,1.2)}.mf .preview__actions{display:flex;gap:10px}.mf .preview__note{color:#ffb0a6;font-weight:700;text-align:center}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.7);opacity:0}}.mf .modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(5,3,8,.65);backdrop-filter:blur(4px);animation:fade .3s ease}.mf .modal{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:20px;border:1px solid var(--panel-border);background:var(--panel-solid);box-shadow:var(--shadow);padding:26px 22px 22px;text-align:center;animation:pop .35s cubic-bezier(.2,.9,.3,1.2)}.mf .modal h2{margin:0;font-size:40px;color:var(--gold)}.mf .modal p{color:var(--muted);margin:8px 0 18px}.mf .modal__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.mf .modal__stats div{border:1px solid var(--panel-border);border-radius:12px;padding:8px}.mf .modal__stats b{display:block;font-size:20px}.mf .modal__stats small{color:var(--muted)}.mf .modal__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.mf .modal--text{text-align:left;width:min(620px,100%)}.mf .modal--text h2{font-size:30px;text-align:center}.mf .modal--text h3{margin:18px 0 6px;color:var(--gold)}.mf .modal--text li,.mf .modal--text p{color:var(--text);line-height:1.45;margin:4px 0}.mf .drawer{position:fixed;top:0;right:0;bottom:0;z-index:45;width:min(340px,88vw);display:flex;flex-direction:column;background:var(--panel-solid);border-left:1px solid var(--panel-border);box-shadow:var(--shadow);animation:slide-in .25s ease}.mf .drawer header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--panel-border)}.mf .drawer header .display{font-size:22px;color:var(--gold)}.mf .drawer ol{list-style:none;margin:0;padding:8px 12px 20px;overflow:auto;display:flex;flex-direction:column-reverse;gap:6px}.mf .drawer li{display:flex;gap:8px;align-items:baseline;font-size:14px;padding:6px 8px;border-radius:8px;background:color-mix(in srgb,var(--text) 5%,transparent)}.mf .drawer li .t{color:var(--muted);font-size:12px;min-width:34px}.mf .drawer li .who0{color:#e07062;font-weight:800}.mf .drawer li .who1{color:#6f9cf0;font-weight:800}.mf .drawer li .txt{color:var(--muted)}@keyframes slide-in{0%{transform:translateX(100%)}}.mf .menu{display:grid;place-items:start center;padding:max(24px,env(safe-area-inset-top)) 16px 32px;background:radial-gradient(90% 60% at 50% 0,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%),radial-gradient(120% 80% at 50% 0,var(--bg-2),var(--bg));overflow:auto;height:100%;user-select:none}.mf .menu__inner{width:min(980px,100%)}.mf .menu__top{display:flex;justify-content:flex-end;gap:6px}.mf .logo{text-align:center;margin:4px 0 22px}.mf .logo svg{width:120px;height:84px}.mf .logo h1{margin:0;font-size:clamp(42px,9vw,72px);line-height:1;background:linear-gradient(180deg,#ffe6a8,#e0a64a 55%,#9a6420);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.light .mf .logo h1{background:linear-gradient(180deg,#b47a26,#7a4c10);-webkit-background-clip:text;background-clip:text}.mf .logo p{margin:6px 0 0;color:var(--muted)}.mf .menu h2{font-size:22px;margin:22px 0 10px;color:var(--gold)}.mf .sectors{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.mf .sector{text-align:left;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel);padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s}.mf .sector:hover{border-color:var(--gold-2)}.mf .sector.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 20px var(--panel-glow)}.mf .sector__name{font-size:20px;color:var(--text)}.mf .sector__row{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:13px;color:var(--muted)}.mf .sector__row b{color:var(--text)}.mf .sector__row .ore{color:var(--ore)}.mf .sector__row .mana{color:var(--mana)}.mf .sector__row .troops{color:var(--troops)}.mf .sector__win{margin-top:8px;font-size:13px;color:var(--gold);font-weight:700}.mf .options{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:6px 18px}.mf .seg{display:flex;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);padding:3px;gap:3px}.mf .seg button{flex:1;min-height:40px;border:0;border-radius:9px;background:transparent;font-weight:700;font-size:14px;color:var(--muted);transition:background .15s,color .15s}.mf .seg button.on{background:linear-gradient(180deg,#f6d68c,#d9a24a);color:#2b1a05}.mf .name-input{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font:inherit;font-size:16px;padding:0 14px;user-select:text}.mf .name-input:focus{outline:none;border-color:var(--gold)}.mf .art-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.mf .art-set{display:flex;flex-direction:column;gap:6px;padding:6px 6px 8px;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel);font-weight:700;transition:border-color .15s,box-shadow .15s}.mf .art-set img{object-fit:cover}.mf .art-set img,.mf .art-set__empty{width:100%;aspect-ratio:3/2;border-radius:9px;display:block;background:var(--bg-2)}.mf .art-set:hover{border-color:var(--gold-2)}.mf .art-set.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 20px var(--panel-glow);color:var(--gold)}.mf .menu__start{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px}.mf .menu__start .btn--gold{min-width:240px;min-height:54px;font-size:18px}.mf .menu__cards{display:flex;justify-content:center;margin:0 auto 6px;height:120px}.mf .menu__cards .card{width:86px;margin:0 -14px;transform-origin:bottom center}@media (max-width:720px) and (orientation:portrait){.mf .topbar{padding:6px 8px;gap:6px}.mf .topbar__title{flex-direction:column;gap:1px}.mf .topbar__title .display{font-size:17px}.mf .topbar__goal{font-size:11px}.mf .topbar__goal .long{display:none}.mf .topbar__actions{gap:4px}.mf .icon-btn{width:32px;height:32px;border-radius:9px}.mf .icon-btn svg{width:17px;height:17px}.mf .hud{padding:0 8px 6px;gap:6px}.mf .panel{padding:6px 7px}.mf .avatar{width:24px;height:24px;font-size:12px}.mf .panel__name{font-size:13px}.mf .panel__tw{display:none}.mf .res-row{gap:4px;margin-top:6px}.mf .res{padding:5px;gap:2px;border-radius:8px}.mf .res__prod{font-size:13px;gap:2px}.mf .res__prod svg{width:13px;height:13px}.mf .res__stock b{font-size:16px}.mf .res__stock small{display:none}.mf .scene-wrap{margin:0 8px;border-radius:12px}.mf .hand-wrap{padding:8px 8px calc(6px + env(safe-area-inset-bottom))}.mf .hand{--card-w:calc(min(calc((100vw - 36px) / 3), 17.5vh) * var(--hand-k, 1));display:grid;grid-template-columns:repeat(3,var(--card-w));justify-content:center;gap:8px 10px}.mf .hand[data-count="7"],.mf .hand[data-count="8"]{--card-w:calc(min(calc((100vw - 46px) / 4), 14vh) * var(--hand-k, 1));grid-template-columns:repeat(4,var(--card-w))}.mf .hand[data-count="9"]{--card-w:calc(min(calc((100vw - 54px) / 5), 12vh) * var(--hand-k, 1));grid-template-columns:repeat(5,var(--card-w))}.mf .hand-hint{display:none}.mf .hand-hint.alert{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:6;display:block;width:max-content;max-width:calc(100% - 24px);margin:0;padding:6px 14px;border-radius:999px;border:1px solid #f0cf86;background:rgba(28,18,10,.92);box-shadow:0 6px 18px rgba(0,0,0,.45);transform:translateX(-50%);pointer-events:none}.mf .tablecards{top:46px;--card-w:clamp(62px,19vw,96px)}.mf .turn-badge{font-size:12px;padding:4px 10px;top:8px}.mf .float-num{font-size:42px}}@media (max-height:560px) and (orientation:landscape){.mf .game{grid-template-columns:150px minmax(0,1fr) 150px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "pl scene pr" "hand hand hand"}.mf .hud{display:contents}.mf .hud>.panel--left{grid-area:pl;margin-left:8px}.mf .hud>.panel--right{grid-area:pr;margin-right:8px}.mf .panel{align-self:start;padding:6px}.mf .panel--right .panel__head{flex-direction:row}.mf .panel--right .panel__tw,.mf .panel__tw{display:flex;margin:6px 0 0;order:3;width:100%}.mf .panel__head{flex-wrap:wrap}.mf .res-row{grid-template-columns:1fr;gap:4px;margin-top:6px}.mf .res{padding:3px 7px}.mf .res__prod{font-size:15px}.mf .res__stock{display:flex;align-items:baseline;gap:4px}.mf .res__stock b{font-size:15px}.mf .opp-hand{display:none}.mf .avatar{width:24px;height:24px;font-size:12px}.mf .panel__name{font-size:13px}.mf .panel__tw{font-size:12px}.mf .topbar{padding:4px 10px}.mf .icon-btn{width:32px;height:32px}.mf .scene-wrap{margin:0}.mf .hand-wrap{padding:6px 8px calc(4px + env(safe-area-inset-bottom))}.mf .hand{--card-w:min(calc((100vw - 90px) / (var(--count, 6) + 0.2)),27vh);gap:8px}.mf .hand-hint{display:none}.mf .tablecards{top:40px;--card-w:clamp(56px,16vh,90px)}}@media (prefers-reduced-motion:reduce){.mf *,.mf :after,.mf :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mf .discard-banner{position:absolute;left:50%;top:0;z-index:5;transform:translate(-50%,-60%);max-width:calc(100% - 24px);padding:8px 18px;border-radius:999px;border:2px solid #f0cf86;background:linear-gradient(180deg,#b8362b,#6e1710);color:#fff;font-weight:800;font-size:16px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);box-shadow:0 8px 22px rgba(0,0,0,.5);animation:banner-pulse 1.6s ease-in-out infinite}@keyframes banner-pulse{50%{box-shadow:0 8px 22px rgba(0,0,0,.5),0 0 0 6px rgba(226,87,76,.35)}}.mf .game .hand.discarding .hand__slot{cursor:pointer}@media (hover:hover) and (pointer:fine){.mf .game .hand.discarding:not(.locked) .hand__slot:hover .card{box-shadow:0 0 0 3px var(--danger),0 0 22px rgba(226,87,76,.6)}}@media (max-width:720px) and (orientation:portrait){.mf .discard-banner{font-size:13px;padding:5px 12px;white-space:nowrap;transform:translate(-50%,calc(-100% + 4px))}.mf .discard-banner .long{display:none}}.mf .game.skin-valley{--side:clamp(118px,12vw,188px);--hand-w:min(218px,calc((100vw - 64px) / 6.15),26vh);grid-template-columns:var(--side) minmax(0,1fr) var(--side);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "pl scene pr" "hand hand hand"}.mf .skin-valley .hud{display:contents}.mf .skin-valley .scene-wrap{grid-area:auto;grid-row:2;grid-column:1/-1;margin:0;border:0;border-top:1px solid var(--panel-border);border-radius:0;box-shadow:none;container-type:size}.mf .side{grid-row:2;z-index:4;min-height:0;display:flex;flex-direction:column;gap:6px;padding:6px}.mf .side--left{grid-column:1}.mf .side--right{grid-column:3}.mf .side__name{flex:none;padding:4px 8px;border-radius:10px;border:1px solid #f0cf86;background:linear-gradient(180deg,#a8352b,#5a120c);color:#fff;font-weight:800;font-size:15px;text-align:center;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:box-shadow .3s}.mf .side--right .side__name{background:linear-gradient(180deg,#3468c8,#14306b)}.mf .side.is-active .side__name{box-shadow:0 0 0 2px var(--gold),0 0 18px var(--panel-glow)}.mf .tile{--c:var(--ore);container-type:size;position:relative;flex:1 1 0;min-height:0;overflow:hidden;border-radius:12px;border:2px solid color-mix(in srgb,var(--c) 35%,#f3dfae);background:radial-gradient(120% 90% at 50% 35%,color-mix(in srgb,var(--c) 88%,white),color-mix(in srgb,var(--c) 62%,black));box-shadow:inset 0 2px 0 rgba(255,255,255,.28),0 4px 10px rgba(0,0,0,.35);color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.65)}.mf .tile.res--mana{--c:var(--mana)}.mf .tile.res--troops{--c:var(--troops)}.dark .mf .tile{border-color:color-mix(in srgb,var(--c) 45%,#8a6d3e);background:radial-gradient(120% 90% at 50% 35%,color-mix(in srgb,var(--c) 72%,black),color-mix(in srgb,var(--c) 32%,black));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 12px rgba(0,0,0,.6);text-shadow:0 2px 3px rgba(0,0,0,.9)}.mf .tile__label{position:absolute;top:3%;left:0;right:0;text-align:center;font-family:var(--mf-display),Georgia,serif;font-weight:700;font-size:clamp(13px,15cqh,26px);line-height:1;color:#ffe6a8}.mf .tile__img{position:absolute;left:22%;top:22%;width:56%;height:72%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.45));pointer-events:none}.mf .tile__prod{left:7%;top:34%;font-size:clamp(15px,19cqh,32px)}.mf .tile__prod,.mf .tile__stock{position:absolute;font-weight:800;line-height:1}.mf .tile__stock{right:7%;bottom:5%;font-size:clamp(17px,22cqh,36px);font-variant-numeric:tabular-nums}.mf .side--right .tile__prod{left:auto;right:7%}.mf .side--right .tile__stock{right:auto;left:7%}.mf .tile .bump{animation:bump .5s ease}@container (max-height: 74px){.mf .tile__label{display:none}.mf .tile__img{top:8%;height:84%}.mf .tile__prod{top:6%}}.mf .goals{position:absolute;top:10px;left:calc(var(--side) + 14px);z-index:3;display:flex;gap:14px}.mf .goal{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.75);background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.6),rgba(255,255,255,.18));box-shadow:0 6px 16px rgba(0,0,0,.3)}.mf .goal svg{width:26px;height:26px;color:#6e4c1f}.mf .goal b{position:absolute;top:-6px;right:-10px;display:grid;place-items:center;min-width:32px;height:24px;padding:0 6px;border-radius:12px;border:1px solid #b08a4a;background:#fff8e8;color:#2b2013;font-size:13px}.mf .skin-valley .tablecards{top:54px;--card-w:min(calc(var(--hand-w) * 1.14 * var(--table-k, 1)),calc((100cqh - 74px) / 1.42),calc(30cqw * var(--table-k, 1)))}.mf .skin-valley .hand-wrap{border-top:3px solid #c9974a;background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 2px,transparent 2px 52px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px),linear-gradient(180deg,#4d2e18,#2c190c);box-shadow:inset 0 10px 20px rgba(0,0,0,.45);padding-top:14px}.mf .skin-valley .hand{--card-w:min(var(--hand-w),calc((100vw - 64px) / (var(--count, 6) + 0.15)));gap:14px}.mf .skin-valley .hand-hint{color:#d9bf94}.mf .hand__minus{position:absolute;left:6%;bottom:3.6%;z-index:2;display:grid;place-items:center;width:17%;aspect-ratio:1;border-radius:50%;border:1px solid #6b4a1f;background:radial-gradient(circle at 35% 30%,#f6d68c,#b37a2c);color:#3a2410;box-shadow:0 2px 4px rgba(0,0,0,.4);transition:filter .15s,transform .15s}.mf .hand__minus:hover{filter:brightness(1.12);transform:scale(1.08)}.mf .hand__minus svg{width:60%;height:60%}.mf .hand.locked .hand__minus{opacity:.5}@media not ((hover:hover) and (pointer:fine)){.mf .hand__slot{-webkit-touch-callout:none;user-select:none;container-type:inline-size}}.mf .hand__drop{z-index:3;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:800;letter-spacing:.01em;white-space:nowrap;color:#f6dfb0;background:linear-gradient(180deg,#4a2f1b,#2a1a0f);border:1px solid #b98a3e;box-shadow:0 3px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,230,170,.18);transition:filter .12s,transform .12s}.mf .hand__drop svg{width:14px;height:14px;flex:none}.mf .hand__drop:active{filter:brightness(1.25);transform:translateX(var(--drop-x,0)) translateY(var(--drop-y,0)) scale(.95)}.mf .hand.locked .hand__drop{opacity:.45}.mf .hand__drop--tab{--drop-x:-50%;--drop-y:62%;position:absolute;left:50%;bottom:0;min-width:58%;height:26px;padding:0 8px;border-radius:9px;font-size:12px;transform:translateX(-50%) translateY(62%)}.mf .hand__drop--tab:before{content:"";position:absolute;inset:-8px -6px}.mf .hand.drop-tab{row-gap:22px;padding-bottom:18px}.mf .hand__drop--bar{margin-top:4px;height:28px;border-radius:8px;font-size:12px}.mf .hand.drop-bar{row-gap:8px}@container (max-width: 96px){.mf .hand__drop .hand__drop-word{display:none}.mf .hand__drop--tab{min-width:46%}}.mf .hand.drop-swipe .hand__slot{touch-action:pan-x}.mf .hand__slot.dragging{z-index:6;animation:none;transform:translateY(var(--drag)) rotate(calc(var(--drop) * 3deg))}.mf .hand__slot.dragging .card{opacity:calc(1 - var(--drop) * .35)}.mf .hand__slot.will-drop .card{box-shadow:0 10px 24px rgba(0,0,0,.55),0 0 0 3px #e0553f}.mf .hand__swipe-label{position:absolute;inset:auto 6% 38%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:10px;font-size:12px;font-weight:800;color:#fff;background:rgba(150,34,22,calc(.35 + var(--drop) * .55));box-shadow:0 4px 12px rgba(0,0,0,.45);pointer-events:none}.mf .hand__swipe-label svg{width:18px;height:18px}.mf .hand-swipe-hint{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:6px;font-size:11px;color:var(--muted)}.mf .hand-swipe-hint svg{width:13px;height:13px}.mf .skin-valley .card{--paper:#c9d6ea;--band:#2b4f8c;background:linear-gradient(160deg,#fff7e2,#e6d09c 38%,#fff3d6 62%,#d5b97c);box-shadow:0 6px 14px rgba(0,0,0,.45)}.mf .skin-valley .card--red{--paper:#edc6be;--band:#9a2c22}.mf .skin-valley .card--green{--paper:#d0e2bf;--band:#3d6b2a}.mf .skin-valley .card__inner{inset:3.5%;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 80%,white),var(--paper));box-shadow:inset 0 0 0 1px rgba(90,60,20,.45)}.mf .skin-valley .card__title{height:16%;font-family:var(--mf-body),system-ui,sans-serif;font-weight:800;font-size:calc(8.4cqw * var(--title-scale, 1));text-transform:uppercase;letter-spacing:.02em;line-height:1;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.45);background:linear-gradient(180deg,color-mix(in srgb,var(--band) 80%,white),var(--band));border-bottom:2px solid rgba(255,240,200,.75)}.mf .skin-valley .card__art{margin-top:4%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 3px rgba(0,0,0,.35)}.mf .skin-valley .card__text{margin:2% 4% 15%;padding:2% 3%;background:none;box-shadow:none;color:#22180d;font-size:calc(8.6cqw * var(--text-scale, 1) * var(--text-boost, 1))}.mf .skin-valley .card__cost{top:auto;bottom:3.6%;right:6%;width:17%;border:2px solid var(--band);background:radial-gradient(circle at 35% 30%,#fff,#ece2cc);color:#2b2013;font-size:9.5cqw;text-shadow:none}.mf .skin-valley .card__again{top:22%}.mf .skin-valley .card.is-poor .card__inner{filter:none;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 40%,white),color-mix(in srgb,var(--paper) 50%,#f1ede6))}.mf .skin-valley .card.is-poor .card__title{background:linear-gradient(180deg,#9a9a9a,#626262)}.mf .skin-valley .card.is-poor .art-fallback,.mf .skin-valley .card.is-poor .card__art img{filter:grayscale(1) brightness(.95)}.mf .skin-valley .card.is-poor .card__cost{filter:none}.mf .skin-valley .card__title{transition:filter .15s ease}@media (hover:hover) and (pointer:fine){.mf .skin-valley .hand:not(.locked) .hand__slot:hover .card{transform:none}.mf .skin-valley .hand:not(.locked) .hand__slot:hover .card__title{filter:brightness(.78) contrast(1.25)}}.mf .skin-valley .hand__slot.selected .card{transform:none}.mf .skin-valley .hand__slot.selected .card__title{filter:brightness(.78) contrast(1.25)}@media (max-width:720px) and (orientation:portrait){.mf .game.skin-valley{--hand-w:min(calc((100vw - 32px) / 3),19.5vh);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top top" "pl pr" "scene scene" "hand hand"}.mf .skin-valley .side{flex-direction:row;flex-wrap:wrap;gap:4px;padding:0 4px 6px}.mf .skin-valley .side--right{grid-column:2}.mf .skin-valley .scene-wrap{grid-row:3}.mf .skin-valley .side__name{flex:1 0 100%;padding:2px 6px;font-size:13px}.mf .skin-valley .tile{height:62px;border-radius:9px}.mf .goals{left:8px;gap:10px}.mf .goal{width:42px;height:42px}.mf .goal svg{width:19px;height:19px}.mf .goal b{font-size:11px;height:20px;min-width:26px}.mf .skin-valley .hand{--card-w:calc(var(--hand-w) * var(--hand-k, 1));gap:6px 8px}.mf .skin-valley .hand[data-count="7"],.mf .skin-valley .hand[data-count="8"]{--card-w:calc(min(calc((100vw - 40px) / 4), 15vh) * var(--hand-k, 1));gap:6px}.mf .skin-valley .hand[data-count="9"]{--card-w:calc(min(calc((100vw - 46px) / 5), 12vh) * var(--hand-k, 1));gap:6px}.mf .skin-valley .hand-wrap{padding:8px 8px calc(6px + env(safe-area-inset-bottom))}.mf .skin-valley .tablecards{top:52px}}@media (max-height:560px) and (orientation:landscape){.mf .game.skin-valley{--side:112px;--hand-w:min(calc((100vw - 60px) / 6.2),27vh);grid-template-columns:var(--side) minmax(0,1fr) var(--side)}.mf .skin-valley .side{gap:4px;padding:4px}.mf .skin-valley .side__name{font-size:12px;padding:2px 6px}.mf .skin-valley .hand{gap:8px}.mf .skin-valley .hand-wrap{padding-top:8px}.mf .goals{display:none}.mf .skin-valley .tablecards{top:44px}}.mf .legend *{pointer-events:none}.mf .legend-dim{opacity:0;animation:legend-dim 2.3s ease forwards}@keyframes legend-dim{12%,70%{opacity:.58}to{opacity:0}}.mf .legend-title{font-family:var(--mf-display),Georgia,serif;font-weight:700;font-size:62px;letter-spacing:.06em;paint-order:stroke;stroke:rgba(0,0,0,.75);stroke-width:4px;transform-box:fill-box;transform-origin:center;opacity:0;animation:legend-title 2.3s ease forwards}@keyframes legend-title{0%{opacity:0;transform:translateY(-16px) scale(.85)}12%{opacity:1;transform:none}60%{opacity:1;transform:scale(1.04)}80%,to{opacity:0;transform:scale(1.1)}}.mf .legend-flash{opacity:0;mix-blend-mode:screen;animation:legend-flash 2.3s linear forwards}@keyframes legend-flash{0%,66%{opacity:0}68%{opacity:.6}78%,to{opacity:0}}.mf .legend-flight{animation:legend-fly 2.3s cubic-bezier(.45,.05,.35,1) forwards}@keyframes legend-fly{0%{transform:translate(0)}41%{transform:translate(var(--hx),var(--hy))}54%{transform:translate(var(--hx),calc(var(--hy) - 10px))}67%{transform:translate(var(--hx),var(--hy))}to{transform:translate(var(--ex),var(--ey))}}.mf .legend-dragon{filter:drop-shadow(0 0 10px rgba(255,110,30,.95)) drop-shadow(0 0 22px rgba(255,60,0,.5))}.mf .legend-wing{transform-box:view-box;transform-origin:24px -12px;animation:legend-flap .34s ease-in-out infinite alternate}.mf .legend-wing.far{animation-delay:-.17s}@keyframes legend-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.35)}}.mf .legend-eyeglow{animation:flicker .5s ease-in-out infinite}.mf .legend-breath{opacity:0;animation:legend-breath 2.3s linear forwards}.mf .legend-breath path{animation:legend-flame .09s steps(2) infinite alternate}@keyframes legend-breath{0%,40%{opacity:0}44%,65%{opacity:1}70%,to{opacity:0}}@keyframes legend-flame{to{opacity:.7}}.mf .legend-heart{transform-box:fill-box;transform-origin:center;opacity:0;animation:legend-heart 2.3s ease forwards}@keyframes legend-heart{0%{opacity:0;transform:scale(.2)}12%{opacity:1;transform:scale(1)}19%{transform:scale(1.2)}24%{transform:scale(1)}36%{transform:scale(1.26)}41%,62%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(1.5)}}.mf .legend-ring{transform-box:fill-box;transform-origin:center;opacity:0}.mf .legend-ring.beat0{animation:legend-ring0 2.3s ease-out forwards}.mf .legend-ring.beat1{animation:legend-ring1 2.3s ease-out forwards}@keyframes legend-ring0{0%,18%{opacity:0;transform:scale(.6)}19%{opacity:.9}34%,to{opacity:0;transform:scale(3)}}@keyframes legend-ring1{0%,35%{opacity:0;transform:scale(.6)}36%{opacity:.9}54%,to{opacity:0;transform:scale(3.4)}}.mf .legend-stream path{stroke-dasharray:1;stroke-dashoffset:1;animation:legend-stream 2.3s ease-in-out forwards}@keyframes legend-stream{0%,45%{stroke-dashoffset:1;opacity:1}60%{stroke-dashoffset:0}72%{stroke-dashoffset:0;opacity:1}84%,to{stroke-dashoffset:0;opacity:0}}.mf .legend-eye{transform-box:fill-box;transform-origin:center;opacity:0;animation:legend-eye 2.3s ease forwards}@keyframes legend-eye{0%{opacity:0;transform:scaleY(.02)}6%{opacity:1;transform:scaleY(.02)}22%,68%{opacity:1;transform:scaleY(1)}78%{opacity:1;transform:scaleY(.04)}84%,to{opacity:0;transform:scaleY(.04)}}.mf .legend-pupil{transform-box:fill-box;transform-origin:center;animation:legend-pupil 2.3s ease forwards}@keyframes legend-pupil{0%,24%{transform:scaleX(2.2)}38%,to{transform:scaleX(.55)}}.mf .legend-runes{transform-box:fill-box;transform-origin:center;opacity:0;animation:legend-runes 2.3s linear forwards}@keyframes legend-runes{0%{opacity:0;transform:rotate(0deg) scale(.8)}15%,72%{opacity:1}88%,to{opacity:0;transform:rotate(140deg) scale(1.05)}}.mf .legend-halo{opacity:0;animation:legend-halo 2.3s ease forwards}@keyframes legend-halo{20%,70%{opacity:1}88%,to{opacity:0}}.mf .legend-beam{opacity:0;mix-blend-mode:screen;animation:legend-beam 2.3s linear forwards}@keyframes legend-beam{0%,42%{opacity:0}46%,67%{opacity:1}74%,to{opacity:0}}.mf .legend-on .goals,.mf .legend-on .tablecards,.mf .legend-on .turn-badge{opacity:0;transition:opacity .25s}.mf .goals,.mf .tablecards,.mf .turn-badge{transition:opacity .4s}.mf .badge-host{position:relative}.mf .icon-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#d8453a;color:#fff;font-size:11px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--panel-solid)}.mf .drawer--chat{color:var(--text)}.mf .drawer__chat{flex:1;min-height:0}.mf .spectator-note{margin:0;padding:18px 0 12px;text-align:center;color:var(--muted);font-size:14px;letter-spacing:.04em}.mf .modal p.duel-payout{margin:-8px 0 16px;color:var(--text);font-weight:700;font-size:17px}.mf .modal p.duel-fair{display:flex;align-items:center;justify-content:center;gap:6px;margin:-6px 0 16px;font-size:12px}.mf .modal p.duel-fair code{font-size:11px;opacity:.8}.mf .topbar__caption{flex:0 1 auto;max-width:55%;min-width:0;display:flex;justify-content:center;overflow:hidden}@media (min-width:721px){.mf .topbar{position:relative}.mf .topbar__caption{position:absolute;left:50%;top:50%;max-width:40%;transform:translate(-50%,-50%)}}.mf .topbar__caption p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mf .table-stake{display:inline-flex;flex:none;align-items:center;gap:6px;margin:0;padding:5px 16px;border-radius:999px;border:1px solid rgba(226,179,77,.75);background:#140f09;color:#fff6d4;font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,228,170,.28)}.mf .topbar__caption .table-stake--top{margin-left:8px}.mf .topbar__caption>.table-stake--top:first-child{margin-left:0}.mf .table-stake__label{color:#d9c7a2;font-weight:500}.mf .table-stake__amount{font-variant-numeric:tabular-nums;font-weight:800}.mf .table-stake__icon{width:16px;height:16px}.mf .table-stake--goal{display:none}@media (max-width:720px) and (orientation:portrait){.mf .table-stake--top{display:none}.mf .table-stake--goal{display:inline-flex;align-items:center;gap:4px;margin:0 0 0 8px;padding-left:8px;border-left:1px solid color-mix(in srgb,var(--muted) 55%,transparent);white-space:nowrap}.mf .table-stake--goal .table-stake__label{display:none}.mf .table-stake--goal .table-stake__amount{color:var(--gold);font-weight:800}.mf .table-stake--goal .table-stake__icon{width:13px;height:13px}}.mf .table-notice{position:absolute;top:54px;left:50%;z-index:6;transform:translateX(-50%);max-width:calc(100% - 24px);padding:6px 14px;border-radius:999px;background:color-mix(in srgb,#b4372b 88%,transparent);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow)}@media (max-width:720px),(orientation:landscape) and (max-height:520px){.mf .game.skin-valley.cost-on-art .card{aspect-ratio:5/6.2}.mf .game.skin-valley.cost-on-art .card__title{height:18%}.mf .game.skin-valley.cost-on-art .card__art{height:50%}.mf .game.skin-valley.cost-on-art .card__text{margin-bottom:4%}.mf .game.skin-valley.cost-on-art .card__cost{top:25%;right:9%;bottom:auto;box-shadow:0 1px 4px rgba(0,0,0,.55)}}@media (max-width:720px) and (orientation:portrait){.mf .game{--hand-k:var(--phone-hand-k,1);--table-k:var(--phone-table-k,1)}.mf .game .hand[data-many]{--hand-k:var(--phone-hand7-k,1)}.mf .game.skin-valley.panels-low{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top top" "scene scene" "pl pr" "hand hand"}.mf .game.skin-valley.panels-low .scene-wrap{grid-row:2}.mf .game.skin-valley.panels-low .side{grid-row:3;margin:7px 4px 8px;padding:5px;border-radius:14px;border:1px solid rgba(240,207,134,.42);background:linear-gradient(180deg,#2c1d12,#1b120b);box-shadow:0 6px 16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,230,170,.12);transition:border-color .3s,box-shadow .3s}.mf .game.skin-valley.panels-low .side--left{margin-left:8px}.mf .game.skin-valley.panels-low .side--right{margin-right:8px}.mf .game.skin-valley.panels-low .side.is-active{border-color:var(--gold);box-shadow:0 6px 16px rgba(0,0,0,.5),0 0 0 1px var(--gold),0 0 16px var(--panel-glow)}}.mf.throw-stage{position:relative;overflow:hidden;border-radius:14px;border:1px solid var(--panel-border);background:var(--sky-top)}.mf .throw-stage__scene{--hand-w:100px;position:relative;height:300px;overflow:hidden;container-type:size}.mf .throw-stage__names{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none}.mf .throw-stage__names span{padding:2px 10px;border-radius:8px;border:1px solid #f0cf86;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(180deg,#a8352b,#5a120c)}.mf .throw-stage__names .p1{background:linear-gradient(180deg,#3468c8,#14306b)}@media (max-width:720px) and (orientation:portrait){.mf .game .hand.lay-centered[data-many],.mf .game .hand.lay-fan[data-many]{--card-w:calc(min(calc((100vw - 34px) / 4), 15.5vh) * var(--hand-k, 1));display:flex;flex-wrap:wrap;justify-content:center;column-gap:6px;--text-boost:1.08}.mf .game .hand.lay-centered[data-count="9"],.mf .game .hand.lay-fan[data-count="9"]{--card-w:calc(min(calc((100vw - 40px) / 5), 12.5vh) * var(--hand-k, 1))}.mf .game .hand.lay-fan[data-many]{padding-top:4px}.mf .game .hand.lay-fan[data-count="7"] .hand__slot:first-child,.mf .game .hand.lay-fan[data-count="8"] .hand__slot:first-child,.mf .game .hand.lay-fan[data-count="8"] .hand__slot:nth-child(5),.mf .game .hand.lay-fan[data-count="9"] .hand__slot:nth-child(6){rotate:-3deg;translate:0 7px}.mf .game .hand.lay-fan[data-count="7"] .hand__slot:nth-child(2),.mf .game .hand.lay-fan[data-count="8"] .hand__slot:nth-child(2),.mf .game .hand.lay-fan[data-count="8"] .hand__slot:nth-child(6),.mf .game .hand.lay-fan[data-count="9"] .hand__slot:nth-child(7){rotate:-1deg;translate:0 1px}.mf .game .hand.lay-fan[data-count="7"] .hand__slot:nth-child(3),.mf .game .hand.lay-fan[data-count="8"] .hand__slot:nth-child(3),.mf .game .hand.lay-fan[data-count="8"] .hand__slot:nth-child(7),.mf .game .hand.lay-fan[data-count="9"] .hand__slot:nth-child(8){rotate:1deg;translate:0 1px}.mf .game .hand.lay-fan[data-count="7"] .hand__slot:nth-child(4),.mf .game .hand.lay-fan[data-count="8"] .hand__slot:nth-child(4),.mf .game .hand.lay-fan[data-count="8"] .hand__slot:nth-child(8),.mf .game .hand.lay-fan[data-count="9"] .hand__slot:nth-child(9){rotate:3deg;translate:0 7px}.mf .game .hand.lay-fan[data-count="7"] .hand__slot:nth-child(5){rotate:-2deg;translate:0 4px}.mf .game .hand.lay-fan[data-count="7"] .hand__slot:nth-child(7){rotate:2deg;translate:0 4px}.mf .game .hand.lay-fan[data-count="9"] .hand__slot:first-child{rotate:-4deg;translate:0 9px}.mf .game .hand.lay-fan[data-count="9"] .hand__slot:nth-child(2){rotate:-2deg;translate:0 3px}.mf .game .hand.lay-fan[data-count="9"] .hand__slot:nth-child(4){rotate:2deg;translate:0 3px}.mf .game .hand.lay-fan[data-count="9"] .hand__slot:nth-child(5){rotate:4deg;translate:0 9px}.mf .game .hand.lay-list[data-many],.mf .game .hand.lay-tiles[data-many]{--card-w:auto;display:grid;gap:6px;justify-content:stretch}.mf .game .hand.lay-tiles[data-many]{--tile-h:calc(min(78px, 9.8vh) * var(--hand-k, 1));--tile-text:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.mf .game .hand.lay-list[data-many]{--tile-h:calc(min(50px, 6.2vh) * var(--hand-k, 1));--tile-text:11.5px;grid-template-columns:minmax(0,1fr);gap:4px}.mf .game .hand.lay-list[data-many] .hand__slot,.mf .game .hand.lay-tiles[data-many] .hand__slot{display:flex;align-items:stretch;gap:4px;width:auto;min-width:0}.mf .game .hand.lay-list[data-many] .card,.mf .game .hand.lay-tiles[data-many] .card{flex:1 1 0;min-width:0;width:auto;height:var(--tile-h);aspect-ratio:auto;border-radius:9px}.mf .game .hand.lay-list[data-many] .card__inner,.mf .game .hand.lay-tiles[data-many] .card__inner{inset:3px;display:grid;grid-template-columns:calc(var(--tile-h) - 14px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);border-radius:7px}.mf .game .hand.lay-list[data-many] .card__inner{grid-template-columns:calc(var(--tile-h) - 6px) minmax(0,1fr)}.mf .game .hand.lay-list[data-many] .card__art,.mf .game .hand.lay-tiles[data-many] .card__art{grid-row:1/span 2;grid-column:1;height:auto;margin:3px;border-width:1px;border-radius:6px}.mf .game .hand.lay-list[data-many] .card__title,.mf .game .hand.lay-tiles[data-many] .card__title{grid-column:2;height:auto;min-height:15px;padding:2px 30px 2px 7px;place-items:center start;text-align:left;font-size:calc(10px * var(--title-scale, 1));white-space:nowrap;overflow:hidden;border-bottom-width:1px}.mf .game .hand.lay-list[data-many] .card__text,.mf .game .hand.lay-tiles[data-many] .card__text{grid-column:2;margin:0;padding:2px 6px 2px 7px;place-items:center start;text-align:left;font-size:calc(var(--tile-text) * max(.72, var(--text-scale, 1)));line-height:1.12;overflow:hidden}.mf .game .hand.lay-list[data-many] .card__title{font-size:calc(10.5px * max(.85, var(--title-scale, 1)))}.mf .game .hand.lay-list[data-many] .card__text{padding-right:34px;font-size:calc(var(--tile-text) * max(.82, var(--text-scale, 1)))}.mf .game .hand.lay-tiles[data-many] .card__inner{grid-template-columns:46px minmax(0,1fr)}.mf .game .hand.lay-tiles[data-many] .card__cost{top:auto;right:auto;bottom:6px;left:6px;width:22px;font-size:11px;border-width:2px}.mf .game .hand.lay-tiles[data-many] .card__title{padding-right:6px}.mf .game .hand.lay-tiles[data-many] .card__text{padding-right:5px}.mf .game .hand.lay-tiles[data-many] .hand__slot{gap:2px}.mf .game .hand.lay-list[data-many] .card__cost{width:24px;font-size:12px;border-width:2px;top:50%;bottom:auto;right:7px;width:28px;font-size:14px;transform:translateY(-50%)}.mf .game .hand.lay-list[data-many] .card__again,.mf .game .hand.lay-tiles[data-many] .card__again{top:auto;bottom:6px;left:6px;width:18px}.mf .game .hand.lay-tiles[data-many] .card__again{top:6px;bottom:auto}.mf .game .hand.lay-list[data-many] .hand__drop,.mf .game .hand.lay-tiles[data-many] .hand__drop{--drop-x:0;--drop-y:0;position:static;flex:none;width:30px;min-width:0;height:auto;margin:0;padding:0;border-radius:9px;transform:none}.mf .game .hand.lay-list[data-many] .hand__drop-word,.mf .game .hand.lay-tiles[data-many] .hand__drop-word{display:none}.mf .game .hand.lay-tiles[data-many] .hand__drop{width:22px}.mf .game .hand.drop-tab[data-count]{row-gap:22px;padding-bottom:18px}.mf .game .hand.drop-bar[data-count]{row-gap:8px}.mf .game .hand.drop-bar.lay-tiles[data-many],.mf .game .hand.drop-tab.lay-tiles[data-many]{row-gap:6px;padding-bottom:0}.mf .game .hand.drop-bar.lay-list[data-many],.mf .game .hand.drop-tab.lay-list[data-many]{row-gap:4px;padding-bottom:0}}@container (max-height: 46px){.mf .game:is(.panels-above,.panels-beside,.panels-compact) .tile__img{left:5%;top:10%;width:32%;height:80%}.mf .game:is(.panels-above,.panels-beside,.panels-compact) .tile__prod{left:40%;right:auto;top:50%;translate:0 -50%;font-size:clamp(11px,36cqh,15px)}.mf .game:is(.panels-above,.panels-beside,.panels-compact) .tile__stock{left:auto;right:8%;top:50%;bottom:auto;translate:0 -50%;font-size:clamp(13px,50cqh,20px)}.mf .game:is(.panels-above,.panels-beside,.panels-compact) .side--right .tile__img{left:auto;right:5%}.mf .game:is(.panels-above,.panels-beside,.panels-compact) .side--right .tile__prod{left:auto;right:40%}.mf .game:is(.panels-above,.panels-beside,.panels-compact) .side--right .tile__stock{left:8%;right:auto}}@media (max-width:720px) and (orientation:portrait){.mf .game.skin-valley:is(.panels-above,.panels-beside){grid-template-columns:var(--side) minmax(0,1fr) var(--side);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top top" "pl scene pr" "hand hand hand"}.mf .game.skin-valley:is(.panels-above,.panels-beside) .scene-wrap{grid-row:2;grid-column:1/-1}.mf .game.skin-valley:is(.panels-above,.panels-beside) .side{grid-row:2;flex-direction:column;flex-wrap:nowrap;gap:4px;padding:6px}.mf .game.skin-valley:is(.panels-above,.panels-beside) .side--left{grid-column:1}.mf .game.skin-valley:is(.panels-above,.panels-beside) .side--right{grid-column:3}.mf .game.skin-valley:is(.panels-above,.panels-beside) .side__name{flex:none;padding:2px 5px;font-size:12px}.mf .game.skin-valley:is(.panels-above,.panels-beside) .tile{flex:1 1 0;height:auto;min-height:0;border-radius:10px}.mf .game.skin-valley:is(.panels-above,.panels-beside,.panels-compact) .goals{display:none}.mf .game.skin-valley:is(.panels-above,.panels-beside) .tablecards{top:44px;--card-w:min(calc((100cqw - 2 * var(--side) - 10px) / 1.8),calc(var(--hand-w) * 1.12 * var(--table-k, 1)),calc((100cqh - 68px) / 1.42))}.mf .game.skin-valley:is(.panels-above,.panels-beside) .table__slot{margin-inline:calc(var(--card-w) * -.3)}.mf .game.skin-valley.panels-above{--side:clamp(84px,25vw,112px)}.mf .game.skin-valley.panels-above .side{--towers:under;align-self:start;height:min(47%,236px)}.mf .game.skin-valley.panels-beside{--side:clamp(74px,22vw,96px)}.mf .game.skin-valley.panels-beside .side{align-self:stretch;padding-bottom:8px}.mf .game.skin-valley.panels-beside .tile{max-height:118px}.mf .game.skin-valley.panels-compact{--hand-w:min(calc((100vw - 18px) / 3),21vh);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top top" "scene scene" "pl pr" "hand hand"}.mf .game.skin-valley.panels-compact .scene-wrap{grid-row:2;grid-column:1/-1}.mf .game.skin-valley.panels-compact .side{grid-row:3;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:3px 4px;padding:7px 4px 2px 6px;border-top:3px solid #c9974a;background:linear-gradient(180deg,#55331b,#4d2e18)}.mf .game.skin-valley.panels-compact .side--left{grid-column:1}.mf .game.skin-valley.panels-compact .side--right{grid-column:2;padding:7px 6px 2px 4px}.mf .game.skin-valley.panels-compact .side__name{flex:1 0 100%;padding:1px 6px;border-radius:7px;font-size:11px;line-height:1.3}.mf .game.skin-valley.panels-compact .tile{flex:1 1 0;min-width:0;height:34px;border-radius:8px;border-width:1.5px}.mf .game.skin-valley.panels-compact .hand-wrap{border-top:0;padding:6px 5px calc(6px + env(safe-area-inset-bottom));box-shadow:none}.mf .game.skin-valley.panels-compact .hand:not([data-many]){--card-w:calc(var(--hand-w) * var(--hand-k, 1));column-gap:4px}.mf .game.skin-valley.panels-compact .tablecards{top:44px;--card-w:min(calc(var(--hand-w) * 1.18 * var(--table-k, 1)),calc((100cqh - 62px) / 1.42),calc(32cqw * var(--table-k, 1)))}}@media (max-width:720px) and (orientation:portrait) and (max-height:760px){.mf .game.skin-valley.panels-compact .side{flex-wrap:nowrap;align-items:stretch;padding-top:6px;padding-bottom:3px}.mf .game.skin-valley.panels-compact .side--right{flex-direction:row-reverse}.mf .game.skin-valley.panels-compact .side__name{flex:0 1 auto;min-width:0;max-width:34%;align-self:center;padding:3px 6px}.mf .game.skin-valley.panels-compact .tile{height:32px}.mf .game.skin-valley.panels-compact .tile__img{display:none}.mf .game.skin-valley.panels-compact .side .tile__stock{left:50%;right:auto;top:2px;bottom:auto;translate:-50% 0;font-size:16px}.mf .game.skin-valley.panels-compact .side .tile__prod{left:50%;right:auto;top:auto;bottom:2px;translate:-50% 0;font-size:10px;opacity:.9}}@media (max-height:560px) and (orientation:landscape){.mf .game.skin-valley.panels-compact{--side:clamp(60px,7.4vw,72px);--hand-w:min(calc((100vw - 48px) / 6.1),30vh)}.mf .game.skin-valley.panels-compact .topbar{padding-block:2px}.mf .game.skin-valley.panels-compact .side{gap:4px;padding:4px}.mf .game.skin-valley.panels-compact .side__name{padding:2px 3px;font-size:10.5px}.mf .game.skin-valley.panels-compact .tile{border-radius:9px}.mf .game.skin-valley.panels-compact .side .tile__img{left:4%;right:auto;top:50%;width:38%;height:70%;translate:0 -50%}.mf .game.skin-valley.panels-compact .side--right .tile__img{left:auto;right:4%}.mf .game.skin-valley.panels-compact .side .tile__stock{left:auto;right:9%;top:12%;bottom:auto;translate:none;font-size:clamp(14px,34cqh,19px)}.mf .game.skin-valley.panels-compact .side .tile__prod{left:auto;right:9%;top:auto;bottom:10%;translate:none;font-size:clamp(10px,22cqh,12px)}.mf .game.skin-valley.panels-compact .side--right .tile__prod,.mf .game.skin-valley.panels-compact .side--right .tile__stock{left:9%;right:auto}.mf .game.skin-valley.panels-compact .hand{--card-w:min(var(--hand-w),calc((100vw - 48px) / (var(--count, 6) + 0.1)));gap:7px}.mf .game.skin-valley.panels-compact .hand-wrap{padding-top:7px}}@media (max-width:720px) and (orientation:portrait){.mf .game.skin-valley .hand[data-split]{--split-w:calc(var(--hand-w) * var(--hand-k, 1));--split-gap:8px;display:grid;grid-template-columns:repeat(12,calc((3 * var(--split-w) - 9 * var(--split-gap)) / 12));justify-content:center;column-gap:var(--split-gap)}.mf .game.skin-valley.panels-compact .hand[data-split]{--split-gap:4px;column-gap:var(--split-gap)}.mf .game.skin-valley .hand[data-split] .hand__slot{width:auto;grid-column:span 3}.mf .game.skin-valley .hand[data-split=bottom] .hand__slot:nth-child(n+5),.mf .game.skin-valley .hand[data-split=top] .hand__slot:nth-child(-n+3){grid-column:span 4}}.mf .hand__slot.is-drawn.hl-title .card__title{animation:drawn-title 1s ease-out .3s both}@keyframes drawn-title{0%{box-shadow:inset 0 0 0 999px rgba(0,0,0,.62)}}.mf .hand__slot.is-drawn.hl-glow .card{animation:drawn-glow 1s ease-out .3s both}@keyframes drawn-glow{0%{box-shadow:0 0 0 3px #f0cf86,0 0 26px 8px rgba(255,205,100,.9)}}.mf .hand__slot.is-drawn.hl-flash .card{animation:drawn-flash 1s ease-out .3s both}@keyframes drawn-flash{0%{filter:brightness(1.75) saturate(1.2)}}.mf .game .card__cost{scale:var(--cost-k,1)}.mf .side__avatar{display:none}@media (max-width:720px) and (orientation:portrait){.mf .game.skin-valley.panels-beside.with-avatars .side__avatar{display:flex;flex:none;justify-content:center;padding-top:2px}.mf .game.skin-valley.panels-beside.with-avatars .side__avatar-img{width:min(52px,calc(var(--side) - 24px))!important;height:min(52px,calc(var(--side) - 24px))!important}.mf .game.skin-valley.panels-beside.with-avatars .side__avatar-img>:first-child{border-radius:var(--avatar-r,50%)!important;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:box-shadow .3s}.mf .game.skin-valley.panels-beside.with-avatars .side.is-active .side__avatar-img>:first-child{box-shadow:0 0 0 2px var(--gold),0 0 14px var(--panel-glow)}.mf .game .hand.lay-list[data-many] .card__inner{grid-template-columns:calc((var(--tile-h) - 12px) * 1.5 + 6px) minmax(0,1fr)}}.mf .icon-btn.has-unread{border-color:#d8453a;animation:unread-pulse 1.6s ease-in-out infinite}@keyframes unread-pulse{50%{box-shadow:0 0 0 3px rgba(216,69,58,.35),0 0 14px rgba(216,69,58,.55)}}.mf .table-menu-host{position:relative}.mf .icon-btn.is-on{border-color:var(--gold)}.mf .table-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:min(300px,calc(100vw - 16px));max-height:min(72vh,560px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:12px;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel-solid);color:var(--text);box-shadow:0 16px 40px rgba(0,0,0,.55);text-align:left}.mf .table-menu h3{margin:0 0 2px;font-size:13px;font-weight:800}.mf .table-menu p{margin:0 0 7px;font-size:11px;line-height:1.3;color:var(--muted)}.mf .table-menu__options{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mf .table-menu__options button{display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 8px;border-radius:9px;border:1px solid var(--panel-border);background:transparent;color:var(--text);font-size:12px;line-height:1.15;text-align:left;cursor:pointer}.mf .table-menu__options button.is-on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}.mf .table-menu__options svg{width:14px;height:14px;flex:none;color:var(--gold)}.mf .table-menu__dot{width:13px;height:13px;flex:none;border-radius:50%;border:1.5px solid var(--muted)}.mf .table-menu__reset{margin-top:7px;border:0;background:none;color:var(--muted);font-size:11px;text-decoration:underline;cursor:pointer}.mf .table-menu__switch{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.mf .table-menu__switch b{display:block;font-size:13px}.mf .table-menu__switch small{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:var(--muted)}.mf .table-menu__switch input{width:20px;height:20px;flex:none;accent-color:var(--gold)}