.stage{max-width:680px;margin:auto}.toolbar{display:flex;justify-content:flex-end;gap:8px;margin:8px 0}.toolbar .btn{font-size:14px;min-height:44px;padding:6px 12px}.turnbar{--tb-st-lines:1;--tb-msg-lines:2;--tb-st-rt:11px;--tb-rt:11px;line-height:1.4}.turnbar .status{font-weight:700}:root:lang(en) .turnbar{--tb-st-rt:0px;--tb-rt:0px}#table{background:#285b46 url('assets/felt.webp') center/420px;color:#fff8ea;padding:12px;border-radius:8px}.counts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:6px}.seat{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ffffff65;padding:6px;border-radius:6px}.active-seat{border-color:#ffe083}.seat-label{font-size:15px;font-weight:700}.stack{position:relative;border:0;background:transparent;padding:0;width:48px;height:66px;cursor:pointer}.stack svg{width:100%;height:100%;filter:drop-shadow(0 1px 1px #0005)}.stack-count{position:absolute;inset:auto 0 5px;background:#f9f5e9;color:#1f2328;font:bold 16px system-ui;border-radius:2px;margin:0 7px}.stack:disabled{cursor:default;opacity:.72}.stack:not(:disabled):focus-visible,.stack:not(:disabled):hover{outline:3px solid #ffe083;border-radius:5px}.pile-count{text-align:center;font-size:14px;margin:8px 0}.pile{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:380px;margin:auto;border:2px solid transparent;padding:4px 10px;border-radius:8px;touch-action:manipulation}.pile.accepting{border-color:#ffe083;cursor:pointer}.pile:focus-visible{outline:3px solid #fff8ea;outline-offset:2px}.pile-slot{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.position-label{font-size:14px}.newest .position-label{font-weight:700;color:#ffe083}.pile svg,.empty-card{width:100%;height:144px;object-fit:contain;filter:drop-shadow(0 1px 1px #0005)}.empty-card{border:1px dashed #ffffff75;border-radius:6px;display:grid;place-items:center;background:#ffffff0c}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reaction{display:flex;align-items:center;gap:8px;margin:10px 0}.reaction>span{font-size:14px;min-width:138px}.reaction-track{flex:1;height:10px;background:#ffffff25;border:1px solid #ffffff75;border-radius:3px;overflow:hidden}#reaction-fill{height:100%;background:#ffe083;transform-origin:left;transform:scaleX(0)}.challenge{font-size:15px;text-align:center;min-height:1.5em;margin:8px 0}.last-event{font-size:14px;min-height:1.4em;text-align:center}.actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin:8px 0}.actions label{font-size:14px}.actions input{width:20px;height:20px;vertical-align:middle}.slaps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}.slaps:has([hidden]){grid-template-columns:1fr}.slaps .btn{min-height:54px;font-size:19px;background:#fff8ea;color:#244d39;border:2px solid #fff8ea}.slaps .btn:disabled{opacity:.5;border-style:dashed}#gate{text-align:center;padding:10px;margin:8px 0;border:1px dashed #fff8ea;border-radius:6px}#result{background:var(--surface);color:var(--ink);border:2px solid var(--accent);padding:16px;margin:12px 0;border-radius:6px}#result h2{margin-top:0}.save-note{font-size:14px}.field{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}.field select{font:inherit;font-size:16px;min-height:44px;max-width:100%;padding:6px 28px 6px 8px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:6px}.article{line-height:1.9}.article figure{margin:24px 0}.article img{width:100%;height:auto}.article figcaption{font-size:16px}.card-flight{position:fixed;z-index:15;pointer-events:none}.card-flight svg{width:100%;height:100%}.howto-shot{position:relative}.howto-shot img{display:block}.howto-shot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}[hidden]{display:none!important}@media(max-width:420px){.stage{padding:8px!important}.toolbar .btn{padding:6px 8px}.counts{gap:8px}.seat{padding:5px;gap:5px}.seat-label{font-size:14px}.stack{width:44px;min-width:44px;height:60px}.pile{gap:6px;padding:4px 6px}.pile svg,.empty-card{height:120px}.position-label{font-size:13px}.pile-count{margin:6px 0}.reaction{margin:8px 0}.reaction>span{min-width:124px}.challenge{font-size:14px;margin:6px 0}.slaps .btn{min-height:52px}.actions{margin:6px 0}.toolbar{gap:6px}.card-flight{z-index:15}}

.howto-shot{max-width:430px;margin-inline:auto}.howto-shot svg{filter:none!important}.article figcaption{margin-top:10px}

.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23586b63' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.actions label{min-height:44px;display:inline-flex;align-items:center;gap:5px}

@media(prefers-color-scheme:dark){.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23b8c9c0' stroke-width='2'/%3E%3C/svg%3E")}}