.stage{max-width:760px;margin:20px auto;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.turnbar{--tb-msg-lines:2;--tb-st-lines:1;--tb-rt:0px}.status{font-weight:700}.status.cpu-turn{color:var(--accent)}.message{font-size:16px;line-height:1.5}
.field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.field select{width:60%;min-height:44px;padding:8px 32px 8px 12px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.field select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.board{padding:12px;border-radius:8px;background:#285b47 url('assets/felt.webp') center/cover;color:#fff8e8}.seat-heading,.center-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.row-title{margin:8px 0;font-size:16px;line-height:1.4;font-weight:700}.other-hand{display:flex;gap:2px}.other-hand .pile{width:16px;min-height:0;min-width:0;padding:0;border:0}.other-hand .pile small{display:none}.pile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.center-section{margin:12px 0;padding:8px;border:1px solid #ffffff65;border-radius:8px;background:#092f2450}.center-heading span{font-size:14px;white-space:nowrap}.center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.center-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.center-grid .card-art{max-width:70px}.center-grid .pile small{font-weight:700;font-size:16px}#cpu-next{width:100%;margin-top:8px;min-height:44px}.pile{position:relative;background:transparent;border:2px solid transparent;border-radius:6px;min-width:0;min-height:44px;padding:3px;cursor:pointer;color:inherit;font:inherit}.card-art{display:block;max-width:88px;margin:auto;aspect-ratio:78/108}.card-art svg{display:block;width:100%;height:100%;border-radius:5px;filter:var(--img-dim);box-shadow:0 1px 3px #0005}.pile small{display:block;font-size:14px;line-height:1.35;margin-top:4px}.pile:disabled{cursor:default;opacity:1}.pile:focus-visible{outline:3px solid #ffdc7b;outline-offset:2px}.pile.chosen{border-color:#ffdc7b;background:#ffdc7b25;transform:translateY(-3px)}.pile.legal{border-color:#ffdc7b;border-style:dashed;background:#ffdc7b20}.pile.legal::after{content:'↓';position:absolute;right:3px;top:0;background:#ffdc7b;color:#23382e;border-radius:3px;font-size:18px;line-height:22px;width:22px;font-weight:700}.pile.payoff{background:#fff3;border-color:#fff6}.pile.payoff.chosen{border-color:#ffdc7b}.pile.recent{outline:2px solid #b9e3bd}.pile.cpu-choice{outline:3px solid #ffdc7b;outline-offset:1px}.side-hint{margin:0 0 4px;text-align:right;font-size:14px;line-height:1.35}.hand{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hand small{display:none}.privacy{min-height:92px;display:grid;place-items:center;border:1px dashed #fff9;border-radius:6px;background:#183d31}.card-flight{position:fixed;z-index:1000;pointer-events:none;transform-origin:top left}.card-flight svg{display:block;width:100%;height:100%;border-radius:5px;box-shadow:0 4px 12px #0005}
[hidden]{display:none!important}.actions,.utility,.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.actions .btn{flex:1;min-height:44px}.support{margin-top:12px;border-top:1px solid var(--line)}.support summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:16px}.utility .btn{font-size:14px;min-height:44px}.detail-note{font-size:14px;line-height:1.6;margin:8px 0}.log{font-size:14px;min-height:42px;line-height:1.5;margin:10px 0 0}#result{padding:12px;border:2px solid var(--accent);border-radius:8px;background:var(--bg)}#result h2{margin:0}.ad-gap{height:160px}.article{max-width:760px;margin:0 auto;line-height:1.85}.article h2{margin-top:32px}.howto{margin:24px 0}.howto img{display:block;width:100%;height:auto;border-radius:8px}.howto figcaption{font-size:16px}.article table{width:100%;border-collapse:collapse;font-size:14px}.article td,.article th{border:1px solid var(--line);padding:8px;text-align:left}.site-footer{border-top:1px solid var(--line);padding:24px 0;margin-top:32px;font-size:14px}.lang-switch{text-align:right;font-size:14px;margin:8px 0}.lang-switch a{display:inline-flex;align-items:center;min-height:44px}.help-dialog{max-width:min(92vw,480px);background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:24px}.history-line{overflow-wrap:anywhere;margin:12px 0}.feedback-placeholder{max-width:760px;margin:16px auto;font-size:14px}
@media(max-width:640px){.stage{padding:10px;margin:12px auto}.board{padding:8px}.pile-grid,.hand{gap:3px}.pile{padding:2px}.pile small{min-height:38px}.center-grid .pile small{min-height:22px}.center-section{padding:6px;margin:8px 0}.row-title{font-size:14px;margin:6px 0}.center-heading{gap:3px}.center-heading span{font-size:14px}.other-hand .pile{width:12px}.turnbar{--tb-msg-lines:3;--tb-st-lines:1}.utility .btn{padding:8px}.article table{display:block;overflow-x:auto}.field select{width:60%}.game-title{font-size:26px}.hand .card-art{max-width:78px}}
@media(prefers-reduced-motion:reduce){.pile.chosen{transform:none}}
.wild-hint{font-size:14px;line-height:1.3;margin:0 0 4px;color:#ffecb8}.pile small{overflow-wrap:normal}.payoff small{white-space:nowrap}
.howto img{max-width:460px;margin-inline:auto}.howto figcaption{max-width:460px;margin:8px auto}