@import "https://fonts.googleapis.com/css2?family=VT323&family=Courier+Prime&display=swap";:root{--color-bg:#0a0f0a;--color-text:#3f0;--color-text-dim:#1a8000;--color-amber:#ffb000;--color-red:#f33;--color-glow:#3f0;--scanline-opacity:.2;--vignette-strength:.3;--flicker-intensity:.015;--font-main:"VT323", monospace;--font-mono:"Courier Prime", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);text-transform:uppercase;font-size:20px;line-height:1.2;transition:background-color 2s,color 2s;overflow:hidden}.crt:before{content:" ";background:linear-gradient(#12101000 50%, rgba(0, 0, 0, var(--scanline-opacity)) 50%), linear-gradient(90deg, #ff00000a, #00ff0005, #0000ff0a);z-index:2;pointer-events:none;background-size:100% 2px,3px 100%;animation:8s linear infinite scanline-scroll;display:block;position:absolute;inset:0}.crt:after{content:" ";background:radial-gradient(ellipse at center, #0000 55%, rgba(0,0,0, var(--vignette-strength)) 85%, #000000b3 100%);z-index:3;pointer-events:none;display:block;position:absolute;inset:0}.crt{animation:.15s infinite alternate flicker}.text-glow{text-shadow:0 0 4px var(--color-glow), 0 0 8px #3f03}.text-amber{color:var(--color-amber);text-shadow:0 0 4px var(--color-amber), 0 0 8px #ffb00033}.text-red{color:var(--color-red);text-shadow:0 0 4px var(--color-red), 0 0 8px #f333}.stamped{opacity:.8;border:4px solid;padding:.5rem 1rem;font-size:2rem;font-weight:700;display:inline-block;transform:rotate(-5deg)}.stamped.negative{color:var(--color-red);border-color:var(--color-red)}.stamped.confirmed{color:var(--color-text);border-color:var(--color-text)}::-webkit-scrollbar{width:8px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar-track{background:var(--color-bg);border-left:1px solid var(--color-text-dim)}::-webkit-scrollbar-thumb{background:var(--color-text-dim);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text)}button,input{font-family:inherit;font-size:inherit;color:inherit;text-transform:inherit;background:0 0;border:none;outline:none}input{border-bottom:2px solid var(--color-text);padding:0 5px}input:focus{background:#33ff001a}button{cursor:pointer;border:1px solid var(--color-text);padding:5px 15px;transition:all .2s;position:relative;overflow:hidden}button:hover{background:var(--color-text);color:var(--color-bg);text-shadow:none;box-shadow:0 0 12px var(--color-glow)}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-text-dim);box-shadow:none}#root{flex-direction:column;width:100vw;height:100vh;display:flex}@keyframes flicker{0%{opacity:1}50%{opacity:calc(1 - var(--flicker-intensity))}to{opacity:1}}@keyframes scanline-scroll{0%{background-position:0 0,0 0}to{background-position:0 100%,0 0}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dim{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse-glow{0%,to{text-shadow:0 0 4px var(--color-glow);opacity:.8}50%{text-shadow:0 0 12px var(--color-glow), 0 0 20px var(--color-glow);opacity:1}}@keyframes glitch-chromatic{0%{box-shadow:2px 0 #ff00004d,-2px 0 #00ff004d}25%{box-shadow:-1px 0 #ff00004d,1px 0 #0000ff4d}50%{box-shadow:3px 0 #00ff004d,-3px 0 #ff00004d}75%{box-shadow:-2px 0 #0000ff4d,2px 0 #00ff004d}to{box-shadow:1px 0 #ff00004d,-1px 0 #00ff004d}}@keyframes typeIn{0%{width:0}to{width:100%}}@keyframes stamp-in{0%{opacity:0;transform:rotate(-5deg)scale(3)}60%{opacity:.9;transform:rotate(-5deg)scale(.95)}to{opacity:.8;transform:rotate(-5deg)scale(1)}}@keyframes timer-pulse{0%,to{box-shadow:0 0 4px var(--color-red)}50%{box-shadow:0 0 12px var(--color-red), 0 0 20px #ff33334d}}.suspect-panel{transition:all .3s}.suspect-panel:hover{box-shadow:0 0 8px #33ff0026}.suspect-panel.active{box-shadow:0 0 15px #33ff0040}@media (width<=768px){body{font-size:16px}.game-header{font-size:.85em;flex-direction:column!important;gap:5px!important}.game-main{flex-direction:column!important}.suspects-container{max-height:50vh;overflow-y:auto;flex-direction:column!important;flex:none!important}.sidebar{max-height:30vh;flex:none!important}.suspect-panel{min-height:200px}}.sound-toggle{z-index:50;opacity:.5;background:0 0;font-size:.7em;transition:opacity .3s;position:fixed;bottom:10px;right:10px;border:1px solid var(--color-text-dim)!important;padding:4px 8px!important}.sound-toggle:hover{opacity:1;color:var(--color-text)!important;background:0 0!important}.difficulty-selector{flex-direction:column;gap:8px;max-width:520px;margin:0 auto;display:flex}.difficulty-btn{text-align:left;flex-direction:column;align-items:flex-start;transition:all .3s;display:flex;position:relative;overflow:hidden;border:1px solid var(--color-text-dim)!important;padding:12px 16px!important}.difficulty-btn:hover{box-shadow:0 0 12px color-mix(in srgb, var(--difficulty-color,var(--color-text)) 30%, transparent);border-color:var(--difficulty-color,var(--color-text))!important;background:color-mix(in srgb, var(--difficulty-color,var(--color-text)) 5%, transparent)!important;color:var(--difficulty-color,var(--color-text))!important}.difficulty-btn.recommended{box-shadow:0 0 6px #ffb00026;border-color:var(--color-amber)!important}.difficulty-btn-header{align-items:center;gap:10px;width:100%;margin-bottom:4px;display:flex}.difficulty-btn-label{letter-spacing:2px;font-size:1.1em;font-weight:700}.difficulty-btn-subtitle{color:var(--color-text-dim);letter-spacing:1px;font-size:.7em}.difficulty-recommended-tag{color:var(--color-amber);letter-spacing:1px;margin-left:auto;font-size:.6em;animation:2s ease-in-out infinite pulse-dim}.difficulty-btn-desc{color:var(--color-text-dim);margin-bottom:4px;font-size:.7em;line-height:1.3}.difficulty-btn-timer{color:var(--color-text-dim);opacity:.6;font-size:.6em}.difficulty-btn.nightmare{border-color:#f0f3!important}.difficulty-btn.nightmare:hover{animation:.3s infinite nightmare-glitch;box-shadow:0 0 12px #ff00ff4d;border-color:#f0f!important}@keyframes nightmare-glitch{0%{transform:translate(0)}20%{transform:translate(-1px)}40%{transform:translate(1px)}60%{transform:translate(-.5px)}80%{transform:translate(.5px)}to{transform:translate(0)}}.difficulty-badge{letter-spacing:2px;opacity:.8;border:1px solid;padding:2px 8px;font-size:.7em}.difficulty-badge.nightmare{animation:2s ease-in-out infinite nightmare-badge-pulse}@keyframes nightmare-badge-pulse{0%,to{opacity:.6;text-shadow:none}50%{opacity:1;text-shadow:0 0 6px #f0f}}@media (width<=768px){.difficulty-selector{gap:6px}.difficulty-btn{padding:10px 12px!important}.difficulty-btn-label{font-size:.95em}.difficulty-btn-header{flex-wrap:wrap}}
