:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#f59e0b;--card:#110c28eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{color:#f8fafc;background:#1e1b4b;height:100%;margin:0;overflow:hidden}canvas#stage{touch-action:none;cursor:crosshair;display:block}.hud{pointer-events:none;background:#00000059;border-radius:12px;gap:16px;padding:8px 14px;font-size:15px;display:flex;position:fixed;top:12px;left:12px}.hud .label{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.hud b{font-size:18px}.topbar{z-index:20;gap:8px;display:flex;position:fixed;top:12px;right:12px}.icon-btn{width:42px;height:42px;color:inherit;cursor:pointer;background:#00000059;border:0;border-radius:50%;place-items:center;padding:0;font-size:18px;line-height:1;text-decoration:none;transition:background .15s,transform .15s;display:grid}.icon-btn:hover{background:#ffffff2e;transform:scale(1.08)}.quote{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#ffffff1f;border-radius:16px;max-width:min(90vw,560px);padding:14px 22px;font-size:clamp(18px,3vw,26px);font-weight:600;transition:opacity .35s,transform .35s;position:fixed;top:70px;left:50%;transform:translate(-50%,-10px)}.quote.show{opacity:1;transform:translate(-50%)}.overlay{z-index:10;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.card{background:var(--card);text-align:center;border-radius:20px;max-width:min(92vw,420px);padding:28px;box-shadow:0 20px 60px #00000080}.card h1{margin:0 0 8px;font-size:32px}.hint{opacity:.6;font-size:13px}button{font:inherit;cursor:pointer;color:#fff;background:#334155;border:0;border-radius:10px;padding:10px 18px}button.primary{background:var(--accent);color:#1c1917;font-weight:700}button.primary:hover{filter:brightness(1.1)}dialog{color:inherit;background:0 0;border:0;padding:0}dialog::backdrop{background:#0000008c}.settings{text-align:left;gap:14px;min-width:min(92vw,360px);display:grid}.settings h2{margin:0}.settings label{gap:6px;font-size:14px;display:grid}.settings input{font:inherit;color:inherit;background:#0f172a;border:1px solid #475569;border-radius:10px;padding:10px}.avatar-row{align-items:center;gap:12px;display:flex}.avatar-row img{object-fit:cover;border-radius:50%;width:64px;height:64px}.avatar-row img[hidden]{display:none}.row-end{justify-content:flex-end;gap:8px;display:flex}.mode-pick{gap:10px;margin:16px 0 6px;display:grid}.mode-pick[hidden],#btn-resume[hidden],.cam-select[hidden]{display:none}.cam-select{text-align:left;opacity:.9;gap:4px;font-size:13px;display:grid}select{font:inherit;color:inherit;background:#0f172a;border:1px solid #475569;border-radius:10px;padding:8px 10px}.status{color:#c4b5fd;min-height:1.2em;margin:10px 0 0;font-size:14px}.status.err{color:#fca5a5}.tips{text-align:left;opacity:.85;margin-top:10px;font-size:13px}.tips summary{cursor:pointer}.tips ul{gap:4px;margin:8px 0 0;padding-left:18px;display:grid}.settings{max-height:90vh;overflow-y:auto}.enemy-rows{gap:10px;display:grid}.enemy-row{background:#1e293b;border-radius:14px;grid-template-columns:auto 56px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.box-no{opacity:.7;writing-mode:vertical-rl;font-size:12px;transform:rotate(180deg)}.enemy-row .avatar{object-fit:cover;background:#fde7d6;border-radius:50%;width:56px;height:56px}.enemy-row .avatar.empty{background:radial-gradient(circle at 50% 58%,#dc2626 0 9px,#fde7d6 10px)}.enemy-fields{gap:6px;display:grid}.enemy-actions{align-items:center;gap:8px;font-size:13px;display:flex}.file-btn{cursor:pointer;background:#334155;border-radius:8px;padding:5px 10px;display:inline-block!important}.link-btn{color:#c4b5fd;background:0 0;padding:5px 4px;font-size:13px}.settings label.check{align-items:center;gap:8px;display:flex}.settings label.check input{width:18px;height:18px}@media (width<=480px){.hud{gap:10px;font-size:13px}.hud b{font-size:15px}}.voice-slots{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.voice-label{opacity:.75}.voice-default{opacity:.55;font-size:12px}.voice-slots button,.voice-file{cursor:pointer;background:#334155;border-radius:8px;padding:4px 10px;font-size:13px}.voice-slots button.x{background:#475569;padding:4px 8px}.voice-slots button.recording{background:#dc2626;animation:.8s infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.4)}}.voice-note{color:#c4b5fd;width:100%;font-size:12px}.voice-note.err{color:#fca5a5}.voice-note:empty{display:none}.quotes-box{gap:6px;font-size:14px;display:grid}.quotes-box textarea{font:inherit;color:inherit;resize:vertical;background:#0f172a;border:1px solid #475569;border-radius:10px;padding:10px}.quotes-box .hint{margin:0}#quotes-count{color:#c4b5fd}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#1e293b;border:1px solid #334155;border-radius:999px;padding:4px 10px;font-size:12px}.chip:hover{background:#334155}.tip{z-index:5;text-align:center;opacity:0;pointer-events:none;background:#0f172ae6;border:1px solid #c4b5fd59;border-radius:12px;max-width:min(92vw,520px);padding:10px 16px;font-size:14px;transition:opacity .3s,transform .3s;position:fixed;bottom:14px;left:50%;transform:translate(-50%,20px)}.tip.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.tip.clickable{cursor:pointer}.tip.clickable:after{content:" →";color:#f59e0b}.share{text-align:left;gap:12px;min-width:min(92vw,380px);display:grid}.share h2{margin:0}.share-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.share-item{color:inherit;cursor:pointer;background:#1e293b;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.share-item:hover{background:#334155}.share-item span{font-size:18px}@media (width<=520px){.hud{top:62px}.quote{top:112px}.topbar{gap:6px}.icon-btn{width:38px;height:38px;font-size:16px}}
