:root{--mh-bg:#0b0f12;--mh-panel:#14231d;--mh-ink:#f6f1e6;--mh-mut:#b3bcae;--mh-line:#2a3c34;--mh-acc:#ffc957;--mh-acc2:#ff7a5c;--mh-glow:#4fd6a4;--mh-felt:#10392c;--mh-rim:#5a3a24;--mh-font:system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', 'Noto Sans', Roboto, Ubuntu, Arial, sans-serif;--mh-disp:ui-rounded, 'SF Pro Rounded', 'Arial Rounded MT Bold', 'Nunito', 'Varela Round', 'Trebuchet MS', 'Segoe UI', system-ui, sans-serif;--mh-mono:ui-monospace, 'SF Mono', 'Cascadia Mono', 'Roboto Mono', Menlo, Consolas, 'Liberation Mono', monospace;--mh-s4:16px;--mh-s6:24px;--mh-s8:32px;--mh-s10:40px;--mh-s12:48px;--mh-s16:64px;--mh-s20:96px;--mh-gut:clamp(16px,4vw,40px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px;color-scheme:dark}
body{margin:0;min-height:100vh;color:var(--mh-ink);font:17px/1.6 var(--mh-font);background:radial-gradient(1200px 640px at 50% -12%,color-mix(in srgb,var(--mh-felt) 55%,transparent),transparent 70%),var(--mh-bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--mh-disp);font-weight:800;letter-spacing:-.01em;line-height:1.1;text-wrap:balance}
p{margin:0;text-wrap:pretty}
em{font-style:normal}
ul,ol{margin:0;padding:0}
button,input,select{font:inherit;color:inherit}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend{padding:0}
code{font:.9em var(--mh-mono);background:color-mix(in srgb,var(--mh-acc) 14%,transparent);padding:1px 6px;border-radius:6px}
table{border-collapse:collapse;width:100%}
th,td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--mh-line);font-size:.93rem}
thead th{font:700 .72rem/1.3 var(--mh-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--mh-mut)}
tbody th a{color:var(--mh-ink);font-weight:700;text-decoration:none}
tbody th a:hover{color:var(--mh-acc)}
caption{text-align:left;font:800 .8rem/1.3 var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mh-acc);padding:0 0 12px}
:focus-visible{outline:3px solid var(--mh-acc);outline-offset:3px;border-radius:8px}
.mh-ico{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mh-meeple,.mh-mini{flex:none;fill:currentColor}
.mh-mini{width:1.05em;height:1.05em;color:var(--mh-acc)}
.mh-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mh-skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--mh-acc);color:var(--mh-bg);padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none;transition:transform .2s ease-out}
.mh-skip:focus{transform:translateY(72px)}
.mh-wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--mh-gut)}
.mh-btn{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 18px;border-radius:14px;border:1px solid var(--mh-line);background:color-mix(in srgb,var(--mh-panel) 85%,transparent);color:var(--mh-ink);font:700 .95rem var(--mh-disp);text-decoration:none;cursor:pointer;box-shadow:0 3px 0 color-mix(in srgb,var(--mh-bg) 70%,#000);transition:transform .16s ease-out,border-color .2s ease-out,background-color .2s ease-out}
.mh-btn:hover{border-color:var(--mh-acc)}
.mh-btn:active{transform:translateY(2px)}
.mh-btn-pri{background:var(--mh-acc);border-color:var(--mh-acc);color:var(--mh-bg);box-shadow:0 3px 0 color-mix(in srgb,var(--mh-acc) 55%,#000)}
.mh-btn-pri:hover{background:color-mix(in srgb,var(--mh-acc) 88%,var(--mh-ink));border-color:transparent}
.mh-btn-tint{background:color-mix(in srgb,var(--t) 20%,var(--mh-panel));border-color:color-mix(in srgb,var(--t) 60%,transparent)}
.mh-btn-tint:hover{border-color:var(--t)}
.mh-btn-ghost{background:transparent;box-shadow:none}
.mh-acts{display:flex;flex-wrap:wrap;gap:10px}
[hidden]{display:none!important}
.mh-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:20px;min-height:72px;padding:10px var(--mh-gut);background:color-mix(in srgb,var(--mh-bg) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--mh-line)}
.mh-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.mh-logo{width:48px;height:48px;border-radius:14px}
.mh-brand>i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--mh-acc);color:var(--mh-bg);font:800 1.3rem var(--mh-disp);font-style:normal}
.mh-brand>span{display:flex;flex-direction:column;font:800 1.4rem/1 var(--mh-disp);letter-spacing:-.01em}
.mh-brand small{font:500 .74rem/1.3 var(--mh-font);color:var(--mh-mut);margin-top:5px}
.mh-topbar>nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.mh-topbar>nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:12px;color:var(--mh-mut);font:700 .9rem var(--mh-disp);text-decoration:none;transition:color .2s ease-out,background-color .2s ease-out}
.mh-topbar>nav a:hover{color:var(--mh-ink);background:color-mix(in srgb,var(--mh-ink) 8%,transparent)}
.mh-boxcount{display:flex;align-items:center;gap:7px;flex:none;padding:8px 13px;border-radius:999px;background:color-mix(in srgb,var(--mh-felt) 70%,transparent);border:1px solid var(--mh-line);font:600 .78rem/1 var(--mh-mono);color:var(--mh-mut)}
.mh-boxcount b{color:var(--mh-ink)}
.mh-foot{margin-top:var(--mh-s20);padding:var(--mh-s12) 0 var(--mh-s10);border-top:1px solid var(--mh-line);background:linear-gradient(180deg,color-mix(in srgb,var(--mh-felt) 30%,transparent),var(--mh-bg))}
.mh-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin-bottom:var(--mh-s10)}
.mh-rules li{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed var(--mh-line);border-radius:16px;font-size:.88rem;color:var(--mh-mut)}
.mh-rules .mh-ico{color:var(--mh-acc)}
.mh-foot-grid{display:grid;grid-template-columns:1.5fr 1fr .9fr .8fr;gap:var(--mh-s10)}
.mh-foot-brand{display:flex;align-items:center;gap:8px;font:800 1.4rem var(--mh-disp);margin-bottom:10px}
.mh-foot-lead>p:not(.mh-foot-brand){color:var(--mh-mut);font-size:.92rem;max-width:58ch}
.mh-foot-lead .mh-mail,.mh-foot-lead .mh-owner{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--mh-ink)}
.mh-foot h2{font:800 .8rem var(--mh-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--mh-acc);margin-bottom:12px}
.mh-foot nav ul,.mh-foot nav ol{list-style:none;display:grid;gap:8px}
.mh-foot nav a{color:var(--mh-mut);text-decoration:none;font-size:.92rem;display:inline-flex;gap:8px;transition:color .2s ease-out}
.mh-foot nav a:hover{color:var(--mh-ink)}
.mh-foot nav ol span{font:600 .74rem/1.9 var(--mh-mono);color:var(--mh-acc)}
.mh-help{display:flex;gap:12px;align-items:flex-start;margin-top:var(--mh-s10);padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--mh-acc2) 10%,transparent);border:1px solid color-mix(in srgb,var(--mh-acc2) 35%,transparent);font-size:.92rem}
.mh-help .mh-ico{color:var(--mh-acc2);margin-top:3px}
.mh-fine{margin-top:var(--mh-s8);color:var(--mh-mut);font-size:.82rem;max-width:110ch}
.mh-cookies{position:fixed;right:20px;bottom:20px;z-index:50;display:none;align-items:center;gap:16px;max-width:560px;padding:14px 16px;border-radius:18px;background:var(--mh-panel);border:1px solid var(--mh-line);box-shadow:0 24px 50px -16px #000}
.mh-cookies p{display:flex;gap:10px;font-size:.88rem;color:var(--mh-mut)}
.mh-cookies p .mh-ico{color:var(--mh-acc);margin-top:3px}
.mh-cookies button{flex:none;min-height:42px;padding:0 16px;border-radius:12px;border:0;background:var(--mh-acc);color:var(--mh-bg);font:700 .9rem var(--mh-disp);cursor:pointer;transition:transform .16s ease-out}
.mh-cookies button:active{transform:scale(.97)}
.mh-toasts{position:fixed;left:50%;bottom:22px;z-index:55;display:grid;gap:8px;width:min(440px,calc(100% - 32px));transform:translateX(-50%);pointer-events:none}
.mh-toast{padding:12px 16px;border-radius:14px;background:var(--mh-ink);color:var(--mh-bg);font-weight:600;font-size:.92rem;box-shadow:0 18px 40px -14px #000;animation:mh-toast .22s ease-out}
@keyframes mh-toast{from{opacity:0;transform:translateY(8px) scale(.97)}}
.mh-table{padding:var(--mh-s8) 0 var(--mh-s16)}
.mh-felt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,350px);gap:var(--mh-s8);align-items:start;padding:42px;border-radius:32px;background:radial-gradient(90% 70% at 50% 30%,color-mix(in srgb,var(--mh-felt) 80%,#fff 6%),transparent 75%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16v32L28 64 0 48V16zM28 64v33M0 48l-28 16M56 48l28 16' fill='none' stroke='%23ffffff' stroke-opacity='.045' stroke-width='1.2'/%3E%3C/svg%3E"),var(--mh-felt);box-shadow:inset 0 0 0 12px var(--mh-rim),inset 0 0 0 14px color-mix(in srgb,var(--mh-rim) 55%,#000),inset 0 34px 90px rgba(0,0,0,.45),0 50px 90px -40px rgba(0,0,0,.8)}
.mh-crest{grid-row:2/-2;grid-column:2/-2;position:relative;display:grid;align-content:center;justify-items:center;gap:0;padding:26px 22px;border-radius:20px;text-align:center;background:radial-gradient(80% 70% at 50% 40%,color-mix(in srgb,var(--mh-acc) 14%,var(--mh-panel)),var(--mh-panel) 70%);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mh-acc) 30%,transparent),inset 0 0 0 9px var(--mh-panel),inset 0 0 0 10px color-mix(in srgb,var(--mh-ink) 12%,transparent)}
.mh-crest-band{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-bottom:14px;font:700 .72rem/1.3 var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mh-mut)}
.mh-crest-band span:first-of-type{color:var(--mh-acc)}
.mh-crest h1{font-size:clamp(1.7rem,2.6vw,2.45rem);max-width:20ch}
.mh-crest h1 em{display:block;margin-top:10px;font-size:.6em;line-height:1.25;color:var(--mh-acc)}
.mh-lede{margin-top:12px;max-width:52ch;color:var(--mh-mut);font-size:.92rem}
.mh-crest-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:440px;list-style:none;margin:16px 0 12px}
.mh-crest-specs li{display:grid;justify-items:center;gap:2px;padding:9px 4px;border-radius:14px;border:1px solid var(--mh-line);background:color-mix(in srgb,var(--mh-bg) 45%,transparent);text-align:center}
.mh-crest-specs .mh-ico{color:var(--mh-acc);width:1.3em;height:1.3em}
.mh-crest-specs b{font:800 1.04rem/1.1 var(--mh-disp)}
.mh-crest-specs small{font-size:.68rem;color:var(--mh-mut);line-height:1.2}
.mh-crest .mh-acts{justify-content:center}
.mh-contents{padding:16px 18px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--mh-ink) 22%,transparent);background:color-mix(in srgb,var(--mh-bg) 30%,transparent)}
.mh-contents p{display:flex;align-items:center;gap:8px;margin-bottom:8px;font:800 .78rem var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mh-acc)}
.mh-contents ul{list-style:none;display:grid;gap:4px;font-size:.86rem;color:var(--mh-mut)}
.mh-contents li{display:flex;gap:10px}
.mh-contents b{min-width:22px;font:700 .86rem var(--mh-mono);color:var(--mh-ink);text-align:right}
.mh-boardcol{display:grid;gap:18px;align-content:start;min-width:0}
.mh-play{display:grid;gap:16px;align-content:start;min-width:0}
.mh-sort{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 26px;padding:4px 6px}
.mh-chips legend{display:flex;align-items:center;gap:7px;margin-bottom:8px;font:700 .74rem var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mh-mut)}
.mh-chips>div{display:flex;flex-wrap:wrap;gap:6px}
.mh-chip{position:relative}
.mh-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.mh-chip span{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid var(--mh-line);background:color-mix(in srgb,var(--mh-bg) 55%,transparent);font:700 .84rem var(--mh-disp);color:var(--mh-mut);transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .16s ease-out}
.mh-chip:hover span{border-color:var(--mh-acc);color:var(--mh-ink)}
.mh-chip input:checked+span{background:var(--mh-acc);border-color:var(--mh-acc);color:var(--mh-bg)}
.mh-chip input:focus-visible+span{outline:3px solid var(--mh-acc);outline-offset:2px}
.mh-chip input:active+span{transform:scale(.97)}
.mh-sort-note{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--mh-mut)}
.mh-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(136px,auto));gap:10px;padding:14px;border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--mh-panel) 88%,var(--mh-felt)),color-mix(in srgb,var(--mh-panel) 70%,var(--mh-bg)));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--mh-acc) 22%,transparent),inset 0 0 0 7px color-mix(in srgb,var(--mh-bg) 40%,transparent),0 24px 40px -22px #000}
.mh-track{display:contents;list-style:none}
.mh-sp{position:relative;grid-row:var(--r);grid-column:var(--c);min-width:0;min-height:132px;border-radius:16px;transition:opacity .25s ease-out}
.mh-sp-game a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:132px;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;background:#000;border:2px solid color-mix(in srgb,var(--t) 45%,transparent);box-shadow:0 5px 0 color-mix(in srgb,var(--t) 30%,#000);transition:transform .18s ease-out,border-color .2s ease-out,box-shadow .2s ease-out}
.mh-sp-game img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out}
.mh-sp-game a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.25) 55%,transparent)}
.mh-sp-game a:hover{transform:translateY(-3px)}
.mh-sp-game a:hover img{transform:scale(1.04)}
.mh-sp-game a[aria-current]{border-color:var(--t);box-shadow:0 5px 0 color-mix(in srgb,var(--t) 50%,#000),0 0 0 4px color-mix(in srgb,var(--t) 35%,transparent),0 16px 34px -10px color-mix(in srgb,var(--t) 70%,transparent)}
.mh-sp-no{position:absolute;top:8px;left:8px;z-index:1;display:grid;place-items:center;min-width:30px;height:26px;padding:0 7px;border-radius:9px;background:rgba(0,0,0,.6);font:700 .74rem var(--mh-mono)}
.mh-sp-name{position:relative;z-index:1;display:grid;gap:2px;padding:10px 11px;font:800 .95rem/1.15 var(--mh-disp)}
.mh-sp-name small{font:500 .72rem/1.3 var(--mh-font);opacity:.88}
.mh-pawn{position:absolute;top:6px;right:8px;z-index:2;width:34px;height:34px;color:var(--mh-acc);filter:drop-shadow(0 4px 3px rgba(0,0,0,.6));opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .2s ease-out,transform .25s ease-out}
.mh-pawn .mh-meeple{width:100%;height:100%}
.mh-sp-game a[aria-current] .mh-pawn{opacity:1;transform:none}
.mh-sp-start,.mh-sp-end,.mh-sp-rest{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px;border:2px dashed var(--mh-line);background:color-mix(in srgb,var(--mh-bg) 35%,transparent)}
.mh-sp-start>.mh-ico,.mh-sp-end>.mh-ico,.mh-sp-rest>.mh-ico{width:1.6em;height:1.6em;color:var(--mh-glow)}
.mh-sp b{font:800 .98rem/1.1 var(--mh-disp)}
.mh-sp-start span,.mh-sp-end span,.mh-sp-rest span{font-size:.78rem;line-height:1.35;color:var(--mh-mut)}
.mh-sp-start{border-style:solid;border-color:color-mix(in srgb,var(--mh-acc) 55%,transparent);background:color-mix(in srgb,var(--mh-acc) 12%,transparent)}
.mh-sp-start>.mh-ico{color:var(--mh-acc)}
.mh-sp-end{border-style:solid;border-color:color-mix(in srgb,var(--mh-acc2) 55%,transparent);background:color-mix(in srgb,var(--mh-acc2) 12%,transparent)}
.mh-sp-end>.mh-ico{color:var(--mh-acc2)}
.mh-dir{position:absolute;z-index:3;width:18px;height:18px;padding:2px;border-radius:50%;background:var(--mh-bg);fill:none;stroke:var(--mh-mut);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mh-sp[data-dir="r"] .mh-dir{right:-14px;top:50%;margin-top:-9px}
.mh-sp[data-dir="d"] .mh-dir{bottom:-14px;left:50%;margin-left:-9px;transform:rotate(90deg)}
.mh-sp[data-dir="l"] .mh-dir{left:-14px;top:50%;margin-top:-9px;transform:rotate(180deg)}
.mh-sp[data-dir="u"] .mh-dir{top:-14px;left:50%;margin-left:-9px;transform:rotate(-90deg)}
.mh-faded{opacity:.3}
.mh-aid{display:grid;min-width:0;border-radius:20px;overflow:hidden;background:var(--mh-panel);border:1px solid color-mix(in srgb,var(--t) 45%,var(--mh-line));box-shadow:inset 0 4px 0 var(--t),0 20px 40px -24px #000}
.mh-aid-head{position:relative;aspect-ratio:2/1}
.mh-aid-head img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mh-aid-k{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px}
.mh-aid-k span,.mh-aid-k b{padding:5px 10px;border-radius:9px;background:rgba(0,0,0,.66);color:#fff;font:700 .74rem var(--mh-disp);letter-spacing:.04em}
.mh-aid-k b{background:var(--t);color:#0b0b0b}
.mh-aid-body{display:grid;gap:11px;align-content:start;padding:18px 18px 20px}
.mh-aid-by{font:700 .76rem var(--mh-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--t)}
.mh-aid-body h2{font-size:clamp(1.4rem,2vw,1.85rem)}
.mh-aid-score{display:flex;align-items:center;gap:10px}
.mh-aid-score p{font:600 .9rem var(--mh-mono);color:var(--mh-mut)}
.mh-aid-score b{color:var(--mh-ink);font-size:1.1rem}
.mh-aid-verdict{color:var(--mh-mut);font-size:.94rem}
.mh-aid-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;list-style:none}
.mh-aid-facts li:first-child{grid-column:1/-1}
.mh-aid-facts li{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--mh-bg) 45%,transparent)}
.mh-aid-facts .mh-ico{color:var(--t);margin-top:3px}
.mh-aid-facts small{display:block;font:700 .66rem var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mh-mut)}
.mh-aid-facts b{font-size:.86rem;font-weight:600;line-height:1.35}
.mh-aid-rules{display:grid;gap:8px;margin:0}
.mh-aid-rules div{padding:10px 12px;border-radius:12px;border-left:3px solid var(--t);background:color-mix(in srgb,var(--t) 8%,transparent)}
.mh-aid-rules dt{display:flex;align-items:center;gap:7px;font:800 .8rem var(--mh-disp);letter-spacing:.04em;text-transform:uppercase;color:var(--t)}
.mh-aid-rules dd{margin:4px 0 0;font-size:.9rem}
.mh-hexes{display:inline-flex;align-items:center}
.mh-hexes>span[aria-hidden]{display:inline-flex;gap:4px}
.mh-hexes i{width:18px;height:20px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(90deg,var(--t,var(--mh-acc)) calc(var(--f)*100%),color-mix(in srgb,var(--mh-ink) 16%,transparent) 0)}
.mh-hexes-lg i{width:26px;height:29px}
.mh-shelf,.mh-house,.mh-manners,.mh-sold,.mh-comfort,.mh-ages,.mh-scoring,.mh-faq{padding:var(--mh-s16) 0}
.mh-head{display:grid;gap:14px;max-width:880px;margin-bottom:var(--mh-s10)}
.mh-kicker{display:flex;align-items:center;gap:10px;font:800 .82rem var(--mh-disp);letter-spacing:.1em;text-transform:uppercase;color:var(--mh-acc)}
.mh-kicker span{display:grid;place-items:center;width:34px;height:38px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--mh-acc);color:var(--mh-bg);font:800 .8rem var(--mh-mono);letter-spacing:0}
.mh-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}
.mh-head h2 em{display:block;margin-top:6px;color:var(--mh-mut);font-weight:700;font-size:.66em}
.mh-head>p:last-child{color:var(--mh-mut);max-width:70ch}
.mh-head a,.mh-note a,.mh-panel a{color:var(--mh-acc)}
.mh-box-list{display:grid;gap:var(--mh-s12)}
.mh-box{display:grid;grid-template-columns:minmax(260px,400px) minmax(0,1fr);gap:var(--mh-s10);align-items:start;padding:var(--mh-s8);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--t) 9%,var(--mh-panel)),var(--mh-panel) 60%);border:1px solid var(--mh-line)}
.mh-box:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(260px,400px)}
.mh-box:nth-child(even) .mh-box-front{order:2}
.mh-box-front{display:grid;gap:16px;position:sticky;top:96px}
.mh-box-3d{position:relative;border-radius:16px;transform:rotate(-1.2deg);box-shadow:9px 10px 0 -1px color-mix(in srgb,var(--t) 38%,#000),0 30px 44px -24px #000;transition:transform .22s ease-out}
.mh-box:nth-child(even) .mh-box-3d{transform:rotate(1.2deg)}
.mh-box-3d:hover{transform:rotate(0) translateY(-4px)}
.mh-box-3d img{width:100%;aspect-ratio:5/3;object-fit:cover;border-radius:16px}
.mh-box-spine{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:8px;background:rgba(0,0,0,.66);color:#fff;font:800 .72rem var(--mh-disp);letter-spacing:.1em;text-transform:uppercase}
.mh-boxside{display:grid;grid-template-columns:1fr 1fr;gap:6px;list-style:none;padding-top:14px;border-top:1px dashed var(--mh-line)}
.mh-boxside li{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--mh-mut)}
.mh-boxside li:first-child{grid-column:1/-1;color:var(--mh-ink);font-weight:600}
.mh-boxside .mh-ico{color:var(--t)}
.mh-box-body{display:grid;gap:16px;min-width:0}
.mh-box-body>header{display:grid;grid-template-columns:1fr auto;gap:6px 20px;align-items:end}
.mh-box-k{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:700 .78rem var(--mh-disp);letter-spacing:.06em;text-transform:uppercase;color:var(--t)}
.mh-box-k span{padding:4px 10px;border-radius:8px;background:var(--t);color:#0b0b0b}
.mh-box-body h3{font-size:clamp(1.7rem,3vw,2.4rem)}
.mh-box-by{grid-column:1;color:var(--mh-mut);font-size:.9rem}
.mh-box-score{grid-column:2;grid-row:2/4;display:grid;justify-items:end;gap:6px}
.mh-box-score p{font:600 .85rem var(--mh-mono);color:var(--mh-mut)}
.mh-box-score b{font-size:1.5rem;color:var(--mh-ink)}
.mh-box-score small{font-size:.8rem}
.mh-box-verdict{font:700 1.12rem/1.45 var(--mh-disp);color:var(--mh-ink)}
.mh-box-body>p{color:color-mix(in srgb,var(--mh-ink) 86%,var(--mh-mut));max-width:72ch}
.mh-rulebook{display:grid;gap:8px;list-style:none}
.mh-rulebook li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--mh-bg) 40%,transparent);border:1px solid var(--mh-line)}
.mh-rulebook .mh-ico{color:var(--t);width:1.3em;height:1.3em;margin-top:2px}
.mh-rulebook b{display:block;font:800 .82rem var(--mh-disp);letter-spacing:.04em;text-transform:uppercase;color:var(--t);margin-bottom:2px}
.mh-rulebook .mh-rule-pause{border-color:color-mix(in srgb,var(--mh-acc2) 55%,transparent);background:color-mix(in srgb,var(--mh-acc2) 9%,transparent)}
.mh-rulebook .mh-rule-pause b,.mh-rulebook .mh-rule-pause .mh-ico{color:var(--mh-acc2)}
.mh-keeps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mh-keeps h4{font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.mh-keep h4{color:var(--mh-glow)}
.mh-miss h4{color:var(--mh-acc2)}
.mh-keeps ul{list-style:none;display:grid;gap:6px;font-size:.92rem}
.mh-keeps li{display:flex;gap:8px}
.mh-keeps .mh-ico{margin-top:4px}
.mh-keep .mh-ico{color:var(--mh-glow)}
.mh-miss .mh-ico{color:var(--mh-acc2)}
.mh-specs{border-radius:14px;border:1px solid var(--mh-line)}
.mh-specs summary{display:flex;align-items:center;gap:8px;padding:12px 14px;cursor:pointer;font:700 .92rem var(--mh-disp);list-style:none}
.mh-specs summary::-webkit-details-marker{display:none}
.mh-specs dl{margin:0;padding:0 14px 12px;display:grid;gap:0}
.mh-specs dl div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--mh-line);font-size:.9rem}
.mh-specs dt{color:var(--mh-mut)}
.mh-specs dd{margin:0}
.mh-box-age{font-size:.82rem;color:var(--mh-mut)}
.mh-house-grid{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:var(--mh-s8);align-items:start}
.mh-house-form{display:grid;gap:14px;padding:22px;border-radius:22px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-field{display:grid;gap:6px}
.mh-field span{font:700 .74rem var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mh-mut)}
.mh-field select{min-height:46px;padding:0 12px;border-radius:12px;border:1px solid var(--mh-line);background:var(--mh-bg);font-size:.95rem}
.mh-toggle{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;border:1px solid var(--mh-line);cursor:pointer}
.mh-toggle input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--mh-acc)}
.mh-toggle b{display:block;font:700 .92rem var(--mh-disp)}
.mh-toggle span{font-size:.84rem;color:var(--mh-mut)}
.mh-card{position:relative;padding:28px 30px;border-radius:22px;background:var(--mh-ink);color:var(--mh-bg);box-shadow:8px 10px 0 -2px color-mix(in srgb,var(--mh-ink) 40%,#000),0 30px 50px -24px #000}
.mh-card-k{display:flex;align-items:center;gap:8px;font:800 .78rem var(--mh-disp);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.mh-card .mh-mini{color:var(--mh-bg)}
.mh-card-title{margin:8px 0 16px;font-size:clamp(1.4rem,2.6vw,2rem)}
.mh-card-rules{counter-reset:rule;list-style:none;display:grid;gap:10px}
.mh-card-rules li{counter-increment:rule;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;font-size:.98rem;line-height:1.45}
.mh-card-rules li::before{content:counter(rule);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--mh-bg);color:var(--mh-ink);font:800 .95rem var(--mh-mono)}
.mh-card-rules li[data-rule="end"]{font-weight:700}
.mh-card-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px 14px;border-radius:14px;border:2px solid color-mix(in srgb,var(--mh-bg) 25%,transparent);font-size:.92rem}
.mh-card-note[data-state="late"]{border-color:var(--mh-bg);background:color-mix(in srgb,var(--mh-acc2) 30%,transparent);font-weight:700}
.mh-card-note .mh-ico{margin-top:3px}
.mh-card-sign{margin-top:16px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--mh-bg) 35%,transparent);font:italic .86rem var(--mh-font);opacity:.7}
.mh-timer{display:flex;gap:18px;align-items:center;margin-top:20px;padding:16px;border-radius:16px;background:var(--mh-bg);color:var(--mh-ink)}
.mh-glass{--sand:0;position:relative;flex:none;width:44px;height:68px}
.mh-glass svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--mh-mut);stroke-width:2.6;stroke-linecap:round}
.mh-glass i{position:absolute;inset:0;background:var(--mh-acc);transition:transform 1s linear}
.mh-glass-top{clip-path:polygon(25% 8%,75% 8%,50% 47%);transform-origin:50% 47%;transform:scale(calc(1 - var(--sand)))}
.mh-glass-low{clip-path:polygon(50% 56%,77% 92%,23% 92%);transform-origin:50% 92%;transform:scale(var(--sand))}
.mh-sand-out{margin-top:10px;font-size:.86rem;color:var(--mh-mut)}
.mh-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--mh-s8);align-items:start}
.mh-tablewrap{overflow-x:auto;padding:18px 18px 6px;border-radius:22px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-pill{display:inline-block;padding:3px 10px;border-radius:999px;font:700 .76rem var(--mh-disp);white-space:nowrap;background:color-mix(in srgb,var(--mh-glow) 18%,transparent);color:var(--mh-ink)}
.mh-chat-friends,.mh-shop-ads{background:color-mix(in srgb,var(--mh-acc) 22%,transparent)}
.mh-chat-open,.mh-shop-shop{background:color-mix(in srgb,var(--mh-acc2) 26%,transparent)}
.mh-panel{display:grid;gap:14px;padding:22px;border-radius:22px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-sub{display:flex;align-items:center;gap:9px;font-size:1.15rem;margin-bottom:6px}
.mh-sub .mh-ico{color:var(--mh-acc)}
.mh-steps{counter-reset:step;list-style:none;display:grid;gap:10px}
.mh-steps li{counter-increment:step;position:relative;padding-left:44px;font-size:.94rem;color:var(--mh-mut)}
.mh-steps li::before{content:counter(step);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--mh-acc);color:var(--mh-bg);font:800 .85rem var(--mh-mono)}
.mh-steps b{display:block;color:var(--mh-ink)}
.mh-tips{list-style:none;display:grid;gap:10px}
.mh-tips li{display:flex;gap:12px;padding:14px;border-radius:16px;background:var(--mh-panel);border:1px solid var(--mh-line);font-size:.92rem;color:var(--mh-mut)}
.mh-tips .mh-ico{color:var(--mh-acc2);width:1.35em;height:1.35em;margin-top:2px}
.mh-tips b{display:block;color:var(--mh-ink);font-family:var(--mh-disp)}
.mh-care{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin-bottom:var(--mh-s8)}
.mh-care li{display:grid;gap:8px;align-content:start;padding:18px;border-radius:20px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-care li>.mh-ico{width:44px;height:44px;padding:10px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in srgb,var(--mh-glow) 20%,transparent);color:var(--mh-glow)}
.mh-care h3{font-size:1.05rem}
.mh-care p{font-size:.88rem;color:var(--mh-mut)}
.mh-note{display:flex;gap:10px;align-items:flex-start;margin-top:var(--mh-s6);font-size:.9rem;color:var(--mh-mut)}
.mh-note .mh-ico{color:var(--mh-acc);margin-top:3px}
.mh-ages-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--mh-s8);align-items:start}
.mh-pegi{list-style:none;display:grid;gap:8px}
.mh-pegi li{display:flex;align-items:center;gap:12px;font-size:.9rem}
.mh-pegi b{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:8px;font:800 1rem var(--mh-disp);color:#fff}
.mh-pegi-3,.mh-pegi-7{background:#3f9b2f}
.mh-pegi-12,.mh-pegi-16{background:#d27a0c}
.mh-pegi-18{background:#d4213d}
.mh-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none}
.mh-platforms li{padding:16px 18px;border-radius:18px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-platforms h3{font-size:1rem;margin-bottom:6px}
.mh-platforms p{font-size:.86rem;color:var(--mh-mut)}
.mh-takeover{padding:var(--mh-s10) 0}
.mh-takeover-box{display:grid;grid-template-columns:auto 1fr;gap:var(--mh-s8);padding:var(--mh-s10);border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--mh-acc2) 16%,var(--mh-panel)),var(--mh-panel));border:1px solid color-mix(in srgb,var(--mh-acc2) 35%,var(--mh-line))}
.mh-takeover-ico{display:grid;place-items:center;width:110px;height:122px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in srgb,var(--mh-acc2) 24%,transparent);color:var(--mh-acc2)}
.mh-takeover-ico .mh-meeple{width:56px;height:56px}
.mh-takeover-box>div{display:grid;gap:14px}
.mh-takeover h2{font-size:clamp(1.6rem,3vw,2.3rem)}
.mh-takeover-box p{color:var(--mh-mut);max-width:72ch}
.mh-signs{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mh-signs li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.mh-signs .mh-ico{color:var(--mh-acc2);margin-top:3px}
.mh-bands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin-bottom:var(--mh-s6)}
.mh-bands li{display:grid;gap:8px;align-content:start;padding:18px;border-radius:20px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-bands h3{font-size:1.08rem}
.mh-band-floor{font:600 .78rem var(--mh-mono);color:var(--mh-acc)}
.mh-bands p:last-child{font-size:.88rem;color:var(--mh-mut)}
.mh-weighs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none}
.mh-weighs li{padding:14px 16px;border-radius:16px;border:1px dashed var(--mh-line);font-size:.88rem;color:var(--mh-mut)}
.mh-weighs b{display:block;color:var(--mh-ink);font-family:var(--mh-disp)}
.mh-faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--mh-s10);align-items:start}
.mh-qa{display:grid;gap:10px}
.mh-qa details{border-radius:18px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-qa summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 18px;cursor:pointer;font:700 1rem var(--mh-disp);list-style:none}
.mh-qa summary::-webkit-details-marker{display:none}
.mh-qa summary .mh-ico{color:var(--mh-acc);transition:transform .2s ease-out}
.mh-qa details[open] summary .mh-ico{transform:rotate(45deg)}
.mh-qa details p{padding:0 18px 16px;color:var(--mh-mut);font-size:.94rem}
.mh-pack{padding:var(--mh-s10) 0 0}
.mh-pack-box{display:grid;justify-items:center;gap:16px;padding:var(--mh-s12) var(--mh-s8);border-radius:32px;text-align:center;background:radial-gradient(70% 90% at 50% 0,color-mix(in srgb,var(--mh-felt) 90%,#fff 4%),var(--mh-panel));box-shadow:inset 0 0 0 8px var(--mh-rim)}
.mh-pack-row{display:flex;gap:10px}
.mh-pack-row i{display:block;width:40px;height:40px;color:var(--c)}
.mh-pack-row i:nth-child(odd){transform:translateY(-6px)}
.mh-pack-row .mh-meeple{width:100%;height:100%}
.mh-pack h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.mh-pack-box>p:not(.mh-acts):not(.mh-pack-row){color:var(--mh-mut);max-width:58ch}
.mh-pack .mh-acts{justify-content:center}
.mh-cover{padding:var(--mh-s12) 0 var(--mh-s10);background:linear-gradient(180deg,color-mix(in srgb,var(--mh-felt) 60%,transparent),transparent);border-bottom:1px solid var(--mh-line)}
.mh-cover-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--mh-s8);align-items:center}
.mh-crumbs{display:flex;flex-wrap:wrap;gap:8px;font:600 .8rem var(--mh-mono);color:var(--mh-mut);margin-bottom:14px}
.mh-crumbs a{color:var(--mh-acc);text-decoration:none}
.mh-cover h1{font-size:clamp(2rem,4.4vw,3.4rem)}
.mh-cover-lede{margin-top:14px;max-width:68ch;color:var(--mh-mut);font-size:1.04rem}
.mh-cover-lede a{color:var(--mh-acc)}
.mh-cover-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mh-cover-meta span{padding:6px 12px;border-radius:999px;border:1px solid var(--mh-line);font:600 .78rem var(--mh-mono);color:var(--mh-mut)}
.mh-cover-art{display:grid;place-items:center;width:150px;height:166px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,var(--mh-acc),color-mix(in srgb,var(--mh-acc) 45%,var(--mh-acc2)));color:var(--mh-bg)}
.mh-cover-art .mh-meeple{width:74px;height:74px}
.mh-cover-404{min-height:56vh;display:grid;align-items:center}
.mh-doc-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--mh-s10);align-items:start;padding-top:var(--mh-s10)}
.mh-side{position:sticky;top:96px;display:grid;gap:14px}
.mh-side nav{padding:16px;border-radius:20px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-side nav p{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:800 .76rem var(--mh-disp);letter-spacing:.08em;text-transform:uppercase;color:var(--mh-acc)}
.mh-side ul,.mh-side ol{list-style:none;display:grid;gap:2px}
.mh-side a{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:10px;color:var(--mh-mut);text-decoration:none;font-size:.88rem;transition:background-color .2s ease-out,color .2s ease-out}
.mh-side a:hover{color:var(--mh-ink);background:color-mix(in srgb,var(--mh-ink) 7%,transparent)}
.mh-side a[aria-current]{color:var(--mh-bg);background:var(--mh-acc);font-weight:700}
.mh-side ol span{font:700 .74rem var(--mh-mono);color:var(--mh-acc);min-width:18px}
.mh-side-home{justify-content:center;padding:12px!important;border:1px dashed var(--mh-line)}
.mh-rules-body{display:grid;gap:14px;min-width:0}
.mh-rule{padding:24px 26px;border-radius:22px;background:var(--mh-panel);border:1px solid var(--mh-line)}
.mh-rule h2{display:flex;align-items:center;gap:12px;font-size:1.3rem;margin-bottom:12px}
.mh-rule h2 span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--mh-acc);color:var(--mh-bg);font:800 .92rem var(--mh-mono)}
.mh-rule p,.mh-rule li{color:color-mix(in srgb,var(--mh-ink) 85%,var(--mh-mut));max-width:76ch}
.mh-rule p+p,.mh-rule p+ul,.mh-rule ul+p{margin-top:10px}
.mh-rule ul{padding-left:20px;display:grid;gap:6px}
.mh-rule a{color:var(--mh-acc)}
.mh-orgs{list-style:none!important;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px!important;margin-top:14px}
.mh-orgs li{display:grid;gap:8px;align-content:start;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--mh-bg) 50%,transparent);border:1px solid var(--mh-line);max-width:none}
.mh-orgs h3{font-size:1.02rem}
.mh-orgs p{font-size:.88rem;color:var(--mh-mut)}
.mh-orgs a{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none}
.mh-org-logo{display:flex;align-items:center;height:44px;padding:6px 10px;border-radius:10px;background:#fff;justify-self:start}
.mh-org-logo img{flex:none;height:30px;width:auto;max-width:150px}
.mh-org-mono{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mh-acc);color:var(--mh-bg);font:800 1.1rem var(--mh-disp)}
.mh-urgent{margin-top:14px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--mh-acc2) 12%,transparent);border:1px solid color-mix(in srgb,var(--mh-acc2) 35%,transparent)}
.mh-selfcheck{display:grid;gap:14px;margin-top:6px}
.mh-selfcheck-q{font-weight:700}
.mh-selfcheck ol{list-style:none;padding:0!important;display:grid;gap:8px!important;counter-reset:q}
.mh-selfcheck li{counter-increment:q;max-width:none!important}
.mh-selfcheck fieldset{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--mh-line);background:color-mix(in srgb,var(--mh-bg) 45%,transparent)}
.mh-selfcheck legend{float:left;font-size:.94rem;color:var(--mh-ink)}
.mh-selfcheck legend::before{content:counter(q) ". ";font-family:var(--mh-mono);color:var(--mh-acc)}
.mh-selfcheck fieldset>div{display:flex;border-radius:11px;border:1px solid var(--mh-line);overflow:hidden}
.mh-selfcheck label{position:relative}
.mh-selfcheck input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.mh-selfcheck label span{display:block;padding:8px 12px;font:700 .8rem var(--mh-disp);color:var(--mh-mut);transition:background-color .18s ease-out,color .18s ease-out}
.mh-selfcheck input:checked+span{background:var(--mh-acc);color:var(--mh-bg)}
.mh-selfcheck input:focus-visible+span{outline:3px solid var(--mh-acc);outline-offset:-3px}
.mh-selfcheck output{display:block;font-weight:600}
.mh-selfcheck output:not(:empty){padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--mh-glow) 14%,transparent)}
.mh-selfcheck output[data-band="high"]{background:color-mix(in srgb,var(--mh-acc2) 18%,transparent)}
@media (max-width:1240px){
.mh-felt{grid-template-columns:minmax(0,1fr) 300px;padding:34px;gap:24px}
.mh-boxcount{display:none}
.mh-care,.mh-bands,.mh-weighs{grid-template-columns:repeat(2,minmax(0,1fr))}
.mh-foot-grid{grid-template-columns:1fr 1fr}
.mh-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:980px){
.mh-box,.mh-box:nth-child(even),.mh-house-grid,.mh-split,.mh-ages-grid,.mh-faq-grid{grid-template-columns:1fr}
.mh-box:nth-child(even) .mh-box-front{order:0}
.mh-box-front{position:static}
.mh-doc-grid{grid-template-columns:1fr}
.mh-side{position:static}
}
@media (max-width:1060px){
.mh-felt{display:flex;flex-direction:column;gap:18px}
.mh-boardcol,.mh-board,.mh-play{display:contents}
.mh-crest{order:1}
.mh-sort{order:2}
.mh-aid{order:4}
.mh-contents{order:5}
.mh-track{order:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px;border-radius:22px;background:color-mix(in srgb,var(--mh-panel) 80%,var(--mh-felt))}
.mh-aid{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
.mh-aid-head{aspect-ratio:auto;min-height:260px}
.mh-sp{grid-row:auto;grid-column:auto}
.mh-sp-start,.mh-sp-end{grid-column:1/-1;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px}
.mh-sp-start span,.mh-sp-end span{flex-basis:100%}
.mh-dir{display:none}
}
@media (max-width:820px){
.mh-track{grid-template-columns:1fr 1fr}
.mh-aid{grid-template-columns:1fr}
.mh-aid-head{min-height:0;aspect-ratio:2/1}
}
@media (max-width:760px){
body{font-size:16px}
.mh-felt{padding:26px 18px;border-radius:24px;box-shadow:inset 0 0 0 8px var(--mh-rim),inset 0 0 0 10px color-mix(in srgb,var(--mh-rim) 55%,#000),inset 0 24px 60px rgba(0,0,0,.45)}
.mh-crest{padding:22px 16px}
.mh-crest-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
.mh-sp-game a{min-height:150px}
.mh-sp-name{font-size:.88rem}
.mh-aid-body{padding:18px 16px}
.mh-box{padding:20px 16px}
.mh-box-body>header{grid-template-columns:1fr}
.mh-box-score{grid-column:1;grid-row:auto;justify-items:start}
.mh-keeps,.mh-signs,.mh-platforms,.mh-care,.mh-bands,.mh-weighs,.mh-foot-grid,.mh-rules{grid-template-columns:1fr}
.mh-specs dl div{grid-template-columns:1fr;gap:2px}
.mh-card{padding:22px 18px}
.mh-timer{flex-direction:column;align-items:flex-start}
.mh-takeover-box{grid-template-columns:1fr;padding:24px 18px}
.mh-takeover-ico{width:80px;height:88px}
.mh-cover-in{grid-template-columns:1fr}
.mh-cover-art{display:none}
.mh-rule{padding:20px 16px}
.mh-selfcheck fieldset{grid-template-columns:1fr}
.mh-cookies{left:10px;right:10px;bottom:10px;flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{transition:none!important;animation:none!important}
html{scroll-behavior:auto}
}
@media print{
.mh-printing *{visibility:hidden}
.mh-printing .mh-card,.mh-printing .mh-card *{visibility:visible}
.mh-printing .mh-card{position:absolute;left:0;top:0;width:100%;background:#fff;color:#000;box-shadow:none;transform:none;border:1px solid #000}
.mh-printing .mh-card *{color:#000!important}
.mh-printing .mh-card-rules li::before{background:#fff;border:1px solid #000}
.mh-noprint{display:none!important}
}

/* --- mobile nav toggle --- */
.mh-burger{display:none;width:44px;height:44px;padding:0;border:1px solid var(--mh-line,currentColor);border-radius:8px;background:transparent;color:inherit;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 auto}
.mh-burger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s cubic-bezier(.2,.7,.2,1),opacity .18s cubic-bezier(.2,.7,.2,1)}
.mh-nav-open .mh-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mh-nav-open .mh-burger span:nth-child(2){opacity:0}
.mh-nav-open .mh-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1240px){
.mh-js .mh-burger{display:inline-flex;margin-left:auto;order:5}
.mh-js .mh-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px}.mh-js .mh-nav-open .mh-topbar{height:auto}
.mh-js .mh-topbar>nav{display:none}
.mh-js .mh-nav-open .mh-topbar>nav{display:flex;flex-direction:column;align-items:stretch;flex-basis:100%;order:9;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid var(--mh-line,currentColor)}
.mh-js .mh-nav-open .mh-topbar>nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;margin:0;border:0;border-bottom:1px solid var(--mh-line,currentColor);font-size:1rem;letter-spacing:.04em}
.mh-js .mh-nav-open .mh-topbar>nav a:last-child{border-bottom:none}
.mh-js .mh-topbar .mh-brand{flex:1}.mh-js .mh-nav-open .mh-topbar{background:var(--mh-bg)}.mh-js .mh-nav-open .mh-topbar>nav{margin-left:0}.mh-js .mh-nav-open .mh-topbar>nav a{color:var(--mh-ink)}
}