.page-home{--ink:#14100a;--paper:#fdf6e3;--panel-bg:#fffef7;--red:#d62828;--yellow:#f7b731;--blue:#1565c0;--green:#2d6a4f;--border-w:4px;--ink-border:var(--border-w) solid var(--ink);--panel-gap:6px;--font-comic:'Bangers','Impact',cursive;--font-body2:'Comic Neue',var(--font-body)}.page-home,.page-home body{background:var(--paper);color:var(--ink)}.page-home .site-header{background:var(--paper)!important;border-bottom:var(--ink-border);box-shadow:0 4px 0 var(--ink);backdrop-filter:none}.page-home .nav-logo .logo-mark{display:none}.page-home .nav-logo .logo-text{font-family:var(--font-comic);font-size:1.7rem;letter-spacing:.08em;color:var(--red);text-shadow:2px 2px 0 var(--yellow),4px 4px 0 var(--ink);line-height:1}.page-home .nav-logo:hover .logo-text{color:var(--blue)}.page-home .cat-pill{font-family:var(--font-comic);letter-spacing:.06em;font-size:.85rem;border:2px solid var(--ink);border-radius:4px;color:var(--ink);background:var(--paper);box-shadow:2px 2px 0 var(--ink);transition:transform .15s,box-shadow .15s}.page-home .cat-pill.active,.page-home .cat-pill:hover{background:var(--yellow);color:var(--ink);border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.page-home .lang-btn{font-family:var(--font-comic);font-size:.9rem;letter-spacing:.06em;color:var(--ink)}.page-home .lang-btn.active{background:var(--red);color:var(--paper)}.page-home .lang-switch{background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:4px}.page-home .nav-search{background:var(--paper);border:2px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink)}.page-home .nav-search:focus-within{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px);border-color:var(--red)}.page-home .search-input{color:var(--ink);background:0 0}.page-home .search-input::placeholder{color:#9a8070}.page-home .search-btn{color:var(--ink)}.page-home .nav-link{font-family:var(--font-comic);font-size:.85rem;color:var(--ink);letter-spacing:.05em}.page-home .nav-link.active,.page-home .nav-link:hover{color:var(--red);background:0 0}.page-home .search-dropdown{background:var(--paper);border:var(--ink-border);box-shadow:6px 6px 0 var(--ink);border-radius:4px}.page-home .sd-header{border-bottom:2px solid var(--ink)}.page-home .sd-label{font-family:var(--font-comic);color:var(--ink);letter-spacing:.08em}.page-home .sd-count{color:var(--red)}.page-home .sd-hit{border-bottom:1px solid rgba(0,0,0,.1)}.page-home .sd-hit:hover{background:var(--yellow)}.page-home .sd-title{color:var(--ink)}.page-home .sd-title mark{color:var(--red)}.page-home .sd-cat{background:var(--blue);color:#fff;border:1px solid var(--ink);border-radius:2px}.page-home .sd-footer{border-top:2px solid var(--ink);background:rgba(0,0,0,.04)}.page-home .sd-show-all{background:var(--red);color:#fff;border:2px solid var(--ink);border-radius:4px;font-family:var(--font-comic);font-size:.95rem;letter-spacing:.06em;box-shadow:3px 3px 0 var(--ink)}.page-home .sd-show-all:hover{background:var(--ink);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--red)}.page-home .sd-loading{color:var(--ink)}.page-home .sd-spinner{border-color:rgba(0,0,0,.2);border-top-color:var(--red)}.page-home .site-footer{background:var(--ink);border-top:6px solid var(--ink)}.page-home .logo-text{color:var(--yellow)!important;font-family:var(--font-comic)!important;font-size:1.4rem!important}.page-home .logo-mark{color:var(--yellow)!important}.comic-sfx-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sfx{position:absolute;font-family:var(--font-comic);font-size:clamp(3rem, 8vw, 7rem);letter-spacing:.04em;opacity:.04;line-height:1;user-select:none;animation:sfxFloat linear infinite}.sfx-1{top:5%;left:2%;color:var(--red);font-size:6rem;transform:rotate(-12deg);animation-duration:18s;animation-delay:0s}.sfx-2{top:20%;right:3%;color:var(--blue);font-size:5rem;transform:rotate(8deg);animation-duration:22s;animation-delay:-5s}.sfx-3{top:42%;left:7%;color:var(--ink);font-size:4.5rem;transform:rotate(-5deg);animation-duration:20s;animation-delay:-8s}.sfx-4{top:60%;right:10%;color:var(--red);font-size:5.5rem;transform:rotate(14deg);animation-duration:16s;animation-delay:-3s}.sfx-5{top:78%;left:15%;color:var(--blue);font-size:7rem;transform:rotate(-9deg);animation-duration:24s;animation-delay:-12s}.sfx-6{top:10%;left:40%;color:var(--yellow);font-size:3.5rem;transform:rotate(6deg);animation-duration:28s;animation-delay:-7s}.sfx-7{top:55%;left:45%;color:var(--ink);font-size:4rem;transform:rotate(-15deg);animation-duration:19s;animation-delay:-2s}.sfx-8{top:85%;right:20%;color:var(--red);font-size:5rem;transform:rotate(10deg);animation-duration:21s;animation-delay:-9s}@keyframes sfxFloat{0%{transform:translateY(0) rotate(var(--r,-12deg))}50%{transform:translateY(-20px) rotate(var(--r,-12deg))}100%{transform:translateY(0) rotate(var(--r,-12deg))}}.comic-splash{position:relative;min-height:clamp(480px,65vh,760px);border-bottom:var(--ink-border);display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}.splash-speedlines{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 55%,rgba(255,255,255,.06) 0deg 3deg,transparent 3deg 6deg);z-index:1;animation:spinSlow 60s linear infinite}@keyframes spinSlow{to{transform:rotate(360deg)}}.splash-dots{position:absolute;inset:0;z-index:2;background-image:radial-gradient(circle,rgba(253,246,227,.15) 1.5px,transparent 1.5px);background-size:16px 16px;pointer-events:none}.splash-img-wrap{position:absolute;inset:0;z-index:0}.splash-img{width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 6s ease}.comic-splash:hover .splash-img{transform:scale(1)}.splash-halftone{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,16,10,.5) 1px,transparent 1px);background-size:6px 6px;mix-blend-mode:multiply}.splash-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,16,10,.97) 0,rgba(20,16,10,.6) 45%,rgba(20,16,10,.1) 100%)}.splash-content{position:relative;z-index:10;padding-block:56px 52px}.splash-badges{display:flex;align-items:center;gap:20px;margin-bottom:24px}.starburst{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px;flex-shrink:0}.starburst::after,.starburst::before{content:'';position:absolute;inset:0;background:var(--red);border:2px solid var(--ink)}.starburst::before{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.starburst::after{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transform:rotate(20deg);opacity:.7}.starburst span{position:relative;z-index:1;font-family:var(--font-comic);font-size:.95rem;color:#fff;text-align:center;letter-spacing:.06em;line-height:1.1;text-shadow:1px 1px 0 var(--ink)}.starburst-yellow::after,.starburst-yellow::before{background:var(--yellow)}.starburst-yellow span{color:var(--ink);text-shadow:none}.starburst-blue::after,.starburst-blue::before{background:var(--blue)}.comic-splash:hover .starburst::after{transform:rotate(36deg);transition:transform .4s}.splash-issue{display:flex;flex-direction:column;align-items:center;background:var(--yellow);border:var(--ink-border);box-shadow:4px 4px 0 var(--ink);padding:8px 16px}.issue-label{font-family:var(--font-comic);font-size:.65rem;letter-spacing:.15em;color:var(--ink)}.issue-num{font-family:var(--font-comic);font-size:1.8rem;color:var(--ink);line-height:1}.splash-title{font-family:var(--font-comic);font-size:clamp(2.5rem, 6vw, 5rem);line-height:1.05;letter-spacing:.04em;color:#fff;text-shadow:3px 3px 0 var(--ink),5px 5px 0 rgba(0,0,0,.4);margin-bottom:20px;max-width:800px}.splash-title a{color:inherit;transition:color .2s}.splash-title a:hover{color:var(--yellow)}.speech-bubble{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:16px 22px;max-width:600px;margin-bottom:28px;box-shadow:4px 4px 0 var(--ink)}.speech-bubble::before{content:'';position:absolute;bottom:-22px;left:40px;width:0;height:0;border-left:14px solid transparent;border-right:6px solid transparent;border-top:22px solid var(--ink)}.speech-bubble::after{content:'';position:absolute;bottom:-16px;left:43px;width:0;height:0;border-left:11px solid transparent;border-right:4px solid transparent;border-top:18px solid var(--paper)}.speech-bubble p{font-family:var(--font-body2);font-size:.95rem;color:var(--ink);line-height:1.55;margin:0}.splash-bubble{animation:bubblePop .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.3s;opacity:0}@keyframes bubblePop{from{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.splash-footer{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.comic-author-chip{display:flex;align-items:center;gap:10px;background:rgba(253,246,227,.12);border:2px solid rgba(253,246,227,.3);padding:8px 14px;border-radius:4px}.comic-author-avatar{width:36px;height:36px;background:var(--yellow);color:var(--ink);border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-comic);font-size:1rem;font-weight:700;flex-shrink:0}.comic-author-name{font-family:var(--font-comic);font-size:.9rem;color:#fff;letter-spacing:.04em}.comic-author-date{font-size:.75rem;color:rgba(255,255,255,.6)}.comic-btn-read{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--red);color:#fff;font-family:var(--font-comic);font-size:1.1rem;letter-spacing:.08em;border:var(--ink-border);box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s;cursor:pointer}.comic-btn-read:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);background:var(--yellow);color:var(--ink)}.comic-btn-read:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.corner-tape{position:absolute;width:64px;height:24px;background:rgba(247,183,49,.8);border:2px solid var(--ink);z-index:15}.corner-tl{top:20px;left:20px;transform:rotate(-45deg);transform-origin:center}.corner-tr{top:20px;right:20px;transform:rotate(45deg);transform-origin:center}.comic-issue-banner{position:relative;z-index:5;background:var(--red);color:#fff;border-top:var(--ink-border);border-bottom:var(--ink-border)}.banner-inner{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 24px;font-family:var(--font-comic);font-size:clamp(.7rem, 2vw, .95rem);letter-spacing:.16em;text-transform:uppercase;text-align:center}.banner-star{font-size:1.1em;color:var(--yellow);animation:spinStar 4s linear infinite}@keyframes spinStar{to{transform:rotate(360deg)}}.banner-zigzag{height:12px;background:linear-gradient(135deg,var(--paper) 33.33%,transparent 33.33%) 0 0,linear-gradient(225deg,var(--paper) 33.33%,transparent 33.33%) 0 0;background-size:24px 12px;background-color:var(--red)}.banner-zigzag-top{transform:none}.banner-zigzag-bottom{transform:scaleY(-1)}.comic-bottom-banner{background:var(--ink);border-top:var(--ink-border);margin-top:0}.comic-bottom-banner .banner-inner{color:var(--yellow);letter-spacing:.2em}.comic-bottom-banner .banner-zigzag{background-color:var(--ink)}.comic-bottom-banner .banner-zigzag,.comic-bottom-banner .banner-zigzag-bottom{background:linear-gradient(135deg,var(--paper) 33.33%,transparent 33.33%) 0 0,linear-gradient(225deg,var(--paper) 33.33%,transparent 33.33%) 0 0;background-size:24px 12px;background-color:var(--ink)}.comic-panels-section{position:relative;z-index:2;background:var(--paper)}.comic-panels-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-left:var(--ink-border);border-right:var(--ink-border)}.comic-panel{min-height:260px}.panel-1,.panel-11,.panel-16,.panel-21,.panel-6,:is(.comic-panel:nth-child(5n+1)){grid-column:span 4;grid-row:span 2;min-height:520px}.panel-12,.panel-17,.panel-2,.panel-22,.panel-7,:is(.comic-panel:nth-child(5n+2)){grid-column:span 2;grid-row:span 1}.panel-13,.panel-18,.panel-23,.panel-3,.panel-8,:is(.comic-panel:nth-child(5n+3)){grid-column:span 2;grid-row:span 1}.panel-14,.panel-19,.panel-24,.panel-4,.panel-9,:is(.comic-panel:nth-child(5n+4)){grid-column:span 3}.panel-10,.panel-15,.panel-20,.panel-25,.panel-5,:is(.comic-panel:nth-child(5n+5)){grid-column:span 3}.comic-panel{position:relative;background:var(--panel-bg);border-right:var(--ink-border);border-bottom:var(--ink-border);border-top:var(--ink-border);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(30px) rotate(-1deg);transition:transform .35s cubic-bezier(.34,1.3,.64,1),box-shadow .25s,opacity .35s ease}.comic-panel.panel-visible{opacity:1;transform:translateY(0) rotate(0)}.comic-panel:hover{transform:translateY(-4px) rotate(.4deg) scale(1.01);box-shadow:8px 8px 0 var(--ink);z-index:3}.panel-number{position:absolute;top:10px;left:10px;z-index:5;width:32px;height:32px;background:var(--ink);color:var(--yellow);font-family:var(--font-comic);font-size:.95rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--yellow);line-height:1}.panel-action-label{position:absolute;top:10px;right:10px;z-index:5;background:var(--red);color:#fff;font-family:var(--font-comic);font-size:.72rem;letter-spacing:.1em;padding:3px 10px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);text-transform:uppercase}.panel-img-link{display:block;position:relative;flex-shrink:0;overflow:hidden}:is(.comic-panel:nth-child(5n+1)) .panel-img-link{height:300px}.comic-panel:not(:nth-child(5n+1)) .panel-img-link{height:160px}.panel-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;filter:saturate(1.1) contrast(1.05)}.comic-panel:hover .panel-img{transform:scale(1.06)}.panel-img-halftone{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(20,16,10,.35) 1px,transparent 1px);background-size:5px 5px;pointer-events:none;mix-blend-mode:multiply;transition:opacity .3s}.comic-panel:hover .panel-img-halftone{opacity:.5}.panel-body{flex:1;padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--ink);background:var(--panel-bg);background-image:radial-gradient(circle,rgba(20,16,10,.04) 1px,transparent 1px);background-size:8px 8px}.panel-meta{display:flex;align-items:center;gap:10px;font-family:var(--font-comic);font-size:.72rem;color:#6b5a48;letter-spacing:.05em}.panel-reading{color:var(--red)}.panel-date{margin-left:auto}.panel-title{font-family:var(--font-comic);font-size:clamp(1.05rem, 2vw, 1.35rem);line-height:1.2;letter-spacing:.03em;color:var(--ink);margin:0}.panel-title a{color:inherit;text-decoration:none;transition:color .15s}.panel-title a:hover{color:var(--red)}:is(.comic-panel:nth-child(5n+1)) .panel-title{font-size:clamp(1.4rem, 3vw, 2.2rem);text-shadow:2px 2px 0 rgba(0,0,0,.08)}.panel-summary{font-family:var(--font-body2);font-size:.85rem;color:#4a3828;line-height:1.5;flex:1}.panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:2px solid var(--ink)}.panel-author{display:flex;align-items:center;gap:7px;font-family:var(--font-comic);font-size:.78rem;color:var(--ink);letter-spacing:.04em}.panel-avatar{width:26px;height:26px;background:var(--yellow);color:var(--ink);border-radius:50%;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-comic);font-size:.8rem;flex-shrink:0}.panel-read-btn{font-family:var(--font-comic);font-size:.8rem;letter-spacing:.08em;background:var(--ink);color:var(--yellow);padding:5px 12px;border:2px solid var(--ink);transition:transform .15s,background .15s,color .15s;text-decoration:none;flex-shrink:0}.panel-read-btn:hover{background:var(--red);color:#fff;transform:translate(-1px,-1px)}.panel-pow{position:absolute;bottom:56px;right:-10px;font-family:var(--font-comic);font-size:2.5rem;color:var(--red);text-shadow:2px 2px 0 var(--yellow),4px 4px 0 var(--ink);transform:rotate(12deg) scale(0);transition:transform .25s cubic-bezier(.34,1.6,.64,1);pointer-events:none;z-index:10;letter-spacing:.04em}.comic-panel:hover .panel-pow{transform:rotate(12deg) scale(1)}.speech-bubble-left{display:inline-block;background:var(--yellow);border:3px solid var(--ink);border-radius:18px 18px 18px 0;padding:14px 22px;font-family:var(--font-body2);font-size:.95rem;color:var(--ink);box-shadow:4px 4px 0 var(--ink);margin:20px 0}.comic-search-notice{margin-block:8px}.comic-empty{padding:80px 0;text-align:center}.empty-panel{border:var(--ink-border);box-shadow:6px 6px 0 var(--ink);padding:48px;max-width:480px;margin:auto;background:var(--panel-bg);background-image:radial-gradient(circle,rgba(20,16,10,.05) 1px,transparent 1px);background-size:10px 10px}.empty-sfx{font-family:var(--font-comic);font-size:3rem;color:var(--ink);opacity:.35;margin-bottom:20px;letter-spacing:.1em}.empty-panel p{font-family:var(--font-body2);color:var(--ink);margin-bottom:24px}.page-home .back-to-top{background:var(--red);color:#fff;border-radius:0;border:var(--ink-border);box-shadow:4px 4px 0 var(--ink)}.page-home .back-to-top:hover{background:var(--yellow);color:var(--ink);transform:translate(-3px,-3px) rotate(-3deg);box-shadow:7px 7px 0 var(--ink)}@media (max-width:900px){.comic-panels-grid{grid-template-columns:repeat(2,1fr)}.comic-panel,:is(.comic-panel:nth-child(5n+1)),:is(.comic-panel:nth-child(5n+2)),:is(.comic-panel:nth-child(5n+3)),:is(.comic-panel:nth-child(5n+4)),:is(.comic-panel:nth-child(5n+5)){grid-column:span 1;grid-row:span 1;min-height:320px}:is(.comic-panel:nth-child(odd)){grid-column:span 1}:is(.comic-panel:first-child),:is(.comic-panel:nth-child(5n+1)):first-child{grid-column:span 2;min-height:380px}:is(.comic-panel:nth-child(5n+1)) .panel-img-link{height:200px}}@media (max-width:600px){.comic-panels-grid{grid-template-columns:1fr;border-left:none;border-right:none}.comic-panel,:is(.comic-panel:nth-child(5n+1)){grid-column:span 1!important;grid-row:span 1!important;min-height:280px}.splash-title{font-size:2.2rem}.starburst{width:72px;height:72px}.starburst span{font-size:.75rem}.comic-btn-read{padding:10px 18px;font-size:.95rem}.splash-badges{gap:12px}.panel-pow{font-size:1.8rem}.sfx{display:none}}