/* Only Mau-Mau's table, cards and controls; shared shell stays in page.css. */
.mau-table{--card-w:88px;--card-h:calc(var(--card-w)*10/7);--pile-w:70px;width:100%;margin:0 auto;background:radial-gradient(ellipse at 50% 40%,#244139d9,#10231eea),url(assets/table-mobile.webp);border:1px solid #bca36b88;border-radius:18px;padding:10px;box-sizing:border-box;box-shadow:inset 0 0 24px #0008;touch-action:manipulation}
.mau-seats{display:flex;gap:6px;justify-content:space-around;margin-bottom:8px}
.mau-seat{min-width:0;flex:1;text-align:center;border:1px solid #a18b5744;border-radius:9px;padding:4px 2px;color:#eae5d5}
.mau-seat.is-active{outline:2px solid #e2c783}.mau-seat strong{display:block;font:700 14px/18px system-ui;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mau-seat small{display:block;font:14px/18px system-ui;color:#e3d2a2}.mau-seat.is-active strong::after{content:" ●";color:#f6da8c}
.mau-piles{--card-w:var(--pile-w);display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 4px}
.mau-piles>div{position:relative;display:flex}.mau-penalty{position:absolute;inset:auto -10px -4px auto;min-width:24px;border-radius:12px;background:#101c17;color:#f6db9c;font:700 18px/24px system-ui;text-align:center;pointer-events:none}.mau-penalty:empty{display:none}
.mau-card{position:relative;isolation:isolate;display:inline-flex;flex:0 0 var(--card-w);width:var(--card-w);height:calc(var(--card-w)*10/7);border:0;border-radius:7px;background:#fffff8;box-shadow:0 2px 6px #0008;padding:0;touch-action:manipulation;cursor:pointer;color:transparent;box-sizing:border-box}
/* Keep borders inside each card layer so covered cards cannot outline their neighbours. */
.mau-card::after{z-index:2;content:'';position:absolute;inset:0;border:2px solid #c7c5b8;border-radius:7px;pointer-events:none}.mau-card:focus-visible{outline:0}.mau-card:focus-visible::after{border:3px solid #1b527c;box-shadow:inset 0 0 0 2px #fff}.mau-card.is-selected{transform:translateY(-6px)}.mau-card.is-selected::after{border:3px solid #bb851e}.mau-card.is-selected .mau-card-corner{background:#f5df98;border-radius:4px}.mau-card.is-legal::after{border-color:#d5af55}.mau-card.is-legal:focus-visible::after{border-color:#1b527c}.mau-card[aria-disabled=true]{cursor:default}
.mau-stock{background-image:var(--back-art);background-size:100% 100%;color:#f6e3af;font:700 22px system-ui;text-shadow:0 2px 4px #000}.mau-stock span{background:#090c0ce0;border-radius:15px;padding:2px 9px;margin:auto}.mau-top{cursor:default}.mau-suit{width:36px;text-align:center;color:#f4ead7}.mau-suit.is-red{color:#ffb5a5}.mau-suit svg{display:block;width:32px;height:32px;margin:auto}
/* One row, exactly half overlap: 88px cards expose a 44px touch strip.
   Auto outer margins center small hands and collapse to zero for overflow. */
.mau-hand{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;max-width:100%;margin-top:2px;padding:10px 4px 8px;overscroll-behavior-x:contain;touch-action:pan-x;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#d3b56c #10251d;direction:ltr}
.mau-hand>.mau-card:first-child{margin-left:auto}.mau-hand>.mau-card+.mau-card{margin-left:calc(var(--card-w)*-.5)}.mau-hand>.mau-card:last-child{margin-right:auto}
.mau-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.mau-actions button{min-height:44px;min-width:72px;padding:6px 10px}.mau-call{display:flex;align-items:center;gap:6px;min-height:44px;box-sizing:border-box;border:1px solid #aa9255;border-radius:10px;padding:0 10px;color:#f3e6c6}.mau-call input{width:22px;height:22px;accent-color:#d4b56f}
/* A single face: large left corner + the original central motif, no stacked header.
   Crop the original 168px card to x=32..136, excluding both old corner indices.
   54% * 168/104 = 87.23077% keeps the central artwork's original aspect ratio. */
.mau-card-art{position:absolute;left:40%;right:6%;top:6.384615%;height:87.23077%;overflow:hidden;pointer-events:none}
.mau-card-motif{position:absolute;left:-30.769231%;top:0;width:161.538462%;height:100%;background-image:var(--card-art);background-size:1300% 400%;pointer-events:none}
.mau-card-corner{position:absolute;top:4px;left:3px;width:calc(var(--card-w)*.36);display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 0;pointer-events:none}
.mau-card-rank{font:800 clamp(23px,calc(var(--card-w)*.32),38px)/1 Arial,sans-serif;letter-spacing:-1px}.mau-card-corner svg{display:block;width:calc(var(--card-w)*.28);height:calc(var(--card-w)*.28);flex:none}
.mau-card-fallback{position:absolute;inset:25% 6% 20% 43%;display:flex;align-items:center;justify-content:center;background:#fffff8;pointer-events:none}.mau-card-fallback svg{width:100%;height:100%}[data-mau-art-ready] .mau-card-fallback{display:none}
.mau-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mau-choice-grid button{min-height:60px;font-size:23px}.mau-card-choices{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:12px}.mau-rules-group{margin:12px 0;padding:12px;border:1px solid #ad94544f;border-radius:12px}.mau-rules-group summary{min-height:48px;cursor:pointer;color:#e6cd91;font-size:18px}.mau-rules-group label{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:48px;margin:12px 0}.mau-rules-group label>span{flex:1}.mau-rules-group select{max-width:58%;min-height:44px;font-size:16px}.mau-rules-group input[type=checkbox]{width:22px;height:22px;accent-color:#d4b56f}.mau-rules-group small{display:block;line-height:1.6;color:#d3c8b1}.mau-settings-feedback{min-height:24px;color:#edca83;line-height:1.6}.mau-result-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #b49a5838}.mau-result-row strong{color:#ecd39b}.mau-result-close{width:100%;min-height:48px;margin-top:16px}

@media(min-width:600px) and (orientation:portrait){.mau-table{--card-w:120px;--pile-w:90px;max-width:900px;padding:14px}.mau-seat strong{font-size:17px;line-height:22px}.mau-seat small{font-size:16px;line-height:20px}.mau-piles{gap:28px}.mau-hand{padding-top:12px}.mau-actions{margin-top:8px}}
@media(orientation:landscape) and (max-height:800px){.mau-table{--pile-w:60px;max-width:850px;padding:8px}.mau-seats{margin-bottom:4px}.mau-piles{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.mau-card{transition:none}}
/* The shared i-help control occupies its own column; expanded help spans the row. */
.mau-rules-group label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px}.mau-rules-group label>span{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}.mau-rules-group label>select,.mau-rules-group label>input{grid-column:2;grid-row:1;min-width:0;max-width:100%;width:100%}.mau-rules-group label>input[type=checkbox]{width:22px;justify-self:end}.mau-rules-group label>.setting-help-button{grid-column:3;grid-row:1;margin:0}.mau-rules-group label>.setting-help-bubble{grid-column:1/-1;min-width:0}