@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--ink:#11172c;--yellow:#ffdf30;--red:#fb3a37;--blue:#2db6e8;--paper:#fff7dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif}.top{background:#11192b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px max(22px,calc((100vw - 1120px)/2));gap:12px;border-bottom:6px solid var(--yellow)}.logo{color:var(--yellow);text-decoration:none;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:29px;letter-spacing:.5px}.logo span{color:#fff}.logo b{font-size:14px;background:var(--red);color:#fff;padding:4px 7px;transform:rotate(-3deg);display:inline-block}.top-tag{font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:#b8c4e3}main{overflow:hidden}.hero{text-align:center;padding:65px 20px 70px;position:relative;background:radial-gradient(#ffed6e 1.6px,transparent 2px) 0 0/17px 17px,#ffdf30;border-bottom:8px solid var(--ink)}.sun{position:absolute;right:8%;top:30px;font-size:75px;transform:rotate(-14deg)}.eyebrow,.kicker,.issue{font:900 15px 'Barlow Condensed',Impact,sans-serif;letter-spacing:3px}.hero h1{font:900 clamp(48px,8vw,98px)/.94 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:22px auto;max-width:1000px;text-shadow:4px 5px 0 white}.hero h1 em{font-style:normal;color:var(--red);text-shadow:3px 3px 0 var(--ink),6px 6px 0 white}.hero p{font-weight:800;font-size:16px;line-height:2}.finder{border:4px solid var(--ink);background:white;box-shadow:8px 8px 0 var(--ink);text-align:left;padding:22px;margin:32px auto 0;max-width:680px}.finder label{font-weight:900;display:block;margin-bottom:12px}.finder small{font-weight:500;color:#596072;font-size:12px}.field-row{display:flex;gap:10px}.field-row select{min-width:0;flex:1;border:3px solid var(--ink);background:#fff;padding:14px 12px;font-size:17px;font-weight:900}.field-row button,.button{cursor:pointer;border:3px solid var(--ink);padding:13px 18px;font:900 15px 'Noto Sans JP',sans-serif;text-decoration:none;text-align:center}.field-row button{background:var(--red);color:#fff;box-shadow:3px 3px 0 var(--ink)}.results{max-width:1100px;margin:0 auto;padding:64px 24px 90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.kicker{color:#ed3b38}.section-head h2{font-size:clamp(24px,4vw,40px);margin:5px 0;font-weight:900}.count{background:var(--ink);color:white;padding:8px 12px;font-size:13px;white-space:nowrap}.story{display:grid;grid-template-columns:minmax(260px,.92fr) 1fr;background:#fff;border:5px solid var(--ink);box-shadow:11px 11px 0 var(--red)}.comic{position:relative;background:#ffd400;border-right:5px solid var(--ink)}.comic img{width:100%;display:block}.fiction{position:absolute;bottom:10px;right:10px;background:#101010e5;color:white;font-size:11px;padding:5px 9px}.story-text{padding:36px 32px;display:flex;flex-direction:column;align-items:start}.issue{color:#ee3430}.story-text h3{font-weight:900;font-size:clamp(24px,3.5vw,39px);line-height:1.35;margin:12px 0}.story-text>p{line-height:1.95}.punchline{background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:16px;margin:12px 0 22px;width:100%}.punchline small{display:block;font-weight:900;color:#c52224}.punchline strong{display:block;margin-top:8px;font-size:22px}.meta{font-size:13px;line-height:1.9;color:#52596c}.meta a{color:#124b90}.note{font-size:12px;color:#696969}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:0}.primary{background:var(--red);color:white}.secondary{background:white;color:var(--ink)}.button:hover,.field-row button:hover{transform:translateY(-2px)}#message{font-size:13px;font-weight:700;margin-top:12px}.empty{text-align:center;background:white;border:4px dashed #17203b;padding:50px 15px}.empty-emoji{font-size:65px}.empty h3{font-size:25px}.empty p{color:#606779;line-height:2}.empty .button{margin-top:10px}.bottom{background:var(--blue);text-align:center;padding:60px 15px;border-top:7px solid var(--ink)}.bottom h2{font:900 clamp(50px,8vw,90px)/.9 'Barlow Condensed',Impact,sans-serif;color:white;text-shadow:5px 5px 0 var(--ink);margin:0 0 24px}.bottom p{font-weight:900}footer{background:var(--ink);padding:22px;color:#cdd2dc;text-align:center;font-size:12px}@media(max-width:760px){.top-tag{display:none}.top{padding:14px 20px}.hero{padding:42px 16px 55px}.sun{opacity:.25;right:1%}.hero h1{text-shadow:2px 3px 0 white}.finder{padding:15px;box-shadow:5px 5px 0 var(--ink)}.field-row{flex-wrap:wrap}.field-row button{width:100%}.story{grid-template-columns:1fr}.comic{border-right:0;border-bottom:5px solid var(--ink)}.story-text{padding:26px 20px}.section-head{align-items:start}.count{font-size:11px}.results{padding:40px 20px 70px}.buttons{width:100%}.buttons>*{flex:1;min-width:125px}}

.pending-comic{display:flex;align-items:center;justify-content:center;min-height:360px;flex-direction:column;background:#ffdf37;font-size:28px;font-weight:900;text-align:center;color:#172038}.pending-comic small{font-size:15px}