.dialog-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000080;padding:1rem}.dialog{width:100%;max-width:24rem;max-height:80vh;overflow-y:auto;background:var(--color-surface);border-radius:1rem;padding:1.5rem}.dialog__title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.dialog__content{display:flex;flex-direction:column;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--filled{background:var(--color-primary);color:#fff}.btn--filled:hover:not(:disabled){background:var(--color-primary-dark)}.btn--outlined{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outlined:hover:not(:disabled){background:var(--color-primary-light)}.btn--full{width:100%}.text-field{display:flex;flex-direction:column;gap:.25rem}.text-field__label{font-size:.85rem;color:var(--color-text-secondary)}.text-field__input{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface);color:var(--color-text);font-size:1rem}.text-field__input:focus{outline:none;border-color:var(--color-primary)}.text-field__error{margin:0;font-size:.8rem;color:var(--color-error)}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(1rem);padding:.75rem 1.25rem;background:var(--color-surface);color:var(--color-text);border-radius:.5rem;box-shadow:0 4px 12px #00000026;font-size:.9rem;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:200}.toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg)}.shell__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.shell__back{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:none;color:var(--color-text);cursor:pointer}.shell__title{flex:1;margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text)}.shell__end{display:flex;align-items:center}.shell__content{flex:1;padding:1rem;overflow-y:auto}.player-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-surface);border-radius:.5rem}.player-row__check{display:flex;align-items:center;cursor:pointer}.player-row__check input{display:none}.player-row__mark{width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-radius:.25rem;transition:background .15s,border-color .15s}.player-row__check input:checked+.player-row__mark{background:var(--color-primary);border-color:var(--color-primary)}.player-row__name{flex:1;font-size:.95rem;color:var(--color-text)}.player-row__actions{display:flex;gap:.25rem}.player-row__btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;cursor:pointer;font-size:1rem}.player-form__actions{display:flex;gap:.5rem;margin-top:.5rem}.players{display:flex;flex-direction:column;gap:1rem;padding-bottom:12rem}.players__count{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.players__empty{margin:0;text-align:center;color:var(--color-text-secondary);padding:2rem 0}.players__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.players__actions{display:flex;gap:.5rem}.players__actions--secondary{padding-top:.5rem}.players__bottom{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem;z-index:20}.players__bottom-row{display:flex;gap:.5rem}.role-group-card{padding:1rem;background:var(--color-surface);border-radius:.5rem;border-right:4px solid}.role-group-card__header{display:flex;align-items:center;justify-content:space-between}.role-group-card__label{font-weight:600}.role-group-card__count{font-size:1.25rem;font-weight:700}.roles{display:flex;flex-direction:column;gap:1rem}.roles__summary{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.roles__summary p{margin:.25rem 0}.roles__groups{display:flex;flex-direction:column;gap:.5rem}.roles__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.config-form{display:flex;flex-direction:column;gap:1rem}.config-form__actions{display:flex;gap:.5rem;margin-top:1rem}.result{display:flex;flex-direction:column;gap:1rem}.result__code{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-primary)}.result__word{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-surface);border-radius:.5rem}.result__word-label{font-size:.9rem;color:var(--color-text-secondary)}.result__word-value{font-size:1.1rem;font-weight:600;color:var(--color-text)}.result__groups{display:flex;flex-direction:column;gap:1rem}.result-group{padding:1rem;background:var(--color-surface);border-radius:.5rem}.result-group__title{margin:0 0 .5rem;font-size:1rem;font-weight:600}.result-group__divider{height:2px;margin-bottom:.75rem;border-radius:1px}.result-group__rows{list-style:none;margin:0;padding:0}.result-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0}.result-row__role{font-weight:500;color:var(--color-text)}.result-row__arrow,.result-row__player{color:var(--color-text-secondary)}.result__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.result__actions-row{display:flex;gap:.5rem}.manage{display:flex;flex-direction:column;gap:1rem}.manage__switch{display:flex;align-items:center;justify-content:center;gap:.75rem}.manage__switch-label{font-size:.9rem;color:var(--color-text-secondary)}.manage__toggle{position:relative;width:3rem;height:1.5rem;cursor:pointer}.manage__toggle input{display:none}.manage__toggle-track{position:absolute;inset:0;background:var(--color-border);border-radius:.75rem;transition:background .2s}.manage__toggle input:checked+.manage__toggle-track{background:var(--color-primary)}.manage__toggle-track:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:transform .2s}.manage__toggle input:checked+.manage__toggle-track:after{transform:translate(1.5rem)}.manage__awake{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.manage__timer{width:8rem;height:8rem;border:3px solid;border-radius:50%;background:transparent;font-size:1.5rem;font-weight:700;cursor:pointer}.manage__tools{display:flex;flex-direction:column;gap:.5rem;width:100%}.manage__asleep{overflow-x:auto}.manage__table{width:100%;border-collapse:collapse}.manage__table th,.manage__table td{padding:.75rem;text-align:right;border-bottom:1px solid var(--color-border)}.manage__table th{font-weight:600;color:var(--color-text-secondary)}.manage__table tr{cursor:pointer}.manage__table tr:hover{background:var(--color-primary-light)}.terms-overlay{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:#000000b3;padding:1rem}.terms-dialog{width:100%;max-width:24rem;background:var(--color-surface);border-radius:1rem;padding:1.5rem}.terms-dialog__title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.terms-dialog__body{margin:0;font-size:.9rem;line-height:1.6;color:var(--color-text-secondary);white-space:pre-line}.terms-dialog__actions{display:flex;gap:.5rem;margin-top:1.5rem}:root{--color-primary: #1976d2;--color-primary-dark: #1565c0;--color-primary-light: rgba(25, 118, 210, .1);--color-bg: #f5f5f5;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text: #212121;--color-text-secondary: #757575;--color-error: #d32f2f;--color-side-spy: #d32f2f;--color-side-citizen: #1976d2;--color-side-joker: #ffa000;--color-side-sheriff: #388e3c}[data-theme=dark]{--color-bg: #0b1016;--color-surface: #1a2735;--color-border: #2a3a4a;--color-text: #f4f6f8;--color-text-secondary: #8ba0b3;--color-primary-light: rgba(25, 118, 210, .2)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Vazirmatn,IRANSans,Segoe UI,Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}a{color:var(--color-primary);text-decoration:none}