:root{--color-wood-dark: #3e2723;--color-wood-medium: #8d6e63;--color-wood-light: #a1887f;--color-parchment: #f5f0e1;--color-parchment-dark: #e8dcc8;--color-cream: #faf8f2;--color-text: #2d1b0e;--color-text-light: #f5f0e1;--color-accent: #c62828;--color-accent-soft: #ffebee;--color-mark-x: #e53935;--color-mark-q: #fb8c00;--color-mark-o: #43a047;--color-mark-star: #1e88e5;--color-mark-tri: #8e24aa;--color-suspect-scarlet: #DC143C;--color-suspect-mustard: #FFD700;--color-suspect-white: #FFFFFF;--color-suspect-green: #228B22;--color-suspect-peacock: #4169E1;--color-suspect-plum: #8B008B;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--statusbar-height: 48px;--bottomsheet-peek: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body,#root{height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-cream);color:var(--color-text);overflow:hidden;-webkit-tap-highlight-color:transparent}.settings-trigger{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:4px 8px;line-height:1;opacity:.7}.settings-trigger:active{opacity:1}.settings-overlay{position:fixed;inset:0;z-index:200}.settings-panel{position:fixed;top:8px;right:8px;background:var(--color-parchment);border:2px solid var(--color-wood-medium);border-radius:var(--radius-lg);padding:16px;min-width:220px;z-index:201;box-shadow:0 4px 20px #00000026}.settings-panel__title{font-size:.8125rem;font-weight:700;color:var(--color-wood-medium);margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}.settings-panel__font-row{display:flex;align-items:center;gap:8px}.settings-panel__font-label{font-size:.875rem;color:var(--color-text);flex-shrink:0;width:24px;text-align:center;font-weight:700}.settings-panel__font-label--small{font-size:.75rem}.settings-panel__font-label--large{font-size:1.125rem}.settings-panel__slider{flex:1;accent-color:var(--color-accent)}.settings-panel__pct{font-size:.75rem;color:var(--color-wood-medium);text-align:center;margin-top:4px}.settings-panel__reset{width:100%;margin-top:8px;padding:6px;border:1px solid var(--color-parchment-dark);border-radius:var(--radius-sm);background:#fff;font-size:.75rem;color:var(--color-wood-medium);cursor:pointer}.settings-panel__reset:active{background:var(--color-parchment-dark)}.settings-panel__divider{height:1px;background:var(--color-parchment-dark);margin:12px 0}.settings-panel__code{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:2px dashed var(--color-wood-light);border-radius:var(--radius-md);background:#fff;cursor:pointer;gap:8px}.settings-panel__code:active{background:var(--color-parchment-dark)}.settings-panel__code-text{font-size:1.125rem;font-weight:800;letter-spacing:3px;color:var(--color-wood-dark);font-family:monospace}.settings-panel__code-hint{font-size:.6875rem;color:var(--color-wood-medium);white-space:nowrap}.settings-panel__toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;cursor:pointer}.settings-panel__toggle-label{font-size:.875rem;color:var(--color-text)}.settings-panel__toggle{width:40px;height:22px;appearance:none;-webkit-appearance:none;background:var(--color-parchment-dark);border-radius:11px;position:relative;cursor:pointer;transition:background .2s}.settings-panel__toggle:checked{background:var(--color-accent)}.settings-panel__toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.settings-panel__toggle:checked:after{transform:translate(18px)}.settings-panel__layout-row{display:flex;gap:8px;margin-bottom:8px}.settings-panel__layout-btn{flex:1;padding:8px 12px;border:2px solid var(--color-wood-light);border-radius:var(--radius-md);background:var(--color-parchment);color:var(--color-text);font-size:.8125rem;font-weight:600;cursor:pointer}.settings-panel__layout-btn--active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.lobby{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px}.lobby__settings{position:absolute;top:16px;right:16px}.lobby__title{font-size:3rem;font-weight:800;color:var(--color-wood-dark);letter-spacing:8px;text-transform:uppercase}.lobby__subtitle{font-size:.875rem;color:var(--color-wood-medium);margin-top:-16px}.lobby__card{width:100%;max-width:360px;background:var(--color-parchment);border:2px solid var(--color-wood-medium);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:16px}.lobby__input{width:100%;padding:12px 16px;border:2px solid var(--color-parchment-dark);border-radius:var(--radius-md);font-size:1rem;background:#fff;color:var(--color-text);outline:none;transition:border-color .15s}.lobby__input:focus{border-color:var(--color-wood-medium)}.lobby__input::placeholder{color:var(--color-wood-light)}.lobby__btn{width:100%;padding:14px;border:2px solid var(--color-wood-medium);border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;text-align:center;transition:background .15s}.lobby__btn:disabled{opacity:.4;cursor:not-allowed}.lobby__btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.lobby__btn--primary:active:not(:disabled){background:#a01010}.lobby__btn--secondary{background:var(--color-parchment);color:var(--color-text)}.lobby__btn--secondary:active:not(:disabled){background:var(--color-parchment-dark)}.lobby__divider{display:flex;align-items:center;gap:12px;color:var(--color-wood-light);font-size:.8125rem}.lobby__divider:before,.lobby__divider:after{content:"";flex:1;height:1px;background:var(--color-parchment-dark)}.lobby__join-row{display:flex;gap:8px}.lobby__join-row .lobby__input{flex:1;text-transform:uppercase;letter-spacing:4px;text-align:center;font-weight:700}.lobby__join-row .lobby__btn{width:auto;padding:12px 20px;flex-shrink:0}.lobby__error{color:var(--color-accent);font-size:.8125rem;text-align:center}.lobby__bot-row{display:flex;align-items:center;gap:8px}.lobby__bot-label{font-size:.875rem;color:var(--color-text);flex-shrink:0}.lobby__bot-select{flex:1;padding:8px 12px}.waiting-room{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:24px;gap:20px}.waiting-room__close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:2px solid var(--color-wood-light);border-radius:50%;color:var(--color-wood-medium);font-size:1rem;cursor:pointer;line-height:1}.waiting-room__close-btn:active{background:var(--color-parchment-dark)}.waiting-room__header{text-align:center}.waiting-room__title{font-size:1.25rem;font-weight:700;color:var(--color-wood-dark);margin-bottom:8px}.waiting-room__code-row{display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.waiting-room__code{display:inline-block;padding:8px 24px;background:var(--color-wood-dark);color:var(--color-text-light);border:none;border-radius:var(--radius-md);font-size:1.75rem;font-weight:800;letter-spacing:6px;font-family:monospace;cursor:pointer;transition:opacity .15s}.waiting-room__code:active{opacity:.8}.waiting-room__link-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:2px solid var(--color-wood-light);border-radius:50%;color:var(--color-wood-medium);cursor:pointer;transition:background .15s}.waiting-room__link-btn:active{background:var(--color-parchment-dark)}.waiting-room__copied{position:absolute;top:100%;margin-top:6px;font-size:.75rem;color:var(--color-wood-medium);font-weight:600;animation:waiting-room-fade-in .15s ease-out}@keyframes waiting-room-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.waiting-room__card{width:100%;max-width:400px;background:var(--color-parchment);border:2px solid var(--color-wood-medium);border-radius:var(--radius-lg);padding:20px}.waiting-room__section-title{font-size:.875rem;font-weight:700;color:var(--color-wood-medium);margin-bottom:12px;text-transform:uppercase;letter-spacing:2px}.waiting-room__players{display:flex;flex-direction:column;gap:8px;list-style:none}.waiting-room__player{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:var(--radius-md);font-size:.875rem}.waiting-room__player--me{border:2px solid var(--color-accent);font-weight:700}.waiting-room__player-dot{width:10px;height:10px;border-radius:50%;border:1px solid #666;flex-shrink:0}.waiting-room__player-name{flex:1}.waiting-room__player-suspect{font-size:.75rem;color:var(--color-wood-medium)}.waiting-room__player-badge{font-size:.6875rem;color:var(--color-wood-light)}.waiting-room__suspects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.waiting-room__suspect-btn{padding:12px 8px;border:2px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;text-align:center;transition:opacity .15s,border-color .15s;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.waiting-room__suspect-btn--selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-text)}.waiting-room__suspect-btn:disabled{opacity:.3;cursor:not-allowed}.waiting-room__suspect-btn:active:not(:disabled){opacity:.8}.waiting-room__start-btn{width:100%;max-width:400px;padding:16px;background:var(--color-accent);color:#fff;border:2px solid var(--color-accent);border-radius:var(--radius-md);font-size:1.125rem;font-weight:700;cursor:pointer;transition:background .15s}.waiting-room__start-btn:active:not(:disabled){background:#a01010}.waiting-room__start-btn:disabled{opacity:.4;cursor:not-allowed}.waiting-room__start-hint{font-size:.75rem;font-weight:400;opacity:.8;display:block;margin-top:4px}.waiting-room__dummy-toggle{display:flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer;flex-wrap:wrap}.waiting-room__dummy-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.waiting-room__dummy-toggle input[type=checkbox]:disabled{cursor:not-allowed}.waiting-room__dummy-desc{width:100%;font-size:.75rem;color:var(--color-wood-medium);padding-left:26px}.waiting-room__popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.waiting-room__popup{background:var(--color-parchment);border:2px solid var(--color-wood-medium);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.waiting-room__popup-title{font-size:1rem;font-weight:700;color:var(--color-wood-dark);text-align:center}.waiting-room__popup-link{width:100%;padding:10px 12px;border:2px solid var(--color-wood-light);border-radius:var(--radius-md);background:#fff;font-size:.875rem;font-family:monospace;color:var(--color-text);text-align:center;box-sizing:border-box}.waiting-room__popup-link:focus{outline:none;border-color:var(--color-accent)}.waiting-room__popup-actions{display:flex;gap:8px}.waiting-room__popup-copy,.waiting-room__popup-close{flex:1;padding:10px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;border:2px solid transparent}.waiting-room__popup-copy{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.waiting-room__popup-copy:active{opacity:.8}.waiting-room__popup-close{background:#fff;color:var(--color-wood-dark);border-color:var(--color-wood-light)}.waiting-room__popup-close:active{background:var(--color-parchment-dark)}.status-bar{position:fixed;top:0;left:0;right:0;height:var(--statusbar-height);background:var(--color-wood-dark);color:var(--color-text-light);display:flex;align-items:center;padding:0 12px;z-index:100;gap:12px}.status-bar--my-turn{background:var(--color-accent)}.status-bar__leave{background:none;border:none;color:var(--color-text-light);font-size:1.25rem;padding:4px 8px;cursor:pointer;flex-shrink:0;line-height:1}.status-bar__info{flex:1;text-align:left;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar__dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);margin-right:6px;vertical-align:middle}.status-bar__timer{font-variant-numeric:tabular-nums;margin-right:6px;opacity:.8;font-size:.8125rem}.board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:9fr 8fr 8fr 9fr;gap:3px;width:100%;aspect-ratio:5 / 4;min-height:18rem;flex:none;padding:0 8px;margin-top:8px}.board__room{border:2px solid var(--color-wood-medium);border-radius:var(--radius-md);padding:6px;background:var(--color-parchment);font-size:1.25rem;display:flex;flex-direction:column;gap:2px;overflow:hidden}.board__room--highlight{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.board__room-name{font-weight:700;font-size:1.25rem;line-height:1.2}.board__suspects{display:flex;flex-wrap:wrap;gap:2px}.board__suspect-dot{width:12px;height:12px;border-radius:50%;border:1px solid #666;flex-shrink:0}.board__suspect-dot--me{border:2px solid black}.board__weapons{font-size:1rem;color:#666;line-height:1.2}.board__envelope{grid-row:2 / span 2;grid-column:2;border:2px dashed var(--color-wood-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-parchment-dark);font-size:1.125rem;color:var(--color-wood-light);font-weight:700}@media(orientation:landscape){.board{aspect-ratio:unset;min-height:0;overflow:hidden;padding-top:8px;padding-bottom:8px;margin-top:0;grid-template-rows:9fr 8fr 8fr 9fr}}.player-strip{display:flex;gap:6px;padding:10px 8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:52px}.player-strip::-webkit-scrollbar{display:none}.player-strip__item{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;background:var(--color-parchment);border:2px solid transparent;white-space:nowrap;font-size:.875rem;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.player-strip__item--current{border-color:var(--color-accent);background:var(--color-accent-soft)}.player-strip__item--eliminated{opacity:.4}.player-strip__item--me{font-weight:700}.player-strip__dot{width:10px;height:10px;border-radius:50%;border:1px solid #666;flex-shrink:0}.player-strip__status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.player-strip__status--online{background:#22c55e}.player-strip__status--offline{background:#aaa}.player-strip__card-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--color-wood-medium, #8B7355);color:var(--color-parchment, #f5f0e1);font-size:.6875rem;font-weight:700;line-height:1;flex-shrink:0}.player-strip__suspect-name{font-size:.75rem;opacity:.6}.player-strip__item--inactive{opacity:.3;cursor:default}.player-strip__substitute-btn{font-size:.65rem;padding:1px 6px;border-radius:4px;border:1px solid #666;background:#444;color:#ddd;cursor:pointer;margin-left:auto}.player-strip__spectators{display:flex;align-items:center;gap:6px;padding:2px 8px;font-size:.75rem;color:#999;flex-shrink:0;white-space:nowrap}.player-strip__spectators-label{font-weight:600;color:#777}.player-strip__spectator-name{color:#999}.player-strip__modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.player-strip__modal{background:var(--color-parchment);border:2px solid var(--color-wood-medium);border-radius:var(--radius-lg);padding:20px;min-width:240px;max-width:300px;text-align:center}.player-strip__modal-title{font-size:.875rem;color:var(--color-text);margin-bottom:14px;line-height:1.4}.player-strip__modal-list{display:flex;flex-direction:column;gap:8px}.player-strip__modal-item{padding:10px 16px;border:2px solid var(--color-wood-light);border-radius:var(--radius-md);background:#fff;font-size:.9375rem;font-weight:600;color:var(--color-text);cursor:pointer}.player-strip__modal-item:active{background:var(--color-accent-soft);border-color:var(--color-accent)}.player-strip__modal-cancel{margin-top:12px;padding:8px 16px;border:1px solid var(--color-parchment-dark);border-radius:var(--radius-sm);background:transparent;font-size:.8125rem;color:var(--color-wood-medium);cursor:pointer}.player-strip__modal-cancel:active{background:var(--color-parchment-dark)}.turn-info{padding:12px 8px}.turn-info__empty{text-align:center;padding:16px 8px;color:#999;font-size:.875rem;font-style:italic}.turn-info__waiting{text-align:center;padding:16px 8px;color:var(--color-wood-medium);font-size:.9375rem}.turn-info__afk{padding:8px 12px;margin:8px 0;background:#fff3cd;border-radius:var(--radius-md);border:1px solid #ffc107;font-size:.8125rem;color:#856404}.turn-info__actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.turn-info__btn{padding:12px 16px;border:2px solid var(--color-wood-medium);border-radius:var(--radius-md);background:var(--color-parchment);color:var(--color-text);font-size:.9375rem;font-weight:600;cursor:pointer;text-align:center;transition:background .15s}.turn-info__btn:active{background:var(--color-parchment-dark)}.turn-info__btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.turn-info__btn--primary:active{background:#a01010}.turn-info__btn--secondary{font-size:.8125rem;padding:8px 12px;border-color:var(--color-wood-light)}.turn-info__form{display:flex;flex-direction:column;gap:8px}.turn-info__select-row{display:flex;align-items:center;gap:8px}.turn-info__select-row label{min-width:50px;font-size:.8125rem;font-weight:600}.turn-info__select-row select{flex:1;padding:8px;border:1px solid var(--color-wood-light);border-radius:var(--radius-sm);font-size:.875rem;background:#fff}.turn-info__dice{text-align:center;font-size:.875rem;color:var(--color-wood-medium);margin-bottom:8px}.turn-info__room-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.turn-info__reveal{border:2px solid var(--color-mark-o);border-radius:var(--radius-md);padding:12px;margin-bottom:8px}.turn-info__reveal-title{font-size:.8125rem;color:#666;margin-bottom:8px}.turn-info__reveal-cards{display:flex;gap:8px;flex-wrap:wrap}.turn-info__log-entry{padding:8px 12px;margin-bottom:4px;border-radius:var(--radius-md);border:1px solid #ddd;background:var(--color-parchment);font-size:.875rem;line-height:1.5;cursor:pointer}.turn-info__card-highlight{font-weight:700;padding:1px 4px;border-radius:3px}.turn-info__card-highlight--suspect{color:#991b1b;background:#fef2f2}.turn-info__card-highlight--weapon{color:#3730a3;background:#eef2ff}.turn-info__card-highlight--room{color:#166534;background:#f0fdf4}.turn-info__log-entry--eliminated{border-color:#ef9a9a;background:#fff5f5}.hand{padding:8px}.hand__title{font-size:.875rem;font-weight:600;color:var(--color-wood-medium);margin-bottom:4px}.hand__cards{display:flex;gap:6px;flex-wrap:wrap}.hand__card{padding:5px 12px;border:1px solid var(--color-wood-light);border-radius:12px;font-size:.875rem;white-space:nowrap}.hand__card--suspect{background:#fcc}.hand__card--weapon{background:#ccf}.hand__card--room{background:#cfc}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:#f5f0e1;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -4px 20px #00000026;z-index:160;touch-action:none;will-change:transform;transition:height .3s cubic-bezier(.22,1,.36,1)}.bottom-sheet__header{display:flex;flex-direction:column;align-items:center;cursor:grab;user-select:none;-webkit-user-select:none;padding:10px 0 6px}.bottom-sheet__handle-bar{width:32px;height:4px;border-radius:2px;background:var(--color-wood-light);margin-bottom:6px}.bottom-sheet__title{font-size:.875rem;font-weight:600;color:var(--color-text)}.bottom-sheet__above{position:fixed;left:0;right:0;z-index:160;padding:8px 8px 6px;background:#f5f0e1;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -4px 12px #0000001a;transition:bottom .3s cubic-bezier(.22,1,.36,1)}.bottom-sheet__content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.notes__marks{display:flex;align-items:center;gap:4px;padding:0 8px 8px;min-height:36px;position:sticky;top:0;background:#f5f0e1;z-index:1}.notes__mark-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:2px solid #ccc;border-radius:var(--radius-sm);background:#fff;font-size:.875rem;font-weight:700;cursor:pointer;box-sizing:border-box}.notes__mark-btn--active{border-color:var(--color-text);background:var(--color-parchment-dark);font-weight:700}.notes__reset-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;margin-left:auto;padding:0 10px;border:2px solid #ccc;border-radius:var(--radius-sm);background:#fff;font-size:.75rem;color:#888;cursor:pointer;box-sizing:border-box}.notes__table-wrap{overflow-x:auto;padding:0 8px;position:relative}.notes__table{border-collapse:collapse;width:100%;font-size:.8125rem;table-layout:fixed}.notes__table th,.notes__table td{border:1px solid #ddd;padding:4px 6px}.notes__table th{text-align:center;font-size:.75rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes__cat-header{font-weight:700;background:var(--color-parchment-dark);font-size:.75rem}.notes__col-name{width:80px}.notes__col-add{width:32px}.notes__card-name{text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.notes__cell{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.notes__add-col{border:1px solid #ccc;border-radius:var(--radius-sm);background:#fff;cursor:pointer;padding:2px 8px;font-size:.8125rem}.notes__col-input{width:50px;font-size:.75rem;padding:2px;border:1px solid #999;border-radius:2px}.notes__delete-btn{color:#e53935!important}.notes__delete-btn--active{border-color:#e53935;background:#ffebee}.notes__cell-marks{display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:1.2em}.notes__cell-mark{font-weight:700;font-size:.75rem;flex-shrink:0;width:.7em;text-align:center}.notes__cell-mark+.notes__cell-mark{margin-left:-2px}.notes__cell-marks:has(.notes__cell-mark:nth-child(4)) .notes__cell-mark{flex-shrink:1;min-width:0}.notes__cell-marks:has(.notes__cell-mark:nth-child(4)) .notes__cell-mark+.notes__cell-mark{margin-left:-4px}.notes__cell-marks:has(.notes__cell-mark:nth-child(7)) .notes__cell-mark+.notes__cell-mark{margin-left:-6px}.notes__cell--delete-mode{background:#fff5f5}@media(orientation:landscape){.notes__cell-mark+.notes__cell-mark{margin-left:0}.notes__cell-marks:has(.notes__cell-mark:nth-child(4)) .notes__cell-mark{flex-shrink:0}.notes__cell-marks:has(.notes__cell-mark:nth-child(4)) .notes__cell-mark+.notes__cell-mark{margin-left:0}.notes__cell-marks:has(.notes__cell-mark:nth-child(6)) .notes__cell-mark{flex-shrink:1;min-width:0}.notes__cell-marks:has(.notes__cell-mark:nth-child(6)) .notes__cell-mark+.notes__cell-mark{margin-left:-2px}.notes__cell-marks:has(.notes__cell-mark:nth-child(8)) .notes__cell-mark+.notes__cell-mark{margin-left:-4px}.notes__cell-marks:has(.notes__cell-mark:nth-child(10)) .notes__cell-mark+.notes__cell-mark{margin-left:-6px}}.notes__canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.notes__canvas--active{pointer-events:auto;touch-action:none}.notes__pen-color-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:2px solid transparent;border-radius:50%;background:#fff;cursor:pointer}.notes__pen-color-btn--active{border-color:var(--color-text, #333);background:var(--color-parchment-dark, #e8e0cc)}.notes__pen-color-dot{display:block;width:16px;height:16px;border-radius:50%}.notes__pen-eraser-btn--active{border-color:var(--color-text, #333);background:var(--color-parchment-dark, #e8e0cc)}.notes__pen-toggle-btn{margin-right:4px}.notes__pen-toggle-btn--active{border-color:var(--color-text, #333);background:var(--color-parchment-dark, #e8e0cc)}.game-announcement-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200;animation:announcement-fade-in .2s ease-out}.game-announcement{background:var(--color-parchment);border:2px solid var(--color-wood-medium);border-radius:var(--radius-md);padding:24px 32px;text-align:center;min-width:200px;max-width:80vw;box-shadow:0 8px 32px #0000004d}.game-announcement__title{font-size:.9375rem;color:var(--color-wood-medium);margin-bottom:12px;font-weight:600}.game-announcement__content{font-size:1rem;color:var(--color-text);white-space:pre-line;line-height:1.6}.game-announcement__content--large{font-size:2.5rem;font-weight:800;color:var(--color-wood-dark)}.game-announcement__detail{font-size:.75rem;color:var(--color-wood-light);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.announcement-suggestion{display:flex;flex-direction:column;gap:8px}.announcement-suggestion__row{display:flex;align-items:center;gap:10px}.announcement-suggestion__label{font-size:.75rem;color:var(--color-wood-medium);min-width:40px;text-align:right}.announcement-suggestion__value{font-size:1.1rem;font-weight:700;padding:2px 8px;border-radius:4px}.announcement-suggestion__value--suspect{color:#991b1b;background:#fef2f2}.announcement-suggestion__value--weapon{color:#3730a3;background:#eef2ff}.announcement-suggestion__value--room{color:#166534;background:#f0fdf4}@keyframes announcement-fade-in{0%{opacity:0}to{opacity:1}}.card-select-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:150;background:var(--color-parchment);border:2px solid var(--color-mark-o);border-radius:var(--radius-md);padding:20px 24px;text-align:center;min-width:220px;max-width:80vw;box-shadow:0 8px 32px #0000004d;animation:announcement-fade-in .2s ease-out}.card-select-dialog__title{font-size:.9375rem;color:var(--color-wood-medium);margin-bottom:8px;font-weight:600}.card-select-dialog__suggestion{font-size:.9375rem;color:var(--color-wood-dark, #333);margin-bottom:4px}.card-select-dialog__suggestion-detail{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.card-select-dialog__highlight{padding:1px 6px;border-radius:4px;font-size:.8125rem;font-weight:600}.card-select-dialog__highlight--suspect{color:#991b1b;background:#fef2f2}.card-select-dialog__highlight--weapon{color:#3730a3;background:#eef2ff}.card-select-dialog__highlight--room{color:#166534;background:#f0fdf4}.card-select-dialog__cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.card-select-dialog__card-btn{padding:8px 16px;border:2px solid;border-radius:var(--radius-md, 8px);font-weight:600;font-size:.9375rem;cursor:pointer;transition:opacity .15s}.card-select-dialog__card-btn:active{opacity:.7}.card-select-dialog__card-btn--suspect{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.card-select-dialog__card-btn--weapon{color:#3730a3;background:#eef2ff;border-color:#a5b4fc}.card-select-dialog__card-btn--room{color:#166534;background:#f0fdf4;border-color:#86efac}.turn-log-dialog__overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.turn-log-dialog{background:var(--color-parchment);border:2px solid var(--color-wood-dark);border-radius:var(--radius-md);padding:16px;max-width:90vw;max-height:60vh;overflow-y:auto}.turn-log-dialog__title{font-weight:700;font-size:.9375rem;margin-bottom:12px;text-align:center;color:var(--color-wood-dark)}.turn-log-dialog__entry{padding:8px 0;font-size:.8125rem;line-height:1.5;border-bottom:1px solid var(--color-wood-light)}.turn-log-dialog__entry:last-child{border-bottom:none}.turn-log-dialog__close{display:block;margin:12px auto 0;padding:8px 24px;border:1px solid var(--color-wood-medium);border-radius:var(--radius-md);background:var(--color-parchment);color:var(--color-text);font-size:.8125rem;cursor:pointer}.layout-b{height:100dvh;display:flex;flex-direction:column;padding-top:var(--statusbar-height);overflow:hidden}.layout-b__last-turn{padding:6px 12px 10px;font-size:.8125rem;line-height:1.5;background:var(--color-parchment-dark);border-bottom:1px solid var(--color-wood-light);cursor:pointer;flex-shrink:0}.layout-b__last-turn-empty{color:#999;font-style:italic}.layout-b__notes{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0}.layout-b__marks .notes__marks{padding-top:8px}.layout-b__marks{flex-shrink:0;border-bottom:1px solid var(--color-wood-light)}.layout-b .notes__table-wrap{overflow-x:visible;padding:0}.layout-b .notes__table thead th{position:sticky;top:0;background:var(--color-parchment);z-index:1}.layout-b__bottom-panel{max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:2px solid var(--color-wood-medium);background:var(--color-parchment);flex-shrink:0}.layout-b__tab-panel{padding-bottom:8px;background:var(--color-parchment-dark)}.layout-b__tab-panel .player-strip__item{border:1px solid var(--color-wood-light)}.layout-b__tab-panel .player-strip__item--current{border:2px solid var(--color-accent)}.layout-b__sidebar-content{display:none}.layout-b__actions{border-top:1px solid var(--color-wood-light)}.layout-b__tab-bar{display:flex;gap:0;flex-shrink:0;border-top:1px solid var(--color-wood-light);background:var(--color-parchment)}.layout-b__tab{flex:1;padding:10px 4px;border:none;background:var(--color-parchment);color:var(--color-text);font-size:.75rem;font-weight:600;cursor:pointer;border-top:2px solid transparent}.layout-b__tab--active{border-top-color:var(--color-accent);color:var(--color-accent);background:var(--color-parchment-dark)}@media(orientation:landscape){.layout-b{display:grid;grid-template-columns:40% 60%;grid-template-rows:auto auto 1fr;overflow:hidden}.layout-b__last-turn{grid-column:2;grid-row:1}.layout-b__marks{grid-column:2;grid-row:2}.layout-b__notes{grid-column:2;grid-row:3}.layout-b__bottom-panel,.layout-b__tab-bar{display:none}.layout-b__sidebar-content{display:block;grid-column:1;grid-row:1 / -1;overflow-y:auto;border-right:2px solid var(--color-wood-medium)}}.game-room{height:100dvh;display:flex;flex-direction:column;padding-top:var(--statusbar-height);padding-bottom:var(--bottomsheet-peek);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.game-room>.player-strip{order:1}.game-room>.hand{order:2}.game-room>.turn-info{order:3}.game-room__spectator-badge{text-align:center;background:#ffffff26;color:#aaa;padding:4px 12px;border-radius:12px;font-size:.8rem;margin:4px auto;width:fit-content}.game-room__finished{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:20px;text-align:center;padding:32px 24px}.game-room__finished-label{font-size:.875rem;font-weight:700;color:var(--color-wood-medium);text-transform:uppercase;letter-spacing:4px}.game-room__finished-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--color-wood-dark);display:flex;align-items:center;justify-content:center;font-size:2.25rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);box-shadow:0 4px 16px #0003}.game-room__finished-name{font-size:1.75rem;font-weight:800;color:var(--color-wood-dark);line-height:1.2}.game-room__finished-suspect{font-size:1rem;color:var(--color-wood-medium);margin-top:-12px}.game-room__finished-me{display:inline-block;padding:6px 16px;background:var(--color-accent);color:#fff;border-radius:20px;font-size:.875rem;font-weight:700}.game-room__finished-players{width:100%;max-width:320px;display:flex;flex-direction:column;gap:6px;margin-top:8px}.game-room__finished-player{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-parchment);border-radius:var(--radius-md);font-size:.8125rem}.game-room__finished-player-dot{width:10px;height:10px;border-radius:50%;border:1px solid #666;flex-shrink:0}.game-room__finished-player--winner{border:2px solid var(--color-accent);font-weight:700}.game-room__finished-player--eliminated{opacity:.4}.game-room__finished-player-status{margin-left:auto;font-size:.6875rem;color:var(--color-wood-light)}.game-room__finished-envelope{width:100%;max-width:320px;text-align:center}.game-room__finished-envelope-title{font-size:.75rem;font-weight:700;color:var(--color-wood-medium);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.game-room__finished-envelope-cards{display:flex;justify-content:center;gap:8px}.game-room__finished-envelope-card{padding:6px 14px;border-radius:12px;font-size:.875rem;font-weight:600;border:1px solid var(--color-wood-light)}.game-room__finished-envelope-card--suspect{background:#fcc}.game-room__finished-envelope-card--weapon{background:#ccf}.game-room__finished-envelope-card--room{background:#cfc}.game-room__finished-btn{padding:14px 32px;border:2px solid var(--color-wood-medium);border-radius:var(--radius-md);background:var(--color-parchment);color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:8px}.game-room__finished-btn:active{background:var(--color-parchment-dark)}.game-room__finished-actions{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px;margin-top:16px}.game-room__finished-btn--primary{background:#4169e1;color:#fff;border:none}.game-room__finished-btn:disabled{opacity:.5;cursor:not-allowed}.game-room__modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.game-room__modal{background:#2a2a2a;color:#f0f0f0;border-radius:12px;padding:24px;max-width:300px;text-align:center}.game-room__modal p{margin-bottom:16px;font-size:1rem}.game-room__modal-actions{display:flex;gap:8px;justify-content:center}.last-turn-log{padding:6px 0;font-size:.8125rem;line-height:1.5;color:var(--color-text);border-top:1px solid var(--color-wood-light);margin-top:4px}@media(orientation:landscape){.game-room{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;overflow-y:hidden;gap:4px;padding-top:var(--statusbar-height);padding-bottom:var(--bottomsheet-peek)}.game-room>.board{grid-column:1;grid-row:1 / -1}.game-room>.player-strip{grid-column:2;grid-row:1;order:1}.game-room>.hand{grid-column:2;grid-row:2;order:2}.game-room>.turn-info{grid-column:2;grid-row:3;order:3;overflow-y:auto}}.game-room__finished-player-time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:.8125rem;color:var(--color-wood-medium)}.admin-login{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.admin-login form{display:flex;flex-direction:column;gap:12px;background:#fff;padding:32px;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:320px}.admin-login h2{text-align:center;margin-bottom:8px}.admin-login input{padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.admin-login button{padding:10px;background:#1976d2;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.admin-login button:hover{background:#1565c0}.admin-login .error{color:#d32f2f;font-size:13px;text-align:center}.admin-page{max-width:1200px;margin:0 auto;padding:24px;min-height:100vh;background:#fff}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h1{font-size:22px;font-weight:700}.admin-header-actions{display:flex;gap:8px}.admin-header-actions button{padding:6px 14px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.admin-header-actions button:hover{background:#f5f5f5}.admin-tabs{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:16px}.admin-tabs button{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:14px;color:#666}.admin-tabs button.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:600}.admin-tabs button:hover:not(.active){color:#333}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:10px 12px;border-bottom:2px solid #e0e0e0;font-weight:600;color:#555;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid #eee}.admin-table tbody tr:hover{background:#f9f9f9}.admin-loading,.admin-empty{text-align:center;padding:40px;color:#999;font-size:14px}