.sg-page{max-width:760px;margin:0 auto;padding:0 1.25rem 4rem}.sg-hero{text-align:center;border-bottom:3px solid var(--bord);margin-bottom:2rem;padding:3rem 1.5rem 2.5rem}.sg-eyebrow{font-family:var(--pixel);color:var(--text);background:var(--surf2);border:2px solid var(--bord);letter-spacing:.05em;margin-bottom:1rem;padding:.3em .8em;font-size:.75rem;font-weight:800;display:inline-block}.sg-title{font-family:var(--pixel);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);margin-bottom:.75rem;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900}.sg-sub{color:var(--muted);font-size:.95rem;line-height:1.7}.sg-submit-card{background:var(--surf);border:3px solid var(--bord);box-shadow:var(--card-shadow);margin-bottom:2rem;overflow:hidden}.sg-card-head{font-family:var(--pixel);text-transform:uppercase;color:#000;letter-spacing:.03em;border-bottom:3px solid var(--bord);background:var(--chip-gold);padding:.85rem 1.25rem;font-size:.75rem;font-weight:800}.sg-card-body{padding:1.25rem}.sg-hint{color:var(--muted);margin-bottom:1rem;font-size:.88rem}.sg-sign-btn{font-family:var(--pixel);border:2px solid var(--bord);background:var(--green);color:var(--bg);cursor:pointer;letter-spacing:0;padding:.55rem 1.2rem;font-size:.72rem;font-weight:800;transition:all .1s}.sg-sign-btn:hover{box-shadow:3px 3px 0 0 var(--bord);transform:translate(-2px,-2px)}.sg-field{margin-bottom:1rem}.sg-label{color:var(--text);letter-spacing:.02em;margin-bottom:.4rem;font-size:.8rem;font-weight:700;display:block}.sg-input,.sg-select,.sg-textarea{background:var(--surf2);border:2px solid var(--bord);width:100%;color:var(--text);font-family:var(--body);resize:none;outline:none;padding:.55rem .85rem;font-size:.9rem;font-weight:600;transition:border-color .2s}.sg-input:focus,.sg-select:focus,.sg-textarea:focus{border-color:var(--blue)}.sg-charcount{color:var(--muted);text-align:right;margin-top:.25rem;font-size:.72rem}.sg-submit-btn{font-family:var(--pixel);text-transform:uppercase;border:3px solid var(--bord);background:var(--green);color:var(--bg);cursor:pointer;letter-spacing:0;width:100%;box-shadow:4px 4px 0 0 var(--bord);padding:.6rem 1.4rem;font-size:.75rem;font-weight:800;transition:all .1s}.sg-submit-btn:hover{box-shadow:0 0 0 0 var(--bord);transform:translate(2px,2px)}.sg-error{color:#000;background:var(--chip-red);border:2px solid var(--bord);margin-top:.75rem;padding:.5rem .75rem;font-size:.82rem;font-weight:600}.sg-list-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sg-list-title{font-family:var(--pixel);text-transform:uppercase;color:var(--text);letter-spacing:-.01em;font-size:1rem;font-weight:900}.sg-sort{gap:.4rem;display:flex}.sg-sort-btn{font-family:var(--pixel);border:2px solid var(--bord);background:var(--bg);color:var(--text);cursor:pointer;letter-spacing:0;padding:.4rem .8rem;font-size:.62rem;font-weight:700;transition:all .1s}.sg-sort-btn.active{background:var(--blue);color:#000}.sg-loading{font-family:var(--pixel);color:var(--muted);text-align:center;letter-spacing:0;padding:2.5rem;font-size:.8rem;font-weight:700;animation:1s infinite pulse}.sg-empty{color:var(--muted);text-align:center;padding:2.5rem;font-size:.88rem}.sg-card{background:var(--surf);border:2px solid var(--bord);margin-bottom:.85rem;transition:transform .1s,box-shadow .1s;position:relative;overflow:hidden}.sg-card:hover{box-shadow:3px 3px 0 0 var(--bord);transform:translate(-2px,-2px)}.sg-top-badge{font-family:var(--pixel);background:var(--chip-gold);color:#000;border:1px solid var(--bord);letter-spacing:0;padding:.2rem .5rem;font-size:.58rem;font-weight:800;position:absolute;top:.65rem;right:.65rem}.sg-card-inner{gap:0;display:flex}.sg-vote-col{border-right:2px solid var(--bord);background:var(--surf2);flex-direction:column;justify-content:flex-start;align-items:center;min-width:54px;padding:1.1rem .85rem;display:flex}.sg-vote-btn{background:var(--bg);border:2px solid var(--bord);color:var(--text);cursor:pointer;padding:.25rem .4rem;font-size:1.1rem;line-height:1;transition:all .1s}.sg-vote-btn:hover{box-shadow:2px 2px 0 0 var(--bord);transform:translate(-1px,-1px)}.sg-vote-btn.voted{background:var(--chip-green)}.sg-vote-count{font-family:var(--pixel);color:var(--text);margin-top:.35rem;font-size:.8rem;font-weight:800}.sg-sg-body{flex:1;padding:1rem 1.1rem}.sg-sg-name{margin-bottom:.35rem;font-size:1rem;font-weight:700}.sg-genre-tag{font-family:var(--pixel);background:var(--chip-cyan);border:1px solid var(--bord);color:#000;letter-spacing:0;margin-bottom:.4rem;padding:.15rem .5rem;font-size:.58rem;font-weight:700;display:inline-block}.sg-sg-desc{color:var(--text);margin-bottom:.5rem;font-size:.84rem;line-height:1.6}.sg-sg-meta{color:var(--muted);font-size:.72rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (width<=600px){.sg-hero{padding:1.2rem .75rem 1rem}.sg-list{padding:0 .5rem}.sg-card,.sg-form{padding:.75rem}.sg-form input,.sg-form textarea{font-size:16px}}