:root{--primary: #9b4dff;--secondary: #6a11cb;--accent: #ffd700;--bg-dark: #0f0a1d;--bg-card: rgba(255, 255, 255, .05);--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .1);--shadow: 0 10px 40px -10px rgba(0, 0, 0, .5);--civil-color: #4ade80;--undercover-color: #fb923c;--mrwhite-color: #ef4444;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{min-height:100vh;margin:0;display:flex;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,#2a1b4d,#0f0a1d 80%);transition:background .5s ease;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.08;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:200px 200px,100% 2px,3px 100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(155,77,255,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(106,17,203,.15) 0%,transparent 40%);pointer-events:none;z-index:-1}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:900;letter-spacing:-.02em}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:800px;margin:0 auto;padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.container>*{width:100%}.glass-card{background:var(--bg-card);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:40px;border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:2.5rem;width:100%;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);border-radius:50%;transform:translate(20%,-20%);pointer-events:none}.glass-card-sm{background:#ffffff08;border-radius:28px;padding:1.5rem;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 20px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:20px 32px;border-radius:24px;font-weight:800;font-size:1.25rem;letter-spacing:.05em;cursor:pointer;box-shadow:0 10px 30px #6a11cb80;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-primary:active{transform:scale(.96)}.btn-primary:hover{transform:translateY(-5px);box-shadow:0 15px 40px #6a11cb99}.btn-accent{background:linear-gradient(135deg,gold,#ff8c00);color:#000;border:none;padding:20px 32px;border-radius:24px;font-weight:900;font-size:1.25rem;letter-spacing:.05em;cursor:pointer;box-shadow:0 10px 30px #ffd70066;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:12px}.btn-accent:active{transform:scale(.96)}.btn-accent:hover{transform:translateY(-5px);box-shadow:0 15px 40px #ffd70080}.btn-icon{width:48px;height:48px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon:active:not(:disabled){transform:scale(.9);background:#fff3}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:12px;background:#ffffff1a;border-radius:10px;outline:none;margin:20px 0;box-shadow:inset 0 2px 5px #0003}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;background:var(--accent);border:6px solid var(--bg-dark);border-radius:50%;cursor:pointer;box-shadow:0 0 20px #ffd70099;transition:transform .2s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}.text-gradient{background:linear-gradient(to bottom right,#fff,#b8b8ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.label-muted{font-size:.9rem;color:var(--text-muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.fingerprint-btn{width:160px;height:160px;border-radius:40px;background:#9b4dff1a;border:3px solid rgba(155,77,255,.3);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;box-shadow:0 0 50px #9b4dff1a}.fingerprint-btn.active{background:#9b4dff40;border-color:var(--primary);color:#fff;transform:scale(.95);box-shadow:0 0 60px #9b4dff80,inset 0 0 20px #9b4dff80}.hold-progress{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:45px;border:3px solid transparent;border-top-color:var(--accent);border-right-color:var(--accent);animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;opacity:0}.fingerprint-btn.active .hold-progress{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.secret-word-large{font-size:clamp(2.5rem,15vw,6rem);font-weight:900;letter-spacing:-.05em;line-height:1.1;text-transform:uppercase;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;padding:1.5rem;background:#0000004d;border:2px solid rgba(255,255,255,.05);border-radius:32px;width:100%}.text-civil{color:var(--civil-color);text-shadow:0 0 20px rgba(74,222,128,.4)}.text-undercover{color:var(--undercover-color);text-shadow:0 0 20px rgba(251,146,60,.4)}.text-mrwhite{color:var(--mrwhite-color);text-shadow:0 0 20px rgba(239,68,68,.4)}.bg-civil{background:#4ade8026;border-color:#4ade804d}.bg-undercover{background:#fb923c26;border-color:#fb923c4d}.bg-mrwhite{background:#ef444426;border-color:#ef44444d}.player-grid-spaced{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:2rem}@media (min-width: 600px){.player-grid-spaced{grid-template-columns:1fr 1fr}}.player-card-refined{padding:24px 20px;border-radius:32px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:2px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;box-shadow:0 10px 20px #0003}.player-card-refined:hover:not(.player-card-eliminated){border-color:#9b4dff80;background:linear-gradient(135deg,#9b4dff26,#ffffff05);transform:translateY(-4px);box-shadow:0 15px 30px #6a11cb33}.player-card-eliminated{background:#ef44440d;border-color:#ef444433;opacity:.5;filter:grayscale(1) blur(.5px)}.tag-eliminated{background:#ef444433;color:#f87171;padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:900;letter-spacing:.1em}.order-list{display:flex;flex-direction:column;gap:16px;width:100%}.order-item{display:flex;align-items:center;gap:1.5rem;padding:16px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:28px;transition:transform .3s}.order-item:hover{transform:translate(5px);background:#ffffff14}.order-item-first{background:#9b4dff26;border-color:#9b4dff4d;transform:scale(1.02);box-shadow:0 10px 30px #6a11cb33}.order-number{width:48px;height:48px;border-radius:16px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.5rem;color:var(--text-muted)}.order-item-first .order-number{background:var(--primary);color:#fff;box-shadow:0 0 15px #9b4dff80}.order-name{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.order-badge-first{margin-left:auto;padding:6px 14px;background:var(--accent);color:#000;border-radius:12px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 0 15px #ffd70066}.btn-back-refined{margin-top:2rem;padding:16px;background:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:20px;font-weight:800;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);width:100%;cursor:pointer;transition:all .3s}.btn-back-refined:hover{background:#ffffff0d;color:#fff;border-style:solid}.btn-install{margin-top:1rem;padding:14px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:24px;color:var(--text-muted);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s}.btn-install:hover{background:#ffffff26;color:#fff}.btn-install svg{color:var(--accent)}.flex-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}