.stage{max-width:640px;margin:24px auto;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.turnbar{--tb-msg-lines:2;--tb-st-lines:1;--tb-rt:0px;margin-bottom:16px}.turnbar .status{font-size:14px}.message{font-size:16px;line-height:28px}.mode-note,.timing,.records{font-size:14px;line-height:1.6}.scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0}.seat{padding:6px 2px;text-align:center;border:2px solid var(--line);border-radius:4px;display:flex;flex-direction:column;font-size:14px}.seat.taken{border:2px solid var(--ok)}.token-row{display:flex;justify-content:center;gap:12px;min-height:64px}.token{width:80px;min-height:60px;background:#e7ece6;border:2px solid var(--line-strong);border-radius:6px;display:grid;place-items:center;color:#263a46;font-size:16px}.token.claimed{background:var(--surface);color:var(--ok);border-color:var(--ok)}.token-count{text-align:center;font-size:14px}.grab-area{display:flex;gap:12px;margin:12px 0}.grab-area .btn{flex:1;min-height:56px}.grab-area.open{outline:2px solid var(--ok);outline-offset:4px;border-radius:6px}.hands{display:grid;grid-template-columns:1fr;gap:12px}.hands:has(.hand:nth-child(2)){grid-template-columns:1fr 1fr}.hand h2{font-size:16px;margin:4px 0 8px}.cards{display:flex;gap:8px}.hand-card{background:transparent;border:2px solid transparent;border-radius:6px;padding:0;width:70px;min-width:44px;cursor:pointer;touch-action:manipulation}.hand-card svg{width:100%;display:block}.hand-card.selected{border-color:var(--accent);box-shadow:var(--shadow-lift)}.hand-card:disabled{cursor:default}.opponents{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.opponent{font-size:14px;display:flex;align-items:center;gap:4px}.backs{display:flex;gap:2px}.backs svg{width:27px;height:34px}.controls,.actions,.utility{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.field{display:flex;gap:12px;align-items:center;margin-bottom:12px}.field label{min-width:95px}.panel{margin-bottom:16px}#round-result{margin:16px 0;padding:16px;border:2px solid var(--accent);border-radius:6px}.ad-gap{height:160px}.article{max-width:800px;margin:auto}.article p{line-height:1.85}.article figure{margin:24px 0}.article img{width:100%;max-width:560px;height:auto;display:block;margin:auto}.article figcaption{font-size:14px;margin-top:8px}
@media(max-width:640px){.stage{padding:4px;margin-left:-8px;margin-right:-8px}.turnbar{--tb-msg-lines:3}.cards{gap:4px}.hands:has(.hand:nth-child(2)){grid-template-columns:1fr}.hands:has(.hand:nth-child(2)) .hand{display:flex;align-items:center;gap:8px}.hand h2{min-width:45px}.hand-card{width:52px}.field{flex-wrap:wrap}.seat{font-size:14px}.token{width:70px}.mode-note,.timing{margin:6px 0}}

.article .howto-shot{position:relative;max-width:390px;margin:auto}.article .howto-shot img{width:100%;max-width:none}.howto-shot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.article figcaption{font-size:16px;line-height:1.65}

#round-result .btn{margin:8px 8px 0 0}