#mp-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:24px 0}.mp-pick{padding:18px;background:#211a30;border:1px solid #514063;border-radius:16px}.mp-pick img{height:110px;width:90px;object-fit:contain;display:block;margin:auto}.mp-pick select{width:100%;margin:8px 0}.mp-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.mp-toolbar strong{margin-right:auto}.mp-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.mp-scroll{overflow:auto}#mp-board{display:grid;grid-template:repeat(11,1fr)/repeat(11,1fr);aspect-ratio:1;min-width:680px;background:#21182f;border:2px solid #8662a7;border-radius:8px;position:relative}.mp-center{grid-area:2/2/11/11;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse,#39254e,#17121f)}.mp-center h2{font-size:clamp(32px,4vw,64px);line-height:1;margin:18px 0;color:#d4ff73}.mp-cell{font:inherit;position:relative;min-width:0;padding:6px 2px;border:1px solid #4c3c5d;border-top:7px solid var(--stripe,#67547d);background:#272032;color:#f6eefc;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.mp-cell small{font-size:9px;line-height:1.15;overflow-wrap:anywhere}.mp-cell .mp-price{font-size:9px;color:#c5b3d7}.mp-cell.active{background:#58436e;box-shadow:inset 0 0 0 2px #d1ff76}.mp-tokens{display:flex;flex-wrap:wrap;justify-content:center;position:absolute;bottom:2px;left:0;right:0;pointer-events:none}.mp-token{width:25px;height:29px;border:2px solid var(--pc);border-radius:7px;background:#21192c;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}#mp-dice{font-size:42px}#mp-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#mp-actions button,aside button,.mp-toolbar button{background:#352444;color:white;border:1px solid #745892;padding:10px;border-radius:8px;cursor:pointer}#mp-actions button:first-child{background:#c5f36b;color:#171a10;font-weight:bold}button:disabled{opacity:.4;cursor:default}.mp-player{padding:12px;margin-bottom:10px;background:#251c31;border-left:4px solid var(--pc);display:flex;gap:12px;align-items:center}.mp-player img{width:42px;height:50px;object-fit:contain}.mp-player small{display:block}.mp-player.current{outline:1px solid #c5f36b}.mp-asset{border-bottom:1px solid #453750;padding:9px 0;font-size:12px}.mp-asset button{font-size:11px;padding:6px;margin:4px}#mp-assets{max-height:330px;overflow:auto}#mp-log{padding-left:20px;font-size:12px;max-height:260px;overflow:auto;color:#c9bad6}.mp-rules{padding:22px;background:#20192a;margin:25px 0}.mp-rules summary{cursor:pointer;font-weight:bold}@media(max-width:1050px){.mp-layout{grid-template-columns:1fr}#mp-players{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mp-center h2{font-size:46px}}
/* Arena board: miniature illustrated event posters and physical table pieces. */
#mp-board{min-width:780px;border:3px solid #a48bc7;box-shadow:0 25px 80px #0008,0 0 40px #8052aa22;background:#171221;isolation:isolate}.mp-cell{padding:2px 3px 15px;border-top-width:5px;background:linear-gradient(155deg,#30253e,#17131f);overflow:hidden;transition:background .2s}.mp-cell small{font-size:9px;font-weight:750;line-height:1.15;position:relative;z-index:1;text-shadow:0 1px 3px #000}.mp-tile-art{display:block;height:36%;min-height:22px;color:var(--stripe);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--stripe),transparent 65%))}.mp-tile-art svg{height:100%;width:100%;display:block}.mp-cell .mp-price{font-size:9px;line-height:1}.mp-cell.active{background:linear-gradient(150deg,#655077,#282033);outline:2px solid #dcff86;outline-offset:-3px}.mp-tokens{bottom:1px;gap:1px;z-index:3}.mp-token{height:35px;width:29px;background:linear-gradient(#30213f,#0d0b12);border-width:2px;box-shadow:0 2px 0 var(--pc),0 4px 7px #000b;animation:mp-hop .22s ease-out}.mp-center{position:relative;overflow:hidden;padding:22px;justify-content:space-evenly;background:radial-gradient(ellipse at 50% 35%,#4a2d62aa,transparent 65%),linear-gradient(30deg,#14101d,#21182f)}.mp-center:before{content:'';position:absolute;inset:8%;border:1px solid #bb8cf51a;transform:rotate(-12deg);pointer-events:none;box-shadow:0 0 0 22px #bb8cf508,0 0 0 44px #bb8cf505}.mp-center>*{position:relative}.mp-center h2{font-size:clamp(27px,3.4vw,47px);letter-spacing:-1px;margin:6px 0;text-shadow:0 4px 20px #b0ff3c22}.mp-center .eyebrow{font-size:10px;letter-spacing:4px}.mp-stage{display:grid;grid-template-columns:100px 1fr 100px;gap:24px;align-items:center;width:100%;max-width:510px}.mp-deck{position:relative;height:133px;color:#d9c8f4;border:1px solid #aa82d5;border-radius:10px;background:repeating-linear-gradient(45deg,#352341 0 3px,#30203c 3px 8px);box-shadow:3px 3px 0 #a58ab5,6px 6px 0 #34253f,8px 8px 0 #7e648f,11px 11px 20px #0008;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;transform:rotate(-9deg)}.mp-deck.chance{color:#e9faab;border-color:#b8d86b;background:repeating-linear-gradient(-45deg,#2b3825 0 3px,#253020 3px 8px);transform:rotate(9deg);box-shadow:3px 3px 0 #a8b87a,6px 6px 0 #293522,8px 8px 0 #6b7e4c,11px 11px 20px #0008}.mp-deck:before{content:'';position:absolute;inset:7px;border:1px solid currentColor;opacity:.35;border-radius:5px}.mp-deck span{font-size:32px}.mp-deck b{font-size:11px;line-height:1.3;letter-spacing:1px}.mp-deck small{font-size:9px;opacity:.7}.mp-deck.drawing{filter:brightness(1.5);transform:translateY(-6px) rotate(0deg);transition:.3s}.mp-dice-zone{display:flex;flex-direction:column;align-items:center;gap:20px}.mp-dice-zone small{font-size:10px;letter-spacing:2px;color:#c6b1dc}#mp-dice{display:flex;justify-content:center;gap:26px;perspective:550px;min-height:60px;align-items:center}.mp-die{width:48px;height:48px;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(22deg)}.mp-face{position:absolute;inset:0;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:8px;gap:3px;background:linear-gradient(140deg,#fffefa,#c9c0d8);border:1px solid #f5e9ff;border-radius:7px;box-shadow:inset 0 0 8px #78658b55;backface-visibility:hidden}.mp-face i{border-radius:50%;background:#291b3d;box-shadow:inset 0 1px 2px #0008}.mp-face:nth-child(1){transform:translateZ(24px)}.mp-face:nth-child(2){transform:rotateY(180deg) translateZ(24px)}.mp-face:nth-child(3){transform:rotateY(90deg) translateZ(24px)}.mp-face:nth-child(4){transform:rotateY(-90deg) translateZ(24px)}.mp-face:nth-child(5){transform:rotateX(90deg) translateZ(24px)}.mp-face:nth-child(6){transform:rotateX(-90deg) translateZ(24px)}#mp-status{max-width:470px;min-height:42px;margin:8px 0;font-size:14px;color:#e2d8ec}#mp-dice-result{font-weight:800;font-size:16px;letter-spacing:2px;color:#e3f8bb}.mp-die.rolling{animation:mp-tumble .25s linear infinite}.mp-die.rolling:nth-child(2){animation-direction:reverse}.mp-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#09060dbb;backdrop-filter:blur(7px)}.mp-draw-card{width:min(320px,84vw);min-height:420px;border:2px solid #c3a0ed;border-radius:20px;background:radial-gradient(ellipse at top,#634378,#1c1428 80%);box-shadow:0 30px 120px #000c,inset 0 0 0 7px #ffffff08;color:#f9f2ff;padding:30px 25px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;transform-style:preserve-3d}.mp-draw-card.chance{border-color:#c7e38b;background:radial-gradient(ellipse at top,#526537,#182018 80%)}.mp-draw-card .mp-card-emblem{font-size:65px;line-height:1.2;text-shadow:0 0 25px #dcacff80}.mp-draw-card h3{font-size:26px;margin:0;line-height:1.2}.mp-draw-card p{font-size:15px;margin:0;color:#dfd2eb}.mp-card-value{font-size:35px;font-weight:900;color:#d0ff79}.mp-card-value.negative{color:#ffa09b}.mp-draw-card button{border:1px solid #b89dc8;background:#e5d4f4;color:#21162c;padding:13px 18px;border-radius:9px;font-weight:800;cursor:pointer}.mp-card-label{font-size:10px;letter-spacing:2px;text-transform:uppercase}.mp-deck.returned{animation:mp-stack .5s ease-out}.mp-cell.purchased{animation:mp-purchase 1s ease-out}@keyframes mp-hop{0%{transform:translateY(-7px) scale(.9)}70%{transform:translateY(1px) scale(1.05)}100%{transform:none}}@keyframes mp-tumble{0%{transform:translateY(-8px) rotateX(0) rotateY(0) rotateZ(0)}100%{transform:translateY(-8px) rotateX(360deg) rotateY(180deg) rotateZ(90deg)}}@keyframes mp-stack{50%{translate:0 5px;filter:brightness(1.8)}}@keyframes mp-purchase{40%{background:#667b3c;filter:brightness(1.8)}}@media(max-width:1050px){.mp-center h2{font-size:38px}.mp-stage{gap:22px}.mp-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}#mp-players{grid-column:1/-1}.mp-layout aside>h3,.mp-layout aside>p{grid-column:1/-1}.mp-layout aside #mp-log,.mp-layout aside #mp-assets{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){.mp-token,.mp-die.rolling,.mp-deck.returned,.mp-cell.purchased{animation:none!important}.mp-cell,.mp-deck{transition:none!important}}
#mp-game{scroll-margin-top:25px}.mp-cell.event .mp-tile-art{min-height:28px;height:43%;filter:drop-shadow(0 0 7px currentColor)}.mp-cell.card .mp-tile-art{color:#dac4f4}.mp-cell.card:has(.mp-tile-art){background:linear-gradient(150deg,#3c294a,#1c1527)}.mp-cell.start .mp-tile-art,.mp-cell.rest .mp-tile-art{color:#c6eb8d}.mp-cell.gojail .mp-tile-art,.mp-cell.tax .mp-tile-art{color:#f9ae8f}
/* Ownership remains visible independently of the event's group color. */
#mp-board .mp-cell.mp-owned{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--owner-color) 34%,transparent) 0 5px,transparent 5px 11px),linear-gradient(color-mix(in srgb,var(--owner-color) 24%,#18121f),color-mix(in srgb,var(--owner-color) 16%,#18121f));box-shadow:inset 3px 0 var(--owner-color),inset -3px 0 var(--owner-color),inset 0 -3px var(--owner-color);padding-bottom:18px}#mp-board .mp-cell.mp-owned.active{outline:2px dashed #fff;outline-offset:-6px}#mp-board .mp-cell.mp-owned .mp-tile-art{filter:drop-shadow(0 1px 2px #000);min-height:19px}#mp-board .mp-cell.mp-owned small,#mp-board .mp-cell.mp-owned .mp-price{color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000;font-weight:800}#mp-board .mp-owner-badge{position:absolute;left:3px;right:3px;bottom:0;height:14px;line-height:14px;z-index:5;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--owner-color);color:#11131a;font-size:8px;font-weight:900;text-align:center;letter-spacing:0;padding:0 2px;text-shadow:none}#mp-board .mp-owned .mp-tokens{bottom:16px}.mp-player{background:linear-gradient(110deg,color-mix(in srgb,var(--pc) 23%,#21192b),#21192b);border-left-width:7px}.mp-player.current{outline:2px solid var(--pc)}

/* Building upgrades: five visual stages, with ownership color retained. */
#mp-board .mp-cell.event[data-level="1"] .mp-tile-art{color:#bbd5ff}#mp-board .mp-cell.event[data-level="2"] .mp-tile-art{color:#9fe8cb}#mp-board .mp-cell.event[data-level="3"] .mp-tile-art{color:#80eaff}#mp-board .mp-cell.event[data-level="4"] .mp-tile-art{color:#e1b0ff}#mp-board .mp-cell.event[data-level="5"] .mp-tile-art{color:#ffdf75;filter:drop-shadow(0 0 5px #ffd268)}
#mp-board .mp-cell.event[data-level="5"]{border-top-color:#ffdc70}.mp-upgrade-level{position:absolute;right:2px;top:1px;z-index:6;border:1px solid #ffffff90;border-radius:3px;background:#121723ed;color:#fff;font:bold 9px/1.2 Arial;padding:2px 3px;box-shadow:0 1px 4px #000}.mp-cell[data-level="5"] .mp-upgrade-level{background:#ffe391;color:#261a06;border-color:#fff0b5}.mp-upgrade-meter{display:flex;gap:4px;margin:7px 0}.mp-upgrade-meter i{display:block;width:21px;height:7px;border:1px solid #7c6c92;background:#21182d;border-radius:2px}.mp-upgrade-meter i.filled{background:#d4ff73;border-color:#d4ff73}.mp-cell.mp-upgraded{animation:mp-level-up 1s ease-out}.mp-cell.mp-upgraded .mp-tile-art{animation:mp-building-rise .8s ease-out}@keyframes mp-level-up{35%{filter:brightness(1.8);outline:3px solid #ffdd73;outline-offset:-3px}}@keyframes mp-building-rise{0%{transform:translateY(10px) scale(.6);opacity:.2}70%{transform:translateY(-3px) scale(1.12)}100%{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.mp-cell.mp-upgraded,.mp-cell.mp-upgraded .mp-tile-art{animation:none}}
.mp-pot-display{background:linear-gradient(130deg,#3e3524,#282033);border:1px solid #dcc078;border-radius:12px;min-width:230px;padding:10px 22px;display:flex;flex-direction:column;gap:3px;box-shadow:0 4px 18px #0005}.mp-pot-display span{font-size:10px;letter-spacing:2px;color:#f4d991}.mp-pot-display strong{font-size:30px;line-height:1.1;color:#dcff93;font-variant-numeric:tabular-nums}.mp-pot-display small{font-size:10px;color:#d8c9ae}#mp-board .mp-cell.rest .mp-price{font-size:12px;color:#dbff8a;font-weight:900}.mp-jackpot{animation:mp-jackpot .4s ease-in-out infinite alternate}@keyframes mp-jackpot{to{transform:scale(1.09);box-shadow:0 0 45px #f7ce7680}}@media(prefers-reduced-motion:reduce){.mp-jackpot{animation:none}}
.mp-trade-panel{width:min(780px,94vw);max-height:90vh;overflow:auto;background:linear-gradient(140deg,#382447,#171321);border:2px solid #9e7dc3;border-radius:18px;padding:26px;color:#f2e9fb;box-shadow:0 25px 80px #000a}.mp-trade-panel h2{font-size:30px;margin:0 0 12px}.mp-trade-panel p{font-size:14px}.mp-trade-panel select,.mp-trade-panel input[type=number]{background:#171321;color:white;border:1px solid #79608e;padding:10px;border-radius:7px;max-width:100%;width:100%;margin:6px 0}.mp-trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.mp-trade-columns fieldset,.mp-trade-columns section{min-width:0;border:1px solid #79608e;border-radius:12px;padding:15px;background:#17132188}.mp-trade-columns legend{font-weight:800;font-size:14px}.mp-trade-property{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-bottom:1px solid #ffffff14;font-size:13px}.mp-trade-property input{width:18px;height:18px;flex-shrink:0;accent-color:#c4f46c}.mp-trade-property:has(input:disabled){opacity:.5}.mp-trade-controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.mp-trade-controls button{background:#372346;border:1px solid #aa87cb;border-radius:8px;padding:12px;color:white;font-weight:700;cursor:pointer}.mp-trade-controls button:first-child{background:#c7f278;color:#1a2113}.mp-trade-error{color:#ffb0a4;min-height:18px}.mp-trade-columns h3{font-size:17px}@media(max-width:620px){.mp-trade-columns{grid-template-columns:1fr}.mp-trade-panel{padding:18px}.mp-trade-controls button{width:100%}}

@media(max-width:700px){.mp-layout{grid-template-columns:minmax(0,1fr);gap:12px}.mp-scroll{min-width:0}#mp-board{min-width:0;width:100%}.mp-cell{padding:2px 0;border-top-width:4px}.mp-cell small{font-size:6px;line-height:1.1}.mp-cell .mp-price{font-size:6px}.mp-token{width:14px;height:17px;border-width:1px}.mp-center{padding:5px}.mp-center h2{font-size:22px;margin:5px 0}.mp-center p{font-size:10px}.mp-pot-display{min-width:0;padding:6px}.mp-pot-display strong{font-size:22px}.mp-toolbar{gap:7px}.mp-toolbar button,#mp-actions button{min-height:44px}.mp-upgrade-level{font-size:6px;padding:1px}.mp-player{padding:8px}.mp-layout aside{min-width:0}#mp-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mp-pick{padding:10px}.mp-pick select{max-width:100%;font-size:16px}}

@media(max-width:700px){body:has(.mp-layout) main{padding-left:8px;padding-right:8px}}

@media(max-width:700px){#mp-board{grid-template:repeat(11,minmax(0,1fr))/repeat(11,minmax(0,1fr))}.mp-cell{overflow:hidden}.mp-tile-art,.mp-cell.event .mp-tile-art,#mp-board .mp-cell.mp-owned .mp-tile-art{min-height:0;height:35%}.mp-stage{grid-template-columns:minmax(0,1fr);gap:5px}.mp-deck{display:none}.mp-dice-zone{gap:8px}.mp-center .eyebrow{font-size:7px;letter-spacing:1px}.mp-center{overflow:hidden}.mp-center h2{font-size:20px}}