:root{color-scheme:dark;--bg: #120c08;--panel: #21140e;--panel-2: #2b1911;--field: #190f0b;--border: #76542d;--ink: #f4ead7;--muted: #c9b99f;--accent: #c79a46;--accent-hover: #e1bb69;--accent-ink: #211307;--danger: #f0aaa2;--danger-bg: #351414;--danger-border: #8a3838;--success: #86efac;--success-bg: #14301d;--success-border: #2e6d3e;--warning: #facc15;--warning-bg: #38240d;--warning-border: #8a571c;--parchment: #ead9b5;--parchment-deep: #caae79;--parchment-ink: #2a1b12;--leather: #351a19;--wood: #4a2918;--wood-dark: #24150d;--brass: #c79a46;--card-back-bg: #641f25;--card-back-border: #d1a451;--color-bg-canvas: var(--bg);--color-bg-surface: var(--panel);--color-bg-surface-hover: var(--panel-2);--color-bg-muted: var(--panel-2);--color-text-primary: var(--ink);--color-text-secondary: var(--muted);--color-text-muted: #998369;--color-border: var(--border);--color-border-hover: var(--accent);--color-focus: var(--accent-hover);--color-primary: var(--accent);--color-primary-hover: var(--accent-hover);--color-primary-text: var(--accent-ink);--color-danger: var(--danger);--color-danger-bg: var(--danger-bg);--color-danger-border: var(--danger-border);--color-success: var(--success);--color-success-bg: var(--success-bg);--color-warning: var(--warning);--color-warning-bg: var(--warning-bg);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--r-sm: 4px;--r-md: 7px;--r-lg: 12px;--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--touch-target-min: 44px;--touch-min: 44px;--container-max-width: 1180px;--font-serif: "Iowan Old Style", "Palatino Linotype", "Noto Serif TC", "Songti TC", "PMingLiU", serif;--font-sans: "Noto Sans TC", system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Code", monospace;font-family:var(--font-sans)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;font-family:var(--font-sans);font-size:16px;line-height:1.55;background-color:var(--bg);color:var(--ink);height:100%;overflow-x:hidden}body{min-height:100vh;margin:0;display:flex;flex-direction:column;background-color:var(--bg);background-image:radial-gradient(circle at 18% 8%,rgba(218,157,68,.16),transparent 28rem),radial-gradient(circle at 86% 34%,rgba(160,76,36,.1),transparent 30rem),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 72px),linear-gradient(180deg,#18100b,#0f0907);color:var(--ink);overflow-x:hidden}body:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.46) 100%)}.skip-link{position:fixed;z-index:1000;top:var(--s3);left:var(--s3);padding:var(--s2) var(--s3);border:1px solid #f2cf7c;border-radius:var(--r-sm);background:var(--brass);color:var(--accent-ink);font-family:var(--font-sans);font-weight:700;box-shadow:0 4px 16px #00000080;translate:0 -200%;transition:translate .2s ease;text-decoration:none}.skip-link:focus{translate:0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px double var(--accent-hover)!important;outline-offset:3px!important}h1,h2,h3,h4{color:#fff3d7;font-family:var(--font-serif);letter-spacing:.025em;text-shadow:0 1px 0 #000;line-height:1.3}h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--s2)}h2{font-size:1.35rem;font-weight:700;margin-bottom:var(--s2)}h3{font-size:1.1rem;font-weight:650;margin-bottom:var(--s2)}h4{font-size:1rem;font-weight:650;margin-bottom:var(--s1)}p{color:var(--muted);margin-bottom:var(--s3)}main{flex:1 0 auto;width:min(var(--container-max-width),calc(100% - 32px));margin-inline:auto;padding-block:var(--s6) var(--s8);overflow-x:hidden}.page{position:relative;width:100%}.stack{display:grid;gap:var(--s6)}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);align-items:start}#game-menu{position:relative;min-width:0}#game-menu[data-state=collapsed]{width:64px}#game-menu[data-state=collapsed] .game-menu-label{display:none}#game-menu[data-state=collapsed] .game-menu-content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.game-menu-item{display:flex;align-items:center;gap:var(--s2);width:100%;min-width:var(--touch-min);min-height:var(--touch-min);padding:var(--s2);border:1px solid #7c4d33;border-radius:var(--r-sm);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%),var(--leather);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}@media(hover:hover){.game-menu-item:hover{border-color:var(--accent-hover)}}.game-menu-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border:1px solid var(--brass);border-radius:var(--r-sm);background:#1a0e09d1;color:#ffe6ad;font-family:var(--font-serif);font-size:13px;font-weight:700}.game-menu-label{font-size:14px;white-space:nowrap}#btn-show-game-menu{display:none}@media(min-width:1024px){.layout{grid-template-columns:clamp(240px,22vw,300px) minmax(0,1fr)}.layout:has(#game-menu[data-state=collapsed]){grid-template-columns:64px minmax(0,1fr)}}.panel{position:relative;border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(105deg,rgba(255,255,255,.025),transparent 28%),linear-gradient(180deg,#2b1a12,#1c110c);box-shadow:0 16px 34px #00000047,inset 0 0 0 2px #0f080599,inset 0 1px #ffdfa314;padding:20px;margin-bottom:var(--s4)}.panel:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(199,154,70,.16);border-radius:3px;pointer-events:none}.table-panel{border-color:#8e6635;background:radial-gradient(circle at 50% 36%,rgba(213,154,65,.08),transparent 28rem),linear-gradient(180deg,#26160f,#160d09)}.table-heading{flex-wrap:wrap}.table-heading h2{white-space:nowrap}.form-group{margin-bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}label,legend{display:block;font-size:.95rem;font-weight:600;color:#f5e5c5}.label-hint{font-weight:400;font-size:.85rem;color:var(--muted)}fieldset{border:1px solid #8d6634;background:#0c07052e;border-radius:var(--r-sm);padding:var(--s3);margin-bottom:var(--s4)}input[type=text],input[type=password],input[type=number],input[type=range],select,textarea{width:100%;min-height:var(--touch-min);padding:.625rem .875rem;background-color:var(--field);border:1px solid #806038;border-radius:var(--r-sm);color:var(--ink);font-family:inherit;font-size:1rem;line-height:1.5}input[type=text]:hover,select:hover{border-color:var(--accent)}.btn,.primary-button,.secondary-button,.danger-button,.role-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);min-width:var(--touch-min);padding:.625rem 1.25rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.primary-button,.btn-primary{border:1px solid #eccb7f;background:linear-gradient(180deg,#d5aa58,#a9792f);color:var(--accent-ink);box-shadow:inset 0 1px #fff6ca75,0 4px 12px #00000052;text-shadow:0 1px 0 rgba(255,235,184,.32)}.secondary-button,.btn-secondary{border:1px solid #9b743d;background:linear-gradient(180deg,#3a2118,#25140e);color:#f3dfba;box-shadow:inset 0 0 0 1px #ffd89014}.danger-button,.btn-danger{border:1px solid var(--danger-border);background:linear-gradient(180deg,#5c1e22,#391215);color:#ffe4e4;box-shadow:inset 0 1px #ffb4b433}.role-button{border:1px solid #9f773b;background:linear-gradient(180deg,#412419,#2b1711);color:#ffeac1;box-shadow:inset 0 0 0 2px #09050373}.secret-role{border:1px solid #d0ad63;background:linear-gradient(rgba(255,255,255,.12),transparent),var(--parchment);color:var(--parchment-ink);font-family:var(--font-serif);font-weight:700;box-shadow:inset 0 0 18px #643d1729;text-shadow:none;padding:var(--s2) var(--s4);border-radius:var(--r-sm);display:inline-block}@media(hover:hover){.primary-button:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#e2bb6c,#bb893b);border-color:#fce2a6}.secondary-button:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.role-button:hover:not(:disabled){border-color:#e1bb69;color:#fff0cf}.danger-button:hover:not(:disabled),.btn-danger:hover:not(:disabled){border-color:#f87171;background:linear-gradient(180deg,#74252a,#47171b)}}.btn:disabled,.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{border-color:#6d5838!important;background:#69583e!important;color:#d8ccb9!important;box-shadow:none!important;opacity:.72;cursor:not-allowed}.btn-block{width:100%}.btn-group{display:flex;flex-wrap:wrap;gap:var(--s3)}.alert{padding:.875rem 1rem;border-radius:var(--r-sm);margin-bottom:var(--s4);font-size:.95rem;display:flex;align-items:flex-start;gap:var(--s2)}.alert-danger,.alert-error{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:#fca5a5}.alert-danger:before,.alert-error:before{content:"【錯誤】";font-weight:700;color:#f87171;flex-shrink:0}.alert-warning{background-color:var(--warning-bg);border:1px solid var(--warning-border);color:#fde047}.alert-warning:before{content:"【提示】";font-weight:700;color:#facc15;flex-shrink:0}.alert-success{background-color:var(--success-bg);border:1px solid var(--success-border);color:#86efac}.alert-success:before{content:"【成功】";font-weight:700;color:#4ade80;flex-shrink:0}.no-js-warning{background-color:#7f1d1d;color:#fee2e2;padding:1rem;text-align:center;font-weight:600}.connection,.status-badge{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);border:1px solid #84663e;border-radius:9999px;background:#1a100b;color:#d8c7a8;font-size:.85rem;font-weight:600;min-height:32px}.connection:before,.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#d9a94e;box-shadow:0 0 0 2px #d9a94e2e}.connection[data-status=connected]:before,.status-badge[data-status=connected]:before{background:#4ade80;box-shadow:0 0 0 2px #4ade8040}.connection[data-status=connecting]:before,.connection[data-status=reconnecting]:before,.status-badge[data-status=connecting]:before,.status-badge[data-status=reconnecting]:before{background:#facc15;box-shadow:0 0 0 2px #facc1540;animation:pulse 1.5s infinite}.connection[data-status=disconnected]:before,.status-badge[data-status=disconnected]:before{background:#94a3b8;box-shadow:0 0 0 2px #94a3b833}.connection[data-status=error]:before,.status-badge[data-status=error]:before{background:#f87171;box-shadow:0 0 0 2px #f8717140}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.table-stage{position:relative;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center}.table-ring{position:relative;width:min(100%,560px);aspect-ratio:1.1 / 1;margin:var(--s4) auto}.table-oval{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;border:12px solid #3b2013;border-radius:50%;background-color:var(--wood);background-image:radial-gradient(ellipse at 50% 10%,rgba(255,218,151,.12),transparent 42%),repeating-linear-gradient(4deg,transparent 0 17px,rgba(23,10,4,.18) 18px 20px,transparent 21px 37px),linear-gradient(90deg,#3a1f12,#623821 48%,#3f2215);box-shadow:0 22px 28px #0000007a,inset 0 0 0 3px #7e4c28,inset 0 0 0 7px #241209,inset 0 18px 36px #ffc26e14,inset 0 -20px 34px #0000003d;display:flex;align-items:center;justify-content:center;margin:0}.table-oval:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(224,178,96,.36);border-radius:50%;box-shadow:inset 0 0 20px #170a0447}.table-oval:after{content:"目擊者之夜";padding:5px 10px;border:1px solid #b58a49;border-radius:3px;background:#21130c;color:#e7c67e;font-family:var(--font-serif);font-weight:700;letter-spacing:.08em;font-size:.9rem;box-shadow:inset 0 0 0 1px #4d301a,0 3px 8px #00000059;transition:opacity .15s ease}.table-ring:has(.guest-room-target) .table-oval:after{opacity:0}.seats{position:absolute;top:6%;right:6%;bottom:6%;left:6%}.seat{position:absolute;left:calc(var(--seat-x) * 1%);top:calc(var(--seat-y) * 1%);translate:-50% -50%;width:max(44px,23%,min(3em,34%));min-height:var(--touch-min);padding:var(--s1);border:1px solid #7c4d33;border-radius:var(--r-md);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%),var(--leather);box-shadow:0 8px 18px #00000057,inset 0 0 0 2px #1c0d0c,inset 0 1px #ffdcb814;display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.seat:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px dashed rgba(205,147,91,.22);border-radius:2px;pointer-events:none}.seat-name{color:#fff0d2;font-family:var(--font-serif);font-size:.875rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.seat-location{color:#d3bd9a;font-size:.75rem;line-height:1.3;overflow-wrap:anywhere}.seat-state{color:#c3aa86;font-size:.75rem;line-height:1.3;overflow-wrap:anywhere}.seat-card{position:absolute;bottom:-42px;left:50%;translate:-50% 0;width:30px;height:42px}.seat-card .card-back{width:100%;height:100%;min-width:0;min-height:0;padding:0;overflow:hidden}.seat-card .card-back:after{top:6px;right:5px;bottom:6px;left:5px}.seat-target{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:0;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;cursor:pointer}.seat[aria-current=true]{border:3px solid #d7b365;background:linear-gradient(135deg,rgba(255,255,255,.32),transparent 36%),#d9c08f;box-shadow:0 12px 24px #0000006b,inset 0 0 24px #5b33142e}.seat[aria-current=true]:after{border-color:#4628154d}.seat[aria-current=true] .seat-name{color:#24150d;text-shadow:none}.seat[aria-current=true] .seat-location,.seat[aria-current=true] .seat-state{color:#5a402a}.seat.is-active{outline:3px double #e1bb69;outline-offset:3px}.seat.is-active .seat-state{color:#f0cd83}.seat[aria-current=true].is-active .seat-state,.seat[aria-current=true].is-offline .seat-state{color:#5a402a}.seat.is-offline{border-style:dashed;filter:saturate(.35);opacity:.66}.seat.is-offline .seat-state{color:#f1b1a9}.seat.is-targeted{border:3px solid #f0c86e;box-shadow:0 0 0 4px #f0c86e33,0 12px 24px #00000073}.seat.is-drop-ready{outline:3px solid #ffe19a;outline-offset:4px}.claim-badge{display:inline-block;padding:2px 6px;border:1px solid #d1a84f;border-radius:var(--r-sm);background:#1a0e09d1;color:#ffe6ad;font-size:12px;font-weight:600}.seat .claim-badge{max-width:calc(100% + 2 * var(--s1));margin-inline:calc(var(--s1) * -1);padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.seat .claim-badge .claim-badge-prefix{display:none}}@media(hover:hover){.seat:has(.seat-target):hover{border-color:#c4944f}}.guest-room-target{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:96px;min-height:var(--touch-min);padding:var(--s2) var(--s3);border:2px solid var(--brass);border-radius:var(--r-sm);background:#1a0e09e0;box-shadow:0 6px 14px #0000006b,inset 0 0 0 2px #120907;color:var(--ink);font:inherit;cursor:pointer}.guest-room-target.is-targeted,.guest-room-target.is-drop-ready{border-color:var(--accent-hover);box-shadow:0 0 0 4px #f0c86e33,0 6px 14px #0000006b}.guest-room-name{font-family:var(--font-serif);font-size:.875rem;font-weight:700;color:#ffe6ad}.guest-room-hint{font-size:.75rem;color:var(--muted)}.table-action-dock{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);width:100%;margin-top:var(--s3);padding:var(--s3) var(--s4);border:1px solid #7f5a30;border-radius:var(--r-md);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 36%),#21130e;box-shadow:inset 0 0 0 2px #120a07}.dock-status{color:var(--muted);font-size:.875rem}.dock-phase-actions{display:flex;flex-direction:column;gap:var(--s3);width:100%;min-width:0}.dock-phase-actions h2{font-size:1.2rem;margin-bottom:0}#draft-controls h2{text-wrap:balance}.dock-phase-actions fieldset,.dock-phase-actions .form-group{margin-bottom:0}.discussion-consent{width:100%;padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:var(--r-sm);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 36%),var(--panel-2)}.discussion-consent h3{margin-bottom:var(--s1)}.discussion-consent-progress{color:var(--ink);font-size:.95rem;margin-bottom:var(--s1)}.discussion-countdown{color:var(--accent-hover);font-size:.95rem;font-variant-numeric:tabular-nums;margin-bottom:var(--s2)}.discussion-countdown.is-urgent{color:var(--danger);font-weight:700}.voice-panel{width:100%;padding:var(--s3) var(--s4);border:1px solid var(--border);border-radius:var(--r-sm);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 36%),var(--panel-2)}.voice-panel h3{margin-bottom:var(--s1)}.voice-status,.voice-actions{margin-bottom:var(--s2)}.hand-slot{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--s3);width:100%;margin-top:var(--s2)}.hand-slot .card-face{flex:1 1 132px;min-width:96px;max-width:168px;min-height:128px}.cards-row{display:flex;gap:var(--s4);flex-wrap:wrap;margin-block:var(--s3)}.card-face{position:relative;min-height:100px;min-width:80px;padding:var(--s3);border:1px solid #8c622f;border-radius:var(--r-sm);background-color:var(--parchment);background-image:radial-gradient(circle at 12% 8%,rgba(255,255,255,.5),transparent 20%),repeating-linear-gradient(0deg,transparent 0 9px,rgba(89,56,25,.025) 10px 11px);color:var(--parchment-ink);box-shadow:0 9px 16px #0000006b,inset 0 0 18px #663b142e,inset 0 0 0 3px #784e2129;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;justify-content:space-between}.card-face:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(84,50,20,.45);border-radius:2px;pointer-events:none}.card-kicker{font-family:var(--font-serif);font-size:12px;font-weight:700;color:#634423}.card-role{font-family:var(--font-serif);font-size:18px;font-weight:700;color:#351b15;text-shadow:0 1px 0 rgba(255,255,255,.42)}.card-action{font-size:13px;color:#634423}.card-face.is-selected{outline:3px double #f6d47f;outline-offset:4px;transform:translateY(-6px) rotate(-1deg)}@media(hover:hover){.card-face:hover{transform:translateY(-3px)}.card-face.is-selected:hover{transform:translateY(-6px) rotate(-1deg)}}.card-detail-trigger{width:100%;min-height:44px;margin-top:var(--s2);padding:var(--s1) var(--s2);border:1px solid var(--brass);border-radius:var(--r-sm);background:linear-gradient(180deg,#c79a463d,#c79a4614);color:#33200f;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.card-detail-trigger:focus-visible{outline:3px double var(--accent-hover);outline-offset:2px}@media(hover:hover){.card-detail-trigger:hover{border-color:var(--accent-hover);background:linear-gradient(180deg,#e1bb6957,#c79a4624)}}.card-back{position:relative;min-height:100px;min-width:80px;padding:var(--s3);border:1px solid #d1a451;border-radius:var(--r-sm);background-color:var(--card-back-bg);background-image:linear-gradient(45deg,transparent 42%,rgba(229,189,104,.2) 43% 48%,transparent 49% 100%),linear-gradient(-45deg,transparent 42%,rgba(229,189,104,.16) 43% 48%,transparent 49% 100%);box-shadow:0 3px 6px #00000061,inset 0 0 0 2px #8f3439}.card-back:after{content:"";position:absolute;top:9px;right:6px;bottom:9px;left:6px;border:1px solid rgba(240,204,126,.62);transform:rotate(45deg)}.transfer-box{border:1px solid #7f5a30;border-radius:var(--r-md);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 36%),#21130e;box-shadow:inset 0 0 0 2px #120a07;padding:var(--s4);text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;margin-block:var(--s3)}.transfer-status{color:#f1dfbd;font-weight:600}dialog{margin:auto;border:1px solid #d0a554;border-radius:var(--r-lg);background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 35%),#25140f;color:var(--ink);box-shadow:0 24px 54px #0000009e,inset 0 0 0 3px #120907;padding:var(--s6);max-width:min(540px,92vw)}dialog::backdrop{background-color:#0a0604bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-detail{border-color:#8d6331;background-color:var(--parchment);background-image:radial-gradient(circle at 18% 8%,rgba(255,255,255,.48),transparent 25%),repeating-linear-gradient(0deg,transparent 0 15px,rgba(88,51,19,.026) 16px 17px);color:var(--parchment-ink);box-shadow:inset 0 0 34px #66371138}.card-detail h3{color:#2f1912;text-shadow:none}.card-detail #btn-pass-card[hidden]{display:none}.state-loading,.state-empty{padding:var(--s6);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3)}.spinner{width:36px;height:36px;border:3px solid rgba(199,154,70,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#audio-controls-shell{position:fixed;bottom:var(--s3);right:var(--s3);z-index:900;display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:9999px;background:#190f0be6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px #00000073}#settings-panel{position:relative}#settings-panel summary{display:inline-flex;align-items:center;min-height:36px;padding:4px 10px;border:1px solid var(--border);border-radius:9999px;background:linear-gradient(180deg,#3a2118,#25140e);color:#f3dfba;cursor:pointer;font-size:13px;font-weight:600;list-style:none;-webkit-user-select:none;user-select:none}#settings-panel summary::-webkit-details-marker{display:none}#settings-panel summary::marker{content:""}#settings-panel[open] summary{border-color:var(--accent-hover);color:var(--ink)}.settings-fields{position:absolute;right:0;bottom:calc(100% + var(--s2));display:flex;flex-direction:column;gap:var(--s2);width:min(300px,calc(100vw - 24px));padding:var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:radial-gradient(ellipse at 50% 0%,rgba(255,218,151,.08),transparent 60%),var(--panel);box-shadow:0 12px 28px #0000008c,inset 0 0 0 2px var(--bg)}.settings-fields label{display:block;color:var(--muted);font-size:.9rem;margin-bottom:var(--s1)}.settings-fields .label-hint{font-size:.8rem}#results-panel{max-width:var(--container-max-width);margin:0 auto}.winner-banner{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:2px solid var(--accent);box-shadow:0 4px 16px #00000080,inset 0 0 16px #c79a4626}#winner-heading,.winner-reason{text-wrap:balance}.winner-banner[data-faction=witness_faction]{border-color:var(--accent);background:linear-gradient(180deg,#322315,#1d120a)}.winner-banner[data-faction=bomber_faction]{border-color:var(--danger-border);background:linear-gradient(180deg,#381515,#200c0c)}.winner-banner[data-faction=murderer_faction]{border-color:#a855f7;background:linear-gradient(180deg,#2a1533,#15091c)}.results-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-sm);margin-top:var(--s2)}.results-table{width:100%;border-collapse:collapse;text-align:left;background:var(--field);color:var(--ink);font-size:.95rem}.results-table th{background:var(--panel-2);color:var(--accent);padding:10px 14px;font-family:var(--font-serif);font-size:.95rem;border-bottom:2px solid var(--border);white-space:nowrap}.results-table td{padding:10px 14px;border-bottom:1px solid rgba(118,84,45,.4);font-size:.95rem;white-space:nowrap}.results-table tr:hover td{background:#c79a460d}.results-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);align-items:start}@media(min-width:1024px){.results-layout{grid-template-columns:minmax(0,1fr) minmax(0,560px)}}.results-stage{min-height:0;padding-block:40px 32px}@media(max-width:767px){.results-stage{padding-top:72px;padding-bottom:calc(var(--s6) * 4)}.layout{padding-bottom:calc(var(--s6) * 4)}}.results-reveal .result-card{width:64px;height:88px;transform-style:preserve-3d;transition:transform .5s ease}.results-seat{perspective:700px}.results-seat .result-card{position:absolute;left:50%;translate:-50% 0}.results-seat[data-card-side=above] .result-card{bottom:calc(100% + 2px)}.results-seat[data-card-side=below] .result-card{top:calc(100% + 2px)}.results-reveal .result-card .card-back,.results-reveal .result-card .card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:5px;backface-visibility:hidden}.results-reveal .result-card .card-back:after{top:6px;right:5px;bottom:6px;left:5px;backface-visibility:hidden}.results-reveal .result-card .card-face{cursor:default}.results-reveal .result-card .card-face[data-hand=result]{transform:rotateY(180deg)}.results-reveal .result-card .card-kicker{font-size:9px}.results-reveal .result-card .card-role{font-size:13px;line-height:1.2;overflow-wrap:anywhere}.results-reveal .result-card .card-action{font-size:9px}.results-reveal.is-revealed .result-card{transform:rotateY(180deg)}.results-guest-room{cursor:default;gap:var(--s1);perspective:700px}.results-guest-room .result-card{position:relative;left:auto;top:auto;translate:none;width:72px;height:99px}@media(max-width:1023px){.layout{grid-template-columns:1fr}.table-stage{min-height:580px}.seat-name{-webkit-line-clamp:2;line-clamp:2}}@media(max-width:767px){body{background-image:linear-gradient(180deg,#18100b,#0f0907)}main{padding-block:var(--s3) var(--s6);width:calc(100% - 24px)}.table-stage{min-height:0}.table-ring{width:min(100%,380px)}.table-oval{border-width:9px}dialog{box-shadow:0 14px 34px #00000085,inset 0 0 0 3px #120907;padding:var(--s4)}}@media(max-width:767px),(pointer:coarse){.layout,.layout:has(#game-menu[data-state=collapsed]){grid-template-columns:minmax(0,1fr)}#btn-toggle-game-menu{display:none}#btn-show-game-menu{display:flex;position:fixed;top:var(--s3);left:var(--s3);z-index:930;width:auto;box-shadow:0 8px 20px #00000073}.table-panel{padding-top:calc(var(--s3) + var(--touch-min) + var(--s3))}#game-menu-content{position:fixed;inset-block:0;inset-inline-start:0;z-index:920;width:min(320px,86vw);overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--s3) + var(--touch-min) + var(--s3)) var(--s4) var(--s4);border-inline-end:1px solid var(--border);background:linear-gradient(120deg,rgba(255,255,255,.03),transparent 35%),#1b100b;box-shadow:14px 0 34px #00000080;translate:-100% 0;transition:translate .15s ease}#game-menu[data-state=open] #game-menu-content{translate:0 0}body:has(#game-menu[data-state=open]){overflow:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transform:none!important}}@media(prefers-reduced-motion:reduce){.results-reveal .result-card .card-face{opacity:0;visibility:hidden}.results-reveal.is-revealed .result-card .card-face{opacity:1;visibility:visible}.results-reveal.is-revealed .result-card .card-back{opacity:0;visibility:hidden}}#design-showcase .showcase-menu-frame{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s4);margin-top:var(--s3)}#design-showcase #game-menu{flex:0 0 auto;width:clamp(240px,22vw,300px);transition:width .15s ease;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel-2);padding:var(--s2);overflow:hidden}#design-showcase #game-menu[data-state=collapsed]{width:64px}#design-showcase .game-menu-content{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s2)}#design-showcase .game-menu-item{display:flex;align-items:center;gap:var(--s2);width:100%;min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--s2);border:1px solid #7c4d33;border-radius:var(--r-sm);background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 42%),var(--leather);color:var(--ink);font:inherit;text-align:left;cursor:pointer}#design-showcase .game-menu-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;border:1px solid var(--brass);border-radius:var(--r-sm);background:#1a0e09d1;color:#ffe6ad;font-family:var(--font-serif);font-size:13px;font-weight:700}#design-showcase .game-menu-label{font-size:14px;white-space:nowrap}#design-showcase #game-menu[data-state=collapsed] .game-menu-label{display:none}#design-showcase .showcase-menu-table{flex:1 1 220px;min-width:0;min-height:180px;display:flex;align-items:center;justify-content:center;padding:var(--s4);border:1px solid #8e6635;border-radius:var(--r-md);background:radial-gradient(circle at 50% 36%,rgba(213,154,65,.08),transparent 20rem),linear-gradient(180deg,#26160f,#160d09);color:var(--muted);font-size:14px;text-align:center}#design-showcase .showcase-ring{position:relative;width:min(100%,560px);aspect-ratio:1.1 / 1;margin:var(--s4) auto}#design-showcase .showcase-ring .table-oval{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;margin:0;aspect-ratio:auto}#design-showcase .showcase-ring .table-oval:after{display:none}#design-showcase .showcase-ring-seats{position:absolute;top:6%;right:6%;bottom:6%;left:6%}#design-showcase .showcase-ring-seats .seat{position:absolute;left:calc(var(--seat-x) * 1%);top:calc(var(--seat-y) * 1%);translate:-50% -50%;width:max(44px,26%);padding:6px;font:inherit;color:inherit;gap:0}#design-showcase .showcase-ring-seats .seat-name{font-size:12px}#design-showcase .showcase-ring-seats .seat-location,#design-showcase .showcase-ring-seats .seat-state{font-size:11px;line-height:1.25}#design-showcase .guest-room-target{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:96px;min-height:var(--touch-min);padding:var(--s2) var(--s3);border:2px solid var(--brass);border-radius:var(--r-sm);background:#1a0e09e0;box-shadow:0 6px 14px #0000006b,inset 0 0 0 2px #120907;color:var(--ink);font:inherit;cursor:pointer}#design-showcase .guest-room-name{font-family:var(--font-serif);font-size:14px;font-weight:700;color:#ffe6ad}#design-showcase .guest-room-hint{font-size:11px;color:var(--muted)}#design-showcase .table-action-dock{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s3);padding:var(--s3) var(--s4);border:1px solid #7f5a30;border-radius:var(--r-md);background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 36%),#21130e;box-shadow:inset 0 0 0 2px #120a07}#design-showcase .dock-status{color:var(--muted);font-size:13px}#design-showcase .card-detail-faction{margin-top:var(--s1);color:#5a3a20;font-size:14px}#design-showcase .card-detail-list{display:grid;grid-template-columns:auto 1fr;gap:var(--s2);margin:var(--s3) 0}#design-showcase .card-detail-list dt{font-family:var(--font-serif);font-weight:700}#design-showcase .card-detail-list dd{margin:0;font-size:14px}#design-showcase dialog .btn-group{justify-content:flex-end}#design-showcase .result-card{position:relative;width:96px;height:132px}#design-showcase .result-card .card-back,#design-showcase .result-card .card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--s2)}#design-showcase .result-card .card-back{transition:opacity .3s ease}#design-showcase .result-card .card-face{cursor:default;opacity:0;visibility:hidden;transition:opacity .3s ease}#design-showcase #showcase-result-table.is-revealed .result-card .card-face{opacity:1;visibility:visible}#design-showcase #showcase-result-table.is-revealed .result-card .card-back{opacity:0;visibility:hidden}