@import url(https://fonts.googleapis.com/css2?family=Special+Elite&family=Courier+Prime:wght@400;700&display=swap);:root{--primary:#a3311c;--secondary:#5c4429;--background:#14120f;--surface:#221d18;--card:#2b241d;--card-raised:#322a21;--text:#f2ead8;--text-secondary:#a89a7d;--success:#8a9d52;--warning:#d9a544;--line:#f2ead824;--ink-shadow:#0006;--shadow:5px 5px 0 var(--ink-shadow);--font-stamp:"Special Elite","Courier New",monospace;--font-tag:"Courier Prime","Courier New",monospace;--radius-sm:3px;--radius-md:3px;--text-2xs:10px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-heading:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#14120f;background-color:var(--background);background-image:radial-gradient(ellipse at 50% -10%,#a3311c17,#0000 55%),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");color:#f2ead8;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.app-wrapper,body{align-items:center;display:flex}.app-wrapper{flex-direction:column;max-width:600px;position:relative;width:100%}.app-wrapper:after{background:radial-gradient(circle at 50% 50%,#0000 54%,#8c54212e 57%,#8c54213d 61%,#0000 65%),radial-gradient(circle at 42% 46%,#8c542114 0,#0000 58%);border-radius:50%;bottom:46px;content:"";height:84px;left:-20px;pointer-events:none;position:absolute;transform:rotate(-9deg);width:84px;z-index:-1}.container{background:#221d18;background:var(--surface);background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),#0000 120px);border:1px solid #f2ead824;border:1px solid var(--line);border-radius:2px 10px 2px 2px;border-top:none;box-shadow:5px 5px 0 #0006,10px 10px 0 #00000029,0 0 0 1px #0006;box-shadow:var(--shadow),10px 10px 0 #00000029,0 0 0 1px #0006;max-width:600px;min-height:500px;padding:42px 32px 28px;position:relative;width:100%}.container:before{background:#5c4429;background:var(--secondary);border-radius:4px 4px 0 0;color:#f2ead8;color:var(--text);content:"EXPEDIENTE · CONFIDENCIAL";font-family:Courier Prime,Courier New,monospace;font-family:var(--font-tag);font-size:10px;font-size:var(--text-2xs);font-weight:700;left:24px;letter-spacing:1.5px;opacity:.9;padding:5px 12px 4px;position:absolute;top:0;transform:translateY(-100%)}.case-photo{background:#f2ead8;background:var(--text);box-shadow:3px 4px 0 #00000059;height:52px;padding:4px;position:absolute;right:26px;top:18px;transform:rotate(5deg);width:52px;z-index:2}.case-photo img{display:block;filter:sepia(.3) saturate(.85) contrast(1.05);height:100%;object-fit:cover;width:100%}.corner-fold{position:relative}.corner-fold:after{border-color:#0000 #0000 #322a21;border-color:#0000 #0000 var(--card-raised) #0000;border-style:solid;border-width:0 0 20px 20px;bottom:0;content:"";filter:drop-shadow(-1.5px -1.5px 2px rgba(0,0,0,.45));height:0;position:absolute;right:0;width:0;z-index:1}.app-footer{color:#a89a7d;color:var(--text-secondary);font-family:Courier Prime,Courier New,monospace;font-family:var(--font-tag);font-size:12px;font-size:var(--text-xs);margin-top:18px;text-align:center}.app-footer-link{color:#d9a544;color:var(--warning);font-weight:700;text-decoration:none}.app-footer-link:hover{text-decoration:underline}.title{border:3px solid #a3311c;border:3px solid var(--primary);border-radius:3px;color:#a3311c;color:var(--primary);display:inline-block;font-family:Special Elite,Courier New,monospace;font-family:var(--font-stamp);font-size:28px;font-size:var(--text-2xl);font-weight:400;letter-spacing:2px;margin:0 auto 34px;padding:10px 22px;position:relative;text-align:center;text-shadow:1.5px 1.5px 0 #a3311c40;text-transform:uppercase;transform:rotate(-1.6deg);width:fit-content}.title:after{border:1px solid #a3311c;border:1px solid var(--primary);border-radius:2px;content:"";inset:4px;opacity:.55;pointer-events:none;position:absolute}.subtitle{color:#a89a7d;color:var(--text-secondary);margin-bottom:30px;text-align:center}.input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.input-group input{background:#2b241d;background:var(--card);border:1px solid #f2ead824;border-bottom:2px solid #f2ead824;border:solid var(--line);border-radius:3px;border-radius:var(--radius-sm);border-width:1px 1px 2px;color:#f2ead8;color:var(--text);font-size:16px;font-size:var(--text-md);padding:14px 18px;transition:all .2s ease}.input-group input:focus{border-color:#a3311c;border-color:var(--primary);border-bottom-color:#a3311c;border-bottom-color:var(--primary);outline:none}.input-group input::placeholder{color:#a89a7d;color:var(--text-secondary);opacity:.7}.button{border:2px solid #0000;border-radius:3px;border-radius:var(--radius-sm);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-size:var(--text-md);font-weight:600;letter-spacing:.3px;padding:14px 28px;transition:transform .12s ease,box-shadow .12s ease;width:100%}.button-primary{background:#a3311c;background:var(--primary);box-shadow:4px 4px 0 #0006;box-shadow:4px 4px 0 var(--ink-shadow);color:#f2ead8;color:var(--text)}.button-primary:hover{box-shadow:6px 6px 0 #0006;box-shadow:6px 6px 0 var(--ink-shadow);transform:translate(-2px,-2px)}.button-primary:active{box-shadow:1px 1px 0 #0006;box-shadow:1px 1px 0 var(--ink-shadow);transform:translate(2px,2px)}.button-secondary{background:#5c4429;background:var(--secondary);box-shadow:4px 4px 0 #0006;box-shadow:4px 4px 0 var(--ink-shadow);color:#f2ead8;color:var(--text)}.button-secondary:hover{box-shadow:6px 6px 0 #0006;box-shadow:6px 6px 0 var(--ink-shadow);transform:translate(-2px,-2px)}.button-success{background:#8a9d52;background:var(--success);box-shadow:4px 4px 0 #0006;box-shadow:4px 4px 0 var(--ink-shadow);color:#14120f;color:var(--background)}.button-success:hover{box-shadow:6px 6px 0 #0006;box-shadow:6px 6px 0 var(--ink-shadow);transform:translate(-2px,-2px)}.role-box{background:#2b241d;background:var(--card);border:1px solid #f2ead824;border:1px solid var(--line);border-radius:3px;border-radius:var(--radius-sm);margin:26px 0 14px;padding:30px 30px 24px;position:relative;text-align:center}.role-box:after{border-color:#0000 #0000 #322a21;border-color:#0000 #0000 var(--card-raised) #0000;border-style:solid;border-width:0 0 18px 18px;bottom:0;content:"";filter:drop-shadow(-1.5px -1.5px 2px rgba(0,0,0,.4));height:0;position:absolute;right:0;width:0}.role-box:before{background-image:repeating-linear-gradient(90deg,#a89a7d,#a89a7d 6px,#0000 0,#0000 12px);background-image:repeating-linear-gradient(90deg,var(--text-secondary) 0,var(--text-secondary) 6px,#0000 6px,#0000 12px);content:"";height:1px;left:14px;opacity:.35;position:absolute;right:14px;top:0}.role-label{color:#a89a7d;color:var(--text-secondary);font-family:Courier Prime,Courier New,monospace;font-family:var(--font-tag);font-size:12px;font-size:var(--text-xs);letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.role-word{color:#f2ead8;color:var(--text);font-size:36px;font-size:var(--text-3xl);font-weight:400;letter-spacing:1px;margin:15px 0;text-shadow:2px 2px 0 #0000004d}.role-clue,.role-word{font-family:Special Elite,Courier New,monospace;font-family:var(--font-stamp)}.role-clue{color:#d9a544;color:var(--warning);font-size:22px;font-size:var(--text-xl)}.impostor-stamp{border:3px double #a3311c;border:3px double var(--primary);border-radius:3px;border-radius:var(--radius-sm);color:#a3311c;color:var(--primary);display:inline-block;font-family:Special Elite,Courier New,monospace;font-family:var(--font-stamp);font-weight:400;letter-spacing:1px;padding:6px 22px;text-shadow:2px 2px 0 #0000004d;transform:rotate(-3deg)}.verdict-box{background:#2b241d;background:var(--card);border:1px solid #f2ead824;border:1px solid var(--line);border-radius:3px;border-radius:var(--radius-sm);padding:18px 24px;position:relative}.verdict-box:before{background-image:repeating-linear-gradient(90deg,#a89a7d,#a89a7d 6px,#0000 0,#0000 12px);background-image:repeating-linear-gradient(90deg,var(--text-secondary) 0,var(--text-secondary) 6px,#0000 6px,#0000 12px);content:"";height:1px;left:14px;opacity:.35;position:absolute;right:14px;top:0}.verdict-title{font-family:Special Elite,Courier New,monospace;font-family:var(--font-stamp);font-size:18px;font-size:var(--text-lg);letter-spacing:1px}.badge{border-radius:2px;display:inline-block;font-family:Courier Prime,Courier New,monospace;font-family:var(--font-tag);font-size:12px;font-size:var(--text-xs);font-weight:700;letter-spacing:1px;padding:3px 12px;text-transform:uppercase;transform:rotate(-3deg)}.badge-impostor{background:#0000;border:2px double #a3311c;border:2px double var(--primary);color:#a3311c;color:var(--primary)}.badge-crew{background:#0000;border:2px double #8a9d52;border:2px double var(--success);color:#8a9d52;color:var(--success)}.redacted-bar{background:#322a21;background:var(--card-raised);border:1px solid #f2ead824;border:1px solid var(--line);border-radius:3px;border-radius:var(--radius-sm);cursor:grab;height:60px;margin:0 auto;max-width:300px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.redacted-bar:active{cursor:grabbing}.redacted-label{align-items:center;color:#a89a7d;color:var(--text-secondary);display:flex;font-family:Courier Prime,Courier New,monospace;font-family:var(--font-tag);font-size:12px;font-size:var(--text-xs);height:100%;justify-content:center;letter-spacing:1.5px;padding:0 12px;position:relative;text-align:center;text-transform:uppercase;z-index:1}.redacted-fill{background:repeating-linear-gradient(135deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.035) 2px,#0000 0,#0000 7px),#0a0906;box-shadow:inset 1px 0 0 #ffffff0d;height:100%;position:absolute;right:0;top:0;z-index:2}.player-card{align-items:center;background:#2b241d;background:var(--card);border-bottom:1px dashed #f2ead824;border-bottom:1px dashed var(--line);border-left:3px solid #0000;border-radius:3px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;margin:8px 0;padding:15px 20px 15px 26px;position:relative;transition:border-color .2s ease,background .2s ease}.player-card:hover{background:#a3311c14;border-left:3px solid #a3311c;border-left:3px solid var(--primary)}.player-card:before{border-left:2px dashed #a3311c66;bottom:-8px;content:"";left:13px;pointer-events:none;position:absolute;top:-8px;width:0;z-index:0}.player-card:after{background:radial-gradient(circle at 35% 30%,#e6604a,#a3311c 55%,#6e1c0e 100%);background:radial-gradient(circle at 35% 30%,#e6604a,var(--primary) 55%,#6e1c0e 100%);border-radius:50%;box-shadow:0 1px 2px #0000008c;content:"";height:9px;left:13px;position:absolute;top:50%;transform:translate(-50%,-50%);width:9px;z-index:1}.player-card .name,.player-card .vote-count{position:relative;z-index:1}.player-card.selected{background:#a3311c1f;border-left:3px solid #a3311c;border-left:3px solid var(--primary)}.player-card .name{font-weight:500}.player-card .vote-count{align-items:center;background:#a3311c;background:var(--primary);border-radius:50%;color:#f2ead8;color:var(--text);display:inline-flex;font-family:Courier Prime,Courier New,monospace;font-family:var(--font-tag);font-size:12px;font-size:var(--text-xs);font-weight:700;height:22px;justify-content:center;min-width:22px}.progress-bar{background:#ffffff14;background-image:repeating-linear-gradient(90deg,#0000,#0000 22px,#0000004d 0,#0000004d 23px);border-radius:0;height:5px;margin:20px 0;overflow:hidden;width:100%}.progress-bar-fill{background:#d9a544;background:var(--warning);border-radius:0;height:100%;transition:width .3s ease}.hint{color:#a89a7d;color:var(--text-secondary);font-family:Special Elite,Courier New,monospace;font-family:var(--font-stamp);font-size:12px;font-size:var(--text-xs);margin-top:20px;text-align:center}.hint-icon{margin-right:8px}@media (max-width:768px){.container{margin:10px;padding:34px 20px 20px}.title{font-size:18px;font-size:var(--text-lg);padding:8px 16px}.role-word{font-size:28px;font-size:var(--text-2xl)}}
/*# sourceMappingURL=main.55fb87ce.css.map*/