:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background-color:#070913;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}*{box-sizing:border-box}#root{min-height:100vh}.app{min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(1200px 800px at 20% -10%,rgba(255,255,255,.12),transparent 60%),radial-gradient(900px 700px at 80% 0%,rgba(255,50,130,.18),transparent 55%),radial-gradient(900px 700px at 20% 100%,rgba(56,189,248,.15),transparent 55%),linear-gradient(180deg,#0b1020,#070913);color:#eef1ff;display:flex;flex-direction:column}.decorStars{position:fixed;inset:-20vh -20vw;width:140vw;height:140vh;object-fit:cover;opacity:.32;pointer-events:none;z-index:0}.decorMoon{position:fixed;top:-40px;right:-120px;width:260px;height:260px;opacity:.75;pointer-events:none;z-index:0}.decorWolf{position:fixed;bottom:-140px;left:-160px;width:360px;height:360px;opacity:.5;pointer-events:none;z-index:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070913a6;border-bottom:1px solid rgba(255,255,255,.08)}.topActions{display:flex;gap:10px}.brandTitle{font-size:16px;font-weight:700;letter-spacing:.5px}.brandSub{font-size:12px;opacity:.8}.content{flex:1;padding:14px;display:flex;justify-content:center;position:relative;z-index:1}.panel{width:min(520px,100%);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 10px 40px #00000059;padding:14px;position:relative;z-index:1}.panelTitle{margin:2px 0 6px;font-size:18px;font-weight:800}.panelDesc{font-size:13px;opacity:.88;margin-bottom:12px}.list{display:grid;gap:10px}.row{display:grid;grid-template-columns:34px 1fr 72px;gap:10px;align-items:center}.chip{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-weight:700}.input{width:100%;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#eef1ff;padding:0 12px;outline:none}.input:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf826}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}button{height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#eef1ff;font-weight:700;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:linear-gradient(135deg,#6366f1,#d946ef);border-color:#ffffff2e}.secondary{background:#ffffff14}.danger{background:#ef444426;border-color:#ef444459}.ghost{height:36px;padding:0 12px;border-radius:999px;background:#ffffff14}.full{width:100%}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}.stat{padding:10px;background:#00000038;border:1px solid rgba(255,255,255,.1);border-radius:14px}.statLabel{font-size:12px;opacity:.75}.statValue{font-size:18px;font-weight:900;margin-top:2px}.switch{position:relative;display:inline-block;width:44px;height:24px;margin-top:4px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#ffffff2e;border-radius:999px;transition:.15s ease;border:1px solid rgba(255,255,255,.12)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:2px;background:#fff;border-radius:999px;transition:.15s ease}.switch input:checked+.slider{background:#6366f1b3}.switch input:checked+.slider:before{transform:translate(20px)}.sectionTitle{margin:12px 0 8px;font-size:13px;font-weight:900;opacity:.9}.grid{display:grid;gap:10px}.card{padding:12px;border-radius:16px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.cardHead{display:flex;justify-content:space-between;gap:10px}.select{margin-top:10px;width:100%;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000038;color:#eef1ff;padding:0 12px;outline:none}.select:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf826}.cardTitle{font-size:14px;font-weight:900}.cardSub{font-size:12px;opacity:.8;margin-top:2px}.stepper{display:grid;grid-template-columns:36px 40px 36px;align-items:center;gap:8px}.stepBtn{height:34px;border-radius:12px;background:#ffffff14}.stepValue{text-align:center;font-weight:900;font-size:18px}.hint{margin-top:8px;font-size:12px;opacity:.8}.error{margin-top:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(239,68,68,.35);background:#ef44441f;font-size:13px}.tags{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tag{height:66px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:16px}.tagDone{opacity:.55;background:#22c55e1f;border-color:#22c55e47}.progress{margin-top:12px;font-size:13px;font-weight:800;opacity:.9}.modalOverlay{position:fixed;inset:0;background:#0000009e;display:grid;place-items:center;padding:18px;z-index:60}.modal{width:min(420px,100%);border-radius:18px;background:#0a0e1eeb;border:1px solid rgba(255,255,255,.12);padding:16px}.modalChoices{margin-top:12px}.checkList{margin-top:12px;display:grid;gap:10px}.checkItem{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000038}.checkItem.ok{border-color:#22c55e59;background:#22c55e1a}.checkItem.bad{border-color:#ef444459;background:#ef44441a}.checkName{font-weight:900;font-size:13px}.checkDetail{margin-top:6px;font-size:12px;opacity:.85;line-height:1.5}.modalTitle{font-size:16px;font-weight:900;opacity:.9}.roleBadge{margin-top:10px;font-size:22px;font-weight:1000;letter-spacing:1px}.roleMeta{margin-top:4px;font-size:12px;opacity:.75}.roleDesc{margin-top:10px;font-size:13px;opacity:.9;line-height:1.6}.nightBody{margin-top:10px}.actionCard{padding:12px;border-radius:16px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.actionTitle{font-size:13px;font-weight:900;margin-bottom:8px}.choiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{height:66px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:16px}.choiceActive{background:#6366f159;border-color:#6366f199}.choicesRow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bigResult{display:grid;place-items:center;padding:10px 0 6px;gap:10px}.resultName{font-size:16px;font-weight:900}.resultBadge{padding:10px 16px;border-radius:999px;font-size:18px;font-weight:1000;border:1px solid rgba(255,255,255,.14)}.resultBadge.good{background:#22c55e2e;border-color:#22c55e73}.resultBadge.bad{background:#ef444429;border-color:#ef44446b}.resultBadge.target{background:#ef44442e;border-color:#ef444480;box-shadow:0 10px 30px #ef44441f}.deadList{display:grid;gap:8px}.deadItem{padding:10px 12px;border-radius:14px;background:#ef44441f;border:1px solid rgba(239,68,68,.28);font-weight:900}.pill{height:40px;border-radius:999px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:900}.pill.dead{opacity:.6;background:#ef44441f;border-color:#ef44444d}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:#000000b8;border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:999px;font-size:13px;font-weight:800;color:#eef1ff;max-width:calc(100vw - 28px);text-align:center}@media(max-width:360px){.row{grid-template-columns:34px 1fr 62px}.stats{grid-template-columns:1fr 1fr}.choiceGrid,.tags{grid-template-columns:1fr}}
