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