*,:before,:after{box-sizing:border-box}body{color:#111;background:#0d0d0d;margin:0;font-family:Special Elite,Courier New,serif}.page{background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:24px 24px;flex-direction:column;align-items:center;gap:72px;min-height:100vh;padding:72px 24px 120px;display:flex}.lang-toggle{z-index:100;background:#0d0d0d;border:3px solid #fff;border-radius:999px;gap:0;display:flex;position:sticky;top:16px;overflow:hidden;box-shadow:4px 4px #fff}.lang-toggle button{letter-spacing:.1em;cursor:pointer;color:#fff;background:0 0;border:none;padding:10px 24px;font-family:Bangers,cursive;font-size:1.1rem;transition:background .15s,color .15s}.lang-toggle button.active{color:#0d0d0d;background:#fff}.lang-toggle button:not(.active):hover{background:#ffffff1a}.comic-card{background:var(--panel-accent,#fffdf7);opacity:0;border:4px solid #111;border-radius:4px;width:min(700px,92vw);padding:0;transition:opacity .55s,transform .55s,box-shadow .2s;position:relative;overflow:hidden;transform:translateY(48px);box-shadow:10px 10px #111}.comic-card.visible{opacity:1;transform:translateY(0)}.comic-card.visible.rotate-left{transform:rotate(-1.5deg)}.comic-card.visible.rotate-right{transform:rotate(1.5deg)}.comic-card:hover{box-shadow:14px 14px #111}.comic-card.rotate-left:hover{transform:rotate(-1.5deg)translateY(-6px)}.comic-card.rotate-right:hover{transform:rotate(1.5deg)translateY(-6px)}.comic-card img{object-fit:cover;background:#1a1a1a;border-bottom:4px solid #111;width:100%;display:block}.comic-card[data-layout=text-first] img{border-top:4px solid #111;border-bottom:none}.caption-box{background:#fffde7;padding:18px 22px;position:relative}.caption-box:before{content:"";background:#111;width:48px;height:3px;position:absolute;top:0;left:22px}.story-text{color:#111;margin:0;font-family:Special Elite,Courier New,serif;font-size:1.05rem;line-height:1.65}.comic-card[data-layout=text-first] .caption-box{border-bottom:4px solid #111}.panel-index{z-index:2;color:#fffde7;letter-spacing:.12em;background:#111;border-radius:2px;padding:4px 12px 3px;font-family:Bangers,cursive;font-size:1rem;line-height:1;position:absolute;top:12px;left:14px;box-shadow:3px 3px #0006}.comic-card.big{width:min(860px,94vw)}.comic-card.big img{object-position:center top;max-height:520px}.hero-title{letter-spacing:.06em;color:#111;margin:0 0 10px;font-family:Bangers,cursive;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.05}.comic-card[data-dark=true]{border-color:#ffffff2e;box-shadow:10px 10px #ffffff12}.comic-card[data-dark=true]:hover{box-shadow:14px 14px #ffffff1f}.comic-card[data-dark=true] img{border-color:#ffffff26}.comic-card[data-dark=true] .caption-box{background:#0000008c}.comic-card[data-dark=true] .caption-box:before{background:#ffffff40}.comic-card[data-dark=true] .story-text{color:#ffffffe0}.comic-card[data-dark=true] .panel-index{color:#ffffffe0;background:#ffffff1f;box-shadow:3px 3px #0006}@media (prefers-reduced-motion:reduce){.comic-card{opacity:1;transition:box-shadow .2s;transform:none!important}.comic-card.rotate-left{transform:rotate(-1.5deg)!important}.comic-card.rotate-right{transform:rotate(1.5deg)!important}}@media (width<=480px){.page{gap:48px;padding:60px 16px 96px}.story-text{font-size:.97rem}}