:root{--bg:#070a0f;--panel:#0d121a;--panel2:#111925;--line:#1c2837;--accent:#00e5ff;--accent2:#7c3aed}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%,#15243b 0,#070a0f 38%);color:#eef5ff;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.navbar{background:rgba(5,8,13,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navbar-brand{letter-spacing:1px}.navbar-brand span{color:var(--accent)}.hero{min-height:530px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05080d 0%,rgba(5,8,13,.86) 40%,rgba(5,8,13,.25) 100%);z-index:1}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.2)}.hero-content{position:relative;z-index:2;max-width:650px}.hero h1{font-size:clamp(42px,6vw,76px);font-weight:900;line-height:.95}.hero .accent{color:var(--accent)}.glass,.card-dark{background:linear-gradient(145deg,rgba(17,25,37,.96),rgba(10,14,21,.96));border:1px solid var(--line);border-radius:18px}.section-title{font-weight:800}.game-card{overflow:hidden;transition:.25s;height:100%}.game-card:hover{transform:translateY(-5px);border-color:#31506d;box-shadow:0 12px 40px rgba(0,0,0,.35)}.game-card img{width:100%;height:190px;object-fit:cover}.badge-game{background:rgba(0,229,255,.12);color:var(--accent);border:1px solid rgba(0,229,255,.22)}.btn-primary{background:linear-gradient(90deg,#00a9d4,#6d3df0);border:0}.form-control,.form-select{background:#0b1119;border-color:#253347;color:#fff}.form-control:focus,.form-select:focus{background:#0b1119;color:#fff;border-color:var(--accent);box-shadow:0 0 0 .2rem rgba(0,229,255,.1)}footer{border-top:1px solid var(--line);background:#05080d}.admin-sidebar{min-height:calc(100vh - 72px);background:#080c12;border-right:1px solid var(--line)}.admin-sidebar a{display:block;padding:10px 12px;color:#9fb0c4;text-decoration:none;border-radius:8px}.admin-sidebar a:hover{background:#111a26;color:#fff}.stat{padding:22px}.table{--bs-table-bg:transparent;--bs-table-color:#eaf1fa;--bs-table-border-color:#243142}.login-wrap{min-height:75vh;display:grid;place-items:center}.alert{border-radius:12px}.cover-preview{height:110px;width:180px;object-fit:cover;border-radius:10px}

[dir="rtl"] .admin-sidebar{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .navbar-brand{margin-right:0;margin-left:var(--bs-navbar-brand-margin-end)}
.admin-sidebar{position:relative}
@media (max-width:991.98px){.admin-sidebar{min-height:auto;border-right:0;border-left:0;border-bottom:1px solid var(--line)}}
.admin-layout{min-height:calc(100vh - 72px)}
.admin-nav{position:sticky;top:18px}
.admin-nav-title{font-size:1.05rem;font-weight:800;color:#fff;padding:4px 10px 14px;letter-spacing:.2px}
.admin-nav-links{display:flex;flex-direction:column;gap:6px}
.admin-nav-link{display:flex!important;align-items:center;width:100%;padding:11px 13px!important;color:#9fb0c4!important;text-decoration:none;border:1px solid transparent;border-radius:10px;background:transparent;transition:.18s}
.admin-nav-link:hover{background:#111a26;color:#fff!important;border-color:#1d2b3d}
.admin-nav-link.active{background:linear-gradient(90deg,rgba(0,229,255,.12),rgba(124,58,237,.10));color:#fff!important;border-color:rgba(0,229,255,.28);box-shadow:inset 3px 0 0 var(--accent)}
@media (max-width:991.98px){.admin-nav{position:static}.admin-nav-links{display:flex}.admin-sidebar{padding-bottom:18px!important}}

.crosshair-card{transition:.2s}.crosshair-card:hover{transform:translateY(-4px);border-color:#31506d;box-shadow:0 12px 32px rgba(0,0,0,.28)}.crosshair-preview{height:150px;border-radius:14px;background:radial-gradient(circle,#1a2534 0,#0a0f17 65%);border:1px solid #1d2a3a;position:relative;display:grid;place-items:center;overflow:hidden}.crosshair-preview:before,.crosshair-preview:after,.crosshair-preview span:before,.crosshair-preview span:after{content:"";position:absolute;background:#fff;border-radius:2px;box-shadow:0 0 8px rgba(255,255,255,.45)}.crosshair-preview:before{width:3px;height:28px;top:calc(50% - 35px);left:50%}.crosshair-preview:after{width:3px;height:28px;bottom:calc(50% - 35px);left:50%}.crosshair-preview span:before{height:3px;width:28px;left:calc(50% - 35px);top:50%}.crosshair-preview span:after{height:3px;width:28px;right:calc(50% - 35px);top:50%}.crosshair-preview i{width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 0 8px rgba(255,255,255,.65)}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;line-height:1.5;background:#070b11;border:1px solid #202e40;border-radius:10px;padding:10px;color:#b9c7d8;min-height:64px;max-height:82px;overflow:hidden;word-break:break-all}.crosshair-card .btn{white-space:nowrap}

/* Crosshair page: responsive cards + real code-driven preview */
.crosshair-page{overflow-x:hidden}
.crosshair-grid>div{min-width:0}
.crosshair-card{min-width:0;overflow:hidden}
.crosshair-card .min-w-0{min-width:0}
.crosshair-preview{height:190px!important;position:relative;display:flex!important;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,#1b2737 0,#0b1119 48%,#070a0f 100%)!important}
.crosshair-stage{--ch-color:#fff;--ch-opacity:1;--ch-outline-opacity:.5;--ch-inner-length:20px;--ch-inner-offset:8px;--ch-inner-thickness:4px;--ch-outer-length:0px;--ch-outer-offset:20px;--ch-outer-thickness:2px;position:relative;width:1px;height:1px;color:var(--ch-color);filter:drop-shadow(0 0 4px rgba(255,255,255,.28))}
.crosshair-stage .ch-line{position:absolute;display:block;background:var(--ch-color);opacity:var(--ch-opacity);border-radius:1px;box-sizing:border-box}
.crosshair-stage .ch-top,.crosshair-stage .ch-bottom{width:var(--ch-inner-thickness);height:var(--ch-inner-length);left:calc(var(--ch-inner-thickness) / -2);}
.crosshair-stage .ch-top{bottom:var(--ch-inner-offset)}
.crosshair-stage .ch-bottom{top:var(--ch-inner-offset)}
.crosshair-stage .ch-left,.crosshair-stage .ch-right{height:var(--ch-inner-thickness);width:var(--ch-inner-length);top:calc(var(--ch-inner-thickness) / -2)}
.crosshair-stage .ch-left{right:var(--ch-inner-offset)}
.crosshair-stage .ch-right{left:var(--ch-inner-offset)}
.crosshair-stage.has-outer .ch-top:before,.crosshair-stage.has-outer .ch-bottom:before{content:"";position:absolute;left:calc((var(--ch-outer-thickness) - var(--ch-inner-thickness))/2);width:var(--ch-outer-thickness);height:var(--ch-outer-length);background:var(--ch-color);opacity:var(--ch-opacity);}
.crosshair-stage.has-outer .ch-top:before{bottom:calc(var(--ch-outer-offset) - var(--ch-inner-offset) + var(--ch-outer-length))}
.crosshair-stage.has-outer .ch-bottom:before{top:calc(var(--ch-outer-offset) - var(--ch-inner-offset) + var(--ch-outer-length))}
.crosshair-stage.has-outer .ch-left:before,.crosshair-stage.has-outer .ch-right:before{content:"";position:absolute;top:calc((var(--ch-outer-thickness) - var(--ch-inner-thickness))/2);height:var(--ch-outer-thickness);width:var(--ch-outer-length);background:var(--ch-color);opacity:var(--ch-opacity)}
.crosshair-stage.has-outer .ch-left:before{right:calc(var(--ch-outer-offset) - var(--ch-inner-offset) + var(--ch-outer-length))}
.crosshair-stage.has-outer .ch-right:before{left:calc(var(--ch-outer-offset) - var(--ch-inner-offset) + var(--ch-outer-length))}
.crosshair-stage.has-outline .ch-line{box-shadow:0 0 0 2px rgba(0,0,0,var(--ch-outline-opacity))}
.crosshair-stage.has-dot .ch-dot{display:block}
.crosshair-stage .ch-dot{display:none;position:absolute;width:5px;height:5px;left:-2.5px;top:-2.5px;background:var(--ch-color);border-radius:50%;opacity:var(--ch-opacity);box-shadow:0 0 0 2px rgba(0,0,0,var(--ch-outline-opacity)),0 0 7px var(--ch-color)}
.crosshair-preview-label{position:absolute;right:12px;bottom:10px;font-size:.63rem;letter-spacing:.12em;color:#71839a;opacity:.9}
.code-box{min-width:0;max-width:100%;min-height:0;max-height:76px;white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-break:anywhere;padding-right:12px}
.crosshair-card .text-truncate{max-width:100%}
@media(max-width:575.98px){.crosshair-preview{height:170px!important}.crosshair-toolbar form{flex-direction:column}.crosshair-toolbar form .btn{width:100%}}

/* Neon navigation icons */
.navbar .navbar-nav{align-items:center;gap:2px}
.navbar .nav-neon-link{display:inline-flex;align-items:center;gap:7px;position:relative;color:#aebbd0;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}
.navbar .nav-neon-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 0 transparent);transition:filter .2s ease,transform .2s ease}
.navbar .nav-neon-link:hover,.navbar .nav-neon-link:focus-visible{color:var(--accent);transform:translateY(-1px);text-shadow:0 0 8px rgba(0,229,255,.45)}
.navbar .nav-neon-link:hover .nav-neon-icon,.navbar .nav-neon-link:focus-visible .nav-neon-icon{filter:drop-shadow(0 0 5px rgba(0,229,255,.9)) drop-shadow(0 0 12px rgba(124,58,237,.45));transform:scale(1.08)}
.navbar .nav-neon-link.active{color:#fff;text-shadow:0 0 8px rgba(0,229,255,.35)}
.navbar .nav-neon-link.active .nav-neon-icon{color:var(--accent);filter:drop-shadow(0 0 5px rgba(0,229,255,.85)) drop-shadow(0 0 10px rgba(124,58,237,.35))}
.navbar .nav-pro-link{color:#ffd84d!important}
.navbar .nav-pro-link .nav-neon-icon{color:#ffd84d}
.navbar .nav-pro-link:hover{color:#fff!important;text-shadow:0 0 9px rgba(255,216,77,.55)}
.navbar .nav-pro-link:hover .nav-neon-icon{filter:drop-shadow(0 0 5px rgba(255,216,77,.95)) drop-shadow(0 0 12px rgba(255,146,0,.5))}
@media(max-width:991.98px){.navbar .navbar-nav{align-items:stretch;gap:0}.navbar .nav-neon-link{padding:.6rem .25rem}.navbar .nav-neon-icon{width:19px;height:19px;flex-basis:19px}}