.comment-section-wrapper{margin-top:1rem}.comment-form{max-width:100%}.comment-form .form-group{margin-bottom:1.5rem;margin-top:2.5rem}.comment-form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text, #fff);font-family:"Press Start 2P",var(--retro-font, monospace);font-size:.8rem;line-height:1.5}.comment-form label:before{content:">";margin-right:8px;color:#00ffd4;animation:blink 1s steps(1) infinite}.comment-form input,.comment-form textarea{width:100%;padding:.75rem;border:1px solid var(--border, #00ffd4);background:#00000080;color:var(--text, #00ffd4);font-family:"Press Start 2P",var(--retro-font, monospace);font-size:.8rem;box-sizing:border-box}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:#00ffd4;box-shadow:0 0 8px #00ffd44d}.comment-form .form-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem}.comment-form .form-submit .like-btn-wrapper{display:contents}.submit-btn{padding:.75rem 1.5rem;background:linear-gradient(45deg,#00ffd41a,#00ffd433);border:2px solid #00ffd4;color:#00ffd4;font-size:.8rem;font-family:"Press Start 2P",var(--retro-font, monospace);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}#comments{margin-top:2rem!important}.submit-btn:hover{background:linear-gradient(45deg,#00ffd433,#00ffd44d);color:#00ffd4!important;transform:translateY(-2px);box-shadow:0 0 15px #00ffd44d}@media (max-width: 768px){.comment-section-wrapper{padding:1.5rem 1rem;margin-top:2rem}}.comment-pixel-toast{position:fixed;top:8rem;left:50%;transform:translate(-50%) translateY(-20px);display:flex;align-items:center;gap:.75rem;min-width:320px;max-width:720px;width:calc(100% - 4rem);padding:.75rem 1rem;background:linear-gradient(180deg,#111,#0b0b0b);color:#dfffea;border:3px solid #0fffc4;box-shadow:0 6px 20px #0009;border-radius:6px;z-index:9999;opacity:0;pointer-events:none;transition:transform .26s cubic-bezier(.2,.9,.3,1),opacity .18s ease-in-out;font-family:"Press Start 2P",monospace;text-shadow:0 1px 0 rgba(0,0,0,.6)}.comment-pixel-toast.show{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.comment-pixel-toast-icon{width:80px;height:80px;image-rendering:pixelated;image-rendering:crisp-edges;flex:0 0 48px;padding:2px;margin-right:20px}.comment-pixel-toast-body{display:flex;flex-direction:column}.comment-pixel-toast-title{font-size:.85rem;color:#00ffd4;letter-spacing:.02em}.comment-pixel-toast-sub{font-size:.7rem;color:#b9ffd8;opacity:.95}@media (max-width: 420px){.comment-pixel-toast{left:50%;width:calc(100% - 2rem);min-width:0;padding:.5rem}.comment-pixel-toast-icon{width:36px;height:36px;flex:0 0 36px}.comment-pixel-toast-title{font-size:.75rem}.comment-pixel-toast-sub{font-size:.65rem}}.like-btn-wrapper{display:flex;justify-content:flex-end;position:relative}.like-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.7rem 1.2rem;background:#ff6b9d12;border:2px solid #ff6b9d;color:#ff6b9d;font-family:"Press Start 2P",monospace;font-size:.75rem;cursor:pointer;box-shadow:0 0 10px #ff6b9d40,inset 0 0 8px #ff6b9d0d;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .1s ease;image-rendering:pixelated;position:relative;outline:none;user-select:none}.like-btn:hover{background:#ff6b9d26;box-shadow:0 0 18px #ff6b9d80,inset 0 0 10px #ff6b9d1a;transform:translateY(-2px)}.like-btn:active{transform:translateY(0)}.like-btn:focus-visible{outline:2px solid #ff6b9d;outline-offset:3px}.like-btn.liked{color:#ff6b9d;border-color:#ff6b9d;background:#ff6b9d1f;box-shadow:0 0 20px #ff6b9d8c,inset 0 0 12px #ff6b9d1a;cursor:pointer}.like-btn--skull{color:#ff2052;border-color:#ff2052;background:#ff20521f;box-shadow:0 0 20px #ff20528c,inset 0 0 12px #ff20521a}.like-btn--skull:hover{box-shadow:0 0 28px #ff2052bf,inset 0 0 12px #ff205226}.pixel-heart{width:18px;height:18px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 0 5px rgba(255,107,157,.5));animation:heart-beat 2.5s infinite cubic-bezier(.2,.8,.2,1);transition:transform .15s ease,filter .2s ease}@keyframes heart-beat{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(255,107,157,.5))}15%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(255,107,157,.8))}30%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(255,107,157,.5))}45%{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(255,107,157,.8))}60%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(255,107,157,.5))}}.like-btn:hover .pixel-heart{animation:none;transform:scale(1.2);filter:drop-shadow(0 0 7px rgba(255,107,157,.9))}.like-btn.liked .pixel-heart{animation:none;transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,107,157,1))}.pixel-skull{display:none;width:18px;height:18px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(255,32,82,.9));animation:skull-throb 1.3s infinite ease-in-out}@keyframes skull-throb{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 6px rgba(255,32,82,.9))}40%{transform:scale(1.18) rotate(-4deg);filter:drop-shadow(0 0 14px rgba(255,32,82,1))}70%{transform:scale(1.08) rotate(3deg)}}.like-count{min-width:1.6ch;text-align:left;line-height:1;text-shadow:0 0 8px rgba(255,107,157,.7)}@keyframes like-pop{0%{transform:scale(1)}40%{transform:scale(1.6)}70%{transform:scale(.88)}to{transform:scale(1)}}.like-btn.pop .pixel-heart,.like-btn.pop .pixel-skull{animation:like-pop .4s cubic-bezier(.36,.07,.19,.97) forwards}@keyframes like-shiver{0%{transform:translate(0)}15%{transform:translate(-5px) rotate(-1deg)}30%{transform:translate(5px) rotate(1deg)}45%{transform:translate(-4px) rotate(-.5deg)}60%{transform:translate(4px) rotate(.5deg)}75%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}.like-btn--shiver{animation:like-shiver .55s cubic-bezier(.36,.07,.19,.97)!important}@keyframes like-particle-fly{0%{transform:translate(0) scale(1);opacity:1}60%{opacity:.9}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.like-particle{border-radius:0;image-rendering:pixelated;pointer-events:none;transform-origin:center;animation:like-particle-fly .85s cubic-bezier(.22,1,.36,1) forwards}@keyframes taken-float{0%{opacity:1;transform:translate(-50%) translateY(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-36px)}}.like-taken-label{position:fixed;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:.7rem;color:gold;text-shadow:0 0 8px #ffd700,2px 2px 0 #000,-1px -1px 0 #000;pointer-events:none;z-index:9999;white-space:nowrap;animation:taken-float 1s ease-out forwards}@keyframes dog-bob{0%,to{margin-top:0}50%{margin-top:-5px}}.dog-stealer{position:fixed;z-index:9997;pointer-events:none;image-rendering:pixelated;transform:scaleX(-1);animation:dog-bob .35s steps(2,end) infinite;will-change:left}@keyframes rip-appear{0%{opacity:0;transform:scale(.6) translateY(8px)}65%{transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.like-rip{display:inline-flex;align-items:center;gap:.75rem;padding:.65rem 1.1rem;border:2px solid rgba(255,32,82,.4);background:#ff20520d;color:#ff2052bf;font-family:"Press Start 2P",monospace;font-size:.75rem;opacity:0;pointer-events:none}.like-rip--visible{animation:rip-appear .5s cubic-bezier(.34,1.56,.64,1) forwards}.rip-skull-svg{width:24px;height:28px;flex-shrink:0;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(255,32,82,.9))}.like-rip-text{letter-spacing:.04em}@media (max-width: 768px){.like-btn{font-size:.68rem;padding:.6rem 1rem}.pixel-heart,.pixel-skull{width:15px;height:15px}}
