@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color: #050505;--nav-bg: rgba(10, 10, 10, .9);--card-bg: rgba(20, 20, 20, .7);--accent-red: #ff3e3e;--accent-gold: #ffc048;--accent-blue: #18dcff;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: rgba(255, 255, 255, .1);--jail-grid: rgba(255, 62, 62, .03);--nav-height: 60px}[data-view-mode=fame]{--accent-red: var(--accent-gold);--jail-grid: rgba(255, 192, 72, .03)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;padding-top:var(--nav-height);background-image:linear-gradient(var(--jail-grid) 1px,transparent 1px),linear-gradient(90deg,var(--jail-grid) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);background:var(--nav-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--border-color);z-index:1000;display:flex;align-items:center}.nav-content{max-width:1400px;margin:0 auto;width:100%;padding:0 1.5rem;display:flex;align-items:center;gap:2rem}.brand{font-weight:800;font-size:1.2rem;letter-spacing:-1px;display:flex;gap:4px}.brand-jail{color:var(--accent-red)}.brand-sub{color:#fff;opacity:.5}.view-tabs{display:flex;background:#ffffff0d;border-radius:8px;padding:4px;gap:4px}.tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 16px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.tab-btn:hover{color:#fff}.tab-btn.active{background:var(--accent-red);color:#fff}.nav-filters{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;flex:1}.nav-filters::-webkit-scrollbar{display:none}.filter-pill{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 12px;border-radius:50px;font-size:.7rem;white-space:nowrap;cursor:pointer;transition:all .2s ease;font-weight:600}.filter-pill:hover,.filter-pill.active{background:#fff;color:#000;border-color:#fff}.nav-search{flex:0 1 300px;position:relative}.nav-search input{width:100%;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;color:#fff;font-family:JetBrains Mono,monospace;font-size:.75rem;transition:all .2s ease;outline:none}.nav-search input:focus{background:#ffffff1a;border-color:var(--accent-red);box-shadow:0 0 10px #ff3e3e33}.nav-search input::placeholder{color:#fff3}#app{max-width:1400px;margin:0 auto;padding:2rem}.game-section{margin-bottom:4rem}.game-header{position:sticky;top:var(--nav-height);background:var(--bg-color);z-index:10;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--jail-grid);margin-bottom:2rem}.header-actions{display:flex;align-items:center;gap:1rem}.toggle-control{display:flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffb8000d;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,184,0,.2);transition:all .2s ease}.toggle-control:hover{background:#ffb8001a;border-color:var(--accent-gold)}.toggle-control input{cursor:pointer;width:.9rem;height:.9rem;accent-color:var(--accent-gold);margin:0}.toggle-label{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;color:var(--text-secondary);letter-spacing:1px}.toggle-control input:checked+.toggle-label{color:var(--accent-gold)}.game-info{display:flex;align-items:center;gap:1rem}.game-icon{font-size:1.5rem}.game-title{font-size:1.8rem;font-weight:800;letter-spacing:-1px}.prisoner-count{font-family:JetBrains Mono,monospace;font-size:.8rem;background:var(--jail-grid);padding:2px 8px;border-radius:4px;color:var(--accent-red)}.jail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.character-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.character-card:hover{transform:translateY(-5px);border-color:var(--accent-red)}.card-image-wrapper{height:120px;background:#111;position:relative}.card-image{width:100%;height:100%;object-fit:contain;opacity:.8;padding:10px;transform:scale(1.15);transition:opacity .3s ease}.card-image.hidden{opacity:0}.img-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:repeating-linear-gradient(45deg,#111,#111 10px,#151515 10px,#151515 20px);color:#fff3;font-family:JetBrains Mono,monospace;font-size:.6rem;text-align:center;padding:20px}.img-placeholder:after{content:"IMAGE REDACTED";font-weight:800;letter-spacing:2px}.status-badge{position:absolute;top:.75rem;right:.75rem;padding:4px 10px;border-radius:4px;font-size:.6rem;font-weight:800;text-transform:uppercase;background:var(--accent-red);color:#fff}.card-content{padding:.75rem;display:flex;flex-direction:column;flex-grow:1}.char-name{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.timer-box{background:#0000004d;padding:.5rem;border-radius:6px;border-left:2px solid var(--accent-red);margin-bottom:.75rem}.timer-label{font-size:.6rem;color:var(--text-secondary);text-transform:uppercase;display:block}.timer-value{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700}.char-debut{font-family:var(--font-mono);font-size:.6rem;color:var(--accent-gold);opacity:.9;margin-top:-.25rem;margin-bottom:.5rem;letter-spacing:.5px;background:#ffb80014;padding:2px 6px;border-left:2px solid var(--accent-gold);display:inline-block;text-transform:uppercase}.char-desc{font-size:.85rem;line-height:1.4;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem}.card-footer{display:flex;gap:.5rem;margin-top:auto}.btn-action{flex:1;background:transparent;border:1px solid var(--border-color);color:#fff;padding:8px 0;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s ease;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center}.btn-action:hover{background:#ffffff1a;border-color:#fff}.btn-wiki{border-color:var(--accent-blue);color:var(--accent-blue)}.btn-wiki:hover{background:#18dcff1a;border-color:var(--accent-blue)}.appeal-info{margin-top:.75rem;font-size:.65rem;opacity:.4;text-align:center;font-family:JetBrains Mono,monospace}@media(max-width:768px){.nav-content{gap:1rem;flex-wrap:wrap;height:auto;padding:1rem}.navbar{height:auto}body{padding-top:100px}.nav-filters{width:100%;flex-basis:100%;order:3}}.character-count{font-size:.8rem;color:var(--text-dim);font-family:inherit;background:#ffffff0d;padding:.2rem .6rem;border-radius:4px;white-space:nowrap}.search-container{display:flex;align-items:center;gap:10px;background:#0003;border:1px solid var(--border-color);border-radius:8px;padding:0 10px}.search-container input{background:transparent;border:none;outline:none;color:#fff;padding:8px 0;width:250px}.sort-select-inline{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#ffffff0d;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .8rem center;background-size:.8rem;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;outline:none;cursor:pointer;padding:8px 2.8rem 8px 1.2rem;border-radius:8px;min-width:160px;text-transform:uppercase;font-weight:700;letter-spacing:.5px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sort-select-inline:hover{border-color:var(--accent-gold);background-color:#ffffff14;box-shadow:0 0 15px #ffc04826}.sort-select-inline:focus{border-color:var(--accent-gold);background-color:#ffc0480d}.sort-select-inline option{background-color:#0a0a0a;color:#fff;padding:12px}