.dialog-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);background:var(--color-scrim)}.dialog{display:flex;flex-direction:column;width:100%;max-width:420px;max-height:100%;padding:var(--space-lg) var(--space-md) var(--space-sm);border-radius:28px;background:var(--color-surface);box-shadow:0 8px 24px #00000047}.dialog__title{margin:0 0 var(--space-md);padding:0 var(--space-sm);font-size:var(--text-bigger);font-weight:600}.dialog__body{padding:0 var(--space-sm);white-space:pre-line}.dialog__body--scroll{overflow-y:auto;min-height:0;padding-inline:0}.dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-sm);padding-top:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target);padding:0 var(--space-md);border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;font-size:var(--text-normal);font-weight:500;cursor:pointer;transition:background-color .12s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){background:var(--color-primary-dark)}.btn:disabled{opacity:.38;cursor:default}.btn--outlined{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outlined:hover:not(:disabled){background:#1976d214}.btn--text{background:transparent;color:var(--color-primary);padding:0 var(--space-sm)}.btn--text:hover:not(:disabled){background:#1976d214}.btn--small{min-height:40px;padding:0 var(--space-sm);font-size:var(--text-small)}.btn--full{width:100%}.terms__body{padding:0 var(--space-md);white-space:pre-line;line-height:1.9}.dialog-list__item{display:block;width:100%;min-height:var(--touch-target);padding:var(--space-sm) var(--space-md);border:none;background:transparent;text-align:start;font-size:var(--text-normal);cursor:pointer}.dialog-list__item:hover{background:var(--color-surface-variant)}.dialog-list__check{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target);padding:0 var(--space-md);cursor:pointer}.dialog-list__check input{width:20px;height:20px;accent-color:var(--color-primary)}.dialog-list__note{padding:var(--space-sm) var(--space-md) 0;font-size:var(--text-small);color:var(--color-text-secondary)}.dialog-input__label{padding-bottom:var(--space-md)}.dialog-input__field{width:100%;min-height:var(--touch-target);padding:0 var(--space-sm);border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:var(--color-surface)}.dialog-input__field:focus{border-color:var(--color-primary);outline:none}.dialog-input__error{padding-top:var(--space-xs);font-size:var(--text-small);color:var(--color-side-spy)}.toast{position:fixed;z-index:200;inset-inline:0;bottom:calc(64px + env(safe-area-inset-bottom));margin-inline:auto;width:fit-content;max-width:min(90vw,480px);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:#000000d9;color:#fff;font-size:var(--text-small);text-align:center;pointer-events:none;animation:toast-in .14s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.install-prompt{position:fixed;z-index:300;inset-inline:0;bottom:calc(env(safe-area-inset-bottom) + var(--space-md));margin-inline:auto;width:min(92vw,480px);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-divider);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 6px 24px #00000047;animation:install-in .2s ease-out}.install-prompt__icon img{display:block;border-radius:var(--radius-md)}.install-prompt__body{flex:1;min-width:0}.install-prompt__title{font-weight:700;font-size:var(--text-normal)}.install-prompt__message{margin-top:2px;font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.5}.install-prompt__actions{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--space-xs)}@keyframes install-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.install-prompt{animation:none}}.shell{display:flex;flex-direction:column;height:100%;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.shell__header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:var(--space-sm);min-height:var(--header-height);padding:env(safe-area-inset-top) var(--space-md) 0;background:var(--color-primary);color:#fff}.shell__back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-inline-start:calc(-1 * var(--space-sm));border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.shell__back svg{transform:scaleX(-1)}.shell__back:hover{background:#ffffff1f}.shell__title{flex:1;font-size:var(--text-bigger);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell__end{display:flex;align-items:center;gap:var(--space-sm)}.shell__content{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.field{position:relative;display:block;padding-top:var(--space-sm)}.field__input{width:100%;min-height:var(--touch-target);padding:0 var(--space-sm);border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:transparent}.field__input:focus{border-color:var(--color-primary);border-width:2px;outline:none}.field__label{position:absolute;inset-inline-start:var(--space-sm);top:calc(var(--space-sm) + 12px);padding:0 var(--space-xs);background:var(--color-surface);color:var(--color-text-secondary);pointer-events:none;transition:top .12s ease,font-size .12s ease,color .12s ease}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label{top:0;font-size:var(--text-small)}.field__input:focus+.field__label{color:var(--color-primary)}.field--error .field__input{border-color:var(--color-side-spy)}.field--error .field__label{color:var(--color-side-spy)}.field__error{padding:var(--space-xs) var(--space-sm) 0;font-size:var(--text-small);color:var(--color-side-spy)}.choice{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--touch-target);cursor:pointer}.choice__input{width:20px;height:20px;margin:0;accent-color:var(--color-primary);flex:none}.choice__input:disabled+.choice__label{color:var(--color-text-secondary)}.choice__label{font-size:var(--text-normal)}.player-row{border-bottom:1px solid var(--color-divider)}.player-row--editing{background:var(--color-surface-variant)}.player-row__actions{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md)}.player-row__action-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target);height:var(--touch-target);border:none;border-radius:50%;background:transparent;color:var(--color-text-secondary);cursor:pointer}.player-row__action-btn:hover{background:var(--color-surface-variant)}.players-header-actions{display:flex;gap:var(--space-xs)}.players-content{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--space-md)}.players-token-row{margin-bottom:var(--space-md)}.players-list{flex:1;overflow-y:auto}.players-empty{padding:var(--space-lg);text-align:center;color:var(--color-text-secondary)}.players-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--color-divider)}.players-count{color:var(--color-text-secondary);font-size:var(--text-small)}.players-footer-actions{display:flex;gap:var(--space-sm)}.words-content{flex:1;display:flex;flex-direction:column;min-height:0;padding:var(--space-md)}.words-add-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.words-info{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-sm);font-size:var(--text-small);color:var(--color-text-secondary)}.words-list{flex:1;overflow-y:auto}.words-list__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-divider);min-height:var(--touch-target)}.words-list__word{font-weight:600}.words-list__hint{color:var(--color-text-secondary);font-size:var(--text-small)}.words-empty{padding:var(--space-lg);text-align:center;color:var(--color-text-secondary)}.words-footer{display:flex;justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-divider)}.setup-content{flex:1;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.setup-players-info{color:var(--color-text-secondary);font-size:var(--text-small)}.setup-roles{display:flex;flex-direction:column;gap:var(--space-sm)}.setup-roles__title{font-size:var(--text-bigger);font-weight:600}.setup-role-row{display:flex;gap:var(--space-sm)}.setup-role-row>*{flex:1}.setup-words-info{color:var(--color-text-secondary);font-size:var(--text-small);text-align:center}.setup-footer{margin-top:auto;padding-top:var(--space-md)}.result-content{flex:1;display:flex;flex-direction:column;padding:var(--space-md);overflow-y:auto}.result-code{text-align:center;font-size:var(--text-bigger);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-md)}.result-word-box{text-align:center;padding:var(--space-md);background:var(--color-surface-variant);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.result-word-label{font-size:var(--text-small);color:var(--color-text-secondary)}.result-word-text{font-size:var(--text-bigger);font-weight:600}.result-groups{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.result-group__title{font-size:var(--text-bigger);font-weight:600;margin-bottom:var(--space-sm)}.result-group__list{list-style:none;margin:0;padding:0}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-divider);cursor:pointer;min-height:var(--touch-target)}.result-item--selected{background:var(--color-surface-variant);outline:2px solid var(--color-primary);border-radius:var(--radius-sm)}.result-item__name{font-weight:500}.result-item__role{color:var(--color-text-secondary);font-size:var(--text-small)}.result-footer{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md)}.manage-content{flex:1;display:flex;flex-direction:column;padding:var(--space-md);overflow-y:auto}.manage-word-section{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.manage-word-box{flex:1;text-align:center;padding:var(--space-md);background:var(--color-surface-variant);border-radius:var(--radius-md)}.manage-word-label{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.manage-word-text{font-size:var(--text-bigger);font-weight:600}.manage-section-title{font-size:var(--text-bigger);font-weight:600;margin-bottom:var(--space-sm)}.manage-players-section{flex:1}.manage-empty{color:var(--color-text-secondary);text-align:center;padding:var(--space-lg)}.manage-players-list{list-style:none;margin:0;padding:0}.manage-player-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-divider);min-height:var(--touch-target)}.manage-player-name{font-weight:500}.manage-player-role{font-size:var(--text-small);font-weight:600}.manage-footer{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md)}:root{--color-primary: #1976d2;--color-primary-dark: #1565c0;--color-accent: #ff4081;--color-side-spy: #cc0000;--color-side-citizen: #009900;--color-side-independent: #ff8800;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--text-normal: 16px;--text-bigger: 18px;--text-small: 13px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--touch-target: 48px;--header-height: 56px;--color-background: #ffffff;--color-surface: #ffffff;--color-surface-variant: #f5f5f5;--color-text-primary: #212121;--color-text-secondary: #757575;--color-divider: #e0e0e0;--color-scrim: rgba(0, 0, 0, .45);--row-bg-spy: #ffcdd2;--row-bg-citizen: #bbdefb;--row-bg-independent: #ffe0b2}:root[data-theme=dark]{--color-background: #121212;--color-surface: #1e1e1e;--color-surface-variant: #2a2a2a;--color-text-primary: #ececec;--color-text-secondary: #a0a0a0;--color-divider: #3a3a3a;--color-scrim: rgba(0, 0, 0, .65);--row-bg-spy: #4a1010;--row-bg-citizen: #0d2a3a;--row-bg-independent: #3a2800}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-text-primary);font-family:Vazirmatn,IRANSans,Segoe UI,Tahoma,system-ui,sans-serif;font-size:var(--text-normal);line-height:1.6;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{overflow-x:hidden}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.screen-placeholder{padding:var(--space-md);color:var(--color-text-secondary)}