.mp{--ink:#263d51;--blue:#287cb2;color:var(--ink);font:14px/1.65 Arial,sans-serif}.mp h2,.mp h3,.mp p{margin:0 0 12px}.mp h2{font-size:29px;color:#263d51}.mp h3{font-size:18px;color:#263d51}.mp button{font:inherit;cursor:pointer;color:#294d68;background:linear-gradient(#fff,#edf2f6);border:1px solid #b8cad7;border-radius:5px;padding:7px 13px;box-shadow:0 1px 1px #0000000a}.mp button:disabled{cursor:default;opacity:.52}.mp button:focus-visible{outline:3px solid #078bc9;outline-offset:2px}.mp button.primary{background:linear-gradient(#3c97ce,#2374aa);color:white;border-color:#226b9e}.mp input,.mp select{background:#fff;border:1px solid #bbcbd6;color:#263d51;padding:8px;width:100%;border-radius:4px}.mp label{display:block}.mp small{color:#617789}.mp-heading,.mp-fair,.mp-room-top,.mp-room-row,.mp-match,.mp-table-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.mp-fair{background:#eff7fc;border-block:1px solid #d4e8f5;padding:10px 16px;font-size:12px}.mp-fair b{font-size:14px;white-space:nowrap}#mp-network{font-size:12px;color:#43805c;padding:7px 2px}.mp-game-menu{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:8px 0 22px}.mp-game-menu button{padding:16px 5px;display:grid;gap:4px;background:#fff}.mp-game-menu button>span{font-size:36px;line-height:1.2}.mp-game-menu button>small{font-size:11px}.mp-game-menu button[aria-pressed=true]{border-color:#3289bd;background:#f0f9ff;box-shadow:inset 0 -3px #3289bd}.mp-lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.mp-paper{border:1px solid #d4dfe7;background:#fafcfd;border-radius:6px;padding:18px;margin-bottom:14px}.mp-paper .primary{width:100%}.mp-fine{font-size:12px;color:#657582}.mp-paper #mp-pot{color:#19744e;font-weight:bold;margin-top:14px}.mp-empty{padding:30px;text-align:center;border:1px dashed #cedbe4;color:#648197;background:#fcfdff;margin-bottom:24px}.mp-room-row{padding:14px 8px;border-bottom:1px solid #e4ebf0;font-size:12px}.mp-room-row>div{flex:1}.mp-room-row b,.mp-room-row small{display:block}.mp-room-row .mp-mini-icon{font-size:24px}.mp-room-row>span:not(.mp-mini-icon){white-space:nowrap}.mp-score{display:flex;justify-content:space-around;text-align:center;margin-bottom:15px}.mp-score span{display:grid;font-size:12px}.mp-score b{font-size:27px;color:#287cb2}.mp-room-top{font-size:12px;margin-bottom:16px}.mp-match{background:#f7fafc;border:1px solid #d4dfe7;border-radius:6px;padding:16px 22px;margin-bottom:18px}.mp-players{display:flex;gap:20px;align-items:center}.mp-players>div{text-align:center}.mp-players b,.mp-players small{display:block}.mp-player-dot{display:inline-block;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff66;border:2px solid #8696a4}.mp-player-dot.p0{background:#f4eee2}.mp-player-dot.p1{background:#263746}.mp-players .on-turn b{color:#158852}.mp-prize{text-align:center;display:grid}.mp-prize strong{font-size:28px;color:#216d51}.mp-prize span{font-size:12px}.mp-table-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px}.mp-table{border:1px solid #cbd9e2;border-radius:7px;overflow:hidden;background:#fff;padding-bottom:20px;text-align:center}.mp-table-title{padding:12px 18px;background:linear-gradient(#fcfdff,#edf2f6);border-bottom:1px solid #cbd9e2;margin-bottom:16px;flex-wrap:wrap}.mp-table-title h3{margin:0}.mp-table-title>b{color:#287954;font-size:13px}.mp-room-sidebar{font-size:13px;align-self:start}.mp-room-sidebar button{width:100%;margin-top:12px}.mp .mp-danger{color:#b03939}.mp-deadline{padding:12px 0;border-top:1px solid #dce5eb}.mp-waiting-hero{padding:30px 16px}.mp-waiting-hero>span{font-size:70px}.mp-wait-seat{font-size:30px;color:#a0afba}.mp-wait-seat small{font-size:12px}.mp-rps{padding:12px 22px}.mp-rps-score{font-size:52px;font-weight:bold;letter-spacing:12px;color:#305e7b}.mp-hands{display:flex;gap:18px;justify-content:center;margin:20px 0}.mp-hands button{display:grid;min-width:90px;background:#fff}.mp-hands span{font-size:45px}.mp-round-result{border-top:1px dashed #b4cbdc;padding:16px}.mp-result{background:#f1f9ed;border:1px solid #d6e7c9;margin:0 18px 18px;padding:20px;color:#3b6945}.mp-result>span{font-size:38px}.mp-board-hint{font-size:12px;padding-inline:12px}.mp-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(94%,480px);aspect-ratio:1;margin:0 auto;border:7px solid #80664d;box-shadow:0 3px 10px #54432420}.mp-board button{position:relative;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:0;display:grid;place-items:center;font-size:clamp(20px,4vw,44px);line-height:1;box-shadow:none}.mp-board button.light{background:#f3e9d8}.mp-board button.dark{background:#a77e59}.mp-board button:disabled{opacity:1}.mp-board button small{position:absolute;bottom:2px;left:3px;font:9px Arial;color:#44362b}.mp-board button.white-piece{color:#fff;text-shadow:1px 1px 1px #24211d,-1px -1px 1px #24211d}.mp-board button.black-piece{color:#202a31;text-shadow:0 1px #fff}.mp-board button.selected,.mp-point.selected{outline:4px solid #e9bc36;outline-offset:-4px}.mp-board button.legal,.mp-point.legal,.mp-bg-trays button.legal{box-shadow:inset 0 0 0 4px #32a58b;background-color:#c0d4ab}.mp-checker{display:inline-grid;width:76%;aspect-ratio:1;border-radius:50%;place-items:center;border:2px solid #ffffff55;box-shadow:0 2px 2px #0005,inset 0 0 0 3px #00000016;font-size:25px}.mp-checker.ivory{background:#fff4d8;color:#9f6d26}.mp-checker.charcoal{background:#304052;color:#f4dba9}.mp-promotion{max-width:230px;margin:14px auto 0;font-size:12px}.mp-connect{max-width:460px;margin:auto;padding:0 15px}.mp-drop,.mp-connect-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.mp-drop{margin-bottom:10px}.mp-drop button{padding:5px}.mp-connect-grid{background:#347bad;padding:13px;border:6px solid #27648d;border-radius:10px;box-shadow:0 5px 0 #174360}.mp-disc{aspect-ratio:1;background:#eaf3f9;border-radius:50%;box-shadow:inset 0 3px 4px #19476688}.mp-disc.red{background:#ee6662;box-shadow:inset 0 0 0 5px #d4524e}.mp-disc.gold{background:#ffd46b;box-shadow:inset 0 0 0 5px #e9b849}.mp-disc.last{outline:3px solid #fff;outline-offset:-5px}.mp-dice{display:flex;justify-content:center;gap:8px;align-items:center;margin:12px}.mp-dice>span{font-size:39px;line-height:1}.mp-dice b{font-size:12px}.mp-bg{display:grid;grid-template-columns:repeat(12,1fr);border:8px solid #815b3d;background:#e7cda6;margin:0 12px;direction:ltr}.mp-bg .mp-point{position:relative;display:flex;flex-direction:column;align-items:center;padding:3px 0;border:0;border-radius:0;height:168px;background:none;isolation:isolate;color:#382719;box-shadow:none}.mp-point::before{content:'';position:absolute;inset:20px 0 0;clip-path:polygon(0 0,100% 0,50% 100%);background:#b57647;z-index:-1}.mp-point.brick::before{background:#86533d}.mp-point.bottom::before{transform:rotate(180deg);inset:0 0 20px}.mp-point.bottom{flex-direction:column-reverse!important;border-top:12px solid #815b3d!important}.mp-point b{font-size:11px}.mp-point span{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.mp-point.bottom span{flex-direction:column-reverse}.mp-point .mp-checker{width:88%;max-width:26px}.mp-point em{font:bold 11px Arial;background:#fff9;border-radius:4px;padding:1px 3px}.mp-bg .mp-point:disabled{opacity:1}.mp-bg-trays{display:flex;justify-content:space-around;gap:5px;margin:12px}#mp-die-choice{padding:0 10px}#mp-confirm{color:#263d51;background:white;padding:25px;max-width:420px}#mp-confirm p{margin:15px 0}#mp-code{margin-top:18px}#mp-code button{width:100%;margin-top:8px}@media(max-width:800px){.mp-table-layout{grid-template-columns:1fr}.mp-lobby-layout{grid-template-columns:1fr}.mp-lobby-layout>aside{grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mp-lobby-layout>aside>details{grid-column:1/-1}.mp-game-menu{gap:5px}.mp-game-menu small{display:none}.mp-game-menu b{font-size:11px}.mp-game-menu button>span{font-size:26px}.mp-heading h2{font-size:24px}.mp-fair{flex-wrap:wrap;gap:3px}.mp-room-row{flex-wrap:wrap}.mp-room-row>div{min-width:120px}.mp-board button{font-size:clamp(26px,7vw,44px)}}@media(max-width:480px){.mp-lobby-layout>aside{display:block}.mp-players{gap:10px}.mp-match{padding:12px;gap:8px}.mp-prize strong{font-size:23px}.mp-hands{gap:8px}.mp-hands button{min-width:70px}.mp-bg{margin:0 4px;border-width:5px}.mp-bg .mp-point{height:145px}.mp-checker{border-width:1px}.mp-dice{flex-wrap:wrap}.mp-room-top{gap:6px;flex-wrap:wrap}.mp-room-top>span{order:3;width:100%;text-align:center}}