.mm-browser,.mm-game{--mm-green:#174d42;--mm-gold:#dfbd78}.mm-status{min-height:1.5em;color:var(--text-muted);margin:.3rem 0 .8rem}.mm-error{padding:.8rem 1rem;border:1px solid #b44c50;border-radius:8px;color:var(--danger,#ad3440)}.mm-browser{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1120px;margin:auto}.mm-intro{min-height:390px;position:relative;overflow:hidden;background:var(--mm-green);color:#f8f0dc;border-radius:15px;padding:36px 38px}.mm-intro .eyebrow{color:#dfbd78}.mm-intro h2{font:clamp(2rem,3vw,3.4rem)/1.04 Georgia,serif;letter-spacing:-.055em;margin:22px 0}.mm-intro h2 em{color:#e8c784;font-weight:400}.mm-intro>p{max-width:265px;line-height:1.6}.mm-intro>.mm-small{max-width:260px;margin-top:25px;color:#d1ded4}.mm-intro-cards{position:absolute;right:25px;bottom:45px;transform:rotate(12deg)}.mm-intro-cards>span{display:block;width:86px;height:124px;background:#f6efdd;color:#a62e3d;border-radius:7px;font:32px Georgia;padding:7px;box-shadow:0 6px 15px #0004;transform:rotate(-21deg)}.mm-intro-cards>span+span{margin:-74px 0 0 48px;color:#16483c;transform:rotate(8deg)}.mm-intro-cards small{display:block;text-align:center;font-size:44px}.mm-create{padding:25px 0}.mm-create h2{font:2.3rem Georgia,serif;margin:.6rem 0 1.5rem;letter-spacing:-.04em}.mm-create fieldset{border:0;padding:0;margin:0 0 16px}.mm-create legend{margin-bottom:9px;font-weight:650}.mm-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-mode label{border:1px solid var(--border,#b6c4bc);border-radius:9px;padding:12px;cursor:pointer;position:relative}.mm-mode label:has(:checked){border-color:#3f8472;box-shadow:inset 0 0 0 1px #3f8472;background:#3f84720d}.mm-mode input{margin:0 7px 0 0;accent-color:#286b58}.mm-mode strong{font-size:.9rem}.mm-mode small{display:block;margin-top:5px;color:var(--text-muted)}.mm-create form>label,.mm-create #mm-online-options>label{display:block;font-weight:600;margin:12px 0 6px}.mm-create select,.mm-create input:not([type=radio]),.mm-heading-actions select,.mm-bots-box select{padding:9px 11px;border-radius:7px;border:1px solid var(--border,#b6c4bc);background:var(--surface,#fff);color:var(--text)}.mm-create select,.mm-create input:not([type=radio]){width:100%}.mm-create .button-primary{width:100%;margin-top:4px}.mm-small{font-size:.85rem;line-height:1.5;color:var(--text-muted)}.mm-open-tables{grid-column:1/-1;border-top:1px solid var(--border,#a8b8ad);padding-top:22px}.mm-open-tables header,.mm-room-heading,.mm-hand-area header{display:flex;justify-content:space-between;align-items:center;gap:16px}.mm-open-tables h3{margin:.4rem 0;font:1.5rem Georgia,serif}.mm-open-tables ul{list-style:none;padding:0;margin:0}.mm-open-tables li{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--border,#a8b8ad);padding:12px 0}.mm-open-tables li small{display:block;margin-top:5px;color:var(--text-muted)}#mm-game{max-width:1120px;margin:auto}.mm-room-heading{padding:0 0 14px}.mm-room-heading h2{font:1.7rem Georgia,serif;letter-spacing:-.035em;margin:.3rem 0}.mm-heading-actions{display:flex;align-items:center;gap:9px}.mm-heading-actions label{font-size:.8rem;color:var(--text-muted)}.mm-table{position:relative;min-height:290px;background:radial-gradient(ellipse at 50% 65%,#256753,#15483e 75%);border:7px solid #3f5146;border-radius:65px 65px 85px 85px;color:#f5eddb;padding:16px 24px 10px;box-shadow:inset 0 0 0 1px #d8bb7245,0 9px 18px #0002}.mm-opponents{display:flex;justify-content:center;gap:14px;min-height:72px}.mm-seat{min-width:130px;max-width:180px;flex:1;display:grid;grid-template-columns:38px 1fr;column-gap:8px;align-items:center;border:1px solid #cadccb33;border-radius:9px;padding:8px 10px;background:#0e332e85;position:relative}.mm-seat.is-actor{border-color:#e5c784;box-shadow:0 0 0 2px #e5c78433}.mm-seat .playing-card{--card-width:32px;grid-row:1/4}.mm-seat strong{font-size:.87rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-seat small{font-size:.72rem;color:#bcd4c8}.mm-seat b{color:#edd195;font-size:.76rem;font-weight:500}.mm-center{display:flex;align-items:center;justify-content:center;gap:40px;margin:14px auto 0}.mm-pile{text-align:center;min-width:96px}.mm-pile .playing-card{--card-width:70px}.mm-pile-label{display:block;font-size:.62rem;letter-spacing:.15em;color:#c4d7c9;margin-bottom:8px}.mm-pile small{display:block;margin-top:5px;font-size:.76rem;min-height:18px;color:#f0d499}.mm-table-wordmark{font:2.5rem/.81 Georgia,serif;font-weight:700;letter-spacing:-.07em;transform:rotate(-9deg);opacity:.3;color:#e7d5a6}.mm-table-wordmark em{font-weight:400}.mm-table-message{font-size:.82rem;text-align:center;min-height:20px;margin:9px 0 0;color:#f1ddae}.mm-hand-area{padding:16px 12px 8px}.mm-hand-area h3{font-size:1.03rem;margin:.3rem 0 .8rem}.mm-hand{display:flex;gap:9px;overflow-x:auto;padding:8px 3px 13px;min-height:125px;align-items:flex-start;scrollbar-width:thin}.mm-card-button{appearance:none;flex:none;border:0;background:none;padding:0;cursor:pointer;border-radius:6px;transition:transform .16s;position:relative}.mm-card-button .playing-card{--card-width:70px;display:block}.mm-card-button:disabled{cursor:default;opacity:.57}.mm-card-button:not(:disabled){transform:translateY(-4px);outline:2px solid #509a73;outline-offset:2px}.mm-card-button:not(:disabled):hover{transform:translateY(-10px)}.mm-card-button:focus-visible{outline:3px solid #d5a640;outline-offset:3px}.mm-card-button:disabled:focus-visible{opacity:1}.mm-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-height:44px}.mm-timer{font-variant-numeric:tabular-nums;font-size:.88rem;color:var(--text-muted)}.mm-results{padding:17px 23px;border:1px solid #a88c4c;border-radius:9px;background:#caa75f12;margin:10px 0}.mm-results h3{font:1.65rem Georgia,serif;margin:.5rem 0}.mm-results p{margin:.5rem 0}.mm-below{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:14px 0}.mm-history{max-width:690px;flex:1}.mm-history ol{font-size:.84rem;line-height:1.7;padding-left:22px;color:var(--text-muted)}.mm-bots-box{display:flex;align-items:center;gap:8px;font-size:.85rem}.mm-invite{border-top:1px solid var(--border,#a8b8ad);padding:15px 0}.mm-invite>label{font-weight:600;font-size:.85rem}.mm-invite>div{display:flex;gap:10px;margin-top:8px}.mm-invite input{flex:1;min-width:0;padding:9px;border:1px solid var(--border,#a8b8ad);border-radius:7px;background:var(--surface,#fff);color:var(--text)}.mm-guide{line-height:1.7}.mm-guide h3{font:1.6rem Georgia,serif;letter-spacing:-.035em}.mm-guide dt{font-weight:700;margin-top:12px}.mm-guide dd{margin-left:0}.mm-wish{max-width:560px}.mm-suit-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mm-suit-buttons button{padding:16px 10px;font-size:1rem}.mm-suit-buttons button span{display:block;font:36px Georgia,serif;margin-bottom:10px}.mm-welcome{max-width:700px;margin:40px auto}.mm-welcome h2{font:3rem Georgia,serif}.mm-seat[data-connected=false]{opacity:.55}[data-theme=dark] .mm-table{border-color:#34463e}[data-theme=dark] .mm-mode label:has(:checked){background:#3f847219}
@media(max-width:1450px){.mm-table{min-height:255px;padding-top:13px;border-radius:45px}.mm-center{margin-top:9px;gap:32px}.mm-pile .playing-card{--card-width:62px}.mm-seat{min-width:120px;padding:6px 8px}.mm-hand{min-height:112px}.mm-card-button .playing-card{--card-width:62px}.mm-room-heading h2{font-size:1.5rem}.mm-hand-area{padding-top:11px}.mm-table-message{margin-top:6px}.mm-opponents{min-height:65px}.mm-below{padding-top:10px}}
@media(prefers-reduced-motion:reduce){.mm-card-button{transition:none}}
.mm-suit-buttons button span:last-child{font:inherit;line-height:1.3;margin-bottom:0;overflow-wrap:anywhere}
@media(max-height:850px) and (min-width:1100px){body.mm-online .mm-hand-area{padding-top:2px}body.mm-online .mm-hand-area h3{margin-bottom:2px}}
@media(max-height:850px) and (min-width:1100px){body.mm-online .mm-hand{min-height:82px;padding-top:4px;padding-bottom:4px}body.mm-online .mm-room-heading{padding-bottom:3px}}
@media(max-height:850px) and (min-width:1100px){body.mm-playing .game-toolbar{padding:7px 0}.mm-playing .mm-status{font-size:.76rem;line-height:1.35;min-height:0;margin:0 0 5px}.mm-playing .mm-room-heading{padding-bottom:9px}.mm-playing .mm-room-heading h2{font-size:1.32rem;line-height:1.1;margin:3px 0}.mm-playing .mm-table{min-height:225px;padding:10px 24px 6px}.mm-playing .mm-opponents{min-height:56px}.mm-playing .mm-seat{padding:5px 8px}.mm-playing .mm-seat .playing-card{--card-width:29px}.mm-playing .mm-center{margin-top:5px;gap:28px}.mm-playing .mm-pile .playing-card{--card-width:54px}.mm-playing .mm-pile-label{margin-bottom:4px}.mm-playing .mm-table-message{font-size:.75rem;margin-top:5px}.mm-playing .mm-hand-area{padding-top:9px}.mm-playing .mm-hand-area h3{margin:3px 0 5px}.mm-playing .mm-card-button .playing-card{--card-width:56px}.mm-playing .mm-hand{min-height:102px;padding-bottom:10px}.mm-playing .mm-controls .button{padding:8px 12px;min-height:35px}.mm-playing .mm-below{padding-top:8px}}
.mm-seat{grid-template-columns:38px minmax(0,1fr)}.mm-seat strong,.mm-seat small,.mm-seat b{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-height:850px) and (min-width:1100px){body.mm-online .game-toolbar{padding:3px 0}body.mm-online .game-toolbar h1{font-size:24px}body.mm-online .game-toolbar-title>div>span{display:none}.mm-online .mm-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.mm-online .mm-room-heading{padding-bottom:5px}.mm-online .mm-room-heading h2{font-size:1.2rem}.mm-online .mm-heading-actions .button{min-height:35px;padding:8px 12px}.mm-online .mm-table{min-height:200px;padding-top:7px}.mm-online .mm-opponents{min-height:45px}.mm-online .mm-seat{grid-template-columns:29px minmax(0,1fr);padding:4px 8px}.mm-online .mm-seat strong{font-size:.78rem}.mm-online .mm-seat small,.mm-online .mm-seat b{font-size:.68rem}.mm-online .mm-seat .playing-card{--card-width:25px}.mm-online .mm-pile .playing-card{--card-width:50px}.mm-online .mm-center{margin-top:4px}.mm-online .mm-table-message{min-height:17px;line-height:1.2}.mm-online .mm-hand-area{padding-top:6px}.mm-online .mm-hand-area h3{font-size:.9rem;line-height:1.2;margin:2px 0 4px}.mm-online .mm-card-button .playing-card{--card-width:52px}.mm-online .mm-hand{min-height:90px;padding-top:7px;padding-bottom:8px}}