.mahjong-page .game-layout { max-width:1180px; }
.mahjong-page .game-surface { padding:20px; }
.mahjong-page #play,.mahjong-page #message { max-width:none; }
.mahjong-page .game-toolbar { display:flex; align-items:center; flex-wrap:wrap; }
.mahjong-page #round-info { margin-left:auto; font-size:12px; }
#mahjong-actions { display:flex; flex-wrap:wrap; gap:7px; }
#mahjong-actions button { min-height:36px; padding:7px 12px; border:1px solid var(--border,#ebccdc); border-radius:100px; background:transparent; color:var(--link-text,#a42a63); font-size:12px; box-shadow:none; }
#mahjong-actions button:hover:not(:disabled) { background:var(--soft-surface,#fff0f6); }
#mahjong-actions button:disabled { opacity:.45; cursor:default; }
.mahjong-viewport { max-width:100%; max-height:72vh; overflow:auto; border:1px solid #cfdbd1; border-radius:14px; background:#e9f0e9; overscroll-behavior:contain; scrollbar-color:#a6b6a8 #e9f0e9; }
.mahjong-board { position:relative; margin-inline:auto; }
.mahjong-board button.mahjong-tile { position:absolute; min-width:0; min-height:0; padding:0; border:1px solid #a99c82; border-radius:5px; background:#fffef8; box-shadow:1px 3px 0 #c3b38f,2px 4px 0 #8e8066; transform:none; translate:none; touch-action:manipulation; overflow:hidden; cursor:pointer; }
.mahjong-tile img { display:block; width:100%; height:100%; object-fit:fill; pointer-events:none; user-select:none; }
.mahjong-tile[aria-disabled="true"] { cursor:default; }
.mahjong-tile[aria-disabled="true"]::after { content:""; position:absolute; inset:0; background:#34433320; pointer-events:none; }
.mahjong-board button.mahjong-selected { outline:3px solid #d92573; outline-offset:-3px; }
.mahjong-board button.mahjong-hint { outline:3px solid #c28b16; outline-offset:-3px; }
.mahjong-board button:focus-visible { outline:3px solid #a12965; outline-offset:-3px; }
.mahjong-pan-note { margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
[data-theme="dark"] .mahjong-viewport { background:#203329; border-color:#3c5546; scrollbar-color:#657f6c #203329; }
@media(max-width:700px) {
 .mahjong-page .game-layout { padding-inline:8px; }
 .mahjong-page .game-surface { padding:10px; }
 .mahjong-page .game-toolbar { gap:8px; }
 .mahjong-page .game-toolbar > label { gap:6px; }
 .mahjong-page .game-toolbar > label select { max-width:140px; font-size:12px; }
 .mahjong-page #round-info { width:100%; order:3; margin:0; }
 .mahjong-page #restart { order:1; margin-left:auto; }
 #mahjong-actions { order:2; width:100%; gap:5px; }
 #mahjong-actions button { padding-inline:9px; }
 .mahjong-viewport { max-height:68vh; }
}