@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap";:root{--r-xl: 1.5rem;--r-lg: 1.15rem;--r-md: .9rem;--r-sm: .65rem;--font-display: "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--agent: #0f9b78;--spy: #f2484e;--on-role: #ffffff}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #090f1b;--surface: #111a2e;--surface-hover: #1a2540;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--text: #ffffff;--muted: #a3afcc;--placeholder: #6a7798;--accent: #ffffff;--accent-hover: #e9eef8;--accent-edge: #a9b5d2;--accent-ink: #090f1b;--selected: var(--accent);--chip: #ffffff;--chip-ink: #090f1b}:root[data-theme=light]{color-scheme:light;--bg: #eef2fa;--surface: #ffffff;--surface-hover: #e3e9f5;--line: rgba(22, 24, 31, .1);--line-strong: rgba(22, 24, 31, .2);--text: #16181f;--muted: #56617a;--placeholder: #95a0b8;--accent: #111a2e;--accent-hover: #1f2b48;--accent-edge: #000000;--accent-ink: #ffffff;--selected: #16181f;--chip: #111a2e;--chip-ink: #ffffff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{background-color:var(--bg)}body{font-family:var(--font-body);font-weight:600;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}h1,h2,h3,p,ol,ul{margin:0}button,input{font:inherit}.app{min-height:100dvh;display:flex;justify-content:center;background:var(--bg)}.app__inner{width:min(33rem,100%);padding:calc(env(safe-area-inset-top) + 1.15rem) calc(env(safe-area-inset-right) + 1rem) calc(env(safe-area-inset-bottom) + 1rem) calc(env(safe-area-inset-left) + 1rem);display:flex;flex-direction:column;gap:1.1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.brand{min-width:0}.brand__title{font-family:var(--font-display);font-size:1.9rem;font-weight:900;line-height:1;letter-spacing:-.03em}.brand__dot{color:var(--spy)}.brand__tagline{font-size:.78rem;color:var(--muted);line-height:1.35;margin-top:.15rem}.topbar__controls{display:flex;gap:.4rem;flex-shrink:0}.phase{display:flex;flex-direction:column;gap:.85rem;flex:1;animation:phase-in .26s ease-out both}@keyframes phase-in{0%{opacity:0;transform:translateY(8px)}}.kicker{font-size:.85rem;font-weight:700;color:var(--muted)}.muted{color:var(--muted)}.ui-card{border-radius:var(--r-xl);background:var(--surface);overflow:hidden}.ui-card__header{display:flex;align-items:center;gap:.7rem;padding:1.05rem 1.1rem 0}.card-icon{width:2.1rem;height:2.1rem;flex-shrink:0;border-radius:999px;display:grid;place-items:center;color:var(--text);background:var(--surface-hover)}.card-headings{min-width:0}.ui-card__title{font-family:var(--font-display);font-size:1.1rem;font-weight:800}.ui-card__description{font-size:.8rem;color:var(--muted);margin-top:.05rem}.ui-card__content{padding:.9rem 1.1rem 1.1rem;display:grid;gap:.7rem}.rules{list-style:none;padding:0;display:grid;gap:.55rem;counter-reset:rule}.rules li{counter-increment:rule;display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.6rem;align-items:start;font-size:.9rem;line-height:1.45;color:var(--muted)}.rules li:before{content:counter(rule);width:1.6rem;height:1.6rem;border-radius:999px;display:grid;place-items:center;font-size:.8rem;font-weight:900;color:var(--text);background:var(--surface-hover)}.roster{display:grid;gap:.45rem}.roster__row{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 2.4rem;align-items:center;gap:.5rem}.roster__remove{width:2.4rem;height:2.4rem}.roster__index{font-size:.85rem;font-weight:800;color:var(--muted);text-align:center}.segmented{display:flex;flex-wrap:wrap;gap:.45rem}.segmented__option{min-width:2.9rem;min-height:2.9rem;padding:0 .7rem;border-radius:999px;border:0;background:var(--surface-hover);color:var(--text);font-family:var(--font-display);font-size:1.05rem;font-weight:800;cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.segmented__option:active{transform:scale(.94)}.segmented__option.is-active{color:var(--chip-ink);background:var(--chip)}.packs{display:flex;flex-wrap:wrap;gap:.45rem}.pack{min-height:2.9rem;padding:0 1.1rem;border-radius:999px;border:0;background:var(--surface-hover);color:var(--text);font-family:var(--font-display);font-size:.98rem;font-weight:800;cursor:pointer;transition:background-color .14s ease,color .14s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.pack:active{transform:scale(.95)}.pack.is-active{color:var(--chip-ink);background:var(--chip)}.progress{display:flex;gap:.35rem;justify-content:center}.progress__dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--line-strong);transition:width .2s ease,background-color .2s ease}.progress__dot.is-done{background:var(--muted)}.progress__dot.is-current{width:1.5rem;background:var(--accent)}.deal__meta{text-align:center;display:grid;gap:.1rem}.deal__name{font-family:var(--font-display);font-size:clamp(2rem,10vw,2.6rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.flip{perspective:1400px;height:clamp(18rem,48dvh,26rem);flex:1}.flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.3,1.25,.4,1)}.flip.is-flipped .flip__inner{transform:rotateY(180deg)}.flip__face{position:absolute;inset:0;border-radius:var(--r-xl);border:0;background:var(--surface);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:1.4rem 1.25rem}.flip__face--front{cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent}.flip__seal{width:5rem;height:5rem;border-radius:999px;display:grid;place-items:center;color:var(--accent-ink);background:var(--accent);margin-bottom:.5rem;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px)}}.flip__cta{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.flip__note{font-size:.85rem;color:var(--muted)}.flip__face--back{transform:rotateY(180deg)}.flip__face--back.is-agent{color:var(--on-role);background:var(--agent)}.flip__face--back.is-spy{color:var(--on-role);background:var(--spy)}.role__icon{width:4.2rem;height:4.2rem;border-radius:999px;display:grid;place-items:center;margin-bottom:.2rem;background:#ffffff2e}.role{font-family:var(--font-display);font-size:1.15rem;font-weight:800}.is-spy .role{font-size:clamp(2.2rem,11vw,2.9rem);font-weight:900;line-height:1.05;letter-spacing:-.02em}.role__label{margin-top:.6rem;font-size:.85rem;font-weight:700;opacity:.85}.role__location{font-family:var(--font-display);font-size:clamp(2.1rem,10.5vw,2.8rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.role__note{max-width:22rem;margin-top:.6rem;font-size:.92rem;line-height:1.45;opacity:.9}.phase--point{justify-content:center}.point{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding:2rem .5rem}.point__icon{width:5.5rem;height:5.5rem;border-radius:999px;display:grid;place-items:center;margin-bottom:.7rem;color:var(--accent-ink);background:var(--accent);animation:bob 2.4s ease-in-out infinite}.point__title{font-family:var(--font-display);font-size:clamp(2.1rem,10.5vw,2.8rem);font-weight:900;line-height:1.05;letter-spacing:-.02em}.point__instruction{max-width:24rem;font-size:.98rem;line-height:1.5;color:var(--muted)}.countdown{font-family:var(--font-display);font-size:clamp(7rem,40vw,10rem);font-weight:900;line-height:1;color:var(--accent);animation:countdown-in .3s cubic-bezier(.3,1.5,.5,1) both}@keyframes countdown-in{0%{opacity:0;transform:scale(.4)}}.reveal{display:grid;gap:.15rem;justify-items:center;text-align:center;padding:1.5rem 1.1rem 1.7rem;border-radius:var(--r-xl);background:var(--surface)}.reveal__label{margin-top:.5rem;font-size:.85rem;font-weight:700;color:var(--muted)}.reveal__location{font-family:var(--font-display);font-size:clamp(2.1rem,10.5vw,2.8rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere}.reveal__spies{margin-top:.9rem;padding:.55rem 1.1rem;border-radius:999px;font-size:.95rem;color:var(--on-role);background:var(--spy)}.reveal__spies strong{font-weight:900}.roles{display:grid;gap:.4rem}.roles__row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.75rem .95rem;border-radius:var(--r-md);background:var(--surface)}.roles__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roles__tag{flex-shrink:0;font-size:.75rem;font-weight:800;padding:.25rem .65rem;border-radius:999px;color:var(--muted);background:var(--surface-hover)}.roles__row.is-spy{color:var(--on-role);background:var(--spy)}.roles__row.is-spy .roles__tag{color:var(--spy);background:var(--on-role)}.action-bar{position:sticky;bottom:0;z-index:5;margin-top:auto;padding-top:.85rem;padding-bottom:.3rem;display:grid;gap:.45rem;background:linear-gradient(to top,var(--bg) 40%,transparent)}.ui-button{border-radius:999px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:var(--font-display);font-weight:800;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .14s ease,color .14s ease,transform .1s ease,box-shadow .1s ease}.ui-button:focus-visible,.ui-input:focus-visible,.segmented__option:focus-visible,.pack:focus-visible,.flip__face--front:focus-visible{outline:3px solid var(--selected);outline-offset:2px}.ui-button:disabled{cursor:not-allowed}.ui-button--default-size{min-height:2.6rem;padding:.7rem 1.1rem;font-size:.95rem}.ui-button--sm{min-height:2.25rem;padding:.5rem .8rem;font-size:.88rem}.ui-button--icon{width:2.5rem;height:2.5rem;padding:0}.ui-button--full{width:100%;min-height:3.4rem;padding:1rem;font-size:1.08rem}.ui-button--default{color:var(--accent-ink);background:var(--accent);box-shadow:0 4px 0 var(--accent-edge)}.ui-button--default:not(:disabled):hover{background:var(--accent-hover)}.ui-button--default:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-edge)}.ui-button--default:disabled{color:var(--muted);background:var(--surface);box-shadow:none}.ui-button--secondary,.ui-button--ghost{color:var(--text);background:var(--surface)}.ui-button--secondary:not(:disabled):hover,.ui-button--ghost:not(:disabled):hover{background:var(--surface-hover)}.ui-button--quiet{color:var(--muted);background:transparent}.ui-button--quiet:not(:disabled):hover{color:var(--text);background:var(--surface-hover)}.ui-button--ghost:disabled,.ui-button--quiet:disabled,.ui-button--secondary:disabled{opacity:.4}.players-card .ui-button--ghost{background:transparent;border:2px dashed var(--line-strong)}.ui-input{width:100%;min-height:2.8rem;border-radius:var(--r-md);border:2px solid transparent;background:var(--surface-hover);color:var(--text);font-weight:700;padding:.6rem .85rem;transition:border-color .14s ease}.ui-input:focus-visible{outline:none;border-color:var(--selected)}.ui-input::placeholder{color:var(--placeholder)}.ui-label{color:var(--text);font-size:.9rem;font-weight:700}@media(min-width:640px){.app__inner{gap:1.3rem;padding-top:calc(env(safe-area-inset-top) + 2rem)}.brand__title{font-size:2.2rem}.brand__tagline{font-size:.85rem}.action-bar--split{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation:none!important;scroll-behavior:auto!important}}