.card{background:linear-gradient(180deg, var(--card-bg), var(--card-bg-edge));border:1px solid var(--panel-border);cursor:default;color:var(--card-text);border-radius:4px;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:0;font-family:sans-serif;transition:transform .1s,box-shadow .1s,filter .1s;display:grid;position:relative;overflow:hidden;box-shadow:1px 2px 3px #0006}.card:disabled{cursor:default}.card-avatar-frame{background:var(--card-bg);border-bottom:1px solid #0000002e;grid-row:1;place-items:center;width:100%;min-height:0;display:grid;position:relative;overflow:hidden}.card-avatar{object-fit:cover;object-position:top center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.card-avatar-fallback{background:var(--card-bg);display:block}.card-name{z-index:1;text-align:center;letter-spacing:0;line-height:1;font-size:clamp(8px, calc(var(--cell-w,84px) * .155), 13px);white-space:nowrap;text-overflow:ellipsis;background:#eccc8d;border-top:1px solid #00000026;grid-row:2;justify-content:center;align-items:center;padding:2px 0;font-weight:700;display:flex;position:relative;overflow:hidden}.card-dead{filter:grayscale(.6)brightness(.7)}.card-blood{z-index:2;aspect-ratio:1;pointer-events:none;object-fit:contain;filter:drop-shadow(0 2px 4px #000000b3);width:60%;animation:.55s ease-out kill-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-blood.card-blood-static{animation:none;transform:translate(-50%,-50%)}@keyframes kill-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.card-innocent{outline:3px solid var(--innocent);outline-offset:-3px}.card-innocence{object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #0000008c);width:22px;height:22px;position:absolute;top:4px;left:4px}.card-flash-blue{animation:.7s ease-out flash-blue}.card-flash-red{animation:.7s ease-out flash-red}.card-flash-green{animation:.7s ease-out flash-green}@keyframes flash-blue{0%{outline:3px solid #0000;box-shadow:inset 0 0 #5082dc00}35%{outline:3px solid #5a82dc;box-shadow:inset 0 0 0 40px #5082dc8c}to{outline:3px solid #0000;box-shadow:inset 0 0 #5082dc00}}@keyframes flash-red{0%{outline:3px solid #0000;box-shadow:inset 0 0 #aa282800}35%{outline:3px solid #aa2828;box-shadow:inset 0 0 0 40px #aa282899}to{outline:3px solid #0000;box-shadow:inset 0 0 #aa282800}}@keyframes flash-green{0%{outline:3px solid #0000;box-shadow:inset 0 0 #6eaf5a00}35%{outline:3px solid #6eaf5a;box-shadow:inset 0 0 0 40px #6eaf5a99}to{outline:3px solid #0000;box-shadow:inset 0 0 #6eaf5a00}}.card-area-glow{outline-offset:-3px;background:linear-gradient(#f7e7b5,#d6b67c);outline:3px solid #ffd964;animation:1.6s ease-in-out infinite area-pulse}.card-exclamation{color:var(--danger);text-shadow:0 0 4px #fff,0 0 8px #fff;pointer-events:none;font-family:Georgia,serif;font-size:64px;font-weight:700;animation:.6s ease-in-out infinite alternate shout;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-interrogation-count{background:var(--danger);color:#fff;text-align:center;pointer-events:none;z-index:3;border-radius:22px;min-width:44px;height:44px;padding:0 10px;font-family:Georgia,serif;font-size:28px;font-weight:700;line-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000073}@keyframes area-pulse{0%,to{box-shadow:0 0 #ffd964a6}50%{box-shadow:0 0 0 10px #ffd96400}}@keyframes shout{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.15)}}.card-outline{--card-outline-width:3px;--card-outline-style:solid;--card-outline-color:#efe49b;border:var(--card-outline-width) var(--card-outline-style) var(--card-outline-color)}.card-highlight{--card-outline-style:dashed;--card-outline-color:#efe49b}.card.card-identity-inspector{--card-outline-color:#2e8b3e;box-shadow:0 0 8px #2e8b3e8c}.card.card-identity-mafia{--card-outline-color:#b32f2f;box-shadow:0 0 8px #b32f2f8c}.card.card-identity-teammate{--card-outline-color:#9fd89f;background:linear-gradient(#eef8ea,#d4efcc);box-shadow:0 0 8px #9fd89f8c}.card.card-identity-inspector.card-target,.card.card-identity-mafia.card-target,.card.card-identity-teammate.card-target{--card-outline-color:#00d4ff;animation:1.1s ease-in-out infinite pulse}.card-teammate-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:2;background:#2e8b3ee6;padding:2px 4px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.card-teammate-label-mafia{background:#b32f2feb}.card-selectable{cursor:pointer;--card-outline-color:#d9b473}.card-target{cursor:pointer;--card-outline-color:#00d4ff;animation:1.1s ease-in-out infinite pulse}.card-actionable{cursor:pointer;--card-outline-color:#00d4ff}.card-hover-lift:hover:not(:disabled){z-index:5;transform:translateY(-3px);box-shadow:2px 6px 12px #0000008c}.card-selectable:hover:not(:disabled) .card-avatar-frame,.card-selectable:hover:not(:disabled) .card-name{filter:brightness(.82)}@keyframes pulse{0%,to{box-shadow:0 0 #00d4ffb3}50%{box-shadow:0 0 0 8px #00d4ff00}}.card-token-row{z-index:7;pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;top:3px;right:3px}.card-token{background:linear-gradient(180deg, var(--brand-light), var(--brand-mid));border:1px solid var(--brand-shadow);box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;padding:2px;display:inline-flex;box-shadow:0 1px 3px #00000080}.card-token img{object-fit:contain;width:100%;height:100%;display:block}.card-token-threat{color:#b32f2f;font-size:16px;font-weight:700;line-height:1}.card-arrested{filter:sepia(.5)brightness(.85)saturate(.6)}.card-arrest-marker{z-index:2;aspect-ratio:1;pointer-events:none;object-fit:contain;filter:drop-shadow(0 2px 4px #000000b3);width:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-outcome-badges{z-index:7;pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;top:3px;right:3px}.card-outcome-badge{object-fit:contain;background:linear-gradient(180deg, var(--brand-light), var(--brand-mid));border:1px solid var(--brand-shadow);border-radius:6px;width:22px;height:22px;padding:2px;box-shadow:0 1px 3px #00000080}.card-actions{z-index:6;gap:clamp(2px, calc(var(--cell-w,84px) * .07), 6px);padding:clamp(2px, calc(var(--cell-w,84px) * .05), 4px);opacity:0;pointer-events:none;background:#140c0466;grid-template-columns:repeat(2,auto);place-content:center;place-items:center;display:grid;position:absolute;inset:0}.card-hover-lift:hover .card-actions,.card-actions.card-actions-pinned,.card-actions.card-actions-revealed{opacity:1;pointer-events:none}.card-hover-lift:hover .card-actions .card-action-icon,.card-actions.card-actions-pinned .card-action-icon,.card-actions.card-actions-revealed .card-action-icon{pointer-events:auto}.card-action-icon{width:clamp(16px, calc(var(--cell-w,84px) * .4), 34px);height:clamp(16px, calc(var(--cell-w,84px) * .4), 34px);padding:clamp(2px, calc(var(--cell-w,84px) * .06), 5px);cursor:pointer;background:linear-gradient(180deg, var(--brand-light), var(--brand-mid));border:1px solid var(--brand-shadow);border-radius:8px;justify-content:center;align-items:center;transition:transform 80ms,filter 80ms,background .1s;display:inline-flex;position:relative;box-shadow:0 2px 4px #0000004d}.card-action-icon:hover{background:linear-gradient(180deg, var(--brand-primary), var(--brand-shadow));transform:translateY(-1px)}.card-action-icon img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000080);pointer-events:none;width:100%;height:100%}.card-action-icon-disabled,.card-action-icon-disabled:hover{cursor:not-allowed;filter:grayscale(.8);opacity:.5;transform:none}.card-action-badge{color:#fff;text-align:center;pointer-events:none;background:#6c2222;border-radius:8px;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:16px;position:absolute;bottom:-6px;right:-6px;box-shadow:0 1px 2px #00000080}@media (max-width:565px){.card-exclamation{font-size:44px}.card-interrogation-count{min-width:34px;height:34px;font-size:20px;line-height:34px}}