:root{--bg-deep:#0a0b0d;--bg-card:#111318;--bg-card2:#161920;--bg-card3:#1a1e27;--border:#252a35;--border-glow:#3d4a60;--accent:#c8a84b;--accent-dim:#8f7233;--accent-glow:#c8a84b26;--blue:#4a8fc8;--blue-dim:#2c5a82;--blue-glow:#4a8fc81f;--red:#c84a4a;--green:#4ac878;--green-dim:#2a6e42;--text-primary:#e8e4d8;--text-secondary:#9aa3b0;--text-muted:#5a6272;--font-display:"Bebas Neue", sans-serif;--font-ui:"Rajdhani", sans-serif;--font-mono:"Share Tech Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-ui);background-image:radial-gradient(at 20% 0,#c8a84b0a 0%,#0000 50%),radial-gradient(at 80% 100%,#4a8fc80a 0%,#0000 50%);min-height:100vh;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}.layout{grid-template-columns:260px 1fr;max-width:1400px;min-height:100vh;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-card);scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:100vh;padding:24px 0;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 20px 20px}.sidebar-logo .game-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:4px;font-size:10px}.sidebar-logo h2{font-family:var(--font-display);letter-spacing:2px;color:var(--text-primary);font-size:22px}.nav-section-label{font-family:var(--font-mono);letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;padding:12px 20px 6px;font-size:9px}.nav-link{color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-glow)}.nav-link .nav-dot{background:var(--border-glow);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .2s}.nav-link:hover .nav-dot,.nav-link.active .nav-dot{background:var(--accent);box-shadow:0 0 6px var(--accent)}main{overflow:hidden}.hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #c8a84b0f 0%, transparent 60%), linear-gradient(135deg, var(--bg-card) 0%, var(--bg-deep) 100%);padding:60px 48px 48px;position:relative;overflow:hidden}.hero:before{content:"БОREAS";font-family:var(--font-display);color:#c8a84b0a;letter-spacing:10px;pointer-events:none;white-space:nowrap;font-size:180px;position:absolute;top:-10px;right:-20px}.hero-badge{border:1px solid var(--accent-dim);font-family:var(--font-mono);color:var(--accent);letter-spacing:2px;text-transform:uppercase;background:#c8a84b1a;border-radius:2px;align-items:center;gap:8px;margin-bottom:16px;padding:4px 12px;font-size:11px;display:inline-flex}.hero-badge:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-family:var(--font-display);letter-spacing:4px;color:var(--text-primary);text-shadow:0 0 40px #c8a84b33;margin-bottom:12px;font-size:80px;line-height:.9}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:17px;font-weight:500}.info-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:900px;display:grid}.info-card{border:1px solid var(--border);background:#ffffff08;border-radius:3px;padding:14px 16px;transition:border-color .2s;position:relative;overflow:hidden}.info-card:before{content:"";background:linear-gradient(90deg, var(--accent-dim), transparent);height:2px;position:absolute;top:0;left:0;right:0}.info-card:hover{border-color:var(--border-glow)}.info-card-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:9px}.info-card-value{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.info-card-value.accent{color:var(--accent)}.info-card-value.blue{color:var(--blue)}.info-card-value.green{color:var(--green)}.content{padding:0 48px 80px}.section{border-bottom:1px solid var(--border);padding:48px 0}.section:last-child{border-bottom:none}.section-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.section-number{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;font-size:11px}.section-title{font-family:var(--font-display);letter-spacing:2px;color:var(--text-primary);font-size:32px;line-height:1}.section-line{background:linear-gradient(90deg, var(--border) 0%, transparent 100%);flex:1;height:1px}.overview-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.overview-block{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:20px 24px}.overview-block h4{font-family:var(--font-mono);letter-spacing:3px;color:var(--accent);text-transform:uppercase;margin-bottom:10px;font-size:10px}.overview-block p{color:var(--text-secondary);font-size:15px;line-height:1.7}.overview-block.full-width{grid-column:1/-1}.req-box{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text-secondary);border-radius:3px;padding:20px 24px;font-size:15px;line-height:1.7}.req-box strong{color:var(--accent);font-weight:600}.objectives-container{flex-direction:column;gap:8px;display:flex}.obj-group{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;overflow:hidden}.obj-group-header{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:12px;padding:10px 16px;display:flex}.obj-group-header .group-tag{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;font-size:9px}.obj-item{color:var(--text-secondary);border-bottom:1px solid #252a3580;align-items:flex-start;gap:14px;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.obj-item:last-child{border-bottom:none}.obj-item:hover{background:#ffffff05}.obj-checkbox{border:1.5px solid var(--border-glow);cursor:pointer;border-radius:2px;flex-shrink:0;width:18px;height:18px;margin-top:2px;transition:all .2s;position:relative}.obj-checkbox:hover{border-color:var(--accent)}.obj-item.optional .obj-checkbox{border-color:var(--blue-dim);border-style:dashed}.obj-item.optional .obj-text{color:var(--text-muted)}.obj-badge{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:2px;flex-shrink:0;margin-left:6px;padding:1px 7px;font-size:9px;display:inline-flex}.badge-optional{border:1px solid var(--blue-dim);color:var(--blue);background:#4a8fc81f}.badge-conditional{border:1px solid var(--accent-dim);color:var(--accent);background:#c8a84b1a}.badge-required{border:1px solid var(--green-dim);color:var(--green);background:#4ac8781a}.step-timeline{padding-left:32px;position:relative}.step-timeline:before{content:"";background:linear-gradient(180deg, var(--accent) 0%, var(--border) 80%, transparent 100%);width:1px;position:absolute;top:0;bottom:0;left:10px}.step{margin-bottom:32px;position:relative}.step:before{content:"";background:var(--bg-card);border:2px solid var(--accent-dim);border-radius:50%;width:10px;height:10px;transition:border-color .2s,box-shadow .2s;position:absolute;top:16px;left:-26px}.step:hover:before{border-color:var(--accent);box-shadow:0 0 10px #c8a84b66}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;transition:border-color .2s;overflow:hidden}.step-card:hover{border-color:var(--border-glow)}.step-header{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:14px;padding:14px 20px;display:flex}.step-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:1px;flex-shrink:0;font-size:11px}.step-title{font-family:var(--font-display);letter-spacing:1.5px;color:var(--text-primary);font-size:20px;line-height:1}.step-location{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;border:1px solid var(--border);background:#ffffff08;border-radius:2px;margin-left:auto;padding:3px 8px;font-size:10px}.step-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex}.step-desc{color:var(--text-secondary);font-size:14px;line-height:1.75}.step-notes{flex-direction:column;gap:6px;display:flex}.note{border-radius:2px;gap:10px;padding:10px 14px;font-size:13px;line-height:1.6;display:flex}.note-warn{border-left:2px solid var(--accent-dim);color:#c8b87a;background:#c8a84b12}.note-info{border-left:2px solid var(--blue-dim);color:#7ab0d8;background:#4a8fc812}.note-tip{border-left:2px solid var(--green-dim);color:#7ad8a4;background:#4ac87812}.note-danger{color:#d88c8c;background:#c84a4a14;border-left:2px solid #7a3030}.note-icon{flex-shrink:0;margin-top:1px;font-size:14px}.item-table-wrapper{border:1px solid var(--border);border-radius:3px;margin-top:10px;overflow:hidden}.item-table{border-collapse:collapse;width:100%;font-size:13px}.item-table th{text-align:left;font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);background:#ffffff0a;padding:9px 14px;font-size:10px;font-weight:400}.item-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #252a3580;padding:10px 14px}.item-table tr:last-child td{border-bottom:none}.item-table tr:hover td{background:#ffffff05}.item-table td:first-child{color:var(--text-primary);font-weight:600}.fir-yes{color:var(--green);font-family:var(--font-mono);align-items:center;gap:4px;font-size:11px;display:inline-flex}.fir-no,.fir-na{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.req-type{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;border-radius:2px;padding:2px 8px;font-size:10px}.req-required{border:1px solid var(--green-dim);color:var(--green);background:#4ac8781a}.req-handover{border:1px solid var(--accent-dim);color:var(--accent);background:#c8a84b1a}.req-unlock{border:1px solid var(--blue-dim);color:var(--blue);background:#4a8fc81a}.img-placeholder{background:var(--bg-card2);border:1px dashed var(--border);text-align:center;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100px;padding:24px;display:flex}.img-placeholder .img-icon{opacity:.3;font-size:24px}.img-placeholder .img-caption{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;font-size:11px;line-height:1.4}.img-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px;display:grid}.access-code{border:1px solid var(--blue-dim);font-family:var(--font-mono);letter-spacing:6px;color:var(--blue);text-shadow:0 0 10px #4a8fc880;background:#4a8fc81a;border-radius:3px;align-items:center;gap:6px;padding:8px 16px;font-size:24px;display:inline-flex}.code-block{background:var(--bg-card2);border:1px solid var(--border);border-left:3px solid var(--blue-dim);border-radius:3px;margin-top:10px;padding:16px 20px}.code-block h4{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:10px}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.reward-card{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;align-items:flex-start;gap:14px;padding:16px 18px;transition:border-color .2s,background .2s;display:flex}.reward-card:hover{border-color:var(--border-glow);background:var(--bg-card2)}.reward-icon{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.reward-icon.gold{border:1px solid var(--accent-dim);background:#c8a84b1a}.reward-icon.blue{border:1px solid var(--blue-dim);background:#4a8fc81a}.reward-icon.green{border:1px solid var(--green-dim);background:#4ac8781a}.reward-info .reward-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:9px}.reward-info .reward-value{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.dep-chain{flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0;display:flex}.dep-node{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:3px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.dep-node:hover{border-color:var(--border-glow);color:var(--text-primary)}.dep-node.current{border-color:var(--accent-dim);color:var(--accent);background:#c8a84b1a}.dep-arrow{color:var(--text-muted);font-size:18px}.dep-branches{flex-direction:column;gap:8px;display:flex}.dep-branch-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;padding:0 10px;font-size:10px}.tips-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tip-block{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;padding:20px}.tip-block h4{font-family:var(--font-display);letter-spacing:1px;border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;font-size:18px;display:flex}.tip-block h4 .tip-emoji{font-size:16px}.tip-block h4.beginner{color:var(--green)}.tip-block h4.advanced{color:var(--accent)}.tip-block h4.equipment{color:var(--blue)}.tip-block h4.danger{color:var(--red)}.tip-list{flex-direction:column;gap:8px;list-style:none;display:flex}.tip-list li{color:var(--text-secondary);gap:10px;font-size:13px;line-height:1.6;display:flex}.tip-list li:before{content:"›";color:var(--accent-dim);flex-shrink:0;margin-top:1px}.loc-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.loc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;transition:border-color .2s;overflow:hidden}.loc-card:hover{border-color:var(--border-glow)}.loc-card-img{background:var(--bg-card2);border-bottom:1px solid var(--border);height:80px;font-size:10px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;justify-content:center;align-items:center;display:flex}.loc-card-body{padding:14px 16px}.loc-card-map{font-family:var(--font-mono);letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:10px}.loc-card-title{color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:700}.loc-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.spawn-list{flex-direction:column;gap:4px;display:flex}.spawn-item{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff05;border-radius:2px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;display:flex}.spawn-num{font-family:var(--font-mono);color:var(--text-muted);min-width:24px;font-size:11px}.divider{background:linear-gradient(90deg, transparent, var(--border) 30%, var(--border) 70%, transparent);height:1px;margin:16px 0}.callout{border:1px solid var(--accent-dim);color:var(--text-secondary);background:#c8a84b0d;border-radius:3px;gap:14px;margin-top:16px;padding:16px 20px;font-size:14px;line-height:1.7;display:flex}.callout-icon{flex-shrink:0;margin-top:1px;font-size:20px}.tag-item{border:1px solid var(--accent-dim);font-family:var(--font-mono);color:var(--accent);white-space:nowrap;background:#c8a84b14;border-radius:2px;padding:1px 8px;font-size:11px;display:inline-flex}.tag-item.blue{border-color:var(--blue-dim);color:var(--blue);background:#4a8fc814}.tag-item.green{border-color:var(--green-dim);color:var(--green);background:#4ac87814}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.hero{padding:40px 24px 32px}.hero h1{font-size:52px}.content{padding:0 24px 60px}.tips-grid,.overview-grid{grid-template-columns:1fr}}.choice-tree{flex-direction:column;gap:16px;display:flex}.choice-branch{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;overflow:hidden}.choice-branch-header{border-bottom:1px solid var(--border);background:#ffffff05;align-items:center;gap:12px;padding:10px 16px;display:flex}.choice-branch-title{font-family:var(--font-display);letter-spacing:1px;color:var(--text-primary);font-size:16px}.branch-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.branch-a{background:var(--accent);box-shadow:0 0 6px var(--accent)}.branch-b{background:var(--blue);box-shadow:0 0 6px var(--blue)}.branch-c{background:var(--green);box-shadow:0 0 6px var(--green)}.choice-objectives{flex-direction:column;gap:6px;padding:12px 16px;display:flex}.choice-obj{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.choice-obj:before{content:"→";color:var(--text-muted);flex-shrink:0}