.page-start-here .sh-crumb{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text2);padding:0 0 .5rem;font-size:.85rem;font-weight:600}.page-start-here .sh-crumb a{color:var(--text2);text-decoration:none;transition:color .15s}.page-start-here .sh-crumb a:hover{color:var(--accent)}.page-start-here .sh-crumb span{margin:0 .3rem}.page-start-here .sh-hero{background:linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);max-width:none;margin-bottom:1.75rem;padding:1.4rem 1.5rem 1.35rem;position:relative}.page-start-here .sh-hero:before{content:"CSDB.gg // Player Roadmap";font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:.45rem;font-size:.82rem;font-weight:700;display:block}.page-start-here .sh-hero h1{margin:0;font-size:clamp(2rem,4.5vw,2.9rem);line-height:1.02}.page-start-here .sh-lead{color:var(--text2);max-width:44rem;margin:.6rem 0 0;font-size:.98rem;line-height:1.6}.page-start-here .sh-stage{background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:0;margin:0 0 1.25rem;transition:border-color .12s;overflow:hidden}.page-start-here .sh-stage:hover{border-color:var(--accent)}.page-start-here .sh-stage-head{border-bottom:1px solid var(--border);background:linear-gradient(90deg, rgba(var(--accent-rgb),.05) 0%, transparent 55%);align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.page-start-here .sh-stage-num{font-family:var(--font-display);color:var(--accent);letter-spacing:.02em;font-size:2.1rem;font-style:italic;font-weight:800;line-height:1}.page-start-here .sh-stage-head h2{letter-spacing:.02em;margin:0;font-size:1.3rem;font-style:italic;font-weight:700}.page-start-here .sh-est{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text2);font-size:.72rem;font-weight:600}.page-start-here .sh-stage-intro{color:var(--text2);margin:0;padding:.85rem 1.2rem 0;font-size:.88rem;line-height:1.55}.page-start-here .sh-tasks{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:1rem 1.2rem 1.2rem;display:grid}.page-start-here .sh-task{background:var(--bg3);border:1px solid var(--border);border-radius:0;flex-direction:column;gap:.2rem;padding:.75rem .85rem;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;box-shadow:inset 3px 0 #0000}.page-start-here .sh-task:hover{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);transform:translateY(-2px)}.page-start-here .sh-task strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--text);font-size:.95rem;font-weight:700;transition:color .15s}.page-start-here .sh-task:hover strong{color:var(--accent)}.page-start-here .sh-task span{color:var(--text2);font-size:.76rem;line-height:1.4}.page-start-here .sh-bookmarks{margin:2rem 0}.page-start-here .sh-bookmarks h2{margin:0 0 .25rem;padding-left:.9rem;font-size:1.3rem;position:relative}.page-start-here .sh-bookmarks h2:before{content:"";background:var(--accent);width:5px;position:absolute;top:.12em;bottom:.12em;left:0;transform:skew(-12deg)}.page-start-here .sh-bookmarks>p{color:var(--text2);margin:0 0 .9rem;padding-left:.9rem;font-size:.85rem}.page-start-here .sh-bm-grid{grid-template-columns:repeat(4,1fr);gap:.55rem;display:grid}.page-start-here .sh-bm-grid a{background:var(--bg2);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text2);border-radius:0;padding:.55rem .7rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .12s,color .12s,transform .12s}.page-start-here .sh-bm-grid a:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.page-start-here .ra-wrap{background:var(--bg2);border:1px solid var(--border);border-top:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border-radius:0;margin:2rem 0;padding:1.2rem 1.3rem}.page-start-here .ra-heading{color:var(--text);margin:0 0 .75rem;font-size:1.15rem;font-weight:700}.page-start-here .ra-list{flex-direction:column;gap:.35rem;display:flex}.page-start-here .ra-card{background:var(--bg3);border:1px solid var(--border);border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;text-decoration:none;transition:box-shadow .15s,background .15s,border-color .15s;display:flex;box-shadow:inset 3px 0 #0000}.page-start-here .ra-card:hover{box-shadow:inset 3px 0 0 var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.04)}.page-start-here .ra-title{color:var(--text);font-size:.85rem;font-weight:600;transition:color .15s}.page-start-here .ra-card:hover .ra-title{color:var(--accent)}.page-start-here .ra-hint{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text2);white-space:nowrap;opacity:.75;font-size:.7rem;font-weight:600}@media (max-width:768px){.page-start-here .sh-hero{padding:1.1rem 1.1rem 1.05rem}.page-start-here .sh-tasks{grid-template-columns:1fr}.page-start-here .sh-bm-grid{grid-template-columns:repeat(2,1fr)}}