.app-dialog[data-v-0aa48ee6]{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:28px 24px 24px;border:1px solid var(--card-border);border-radius:28px;color:var(--text);background:var(--bg0);box-shadow:0 24px 100px #20233540}.app-dialog[data-v-0aa48ee6]::backdrop{background:#22263885;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-icon[data-v-0aa48ee6]{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:var(--yellow-soft);font-size:26px;font-weight:800;margin-bottom:18px}.dialog-icon.danger[data-v-0aa48ee6]{background:var(--red-soft);color:var(--spy)}h2[data-v-0aa48ee6]{font-size:22px}p[data-v-0aa48ee6]{color:var(--muted);line-height:1.8;margin:12px 0 24px;overflow-wrap:anywhere}.dialog-actions[data-v-0aa48ee6]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-actions .btn[data-v-0aa48ee6]{padding-inline:10px}:root{color-scheme:light;--bg0: #f8f6ef;--bg1: #eeebe1;--card: #fffefa;--card-strong: #f0eee5;--card-border: #e4e1d6;--text: #272b3b;--muted: #6f716f;--amber: #e0ac27;--amber-deep: #f3c54d;--yellow-soft: #fcf0c8;--civ: #187568;--spy: #ba473e;--blank: #705ba3;--green: #24836d;--red-soft: #fbe7e0;--radius: 24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,sans-serif;color:var(--text);background:var(--bg0);min-height:100dvh;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #187568;outline-offset:4px}#app{max-width:520px;margin:0 auto;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:1.35}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:0 3px #272b3b03}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid transparent;border-radius:16px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;line-height:1.45}.btn:active:not(:disabled){transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#f4ca52;color:#352d1b;border-color:#e8bb44;box-shadow:0 3px #d7a937}.btn-ghost{background:var(--card);color:var(--text);border-color:var(--card-border)}.btn-danger{background:var(--red-soft);color:var(--spy);border-color:#efcec5}.btn-danger-solid{background:var(--spy);color:#fff}.btn-block{width:100%}.btn-sm{min-height:40px;padding:8px 12px;font-size:13px;border-radius:12px}.big{min-height:56px;font-size:16px}.center{text-align:center}.section-title{font-size:14px;color:var(--text);margin-bottom:12px;font-weight:700}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:8px}.input{width:100%;min-width:0;border:1px solid var(--card-border);border-radius:14px;background:#f7f6f1;color:var(--text);font-size:16px;padding:13px 14px;outline:none}.input:focus{border-color:#218475;box-shadow:0 0 0 3px #21847514}.input::placeholder{color:#898a81}textarea.input{resize:vertical;min-height:88px;line-height:1.75}.field-label{display:block;font-size:13px;font-weight:700}.field-label .input{margin-top:7px}.muted{color:var(--muted);font-size:13px;line-height:1.75}.avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:var(--card-strong);border:1px solid var(--card-border);font-size:24px;flex-shrink:0;position:relative}.avatar .dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--card);background:var(--green)}.avatar .dot.off{background:#a5a49d}.role-civilian{color:var(--civ)}.role-spy{color:var(--spy)}.role-blank{color:var(--blank)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 9px;border-radius:8px;background:var(--card-strong);color:var(--muted);white-space:nowrap}.badge.host{background:var(--yellow-soft);color:#86651e}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:6px;border:none;border-radius:10px;overflow:hidden;background:var(--card-strong)}.progress::-webkit-progress-bar{background:var(--card-strong)}.progress::-webkit-progress-value{background:var(--green);border-radius:10px}.progress::-moz-progress-bar{background:var(--green)}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.toasts{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;width:min(90vw,420px);pointer-events:none}.toast{background:#272b3b;color:#fffefa;border-radius:16px;padding:13px 18px;font-size:14px;text-align:center;box-shadow:0 8px 24px #272b3b25}.toast.error{background:#953e36}@media(min-width:700px){body{background:#eae7dd}#app{background:var(--bg0);border-inline:1px solid #dedbce;padding-inline:28px}}@media(max-width:360px){#app{padding-inline:14px}.card{padding:16px}.btn{padding-inline:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}