@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap";:root{--radius-lg: 1rem;--radius-md: .8rem;--radius-sm: .65rem}:root,:root[data-theme=dark]{--bg-page: #030507;--bg-frame: #0a1017;--bg-card: #111923;--bg-subtle: #0c131c;--text: #e6edf4;--muted: #96a7bb;--placeholder: #7f93aa;--border: rgba(230, 237, 244, .09);--border-strong: rgba(230, 237, 244, .18);--accent: #4ea7f4;--accent-strong: #2f83ca;--success: #35b994;--danger: #f26f66}:root[data-theme=light]{--bg-page: #f4f7fb;--bg-frame: #ffffff;--bg-card: #fbfdff;--bg-subtle: #f1f5f9;--text: #0f1724;--muted: #4d6075;--placeholder: #586d84;--border: rgba(15, 23, 36, .1);--border-strong: rgba(15, 23, 36, .18);--accent: #1f7fcb;--accent-strong: #1668a8;--success: #0b8d6d;--danger: #c9483f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{background-color:var(--bg-page)}body{font-family:Public Sans,sans-serif;color:var(--text);background-color:var(--bg-page)}#root{min-height:100dvh}h1,h2,h3,p{margin:0}button,input,select{font:inherit}.app-shell{min-height:100dvh;padding-top:calc(env(safe-area-inset-top) + .9rem);padding-right:calc(env(safe-area-inset-right) + .9rem);padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);padding-left:calc(env(safe-area-inset-left) + .9rem);display:flex;justify-content:center;align-items:flex-start}.app-frame{width:min(68rem,100%);border-radius:1.1rem;border:1px solid var(--border);background:var(--bg-frame);box-shadow:0 16px 38px #00000024;padding:.95rem}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-bottom:.95rem}.app-brand{min-width:0}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:var(--success)}.app-title,.ui-card__title,.timer{font-family:Chakra Petch,sans-serif;letter-spacing:.02em}.app-title{font-size:clamp(1.7rem,7.4vw,2.35rem);text-transform:uppercase}.header-controls{display:flex;gap:.45rem;flex-shrink:0;flex-wrap:nowrap}.header-switch{min-width:2.22rem;padding-inline:.52rem}.header-switch__label{display:none;font-size:.84rem}.phase-stack{display:grid;gap:.78rem}.stack-tight{display:grid;gap:.58rem}.ui-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);display:grid}.ui-card__header,.ui-card__content,.ui-card__footer{padding:.88rem .9rem}.ui-card__header{display:grid;gap:.5rem;border-bottom:1px solid var(--border)}.ui-card__content{display:grid;gap:.72rem}.ui-card__title{font-size:clamp(1.08rem,4.1vw,1.42rem);text-transform:uppercase}.ui-card__description,.muted{color:var(--muted)}.stage-card{min-height:min(32rem,calc(100dvh - 15rem));display:flex;flex-direction:column}.stage-card__content{display:flex;flex:1;flex-direction:column}.stage-card__actions{margin-top:auto;padding-top:.75rem}.stage-card--spy{border-color:color-mix(in srgb,var(--danger) 55%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 18%,var(--bg-card)),var(--bg-card))}.stage-card--agent{border-color:color-mix(in srgb,var(--success) 58%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--success) 16%,var(--bg-card)),var(--bg-card))}.stage-card--spy .ui-card__header,.stage-card--agent .ui-card__header{border-bottom-color:color-mix(in srgb,currentColor 16%,var(--border))}.player-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem}.rules-box{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-subtle);padding:.68rem .72rem}.rules-box__title{font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem}.rules-list{margin:0;padding-left:1.1rem;display:grid;gap:.28rem;color:var(--muted)}.rules-list li::marker{color:var(--accent)}.app-rules{margin-bottom:.78rem}.player-remove{flex-shrink:0}.form-grid{display:grid;gap:.8rem}.setup-side-stack{display:grid;gap:.85rem}.check-row{display:inline-flex;align-items:center;gap:.55rem;color:var(--text)}.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}.chip-grid--large{grid-template-columns:1fr}.score-grid{display:grid;gap:.48rem}.score-row{display:flex;justify-content:space-between;align-items:center;gap:.65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle);padding:.52rem .62rem}.score-row__role{font-weight:700}.score-row--agent{border-color:color-mix(in srgb,var(--success) 46%,var(--border));background:color-mix(in srgb,var(--success) 12%,var(--bg-subtle));color:color-mix(in srgb,var(--success) 90%,var(--text))}.score-row--spy{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));background:color-mix(in srgb,var(--danger) 12%,var(--bg-subtle));color:color-mix(in srgb,var(--danger) 90%,var(--text))}.reveal-box{border-radius:var(--radius-md);background:transparent;padding:0;display:grid;gap:.58rem}.hint-box{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);padding:.72rem;display:grid;gap:.5rem}.identity-title{margin-top:.15rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-size:1.02rem}.identity-title--spy{color:color-mix(in srgb,var(--danger) 80%,var(--text))}.identity-title--agent{color:color-mix(in srgb,var(--success) 80%,var(--text))}.timer{font-size:clamp(2.05rem,14vw,3.8rem);line-height:.95}.action-grid,.action-row{display:grid;gap:.5rem}.utility-actions{display:grid;gap:.45rem}.ui-button{border-radius:var(--radius-sm);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;font-weight:600;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,opacity .14s ease}.ui-button:focus-visible,.ui-input:focus-visible,.ui-checkbox:focus-visible,.ui-select__trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,white);outline-offset:2px}.ui-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.ui-button:not(:disabled):hover{transform:translateY(-1px)}.ui-button--default-size{min-height:2.6rem;padding:.72rem .9rem}.ui-button--sm{min-height:2.22rem;padding:.52rem .72rem;font-size:.9rem}.ui-button--lg{min-height:2.88rem;padding:.88rem 1rem}.ui-button--icon{width:2.6rem;height:2.6rem;padding:0}.ui-button--full{width:100%;min-height:2.88rem;padding:.86rem 1rem}.ui-button--default{color:#eff5fb;background:linear-gradient(120deg,var(--accent),var(--accent-strong))}.ui-button--secondary{color:var(--text);background:var(--bg-subtle);border-color:var(--border)}.ui-button--outline{color:var(--text);background:transparent;border-color:var(--border-strong)}.ui-button--danger{color:color-mix(in srgb,var(--danger) 75%,var(--text));background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.ui-button--chip{color:var(--text);justify-content:flex-start;background:var(--bg-subtle);border-color:var(--border)}.ui-button--chip-active{color:color-mix(in srgb,var(--success) 85%,var(--text));justify-content:flex-start;background:color-mix(in srgb,var(--success) 16%,transparent);border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.ui-input,.ui-select__trigger{width:100%;min-height:2.6rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text);padding:.65rem .72rem}.ui-input::placeholder{color:var(--placeholder)}.spy-count-input{text-align:center;font-weight:700;letter-spacing:.02em}.spy-count-stepper{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.spy-count-input::-webkit-outer-spin-button,.spy-count-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spy-count-input[type=number]{-moz-appearance:textfield}.ui-label{color:var(--text);font-size:.92rem;font-weight:600}.ui-checkbox{width:1.1rem;height:1.1rem;border-radius:.32rem;border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text);flex-shrink:0}.ui-checkbox[data-state=checked]{background:var(--accent-strong);border-color:var(--accent-strong)}.ui-checkbox__indicator{display:grid;place-items:center}.ui-switch{width:2.55rem;height:1.5rem;padding:.13rem;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-subtle);transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;position:relative;flex-shrink:0;cursor:pointer}.ui-switch[data-state=checked]{background:var(--accent-strong);border-color:var(--accent-strong)}.ui-switch__thumb{display:block;width:1.12rem;height:1.12rem;border-radius:999px;background:var(--bg-frame);transition:transform .14s ease;will-change:transform;transform:translate(0)}.ui-switch[data-state=checked] .ui-switch__thumb{transform:translate(1.02rem)}.ui-switch:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 36%,transparent)}.ui-switch[data-disabled]{cursor:not-allowed;opacity:.62}.ui-select__content{z-index:50;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text)}.ui-select__viewport{padding:.2rem}.ui-select__item{min-height:2rem;border-radius:.45rem;padding:.35rem .6rem .35rem 1.9rem;position:relative;display:flex;align-items:center;cursor:pointer}.ui-select__item[data-highlighted]{outline:none;background:color-mix(in srgb,var(--accent) 20%,transparent)}.ui-select__indicator{position:absolute;left:.55rem;display:inline-flex;align-items:center}.ui-badge{width:fit-content;padding:.24rem .64rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.ui-badge--default,.ui-badge--neutral{background:color-mix(in srgb,var(--border) 85%,transparent)}.ui-badge--success{background:color-mix(in srgb,var(--success) 22%,transparent);color:color-mix(in srgb,var(--success) 80%,var(--text))}.ui-badge--danger{background:color-mix(in srgb,var(--danger) 22%,transparent);color:color-mix(in srgb,var(--danger) 80%,var(--text))}.vote-option{touch-action:manipulation}.vote-option:active{transform:scale(.985)}.vote-option--active{transform:scale(.985);background:color-mix(in srgb,var(--accent) 24%,var(--bg-subtle));border-color:color-mix(in srgb,var(--accent) 62%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 46%,transparent)}.pack-chip{min-width:0;line-height:1.25}.pack-chip__emoji{width:1.25em;flex-shrink:0;text-align:center}.pack-chip__label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:560px){.header-switch{min-width:0;padding-inline:.72rem}.header-switch__label{display:inline}.action-grid,.utility-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chip-grid--large{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:920px){.app-frame{padding:1.2rem}.phase-stack--setup{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.phase-stack--setup>.ui-card:first-child{grid-column:1}.phase-stack--setup>.setup-side-stack{grid-column:2}.phase-stack--setup>.ui-button{grid-column:1 / -1}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}