.comm-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comm-layout{grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.comm-layout{grid-template-columns:1fr}.comm-sidebar{display:none}}.composer-teaser{background:var(--surf);border:3px solid var(--bord);box-shadow:var(--card-shadow);cursor:pointer;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;transition:transform .1s,box-shadow .1s;display:flex}.composer-teaser:hover{box-shadow:5px 5px 0 0 var(--bord);transform:translate(-2px,-2px)}.composer-teaser-avatar{border:2px solid var(--bord);background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.composer-teaser-text{color:var(--muted);flex:1;font-size:.85rem}.composer-teaser-icon{color:var(--muted);flex-shrink:0}.post-composer{background:var(--surf);border:3px solid var(--bord);box-shadow:var(--card-shadow);margin-bottom:1.25rem;padding:1.25rem}.pc-head{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.pc-avatar{border:2px solid var(--bord);background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.pc-close-btn{border:2px solid var(--bord);width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;font-size:.85rem;font-weight:700;line-height:1}.pc-close-btn:hover{color:var(--text);background:var(--surf2)}.pc-type-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.pc-type-btn{background:var(--bg);border:2px solid var(--bord);color:var(--text);cursor:pointer;padding:.32rem .75rem;font-size:.78rem;font-weight:700}.pc-type-btn.active{background:var(--blue);color:#000}.pc-textarea{background:var(--surf2);border:2px solid var(--bord);width:100%;color:var(--text);resize:none;height:90px;font-size:.88rem;font-family:var(--body);outline:none;margin-bottom:.75rem;padding:.75rem;transition:border-color .2s}.pc-textarea:focus{border-color:var(--green)}.pc-remove-btn{background:var(--bg);border:2px solid var(--bord);cursor:pointer;color:var(--text);margin-top:.4rem;padding:.25rem .6rem;font-size:.72rem;font-weight:700;display:block}.pc-video-input{background:var(--surf2);border:2px solid var(--bord);width:100%;color:var(--text);font-size:.85rem;font-family:var(--body);outline:none;padding:.6rem .75rem}.pc-video-input:focus{border-color:var(--green)}.pc-video-platform-label{color:var(--green);margin-top:.5rem;font-size:.78rem;font-weight:700}.pc-target-row{margin-bottom:.75rem}.pc-target-lbl{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.pc-target-input{background:var(--surf2);border:2px solid var(--bord);width:100%;color:var(--text);font-size:.85rem;font-family:var(--body);outline:none;padding:.55rem .75rem}.pc-target-input:focus{border-color:var(--green)}.pc-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.pc-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag-btn{background:var(--bg);border:2px solid var(--bord);color:var(--text);cursor:pointer;padding:.28rem .65rem;font-size:.72rem;font-weight:700;transition:all .1s}.tag-btn.active,.tag-btn:hover{background:var(--green);color:var(--bg)}.post-submit-btn{font-family:var(--pixel);border:2px solid var(--bord);background:var(--green);color:var(--bg);cursor:pointer;letter-spacing:0;white-space:nowrap;box-shadow:3px 3px 0 0 var(--bord);padding:.52rem 1.2rem;font-size:.72rem;font-weight:800;transition:all .1s}.post-submit-btn:hover{box-shadow:0 0 0 0 var(--bord);transform:translate(2px,2px)}.post-submit-btn:disabled{opacity:.6;cursor:wait}.sign-btn{font-family:var(--pixel);text-transform:uppercase;color:#fff;cursor:pointer;letter-spacing:-.01em;background:#000;border:3px solid #000;font-size:.85rem;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:5px 5px #000}.sign-btn:hover{transform:translate(3px,3px);box-shadow:0 0 #000}.signin-prompt{background:var(--chip-gold);border:2px solid var(--bord);color:#000;flex-wrap:wrap;align-items:center;margin-bottom:1rem;padding:.85rem 1.25rem;font-size:.84rem;font-weight:600;display:flex}.comm-empty{background:var(--surf);border:3px solid var(--bord);box-shadow:var(--card-shadow);text-align:center;padding:3rem 1.5rem}.comm-empty svg{color:var(--muted);margin-bottom:.9rem}.comm-empty-title{font-family:var(--pixel);text-transform:uppercase;letter-spacing:-.01em;color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:900}.comm-empty-sub{color:var(--muted);max-width:340px;margin:0 auto;font-size:.85rem;line-height:1.6}.comm-empty-btn{margin-top:1.25rem;padding:.5rem 1rem!important;font-size:.68rem!important}.feed-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.ftab{background:var(--bg);border:2px solid var(--bord);color:var(--text);cursor:pointer;padding:.32rem .85rem;font-size:.8rem;font-weight:700;transition:all .1s}.ftab:hover{box-shadow:3px 3px 0 0 var(--bord);transform:translate(-2px,-2px)}.ftab.active{background:var(--chip-green);color:#000;box-shadow:3px 3px 0 0 var(--bord)}.post-card{background:var(--surf);border:3px solid var(--bord);box-shadow:5px 5px 0 0 var(--tc,var(--bord));margin-bottom:1.25rem;padding:1.1rem 1.25rem;transition:transform .1s,box-shadow .1s;overflow:hidden}.post-card:hover{box-shadow:7px 7px 0 0 var(--tc,var(--bord));transform:translate(-2px,-2px)}[data-theme=light] .post-card{box-shadow:5px 5px 0 0 var(--tc,var(--bord))}[data-theme=light] .post-card:hover{box-shadow:7px 7px 0 0 var(--tc,var(--bord))}.post-head{align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.post-meta{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.post-name{color:var(--text);font-size:.92rem;font-weight:700}.post-sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.72rem;display:flex}.post-tag{background:var(--tc);color:#000;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border:2px solid #000;padding:.2rem .55rem;font-size:.68rem;font-weight:800;box-shadow:2px 2px #000}.post-tag.on-dark{color:#fff}.post-demo-badge{font-family:var(--pixel);color:var(--bg);background:var(--chip-gold);white-space:nowrap;letter-spacing:.03em;padding:.2rem .5rem;font-size:.55rem;font-weight:700}.post-body{color:var(--text);word-break:break-word;white-space:pre-wrap;margin-bottom:.85rem;font-size:.9rem;line-height:1.6}.post-image{object-fit:contain;background:var(--bg);width:calc(100% + 2.5rem);max-width:none;max-height:520px;margin:0 -1.25rem .85rem;display:block}.post-video-embed{background:#000;width:calc(100% + 2.5rem);max-width:none;margin:0 -1.25rem .85rem}.post-video-embed iframe{aspect-ratio:16/9;border:0;width:100%;height:auto;display:block}.post-video-platform{color:#fff;background:var(--surf2);padding:.4rem .75rem;font-size:.7rem;font-weight:700;display:block}.post-video-link{color:var(--blue);border:2px solid var(--bord);box-sizing:border-box;text-align:center;width:calc(100% + 2.5rem);margin:0 -1.25rem .85rem;padding:.7rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:block}.post-video-link:hover{background:var(--surf2)}.post-target-chip{color:var(--blue);font-size:.72rem;font-weight:700;text-decoration:none}.post-target-chip:hover{text-decoration:underline}.post-actions{border-top:2px solid var(--bord);justify-content:space-between;align-items:center;padding-top:.55rem;display:flex}.act-primary,.act-secondary{align-items:center;gap:1.1rem;display:flex}.act-icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.15rem;line-height:1;transition:transform .12s,color .12s;display:flex}.act-icon-btn svg{display:block}.act-icon-btn:hover{color:var(--text);transform:scale(1.18)}.act-icon-btn.liked,.act-icon-btn.danger-btn:hover{color:var(--pink)}.post-stats{align-items:center;gap:1rem;margin-top:.55rem;font-size:.8rem;display:flex}.stat-likes{color:var(--text);font-weight:700}.stat-comments-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.stat-comments-link:hover{color:var(--text);text-decoration:underline}.comments-section{border-top:2px solid var(--bord);margin-top:.65rem;padding-top:.75rem}.comment-row{align-items:flex-start;gap:.55rem;margin-bottom:.65rem;display:flex}.comment-content{flex:1;min-width:0}.comment-line{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:.85rem;line-height:1.5}.comment-name{color:var(--text);margin-right:.4rem;font-weight:700}.comment-time{color:var(--muted);font-size:.68rem}.comment-composer{align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.comment-input{background:var(--surf2);border:2px solid var(--bord);color:var(--text);font-size:.8rem;font-family:var(--body);outline:none;flex:1;padding:.38rem .6rem;transition:border-color .2s}.comment-input:focus{border-color:var(--green)}.cc-send{background:var(--bg);border:2px solid var(--bord);color:var(--text);cursor:pointer;padding:.35rem .55rem;font-size:.8rem;font-weight:700;transition:all .1s}.cc-send:hover{background:var(--green);color:var(--bg)}.comm-sidebar{flex-direction:column;gap:1.25rem;display:flex;position:sticky;top:80px}.cs-card{background:var(--surf);border:3px solid var(--bord);box-shadow:var(--card-shadow);padding:1rem 1.1rem}.cs-title{font-family:var(--pixel);text-transform:uppercase;color:#000;background:var(--chip-gold);letter-spacing:.03em;border-bottom:3px solid var(--bord);margin:-1rem -1.1rem .85rem;padding:.55rem 1.1rem;font-size:.75rem;font-weight:800}.cs-card+.cs-card .cs-title{background:var(--chip-cyan)}.top-row{align-items:center;gap:.55rem;margin-bottom:.6rem;font-size:.82rem;display:flex}.top-rank{font-family:var(--pixel);color:#000;background:var(--surf2);border:2px solid #000;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.68rem;font-weight:900;display:grid}.top-row:first-of-type .top-rank{background:var(--chip-gold)}.top-row:nth-of-type(2) .top-rank{background:var(--chip-cyan)}.top-row:nth-of-type(3) .top-rank{background:var(--chip-pink)}.top-name{color:var(--text);flex:1;font-weight:500}.top-score{color:var(--muted);font-size:.72rem}.rules-list{flex-direction:column;gap:.45rem;padding-left:1.1rem;display:flex}.rules-list li{color:var(--muted);font-size:.8rem;line-height:1.5}.toast{background:var(--surf);border:2px solid var(--bord);color:var(--text);box-shadow:4px 4px 0 0 var(--bord);z-index:300;white-space:nowrap;opacity:0;pointer-events:none;padding:.65rem 1.4rem;font-size:.85rem;font-weight:600;transition:opacity .3s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}@media (width<=600px){.comm-wrap{padding:1rem .75rem}.post-composer{padding:.85rem}}