.main{display:grid;grid-template-columns:1fr 380px;grid-template-rows:calc((100vw - 382px)*.5625) auto;gap:1px;background:var(--border)}.left-col-top{grid-column:1;grid-row:1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.left-col-bottom{grid-column:1;grid-row:2;display:flex;flex-direction:column;background:var(--surface)}.right-col-top{grid-column:2;grid-row:1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface)}.right-col-bottom{grid-column:2;grid-row:2;display:flex;flex-direction:column;background:var(--surface)}.panel-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:10px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;flex-shrink:0}.dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);flex-shrink:0}.dot.amber{background:var(--amber);box-shadow:0 0 6px var(--amber)}.dot.red{background:var(--red);box-shadow:0 0 6px var(--red)}.stream-container{position:relative;width:100%;flex:1;background:#000;overflow:hidden}.stream-container video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.stream-overlay-tl{position:absolute;top:12px;left:12px;background:#000000bf;border:1px solid rgba(0,255,136,.2);padding:5px 12px;font-size:10px;color:var(--green);letter-spacing:2px;display:flex;align-items:center;gap:8px;pointer-events:none}.stream-overlay-br{position:absolute;bottom:12px;right:12px;background:#000000b3;border:1px solid rgba(0,255,136,.15);padding:4px 10px;font-size:9px;color:var(--text-dim);letter-spacing:1px;pointer-events:none}.stream-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.stream-title{font-family:Orbitron,monospace;font-size:clamp(16px,2.8vw,34px);font-weight:900;color:var(--green);letter-spacing:8px;text-shadow:0 0 40px rgba(0,255,136,.7);animation:glitch 5s infinite;text-align:center}.stream-subtitle{font-size:9px;color:#a0ffccb3;letter-spacing:4px;text-align:center}.stream-divider{width:160px;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:.5}.watch-btn{display:inline-flex;align-items:center;gap:10px;background:#020d06cc;border:1px solid var(--green);color:var(--green);padding:13px 26px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:3px;text-decoration:none;box-shadow:0 0 20px #00ff8826;transition:all .2s;cursor:crosshair}.watch-btn:hover{background:var(--green);color:#020d06;box-shadow:0 0 40px #00ff8880}.corner{position:absolute;width:28px;height:28px;opacity:.5;pointer-events:none}.raids-banner{margin:0;padding:14px 28px 0;cursor:crosshair;flex-shrink:0}.raids-banner-inner{border:1px solid var(--red);background:#ff22440a;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:background .2s}.raids-banner-inner:hover{background:#ff224417}.raids-banner-title{font-family:Orbitron,monospace;font-size:11px;font-weight:700;color:var(--red);letter-spacing:3px}.raids-banner-sub{font-size:9px;color:#f249;letter-spacing:2px;margin-top:3px}.raids-banner-access{font-family:Orbitron,monospace;font-size:10px;color:var(--red);letter-spacing:2px;opacity:.7}.info-content{flex:1;padding:24px 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-content:start}.info-block h3{font-family:Orbitron,monospace;font-size:10px;font-weight:700;color:var(--green);letter-spacing:3px;margin-bottom:12px}.info-block p{font-size:11px;color:var(--text-dim);line-height:1.75}.info-block p strong{color:var(--text);font-weight:400}.commands-list{display:flex;flex-direction:column;gap:8px}.command-item{display:flex;gap:10px;align-items:flex-start}.command-tag{background:var(--green-dark);border:1px solid var(--border);color:var(--green);padding:2px 8px;font-size:9px;letter-spacing:1px;white-space:nowrap;flex-shrink:0;font-family:Share Tech Mono,monospace}.command-desc{color:var(--text-dim);font-size:10px;line-height:1.5;padding-top:2px}.actors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);overflow-y:auto;flex:1;min-height:0;align-content:start}.actors-grid::-webkit-scrollbar{width:3px}.actors-grid::-webkit-scrollbar-thumb{background:var(--border)}.actors-footer{padding:8px 14px;border-top:1px solid var(--border);font-size:9px;color:var(--text-dim);letter-spacing:1px;flex-shrink:0}.actor-card{background:var(--surface);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:crosshair;transition:background .15s}.actor-card:hover{background:#061a0e}.actor-photo{width:48px;height:48px;border-radius:2px;object-fit:cover;border:1px solid var(--border);filter:grayscale(40%) contrast(1.1);transition:all .2s}.actor-card:hover .actor-photo{filter:grayscale(0%) contrast(1.2);border-color:var(--green-dim);box-shadow:0 0 8px #00ff884d}.actor-photo-placeholder{width:48px;height:48px;border-radius:2px;background:var(--green-dark);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:16px;font-weight:700;color:var(--text-dim);transition:all .2s}.actor-card:hover .actor-photo-placeholder{border-color:var(--green-dim);box-shadow:0 0 8px #00ff8840}.actor-name{font-size:8px;color:var(--text-dim);letter-spacing:1px;text-align:center;text-transform:uppercase;transition:color .15s}.actor-card:hover .actor-name{color:var(--green)}.submit-form{padding:16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:8px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.form-input,.form-textarea,.form-select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:7px 10px;font-family:Share Tech Mono,monospace;font-size:10px;outline:none;transition:border-color .2s;resize:none;width:100%}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--green-dim);box-shadow:0 0 6px #00ff881a}.form-textarea{height:56px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:crosshair}.form-select option{background:var(--bg)}.submit-btn{background:transparent;border:1px solid var(--green);color:var(--green);padding:9px;font-family:Orbitron,monospace;font-size:10px;font-weight:700;letter-spacing:3px;cursor:crosshair;text-transform:uppercase;transition:all .2s;width:100%}.submit-btn:hover:not(:disabled){background:var(--green);color:var(--bg);box-shadow:0 0 20px #0f86}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000ed;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border:1px solid var(--border);box-shadow:0 0 80px #00ff8814;animation:modalIn .25s ease-out;max-width:95vw}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid var(--border)}.modal-title{font-family:Orbitron,monospace;font-size:10px;font-weight:700;color:var(--green);letter-spacing:3px}.modal-close{background:none;border:1px solid var(--border);color:var(--text-dim);width:24px;height:24px;cursor:crosshair;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{border-color:var(--red);color:var(--red)}.modal-footer{padding:9px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--text-dim);letter-spacing:1px}.dossier-body{display:grid;grid-template-columns:210px 1fr;min-height:380px}.dossier-left{border-right:1px solid var(--border);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg);position:relative}.dossier-photo{width:130px;height:150px;object-fit:cover;filter:grayscale(30%) contrast(1.2);border:1px solid var(--border)}.dossier-photo-placeholder{width:130px;height:150px;background:var(--green-dark);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:44px;font-weight:900;color:var(--text-dim)}.fp-timer{font-family:Orbitron,monospace;font-size:20px;font-weight:700;color:var(--green);letter-spacing:3px;text-shadow:0 0 10px var(--green)}.fp-label{font-size:8px;color:var(--text-dim);letter-spacing:2px}.fp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%}.fp-thumb{aspect-ratio:1;background:var(--green-dark);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--green)}.fp-thumb svg{width:80%;height:80%;opacity:.35}.fp-thumb.active{border-color:var(--green-dim)}.fp-thumb.active svg{opacity:.85}.access-denied-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#020d06d1;z-index:2}.access-denied-text{font-family:Orbitron,monospace;font-size:18px;font-weight:900;color:var(--red);letter-spacing:4px;text-align:center;text-shadow:0 0 20px var(--red);animation:glitch 3s infinite;line-height:1.3}.access-sub{font-size:8px;color:#ff22448c;letter-spacing:2px;text-align:center}.dossier-right{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.dossier-name{font-family:Orbitron,monospace;font-size:18px;font-weight:900;color:var(--green);letter-spacing:3px;text-shadow:0 0 10px rgba(0,255,136,.3)}.dossier-divider{height:1px;background:var(--border)}.dossier-field{display:flex;flex-direction:column;gap:3px}.dossier-field-label{font-size:8px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.dossier-field-value{font-size:10px;color:var(--text);line-height:1.6;filter:blur(3.5px);-webkit-user-select:none;user-select:none;position:relative}.dossier-field-value:after{content:"ACCESS DENIED";position:absolute;left:0;top:50%;transform:translateY(-50%);font-family:Orbitron,monospace;font-size:7px;color:#ff224473;letter-spacing:3px;white-space:nowrap}.attempts{display:flex;gap:5px;align-items:center}.attempt-box{width:12px;height:12px;border:1px solid var(--border);background:var(--red)}.attempt-box.empty{background:transparent}.raids-grid{display:grid;grid-template-columns:1fr 1fr;min-height:400px}.raids-list{border-right:1px solid var(--border);display:flex;flex-direction:column}.raids-list-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:9px;color:var(--text-dim);letter-spacing:2px;display:flex;justify-content:space-between;flex-shrink:0}.raids-list-body{padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.raid-item{border:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.raid-type{font-size:8px;color:var(--red);letter-spacing:2px}.raid-text{font-size:11px;color:var(--text);line-height:1.5}.raid-link{font-size:9px;color:var(--green);letter-spacing:2px;text-decoration:none;border:1px solid var(--border);padding:5px 10px;display:inline-flex;align-items:center;gap:6px;width:fit-content;transition:all .2s}.raid-link:hover{background:var(--green-dark)}.raids-submit{display:flex;flex-direction:column}.raids-submit-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:9px;color:var(--text-dim);letter-spacing:2px;flex-shrink:0}.raids-submit-form{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}.raids-notice{font-size:9px;color:var(--text-dim);letter-spacing:1px;line-height:1.6;padding:8px;border:1px solid var(--border);background:var(--bg)}.raids-footer{padding:8px 16px;border-top:1px solid var(--border);font-size:9px;color:var(--text-dim);letter-spacing:1px}.toast{position:fixed;bottom:24px;right:24px;background:var(--green-dark);border:1px solid var(--green);color:var(--green);padding:11px 18px;font-size:10px;letter-spacing:2px;z-index:9000;transform:translateY(60px);opacity:0;transition:all .3s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}:root{--green: #00ff88;--green-dim: #00cc66;--green-dark: #003322;--red: #ff2244;--amber: #ffaa00;--bg: #020d06;--surface: #040f08;--border: #0a3318;--text: #a0ffcc;--text-dim: #4a8866}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Share Tech Mono,monospace;min-height:100vh;overflow-x:hidden;cursor:crosshair}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.015) 2px,rgba(0,255,136,.015) 4px);pointer-events:none;z-index:9998}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-1px)}}@keyframes flicker{0%,95%,to{opacity:1}96%{opacity:.4}97%{opacity:.9}98%{opacity:.3}99%{opacity:.8}}@keyframes pulse{0%,to{box-shadow:0 0 4px var(--red)}50%{box-shadow:0 0 16px var(--red),0 0 32px #ff22444d}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}a{cursor:crosshair}button{cursor:crosshair;font-family:Share Tech Mono,monospace}input,textarea,select{font-family:Share Tech Mono,monospace}