/* เศรษฐี board: 11×11 grid of cream squares with colour bars, tokens, dice and a centre panel. Shares modal/banner styles with uno.css. */
.mn-wrap{margin:14px 0}
/* Colour variables come from classes (the CSP forbids inline styles). */
.g-brown{--g:#9a5b2f}.g-lblue{--g:#5bb8e6}.g-pink{--g:#d94c8a}.g-orange{--g:#f0862c}.g-red{--g:#d52b49}.g-yellow{--g:#e9c030}.g-green{--g:#1f9e5a}.g-blue{--g:#2454c5}.g-rail{--g:#3b3352}.g-util{--g:#7a7390}
.pc-0{--c:#594bed}.pc-1{--c:#d52b49}.pc-2{--c:#1f9e5a}.pc-3{--c:#f0862c}.oc-0{--o:#594bed}.oc-1{--o:#d52b49}.oc-2{--o:#1f9e5a}.oc-3{--o:#f0862c}
.mn-sq[data-sq="0"]{grid-area:11/11}.mn-sq[data-sq="1"]{grid-area:11/10}.mn-sq[data-sq="2"]{grid-area:11/9}.mn-sq[data-sq="3"]{grid-area:11/8}.mn-sq[data-sq="4"]{grid-area:11/7}.mn-sq[data-sq="5"]{grid-area:11/6}.mn-sq[data-sq="6"]{grid-area:11/5}.mn-sq[data-sq="7"]{grid-area:11/4}.mn-sq[data-sq="8"]{grid-area:11/3}.mn-sq[data-sq="9"]{grid-area:11/2}.mn-sq[data-sq="10"]{grid-area:11/1}.mn-sq[data-sq="11"]{grid-area:10/1}.mn-sq[data-sq="12"]{grid-area:9/1}.mn-sq[data-sq="13"]{grid-area:8/1}.mn-sq[data-sq="14"]{grid-area:7/1}.mn-sq[data-sq="15"]{grid-area:6/1}.mn-sq[data-sq="16"]{grid-area:5/1}.mn-sq[data-sq="17"]{grid-area:4/1}.mn-sq[data-sq="18"]{grid-area:3/1}.mn-sq[data-sq="19"]{grid-area:2/1}.mn-sq[data-sq="20"]{grid-area:1/1}.mn-sq[data-sq="21"]{grid-area:1/2}.mn-sq[data-sq="22"]{grid-area:1/3}.mn-sq[data-sq="23"]{grid-area:1/4}.mn-sq[data-sq="24"]{grid-area:1/5}.mn-sq[data-sq="25"]{grid-area:1/6}.mn-sq[data-sq="26"]{grid-area:1/7}.mn-sq[data-sq="27"]{grid-area:1/8}.mn-sq[data-sq="28"]{grid-area:1/9}.mn-sq[data-sq="29"]{grid-area:1/10}.mn-sq[data-sq="30"]{grid-area:1/11}.mn-sq[data-sq="31"]{grid-area:2/11}.mn-sq[data-sq="32"]{grid-area:3/11}.mn-sq[data-sq="33"]{grid-area:4/11}.mn-sq[data-sq="34"]{grid-area:5/11}.mn-sq[data-sq="35"]{grid-area:6/11}.mn-sq[data-sq="36"]{grid-area:7/11}.mn-sq[data-sq="37"]{grid-area:8/11}.mn-sq[data-sq="38"]{grid-area:9/11}.mn-sq[data-sq="39"]{grid-area:10/11}
.mn-board{position:relative;display:grid;grid-template-columns:1.55fr repeat(9,1fr) 1.55fr;grid-template-rows:1.55fr repeat(9,1fr) 1.55fr;aspect-ratio:1;width:min(100%,780px);margin:0 auto;gap:2px;padding:3px;background:#2d2a3e;border-radius:16px;box-shadow:0 12px 0 #c9c3dc,0 24px 50px #2a244033}
.mn-sq{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;padding:2px;margin:0;border:0;border-radius:4px;background:#fbfdf8;color:#2d2a3e;font:inherit;font-size:clamp(7px,1.2vw,11px);font-weight:600;line-height:1.15;text-align:center;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}
.mn-sq:hover:not(:disabled){transform:scale(1.08);z-index:4;box-shadow:0 8px 18px #2a244044;background:#fff;filter:none}
.mn-sq.owned{box-shadow:inset 0 0 0 3px var(--o)}
.mn-bar{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--g);color:#fff;font-size:.85em;letter-spacing:-1px;line-height:1}
.side-b .mn-bar{left:0;right:0;top:0;height:24%}.side-t .mn-bar{left:0;right:0;bottom:0;height:24%}.side-l .mn-bar{top:0;bottom:0;right:0;width:24%}.side-r .mn-bar{top:0;bottom:0;left:0;width:24%}
.side-l .mn-bar,.side-r .mn-bar{writing-mode:vertical-rl}
.side-b.t-property{padding-top:26%}.side-t.t-property{padding-bottom:26%}.side-l.t-property{padding-right:26%}.side-r.t-property{padding-left:26%}
.mn-hotel{font-size:1.1em;letter-spacing:0}.mn-houses{color:#c9ffd6}.mn-gicon{font-size:1em;letter-spacing:0;opacity:.95}
.mn-icon{font-size:1.5em;line-height:1}.t-property .mn-icon{display:none}
.mn-name{font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mn-price{color:#6a6380;font-weight:600}
.side-corner{font-size:clamp(8px,1.4vw,13px)}.side-corner .mn-icon{font-size:2.1em}
.t-go{background:linear-gradient(135deg,#fff2cc,#ffd98a)}.t-gotojail{background:linear-gradient(135deg,#ffdede,#ffb3b3)}.t-jail{background:linear-gradient(135deg,#ffe9d2,#f3c9a0)}.t-parking{background:linear-gradient(135deg,#dcedff,#b7d6ff)}
.t-chance{background:#fff0f6}.t-fate{background:#eef4ff}.t-tax{background:#f1f1f3}.t-rail{background:#f6f4ff}.t-util{background:#f3fbf5}
.mn-tokens{position:absolute;left:2px;bottom:2px;display:flex;gap:1px;flex-wrap:wrap;max-width:calc(100% - 4px);pointer-events:none}
.mn-token{display:grid;place-items:center;width:clamp(12px,2.3vw,22px);height:clamp(12px,2.3vw,22px);border-radius:50%;background:var(--c);color:#fff;font-style:normal;font-weight:900;font-size:.9em;border:2px solid #fff;box-shadow:0 2px 4px #0006}
.mn-token.big{width:36px;height:36px;font-size:16px;flex:none}
.mn-center{grid-row:2/11;grid-column:2/11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px;text-align:center;min-width:0;border-radius:10px;background:radial-gradient(circle at 50% 30%,#f7fbf3,#dfecd6);background-image:radial-gradient(circle at 50% 30%,#f7fbf3,#dfecd6),radial-gradient(#7661b714 1px,transparent 1px);background-size:100% 100%,12px 12px}
.mn-center p{margin:0;color:#5f5377}
.mn-logo{font:900 clamp(30px,6vw,64px)/1 'Leelawadee UI',Tahoma,sans-serif;letter-spacing:4px;color:#d52b49;text-shadow:3px 3px 0 #ffd336,6px 6px 0 #2d2a3e22;transform:rotate(-4deg);margin-bottom:8px}
.mn-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.mn-meta span{font-size:clamp(9px,1.3vw,12px);font-weight:700;background:#fff;border:1px solid #d8d0f0;border-radius:20px;padding:3px 10px;color:#5f5377}
.mn-dice{display:flex;gap:10px}
.mn-die{--pip:#2d2a3e 0 11%,transparent 12.5%;width:clamp(28px,5vw,50px);height:clamp(28px,5vw,50px);border-radius:18%;background:#fff;border:2px solid #2d2a3e;box-shadow:0 4px 0 #cfc8e3;background-image:var(--pips,none);background-repeat:no-repeat;background-size:100% 100%}
.mn-dice.idle .mn-die{opacity:.45}
.mn-die[data-v="1"]{--pips:radial-gradient(circle at 50% 50%,var(--pip))}
.mn-die[data-v="2"]{--pips:radial-gradient(circle at 27% 27%,var(--pip)),radial-gradient(circle at 73% 73%,var(--pip))}
.mn-die[data-v="3"]{--pips:radial-gradient(circle at 27% 27%,var(--pip)),radial-gradient(circle at 50% 50%,var(--pip)),radial-gradient(circle at 73% 73%,var(--pip))}
.mn-die[data-v="4"]{--pips:radial-gradient(circle at 27% 27%,var(--pip)),radial-gradient(circle at 73% 27%,var(--pip)),radial-gradient(circle at 27% 73%,var(--pip)),radial-gradient(circle at 73% 73%,var(--pip))}
.mn-die[data-v="5"]{--pips:radial-gradient(circle at 27% 27%,var(--pip)),radial-gradient(circle at 73% 27%,var(--pip)),radial-gradient(circle at 50% 50%,var(--pip)),radial-gradient(circle at 27% 73%,var(--pip)),radial-gradient(circle at 73% 73%,var(--pip))}
.mn-die[data-v="6"]{--pips:radial-gradient(circle at 27% 25%,var(--pip)),radial-gradient(circle at 73% 25%,var(--pip)),radial-gradient(circle at 27% 50%,var(--pip)),radial-gradient(circle at 73% 50%,var(--pip)),radial-gradient(circle at 27% 75%,var(--pip)),radial-gradient(circle at 73% 75%,var(--pip))}
.mn-die.roll{animation:mn-roll .7s cubic-bezier(.3,1.4,.5,1)}
.mn-die.roll:nth-child(2){animation-delay:.08s}
.mn-turn{font-weight:800;font-size:clamp(13px,2vw,20px)}.mn-turn.mine{color:#594bed}
.mn-hint{font-size:clamp(10px,1.4vw,14px);max-width:100%}
.mn-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}
.mn-actions button{padding:9px 16px;font-size:clamp(11px,1.5vw,15px)}
.mn-roll{background:linear-gradient(135deg,#ffd336,#ff8a3d);color:#2a2440;font-weight:900;box-shadow:0 5px 0 #c86a2a;animation:uno-throb 1.4s ease-in-out infinite}
.mn-roll:hover:not(:disabled){background:linear-gradient(135deg,#ffe066,#ff9a52);box-shadow:0 5px 0 #c86a2a}
.mn-buy{background:#1f9e5a}.mn-buy:hover:not(:disabled){background:#178452}
.mn-debt{width:100%;color:#b72750;font-weight:700;font-size:clamp(11px,1.5vw,14px)}
.mn-log{width:100%;max-height:92px;overflow:hidden;font-size:clamp(8px,1.2vw,12px);line-height:1.5;color:#5f5377;text-align:left;mask-image:linear-gradient(#000 60%,transparent)}
.mn-log p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mn-log p:first-child{color:#2d2a3e;font-weight:700}
.mn-log-out{display:none}.mn-log-out p{margin:4px 0;font-size:14px}
.mn-actions-out{display:none}
.mn-result{background:#fffc;border:1px solid #d8d0f0;border-radius:16px;padding:10px 16px;max-width:96%;animation:uno-pop .5s cubic-bezier(.3,1.6,.5,1) both}
.mn-result h2{margin:0 0 6px;font-size:clamp(14px,2.4vw,24px);color:#d52b49}
.mn-result ol{list-style:none;margin:0;padding:0;text-align:left}
.mn-result li{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:clamp(10px,1.5vw,14px)}
.mn-result li span{width:20px;height:20px;border-radius:50%;background:#e3def2;display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}
.mn-result li.win span{background:#ffd336}.mn-result li em{margin-left:auto;font-style:normal;color:#5f5377}
/* Players */
.mn-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0}
.mn-player{background:#fff;border:1px solid #e3def2;border-left:6px solid var(--c);border-radius:14px;padding:12px 14px;box-shadow:0 3px 0 #d9d1e9;transition:transform .25s,box-shadow .25s}
.mn-player.active{outline:3px solid var(--c);outline-offset:2px;transform:translateY(-3px)}
.mn-player.out{opacity:.5}.mn-player.winner{background:#fff8df}
.mn-who{display:flex;align-items:center;gap:10px}.mn-who strong{display:block;font-size:14px}.mn-status{font-size:12px;color:#6a6380}
.mn-money{font-size:24px;font-weight:900;color:#2d2a3e;margin-top:6px;font-variant-numeric:tabular-nums}
.mn-worth{font-size:12px;color:#6a6380}
.mn-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:8px}
.mn-chip{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 3px;border:0;border-radius:5px;background:var(--g);color:#fff;font-size:9px;font-weight:800;letter-spacing:-1px;box-shadow:0 2px 0 #0002;cursor:pointer}
.mn-chip:hover:not(:disabled){background:var(--g);filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 3px 6px #0003}
.mn-start{font-size:18px;padding:14px 34px}
/* Modal */
.mn-modal{width:min(480px,100%)}
.mn-modal h2{margin:12px 0 8px}
.mn-modal-head{height:42px;border-radius:12px;background:var(--g);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:1px}
.mn-modal-head.plain{height:10px;opacity:.5}
.mn-rent{width:100%;border-collapse:collapse;font-size:14px;margin:6px 0}
.mn-rent td{padding:6px 10px;border-bottom:1px solid #eee9f8;text-align:left;color:#4d426e}
.mn-rent td:last-child{text-align:right;font-weight:700;color:#2d2a3e}
.mn-rent tr.on td{background:#fff5cc;color:#5e4815}
.mn-modal-actions{flex-wrap:wrap;gap:8px}.mn-modal-actions p{width:100%;margin:0}
.mn-manage{display:grid;gap:8px;max-height:50vh;overflow:auto;padding:4px}
.mn-manage button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 14px}
.mn-manage button b{width:14px;height:28px;border-radius:4px;background:var(--g);flex:none}
.mn-manage button span{flex:1}.mn-manage button em{font-style:normal;color:#776f8b;font-size:13px}
/* Lobby: the board-game section shows เศรษฐี as one wide "featured" tile with a live miniature of the board */
.games.board-games{grid-template-columns:1fr}
.game-tile.tile-monopoly{background:linear-gradient(160deg,#fff7e0,#ffe6ec);border-color:#f5d08a;box-shadow:0 6px 0 #f0d9a8}
.game-tile.tile-monopoly .symbol{transform:rotate(6deg)}
.game-tile.tile-monopoly:hover{box-shadow:0 12px 0 #f0d9a8,0 22px 40px #d52b4922}
.game-tile.featured{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:start}
.game-tile.featured>*:not(.tile-preview){grid-column:1}
.game-tile.featured>button{margin-top:10px}
.game-tile.featured p{min-height:0;font-size:15px}
.game-tile.featured .tile-preview{grid-column:2;grid-row:1/7;align-self:center;transform:rotate(-3deg);transition:transform .4s cubic-bezier(.3,1.4,.5,1)}
.game-tile.featured:hover .tile-preview{transform:rotate(0) scale(1.03)}
.tile-new{position:absolute;top:22px;right:22px;background:#2d2a3e;color:#ffd336;font-weight:800;font-size:12px;letter-spacing:.5px;padding:4px 10px;border-radius:8px;z-index:1}
.mn-board.mini{width:236px;gap:1px;padding:2px;border-radius:10px;box-shadow:0 6px 0 #c9c3dc,0 14px 30px #2a244022;pointer-events:none}
.mn-board.mini .mn-sq{font-size:7px;padding:1px;border-radius:2px;cursor:default;gap:0}
.mn-board.mini .mn-icon{font-size:9px;display:block}
.mn-board.mini .t-property .mn-icon{display:none}
.mn-board.mini .mn-center{padding:4px;gap:5px;background:radial-gradient(circle at 50% 30%,#f7fbf3,#dfecd6)}
.mn-board.mini .mn-logo{font-size:26px;letter-spacing:2px;margin:0;text-shadow:2px 2px 0 #ffd336}
.mn-board.mini .mn-dice{gap:5px}.mn-board.mini .mn-die{width:18px;height:18px;border-width:1px;box-shadow:0 2px 0 #cfc8e3}
@media(max-width:700px){.game-tile.featured{grid-template-columns:1fr}.game-tile.featured .tile-preview{grid-column:1;grid-row:auto;justify-self:center;margin-top:14px;transform:none}.mn-board.mini{width:min(236px,100%)}}
@keyframes mn-roll{0%{transform:rotate(0) scale(1)}35%{transform:rotate(200deg) scale(1.25)}70%{transform:rotate(330deg) scale(.95)}100%{transform:rotate(360deg) scale(1)}}
@media(max-width:700px){
 .mn-board{border-radius:10px;gap:1px;padding:2px;width:calc(100% + 8px);margin-left:-4px}
 .mn-sq{font-size:7px;padding:1px;border-radius:2px}.mn-price,.mn-sq.owned .mn-name{display:none}.mn-sq.owned .mn-name{display:block}
 .mn-sq.owned{box-shadow:inset 0 0 0 2px var(--o)}
 .mn-center{padding:6px;gap:5px}.mn-log,.mn-center .mn-actions{display:none}.mn-log-out,.mn-actions-out{display:block}
 .mn-actions-out .mn-actions{margin:10px 0}.mn-actions-out .mn-actions button{font-size:15px;padding:12px 18px}
 .mn-players{grid-template-columns:1fr 1fr;gap:8px}.mn-player{padding:10px}.mn-money{font-size:20px}}
@media(max-width:420px){.mn-players{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mn-sq,.mn-die,.mn-roll,.mn-player,.mn-result{animation:none!important;transition:none!important}}

/* ---------- Excitement layer: festival, clock, hops, cards, cash, sparks, auction, trade, emoji ---------- */
.mn-sq.festival{animation:mn-fest 1.4s ease-in-out infinite;box-shadow:inset 0 0 0 2px #ffd336,0 0 14px #ffd33699;z-index:1}
.mn-sq.festival.owned{box-shadow:inset 0 0 0 3px var(--o),0 0 14px #ffd33699}
.mn-center{position:relative;overflow:hidden}
.mn-watermark{position:absolute;inset:auto 0 6%;text-align:center;font:900 clamp(40px,11vw,120px)/1 'Leelawadee UI',Tahoma,sans-serif;color:#2d2a3e;opacity:.045;letter-spacing:6px;pointer-events:none;transform:rotate(-8deg)}
.mn-center>*{position:relative}
.mn-meta span.fest{background:var(--g);color:#fff;border-color:transparent;animation:uno-throb 1.4s ease-in-out infinite}
.mn-meta span.surge{background:#d52b49;color:#fff;border-color:transparent}
.mn-clock{font-variant-numeric:tabular-nums;min-width:58px;text-align:center}
.mn-clock.urgent{background:#d52b49;color:#fff;border-color:transparent;animation:uno-throb .6s ease-in-out infinite}
.mn-mute{padding:3px 9px;font-size:12px;border-radius:20px;background:#fff;color:#5f5377;border:1px solid #d8d0f0;box-shadow:none;line-height:1}
.mn-mute:hover:not(:disabled){background:#f0edff;transform:none;box-shadow:none}
.mn-token{transition:transform .11s cubic-bezier(.3,.9,.4,1.2);will-change:transform}
.mn-token.hop{animation:mn-hop .12s ease-out}
.mn-token.landed{animation:mn-land .4s cubic-bezier(.3,1.6,.5,1)}
.mn-money.up{color:#1f9e5a}.mn-money.down{color:#d52b49}
.mn-cardwrap{position:fixed;inset:0;z-index:58;display:grid;place-items:center;background:#28223b66;backdrop-filter:blur(3px);animation:uno-fade .2s ease both;perspective:1200px;cursor:pointer}
.mn-cardwrap.out{animation:uno-fade .2s ease reverse both}
.mn-cardflip{position:relative;width:min(300px,80vw);aspect-ratio:3/4.2;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.2,.4,1);animation:mn-cardin .4s cubic-bezier(.2,1.4,.4,1) both}
.mn-cardwrap.flip .mn-cardflip{transform:rotateY(180deg)}
.mn-cardface{position:absolute;inset:0;border-radius:22px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px;text-align:center;box-shadow:0 30px 70px #2a244066;border:6px solid #fff}
.mn-cardface.front{background:repeating-linear-gradient(45deg,#d52b49 0 14px,#b8203a 14px 28px);color:#fff}
.mn-cardwrap.fate .mn-cardface.front{background:repeating-linear-gradient(45deg,#2454c5 0 14px,#1b3f99 14px 28px)}
.mn-cardface.front span{font-size:72px;filter:drop-shadow(0 6px 0 #0004)}.mn-cardface.front b{font-size:26px;letter-spacing:2px}
.mn-cardface.back{background:#fffbe9;color:#2d2a3e;transform:rotateY(180deg)}
.mn-cardface.back small{color:#776f8b}.mn-cardface.back p{margin:0;font-size:clamp(18px,3vw,24px);font-weight:800;line-height:1.5;color:#2d2a3e}
.mn-flycash{position:fixed;z-index:60;pointer-events:none;font-weight:900;font-size:18px;color:#2d2a3e;background:#ffd336;border:2px solid #fff;border-radius:30px;padding:4px 12px;box-shadow:0 6px 16px #0004}
.mn-flycash.gain{background:#1f9e5a;color:#fff}.mn-flycash.loss{background:#d52b49;color:#fff}
body.mn-shake{animation:mn-shake .5s cubic-bezier(.36,.07,.19,.97) both}
.mn-player.boom{animation:mn-boom .9s ease both}
.mn-spark{position:fixed;z-index:60;width:12px;height:12px;border-radius:50%;background:#ff8a3d;box-shadow:0 0 10px #ffd336;pointer-events:none}
.mn-spark:nth-child(odd){background:#d52b49}
.mn-coins i{border-radius:50%!important}
.mn-emoji-float{position:fixed;z-index:61;font-size:44px;pointer-events:none;filter:drop-shadow(0 4px 6px #0004)}
.mn-emojis{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:12px 0 0}
.mn-emojis button{padding:6px 12px;font-size:22px;background:#fff;border:1px solid #e3def2;border-radius:30px;box-shadow:0 3px 0 #e3def2;line-height:1}
.mn-emojis button:hover:not(:disabled){background:#fff5cc;transform:translateY(-3px) scale(1.15);box-shadow:0 5px 0 #e3def2}
.mn-auction{background:#fffc;border:2px dashed #e9c030;border-radius:16px;padding:8px 16px;max-width:96%;animation:uno-pop .45s cubic-bezier(.3,1.6,.5,1) both}
.mn-auction h3{margin:2px 0;font-size:clamp(15px,2.4vw,22px)}
.mn-bidnow{font-size:clamp(14px,2.6vw,24px);font-weight:900;color:#d52b49}
.mn-bid{background:linear-gradient(135deg,#ffd336,#ff8a3d);color:#2a2440;font-weight:900}
.mn-tradebox{text-align:left;font-size:clamp(11px,1.6vw,14px)}.mn-tradebox p{margin:2px 0}.mn-tradebox b{color:#2d2a3e}
.mn-boost{color:#d52b49;font-weight:800;margin:4px 0}
.mn-modal.wide{width:min(620px,100%)}
.mn-trade{text-align:left}.mn-trade label{display:grid;gap:6px;margin:8px 0}
.mn-trade-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mn-trade-cols section{background:#f8f6ff;border-radius:14px;padding:10px 12px}.mn-trade-cols h3{margin:0 0 4px;font-size:16px}
.mn-picks{display:grid;gap:6px;max-height:34vh;overflow:auto}
.mn-pick{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:6px 8px;background:#fff;border:1px solid #e3def2;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px}
.mn-pick input{width:auto}.mn-pick b{width:10px;height:22px;border-radius:3px;background:var(--g)}
.mn-pick:has(input:checked){border-color:#594bed;background:#f3f0ff}
@keyframes mn-fest{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}
@keyframes mn-hop{0%{translate:0 0}50%{translate:0 -6px}100%{translate:0 0}}
@keyframes mn-land{0%{scale:1.5}60%{scale:.9}100%{scale:1}}
@keyframes mn-cardin{from{transform:translateY(60px) scale(.6) rotate(-8deg);opacity:0}}
@keyframes mn-shake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-7px,0,0)}40%,60%{transform:translate3d(7px,0,0)}}
@keyframes mn-boom{0%{transform:scale(1)}20%{transform:scale(1.08) rotate(-2deg);filter:brightness(1.6)}60%{transform:scale(.96) rotate(2deg)}100%{transform:scale(1)}}
@media(max-width:700px){.mn-trade-cols{grid-template-columns:1fr}.mn-watermark{font-size:40px}.mn-emojis button{font-size:18px;padding:5px 9px}.mn-auction{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.mn-sq.festival,.mn-token,.mn-cardflip,.mn-cardwrap,.mn-meta span,.mn-clock,body.mn-shake,.mn-player.boom{animation:none!important;transition:none!important}}