@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap");:root{--bg:#0B0F11;--neon:#5DFF7A;--neon-dim:rgba(93,255,122,0.25);--neon-glow:rgba(93,255,122,0.15);--tactical-gray:#5E6468;--off-white:#E8E8E8;--red:#E55353;--red-glow:rgba(229,83,83,0.3);--gold:#D4B46A;--gold-glow:rgba(212,180,106,0.2);--panel-bg:rgba(11,15,17,0.92);--border-metallic:#3A3F44;--text-muted:#7A8A8A;--field-line:rgba(255,255,255,0.18);--font-stencil:"Black Ops One","Share Tech Mono",monospace;--font-condensed:"Rajdhani","Titillium Web",sans-serif;--font-mono:"Share Tech Mono","JetBrains Mono",monospace;--octagon-clip:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);--outer-octagon-size:220px;--center-octagon-size:385px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--off-white);font-family:var(--font-condensed);-webkit-font-smoothing:antialiased}.hud-container{position:relative;min-height:100vh;width:100%;overflow:hidden;background-color:var(--bg)}.hud-container:before{z-index:0;background-image:linear-gradient(rgba(93,255,122,.03) 1px,transparent 0),linear-gradient(90deg,rgba(93,255,122,.03) 1px,transparent 0);background-size:48px 48px}.hud-container:after,.hud-container:before{content:"";position:fixed;inset:0;pointer-events:none}.hud-container:after{z-index:1;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 4px)}.hud-vignette{z-index:2;background:radial-gradient(ellipse at center,transparent 55%,rgba(11,15,17,.7) 100%)}.hud-scratches,.hud-vignette{position:fixed;inset:0;pointer-events:none}.hud-scratches{z-index:0;opacity:.015;background:repeating-linear-gradient(15deg,transparent,transparent 1px,rgba(255,255,255,.5) 0,rgba(255,255,255,.5) 2px)}.octagon{position:absolute;-webkit-clip-path:var(--octagon-clip);clip-path:var(--octagon-clip);background:var(--panel-bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 16px;overflow:hidden;z-index:10}.octagon:before{inset:-2px;background:var(--border-metallic);border-radius:2px}.octagon:after,.octagon:before{content:"";position:absolute;-webkit-clip-path:var(--octagon-clip);clip-path:var(--octagon-clip);z-index:-1}.octagon:after{inset:1px;background:transparent;box-shadow:inset 0 0 12px var(--neon-dim),inset 0 0 4px rgba(93,255,122,.15)}.octagon.octagon-red:after{box-shadow:inset 0 0 12px var(--red-glow),inset 0 0 4px rgba(229,83,83,.2)}.octagon.octagon-gold:after{box-shadow:inset 0 0 12px var(--gold-glow),inset 0 0 4px rgba(212,180,106,.2)}.octagon.octagon-center:after{box-shadow:inset 0 0 20px var(--neon-dim),inset 0 0 8px rgba(93,255,122,.25),0 0 30px var(--neon-glow),0 0 60px rgba(93,255,122,.08)}.octagon:hover:after{box-shadow:inset 0 0 18px var(--neon-dim),inset 0 0 6px rgba(93,255,122,.3)}.octagon.octagon-red:hover:after{box-shadow:inset 0 0 18px var(--red-glow),inset 0 0 6px rgba(229,83,83,.35)}.octagon.octagon-gold:hover:after{box-shadow:inset 0 0 18px var(--gold-glow),inset 0 0 6px rgba(212,180,106,.3)}.octagon-icon{font-size:1.3rem;filter:drop-shadow(0 0 4px var(--neon-dim));margin-bottom:2px;line-height:1}.octagon-title{font-family:var(--font-stencil);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--off-white);text-align:center;margin-bottom:6px;text-shadow:0 0 8px var(--neon-glow)}.octagon-gold .octagon-title{color:var(--gold);text-shadow:0 0 8px var(--gold-glow)}.octagon-red .octagon-title{color:var(--red);text-shadow:0 0 8px var(--red-glow)}.hud-field{width:100%;margin-bottom:5px}.hud-field-label{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px}.hud-field-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--field-line);color:var(--off-white);font-family:var(--font-mono);font-size:.7rem;padding:3px 2px;outline:none;transition:border-color .3s;letter-spacing:.03em}.hud-field-input:focus{border-bottom-color:var(--neon);box-shadow:0 1px 4px var(--neon-glow)}.hud-field-input::placeholder{color:rgba(255,255,255,.12)}.hud-textarea{resize:none;min-height:50px;border:1px solid var(--field-line);padding:4px 6px;font-size:.65rem;border-radius:2px}.hud-field-input.gold-input:focus{border-bottom-color:var(--gold);box-shadow:0 1px 4px var(--gold-glow)}.hud-field-input.red-input:focus{border-bottom-color:var(--red);box-shadow:0 1px 4px var(--red-glow)}.center-octagon{width:var(--center-octagon-size);height:var(--center-octagon-size);padding:24px 22px}.center-icon-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.center-icon{font-size:1.5rem;filter:drop-shadow(0 0 6px var(--neon-dim))}.center-title{font-family:var(--font-stencil);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--off-white);text-shadow:0 0 10px var(--neon-glow)}.center-fields{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:4px}.center-field-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1px}.center-field-input{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--field-line);color:var(--off-white);font-family:var(--font-mono);font-size:.8rem;padding:4px 3px;outline:none;transition:border-color .3s;letter-spacing:.04em}.center-field-input:focus{border-bottom-color:var(--neon);box-shadow:0 1px 6px var(--neon-glow)}.center-field-input::placeholder{color:rgba(255,255,255,.12)}.tactical-network-svg{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.network-line{stroke:var(--neon-dim);stroke-width:1.2;fill:none;opacity:.5;filter:drop-shadow(0 0 3px var(--neon-glow))}.network-line.ring-line{stroke:rgba(93,255,122,.12);stroke-width:.8}.network-node{fill:var(--neon);opacity:.7;filter:drop-shadow(0 0 4px var(--neon-dim))}.network-line.line-red{stroke:rgba(229,83,83,.25)}.hud-header{position:fixed;top:24px;left:32px;z-index:20;gap:14px}.hud-emblem,.hud-header{display:flex;align-items:center}.hud-emblem{width:42px;height:42px;position:relative;justify-content:center}.hud-emblem-diamond{width:36px;height:36px;border:2px solid var(--neon);transform:rotate(45deg);box-shadow:0 0 10px var(--neon-glow),inset 0 0 10px var(--neon-glow)}.hud-emblem-star{position:absolute;font-size:1.1rem;filter:drop-shadow(0 0 4px var(--neon-dim))}.hud-title-group{display:flex;flex-direction:column}.hud-title-main{font-family:var(--font-stencil);font-size:1.4rem;letter-spacing:.15em;color:var(--off-white);text-shadow:0 0 12px var(--neon-glow);line-height:1}.hud-title-sub{font-family:var(--font-condensed);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--tactical-gray);font-weight:600}.hud-decor-top-right{position:fixed;top:28px;right:32px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hud-gps{font-size:.6rem;color:var(--text-muted);letter-spacing:.1em}.hud-compass,.hud-gps{font-family:var(--font-mono)}.hud-compass{font-size:.65rem;color:var(--neon);letter-spacing:.2em;text-shadow:0 0 6px var(--neon-glow)}.hud-signal-dots{display:flex;gap:4px;align-items:flex-end}.hud-signal-dot{width:4px;border-radius:1px;background:var(--neon);box-shadow:0 0 4px var(--neon-glow)}.hud-decor-bottom-right{position:fixed;bottom:40px;right:36px;z-index:20;text-align:right;opacity:.12;pointer-events:none}.hud-watermark-main{font-family:var(--font-stencil);font-size:2.5rem;letter-spacing:.2em;color:var(--off-white);line-height:1}.hud-watermark-sub{font-family:var(--font-condensed);font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;color:var(--off-white);font-weight:600;margin-top:2px}.hud-radar{position:fixed;bottom:60px;left:40px;z-index:0;pointer-events:none;opacity:.08}.hud-radar-circle{position:absolute;border:1px solid var(--neon);border-radius:50%}.hud-radar-circle:first-child{width:160px;height:160px;bottom:0;left:0}.hud-radar-circle:nth-child(2){width:100px;height:100px;bottom:30px;left:30px}.hud-radar-circle:nth-child(3){width:50px;height:50px;bottom:55px;left:55px}.hud-topo{position:fixed;bottom:0;left:0;width:250px;height:200px;z-index:0;pointer-events:none;opacity:.04;background:radial-gradient(ellipse 180px 120px at 100px 160px,transparent 40%,var(--neon) 41%,transparent 42%),radial-gradient(ellipse 140px 90px at 100px 160px,transparent 50%,var(--neon) 51%,transparent 52%),radial-gradient(ellipse 100px 60px at 100px 160px,transparent 60%,var(--neon) 61%,transparent 62%)}.hud-instructions{position:fixed;bottom:32px;left:32px;z-index:20;max-width:240px}.hud-instructions-title{font-family:var(--font-stencil);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--tactical-gray);margin-bottom:6px}.hud-instructions-text{font-family:var(--font-mono);font-size:.5rem;color:var(--text-muted);line-height:1.6;letter-spacing:.04em}.hud-savebar{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:25;display:flex;gap:12px}.hud-btn{font-family:var(--font-stencil);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;padding:8px 20px;border:1px solid var(--border-metallic);background:var(--panel-bg);color:var(--off-white);cursor:pointer;transition:all .25s;position:relative}.hud-btn,.hud-btn:before{-webkit-clip-path:polygon(8% 0,92% 0,100% 25%,100% 75%,92% 100%,8% 100%,0 75%,0 25%);clip-path:polygon(8% 0,92% 0,100% 25%,100% 75%,92% 100%,8% 100%,0 75%,0 25%)}.hud-btn:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 8px var(--neon-dim);pointer-events:none}.hud-btn:hover{border-color:var(--neon);box-shadow:0 0 14px var(--neon-glow);color:var(--neon)}.hud-btn.hud-btn-save{border-color:var(--neon);box-shadow:0 0 10px var(--neon-glow)}.hud-btn.hud-btn-save:hover{box-shadow:0 0 20px var(--neon-glow),0 0 40px rgba(93,255,122,.15)}.hud-btn.hud-btn-danger:hover{border-color:var(--red);box-shadow:0 0 14px var(--red-glow);color:var(--red)}.session-list-overlay{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.session-list-panel{width:90%;max-width:600px;max-height:75vh;background:var(--panel-bg);border:1px solid var(--border-metallic);-webkit-clip-path:polygon(3% 0,97% 0,100% 2%,100% 98%,97% 100%,3% 100%,0 98%,0 2%);clip-path:polygon(3% 0,97% 0,100% 2%,100% 98%,97% 100%,3% 100%,0 98%,0 2%);padding:24px;overflow-y:auto;box-shadow:0 0 30px var(--neon-glow),inset 0 0 15px rgba(93,255,122,.04)}.session-list-title{font-family:var(--font-stencil);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--off-white);margin-bottom:16px;text-shadow:0 0 8px var(--neon-glow)}.session-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);transition:background .2s}.session-list-item:hover{background:rgba(93,255,122,.03)}.session-list-date{font-family:var(--font-mono);font-size:.75rem;color:var(--off-white)}.session-list-meta{font-family:var(--font-condensed);font-size:.6rem;color:var(--text-muted)}.session-list-actions{display:flex;gap:8px}.session-list-btn{font-family:var(--font-mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;background:transparent;border:1px solid var(--border-metallic);color:var(--text-muted);padding:3px 10px;cursor:pointer;transition:all .2s}.session-list-btn:hover{border-color:var(--neon);color:var(--neon);box-shadow:0 0 8px var(--neon-glow)}.session-list-btn.session-list-btn-delete:hover{border-color:var(--red);color:var(--red);box-shadow:0 0 8px var(--red-glow)}.session-list-empty{text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;padding:32px 0}.session-list-close{position:absolute;top:16px;right:20px;background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s}.hud-toast,.session-list-close:hover{color:var(--neon)}.hud-toast{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:40;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;background:var(--panel-bg);border:1px solid var(--neon);padding:10px 24px;box-shadow:0 0 16px var(--neon-glow);animation:hud-toast-in .3s ease-out;-webkit-clip-path:polygon(5% 0,95% 0,100% 30%,100% 70%,95% 100%,5% 100%,0 70%,0 30%);clip-path:polygon(5% 0,95% 0,100% 30%,100% 70%,95% 100%,5% 100%,0 70%,0 30%)}@keyframes hud-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sessions-page{min-height:100vh;padding:40px;max-width:800px;margin:0 auto}.sessions-back-link{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-decoration:none;letter-spacing:.08em;display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;transition:color .2s}.sessions-back-link:hover{color:var(--neon)}.center-field-input:focus-visible,.hud-btn:focus-visible,.hud-field-input:focus-visible{outline:1px solid var(--neon);outline-offset:2px}@media print{.hud-decor-top-right,.hud-instructions,.hud-savebar,.hud-toast,.session-list-overlay,.tactical-network-svg{display:none!important}body{background:white}.octagon{background:white!important;border:1px solid #ccc!important;box-shadow:none!important}.hud-container:after,.hud-container:before,.hud-scratches,.hud-vignette{display:none!important}}@media (max-width:1200px){:root{--outer-octagon-size:170px;--center-octagon-size:300px}}@media (max-width:900px){:root{--outer-octagon-size:140px;--center-octagon-size:240px}.hud-header{top:16px;left:20px}.hud-title-main{font-size:1.1rem}.hud-decor-top-right{top:18px;right:20px}.hud-instructions{display:none}}@media (max-width:700px){.octagon{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:150px;margin-bottom:12px}.tactical-network-svg{display:none}.center-octagon{width:100%!important;height:auto!important;min-height:200px}.hud-container{padding:100px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}.hud-header{top:auto;margin-bottom:16px}.hud-header,.hud-savebar{position:relative;left:auto;justify-content:center}.hud-savebar{bottom:auto;transform:none;flex-wrap:wrap;margin-top:24px}.hud-decor-bottom-right,.hud-decor-top-right,.hud-radar,.hud-topo{display:none}}