@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #ffffff;--text-secondary: #94a3b8;--accent-action: #00ff9d;--accent-action-hover: #00cc7d;--accent-impostor: #ff2a6d;--accent-citizen: #05f2db;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--glass-blur: 16px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#root{width:100%;max-width:480px;height:100vh;display:flex;flex-direction:column;position:relative;background:radial-gradient(120% 80% at 50% 0%,#1e1b4b,#0f172a)}button{cursor:pointer;border:none;font-family:inherit;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000004d}.text-gradient{background:linear-gradient(135deg,var(--accent-action) 0%,var(--accent-citizen) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(0,255,157,.3))}.title{font-size:2.75rem;font-weight:900;text-align:center;margin-bottom:2.5rem;letter-spacing:-.05em;text-transform:uppercase;line-height:1}.btn-primary{background:linear-gradient(to right,var(--accent-action),#05f2db);color:#000;padding:1.2rem 2rem;border-radius:16px;font-size:1.1rem;font-weight:900;width:100%;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 20px #00ff9d66;margin-top:auto;border:1px solid rgba(255,255,255,.2)}.btn-primary:active{transform:scale(.96);box-shadow:0 2px 10px #00ff9d33}.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.1);color:var(--text-secondary);padding:1rem 1.5rem;border-radius:14px;font-size:1rem;margin-top:1rem}.btn-secondary:hover{border-color:#ffffff4d;color:#fff}.container{padding:2rem 1.5rem;flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;height:100%}.input-group{margin-bottom:1rem;width:100%;text-align:left}.input-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.input-field{width:100%;padding:1rem 1.25rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;font-family:inherit;outline:none;transition:all .2s}.input-field:focus{border-color:var(--accent-citizen);background:#00000080;box-shadow:0 0 0 4px #05f2db1a}.list-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px;margin-bottom:.5rem;border:1px solid transparent;transition:all .2s}.list-item-number{background:#ffffff1a;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--accent-citizen)}.role-card{width:100%;flex:1;max-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:all .3s ease;margin:1rem 0}.role-revealed{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.spacer-flex{flex:1}.animate-pulse{animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.w-full{width:100%}.h-full{height:100%}.min-h-\[120px\]{min-height:120px}.w-12{width:3rem}.h-12{height:3rem}.max-w-sm{max-width:24rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.text-center{text-align:center}.text-left{text-align:left}.relative{position:relative}.absolute{position:absolute}.uppercase{text-transform:uppercase}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-black{font-weight:900}.font-normal{font-weight:400}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.leading-none{line-height:1}.learning-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.25em\]{letter-spacing:.25em}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.z-10{z-index:10}.stroke-\[3\]{stroke-width:3}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-red-500\/10{background-color:#ef44441a}.border-red-500\/20{border-color:#ef444433}.text-\[\#ff2a6d\]{color:#ff2a6d}.normal-case{text-transform:none}