/* An intentionally overexcited manga fansite. Keep the quiz readable. */
:root{--paper:#fffdf2;--ink:#1b1b18;--yellow:#fff34f;--coral:#e52b28;--white:#fff;--muted:#69675e;--shadow:5px 6px 0 var(--ink)}
body{background-image:linear-gradient(#817c5910 1px,transparent 1px),linear-gradient(90deg,#817c5910 1px,transparent 1px);background-size:18px 18px}
.site-header{height:82px;max-width:1280px;border-bottom:3px double var(--ink);padding-top:17px;padding-bottom:17px}
.brand-warning{font-family:serif;font-size:28px;line-height:1;background:var(--yellow);color:var(--coral);border:2px solid var(--ink);padding:5px 6px;transform:rotate(-8deg);box-shadow:2px 2px 0 var(--ink);letter-spacing:0}
.brand-caption{color:var(--coral);font-weight:800}
.sound-button{border:2px solid var(--ink);border-radius:0;box-shadow:2px 2px 0 var(--ink)}
.home{padding-top:22px;animation:none}
.warning-ticker{display:flex;justify-content:space-between;gap:20px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:repeating-linear-gradient(135deg,var(--yellow) 0,var(--yellow) 13px,#f8df48 13px,#f8df48 26px);padding:8px 15px;font-size:10px;font-weight:900;letter-spacing:.08em;overflow:hidden;white-space:nowrap;margin-bottom:26px}
.hero{grid-template-columns:1.1fr 1fr;gap:66px;min-height:0;align-items:center;padding:0 18px}
.kicker{border-radius:0;border:0;border-left:4px solid var(--coral);padding:4px 8px;font-size:10px;font-weight:800;transform:rotate(-2deg);background:var(--yellow);width:max-content;max-width:100%}
.kicker::before{display:none}
.home h1{font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",sans-serif;font-weight:900;font-size:clamp(86px,7.5vw,108px);line-height:1.03;letter-spacing:-.09em;margin:22px 0 42px;isolation:isolate;transform:rotate(-3deg)}
.title-row:first-child{color:var(--ink);text-shadow:3px 3px 0 #fff,5px 5px 0 #b9b6a5}
.title-second{color:var(--coral);text-shadow:2px 2px 0 #fff,4px 4px 0 var(--ink);padding-right:8px}
.title-second::before{inset:61% -9px -4px -4px;transform:rotate(-1deg);border-bottom:2px solid var(--ink)}
.hero-copy{font-size:14px;line-height:2;font-weight:700;letter-spacing:.01em}
.hero-copy strong{background:var(--yellow);color:var(--ink);border-bottom:2px solid var(--coral);transform:rotate(-3deg)}
.game-facts{margin-top:21px;margin-bottom:16px}
.hero-start{max-width:390px;font-size:26px;min-height:68px;background:var(--yellow);border-width:3px;transform:rotate(-1deg);box-shadow:6px 7px 0 var(--ink)}
.hero-start:hover{transform:rotate(-1deg) translate(-2px,-2px)}
.hero-start:active{transform:rotate(-1deg) translate(4px,5px)}
.hero-suspect{height:495px;position:relative;margin:15px 10px 5px 8px;isolation:isolate;background:#fff;border:2px solid var(--ink);box-shadow:7px 8px 0 #d1cbb8;transform:rotate(2deg)}
.hero-suspect::before{content:"";position:absolute;top:-12px;left:30px;width:95px;height:25px;background:#d8cfacc4;transform:rotate(-10deg);border-left:1px dashed #b8b093;border-right:1px dashed #b8b093;z-index:3}
.suspect-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;image-rendering:pixelated;background:white}
.home-bottom{margin-top:35px;border-top:0;border-bottom:3px double var(--ink);padding-top:10px;padding-bottom:24px}
.step-number{-webkit-text-stroke:0;color:var(--coral);font-family:serif;font-size:30px;font-weight:900;transform:rotate(-7deg)}
.site-footer{padding-top:22px;font-size:9px}.footer-tag{color:var(--coral)}
.result-card{border-width:3px;box-shadow:7px 8px 0 var(--yellow),10px 11px 0 var(--ink)}
.result-card-top>b{color:var(--coral);transform:rotate(-3deg)}.result-rank h1{background:linear-gradient(transparent 57%,var(--yellow) 57%);text-shadow:1px 1px white}.review-item h3{white-space:pre-wrap;word-spacing:.15em}
@media(min-width:1450px){.home{padding-top:22px}.home-bottom{margin-top:35px}}
@media(max-width:1000px){.hero{gap:40px;padding:0 7px}.home h1{font-size:90px}.hero-suspect{height:460px}}
@media(max-width:720px){
  .site-header{height:73px;margin:0 17px;padding:13px 7px}.brand{font-size:21px;gap:9px}.brand-warning{font-size:23px;padding:4px 5px}.sound-button{height:38px;width:38px}.header-actions{gap:14px}
  .home{padding:17px 24px 0}.warning-ticker{margin-bottom:22px;padding:7px 8px;gap:16px;font-size:8px}.warning-ticker span:last-child{display:none}
  .hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 13px;padding:0;max-width:470px}.hero-intro{display:contents}.kicker{grid-column:1/-1;font-size:9px;margin-bottom:15px;letter-spacing:0}
  .home h1{grid-column:1;grid-row:2;align-self:center;font-size:clamp(56px,15.8vw,83px);line-height:1.08;margin:0 0 30px;letter-spacing:-.09em;transform:rotate(-4deg);z-index:2}.title-second{padding-right:2px}.title-second::before{inset:66% -4px -1px -2px}
  .hero-suspect{grid-column:2;grid-row:2;height:235px;margin:0 1px 13px 0;box-shadow:4px 5px 0 #d1cbb8;transform:rotate(3deg);z-index:1}.hero-suspect::before{width:55px;height:16px;top:-8px;left:18px}.suspect-image{object-fit:cover;object-position:44% top}
  .hero-copy{grid-column:1/-1;grid-row:3;font-size:12px;line-height:2;margin-top:8px}.hero-copy br{display:block}.game-facts{grid-column:1/-1;grid-row:4;gap:18px;margin:18px 0 14px;font-size:9px}.game-facts b{font-size:14px}
  .hero-start{grid-column:1/-1;grid-row:5;max-width:none;min-height:61px;font-size:23px;padding:0 21px;box-shadow:5px 6px 0 var(--ink)}
  .home-bottom{margin-top:27px;padding-top:0;padding-bottom:21px;gap:14px;max-width:470px}.step-number{font-size:25px}.how-step b{font-size:11px}.how-step p{font-size:9px}
  .site-footer{max-width:518px;padding-left:24px;padding-right:24px;gap:8px;font-size:8px}.footer-tag{white-space:nowrap}.result-card-top>b{font-size:15px}
}
@media(max-width:360px){.home{padding-left:20px;padding-right:20px}.hero{column-gap:10px}.home h1{font-size:clamp(51px,15.4vw,57px)}.hero-suspect{height:218px}.kicker{font-size:8px}.game-facts{gap:14px}.hero-copy{font-size:11px}.site-footer{font-size:7px}}