.card .genre[data-genre=fantasy]{background:#65412a;color:#fff1d8}.card .genre[data-genre=scifi]{background:#e4e7e5;color:#203036}.card .genre[data-genre=nonfiction]{background:#1a3554;color:#e7eff9}.card .genre[data-genre=mystery]{background:#153e2e;color:#e4f0db}.handzone{display:grid;grid-template-columns:225px minmax(0,1fr);gap:12px 24px;align-items:start}.handlabel{grid-column:1;grid-row:1/3}.hand-tools{grid-column:2;min-width:0}.hand-tools label{font-size:13px;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:10px}.hand-tools select{background:#213229;color:var(--ink);border:1px solid var(--line);padding:6px 12px;font:inherit;border-radius:3px}#handSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.count-group{display:flex;flex-wrap:wrap;gap:4px;align-content:start}.count-group>b{width:100%;font-size:12px;color:var(--gold);font-weight:400}.count-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #c9ad792a;border-radius:3px;font-size:11px;padding:2px 6px;background:#24362ddd}.count-chip strong{font:16px Georgia;color:#f1d498}.count-chip.zero{opacity:.5}#hand{grid-column:2;justify-content:flex-start;overflow-x:auto;max-width:100%;padding:32px 8px 18px;min-height:185px;gap:14px}#hand .card{overflow:visible}#hand .card .card-scene{border-radius:4px}#hand .card .genre{border-radius:0 0 4px 4px}#hand .drawn-card{margin-left:20px;transform:translateY(-14px);outline:1px solid var(--gold)}#hand .drawn-card.selected,#hand .drawn-card:hover{transform:translateY(-23px)}.drawn-tag{position:absolute;top:-23px;left:0;right:0;text-align:center;font-size:11px;line-height:18px;letter-spacing:1px;color:#f3d8a6;white-space:nowrap}#insertLayer{position:absolute;inset:55px 50px 30px;pointer-events:none;z-index:8;transform:translateZ(24px)}.board-insert{position:absolute;pointer-events:auto;width:38px;height:34px;padding:0;border:1px solid #ebd09a;background:#c9ad79;color:#12251a;font:25px/1 sans-serif;border-radius:4px;box-shadow:0 4px 12px #0008}.board-insert:disabled{background:#43574a;color:#c9bc9d;opacity:.65}.board-insert:hover:not(:disabled){background:#f1d8a3;box-shadow:0 0 18px #c9ad7966}.board-insert.left{left:-45px;top:calc((100% + 10px)/4 * var(--row) + (100% - 30px)/8);transform:translateY(-50%)}.board-insert.right{right:-45px;top:calc((100% + 10px)/4 * var(--row) + (100% - 30px)/8);transform:translateY(-50%)}.board-insert.top{top:-38px;left:calc((100% + 10px)/4 * var(--col) + (100% - 30px)/8);transform:translateX(-50%)}.board-insert.bottom{bottom:-38px;left:calc((100% + 10px)/4 * var(--col) + (100% - 30px)/8);transform:translateX(-50%)}.result-modal{width:min(1100px,95vw)}.opponent-reveal h3{font-size:18px;font-weight:400;color:var(--gold)}.revealed-hand{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:20px}.revealed-book .card{width:100%;aspect-ratio:2/3;pointer-events:none}.revealed-book>p{font-size:11px;line-height:1.5}.revealed-book .role-card{outline:3px solid #e7ca86;box-shadow:0 0 16px #c9ad7955}.opponent-reveal>p{font-size:13px}@media(min-width:1550px){.board-insert{--gap:13px}}@media(max-width:1100px){.handzone{grid-template-columns:180px minmax(0,1fr)}#insertLayer{inset:55px 32px 30px}.board-insert.left{left:-34px}.board-insert.right{right:-34px}.board-insert{width:30px}#handSummary{gap:8px}.count-chip{font-size:10px}}@media(max-width:750px){header{height:auto;min-height:70px;flex-wrap:wrap;justify-content:center;padding:10px 0;gap:5px}nav{justify-content:center;flex-wrap:wrap}.handzone{position:relative;display:flex;flex-direction:column;gap:6px}.handlabel{width:100%}.hand-tools{width:100%}.hand-tools label{margin:4px 0 8px}#handSummary{grid-template-columns:1fr;gap:5px}.count-group{align-items:center}.count-group>b{width:48px;flex-shrink:0}.count-chip{font-size:10px;padding:1px 4px}.count-chip strong{font-size:14px}#hand{width:100%;min-height:170px;padding-top:30px}#hand .drawn-card{margin-left:12px}#insertLayer{inset:50px 24px 25px}.board-insert{width:30px;height:30px;font-size:22px}.board-insert.left{left:-29px}.board-insert.right{right:-29px}.board-insert.top{top:-33px}.board-insert.bottom{bottom:-32px}.revealed-hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.result-modal{padding:20px}.revealed-book>p{font-size:10px}}