:root{--paper:#f2ede2;--paper-2:#e8e1d2;--ink:#111;--ink-2:#555;--red:#d7261e;--tone:#bdb7aa;--white:#fff;--display:"Dela Gothic One", "Zen Kaku Gothic New", sans-serif;--jp:"Kaisei Decol", serif;--body:"Zen Kaku Gothic New", system-ui, sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{object-fit:cover;width:100%;height:100%;display:block}::selection{background:var(--red);color:var(--white)}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.muted{color:var(--ink-2);margin:10px 0}.mast{border-bottom:6px double var(--ink);z-index:20;align-items:center;gap:28px;margin-bottom:28px;padding:22px 0;display:flex;position:relative}.logo{align-items:center;gap:10px;display:flex}.logo b{font:400 44px/1 var(--display);letter-spacing:-1px}.logo i{writing-mode:vertical-rl;font:700 15px var(--jp);background:var(--red);color:var(--white);padding:4px 2px;font-style:normal}.mast nav{letter-spacing:.12em;gap:22px;font-size:14px;font-weight:900;display:flex}.mast nav a{border-bottom:3px solid #0000;padding-bottom:3px;transition:border-color .2s}.mast nav a:hover{border-color:var(--tone)}.mast nav a.on{border-color:var(--red)}.bubble{width:340px;margin-left:auto;position:relative}.bubble input{width:100%;font:700 16px var(--body);border:3px solid var(--ink);background:var(--white);color:var(--ink);border-radius:50%;outline:none;padding:12px 22px}.bubble input:focus{box-shadow:4px 4px 0 var(--ink)}.bubble:after{content:"";border:9px solid #0000;border-top:16px solid var(--ink);pointer-events:none;position:absolute;bottom:-14px;left:38px;transform:skew(-25deg)}.bubble .dots{font:400 22px var(--display);animation:1s infinite blink;position:absolute;top:8px;right:22px}@keyframes blink{50%{opacity:.2}}.results{background:var(--white);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);z-index:30;max-height:70vh;position:absolute;top:60px;left:-20px;right:-20px;overflow-y:auto}.results .hint{color:var(--red);border-bottom:2px solid var(--ink);padding:8px 12px;font-size:13px;font-weight:700}.results button{border-bottom:1px dashed var(--tone);text-align:left;align-items:center;gap:12px;width:100%;padding:8px 12px;display:flex}.results button.on{background:var(--paper)}.results img{filter:grayscale()contrast(1.2);flex:none;width:38px;height:54px}.results button.on img{filter:none}.results b{font-size:15px;line-height:1.25;display:block}.results small{color:var(--ink-2);font-size:12px}.results em{font:400 10px var(--display);background:var(--ink);color:var(--white);white-space:nowrap;margin-left:auto;padding:3px 6px;font-style:normal}.account{flex:none}.avatar{border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);position:relative}.avatar img{filter:grayscale()contrast(1.2)}.avatar:hover img{filter:none}.menu{background:var(--white);border:3px solid var(--ink);width:230px;box-shadow:6px 6px 0 var(--ink);text-align:left;z-index:40;flex-direction:column;font-size:13px;display:flex;position:absolute;top:50px;right:-3px}.menu>*{border-bottom:1px dashed var(--tone);padding:10px 14px}.menu a:hover,.menu .link:hover{background:var(--paper)}.local-note{font:400 11px var(--display);border:2px dashed var(--ink);letter-spacing:.05em;padding:6px 8px}.ink-btn{background:var(--ink);color:var(--white);font:400 15px var(--display);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--red);align-items:center;gap:6px;padding:11px 18px;transition:transform .12s,box-shadow .12s;display:inline-flex}.ink-btn:hover{box-shadow:6px 6px 0 var(--red);transform:translate(-2px,-2px)}.ink-btn:active{box-shadow:1px 1px 0 var(--red);transform:translate(2px,2px)}.ink-btn.ghost{background:var(--white);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.ink-btn.small{padding:8px 12px;font-size:12px}.text-btn{color:var(--ink-2);margin-top:18px;font-size:13px;text-decoration:underline}.text-btn:hover{color:var(--red)}.panel{border:4px solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--ink);display:block;position:relative;overflow:hidden}.pic{position:absolute;inset:0}.pic img{filter:grayscale()contrast(1.3)brightness(1.05);transition:filter .5s,transform .6s}.pic:after{content:"";mix-blend-mode:multiply;opacity:.35;pointer-events:none;background:radial-gradient(circle,#000 .9px,#0000 1.4px) 0 0/5px 5px;transition:opacity .5s;position:absolute;inset:0}.panel:hover .pic img,.pic.color img{filter:none}.panel:hover .pic:after,.pic.color:after{opacity:.08}.narr{background:var(--white);border:3px solid var(--ink);padding:8px 12px;font-weight:700;position:absolute}.kicker{letter-spacing:.25em;color:var(--red);font-size:12px;font-weight:900}.hero{grid-template-columns:1fr 90px;height:420px;display:grid;transform:rotate(-.4deg)}.hero .pic{right:90px}.hero .vert{border-left:4px solid var(--ink);background:var(--ink);color:var(--paper);writing-mode:vertical-rl;font:700 34px var(--jp);letter-spacing:.15em;grid-column:2;justify-content:center;align-items:center;display:flex;overflow:hidden}.hero .narr.top{max-width:min(460px,100% - 140px);top:20px;left:20px}.hero h1{font:400 38px/1.08 var(--display);margin:4px 0 8px}.hero .sub{font-size:14px}.hero .narr.bot{font:400 14px var(--display);color:var(--red);bottom:20px;left:20px}.genres{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.genres span,.tag{letter-spacing:.08em;border:2px solid var(--ink);text-transform:uppercase;padding:1px 7px;font-size:11px;font-weight:900}.tag{margin:0 3px;display:inline-block}.tbc{background:var(--red);color:var(--white);font:400 18px var(--display);clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);padding:10px 30px 10px 16px;transition:transform .15s;position:absolute;bottom:22px;right:110px}button.tbc:hover{transform:translate(6px)}.tbc.static{background:var(--ink)}h2{font:400 26px var(--display);align-items:baseline;gap:14px;margin:56px 0 20px;display:flex}h2 em{font:700 15px var(--jp);color:var(--red);font-style:normal}h2:after{content:"";background:var(--ink);flex:1;align-self:center;height:4px}.onair{border:3px solid var(--ink);background:var(--white);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:26px;padding:10px 14px;font-size:14px;display:flex}.onair-tag{background:var(--red);color:var(--white);font:400 12px var(--display);padding:3px 8px;animation:2s infinite blink}.onair a:hover b{color:var(--red)}.toolbar{flex-wrap:wrap;align-items:center;gap:14px;margin:-4px 0 20px;display:flex}.tabs{border:3px solid var(--ink);background:var(--white);display:flex}.tabs button{font:400 13px var(--display);border-right:3px solid var(--ink);padding:8px 14px}.tabs button:last-child{border-right:0}.tabs button.on{background:var(--ink);color:var(--white)}.tabs sup{font:900 10px var(--body);color:var(--red);margin-left:4px}.toolbar select{font:700 14px var(--body);border:3px solid var(--ink);background:var(--white);color:var(--ink);margin-left:auto;padding:8px 10px}.grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;grid-auto-flow:dense;gap:16px;display:grid}.grid .panel{cursor:pointer;transition:transform .2s}.grid .panel:nth-child(3n+1){transform:rotate(-.3deg)}.grid .panel:nth-child(5n+2){transform:rotate(.4deg)}.grid .panel:hover{box-shadow:9px 9px 0 var(--ink);transform:translate(-3px,-3px)}.grid .narr{font-size:13px;font-weight:500;bottom:10px;left:10px;right:10px}.grid .narr b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;line-height:1.2;display:block;overflow:hidden}.chip{background:var(--ink);color:var(--white);font:400 11px var(--display);padding:4px 8px;position:absolute;top:10px;right:10px}.chip.watching{background:var(--red)}.chip.planned{background:var(--white);color:var(--ink);border:2px solid var(--ink)}.chip.dropped{background:var(--tone);color:var(--ink);text-decoration:line-through}.burst{background:var(--red);color:var(--white);font:400 11px var(--display);clip-path:polygon(50% 0,61% 18%,80% 7%,79% 29%,100% 30%,86% 47%,100% 63%,79% 68%,82% 91%,61% 82%,50% 100%,39% 82%,18% 92%,21% 69%,0 63%,14% 47%,0 30%,21% 29%,20% 7%,39% 18%);text-align:center;max-width:120px;padding:14px 12px;line-height:1.1;position:absolute;top:8px;left:8px;transform:rotate(-8deg)}.burst.announced,.burst.more{background:var(--ink)}.next-vol{border:4px solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--red);align-items:center;gap:18px;margin:56px 0 0;padding:14px;transition:transform .2s;display:flex}.next-vol:hover{transform:translate(-3px,-3px)}.next-vol img{border:2px solid var(--ink);flex:none;width:60px;height:86px}.next-vol b{font:400 20px var(--display);display:block}.next-vol small{color:var(--ink-2)}.next-vol i{font:400 14px var(--display);color:var(--red);margin-left:auto;font-style:normal}.recs,.shelf{scrollbar-width:thin;padding:20px 0 30px;display:flex;overflow-x:auto}.shelf{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:64px 26px;padding-bottom:50px;display:grid;overflow:visible}.shelf .vol{aspect-ratio:2/3;height:auto;margin:0}.vol{border:4px solid var(--ink);height:240px;box-shadow:5px 5px 0 var(--ink);background:var(--white);flex:0 0 160px;margin-right:-14px;transition:transform .25s;position:relative}.vol:nth-child(odd){transform:rotate(-3deg)}.vol:nth-child(2n){transform:rotate(2.5deg)translateY(10px)}.vol:hover{z-index:3;transform:rotate(0)translateY(-14px)scale(1.04)}.vol a{height:100%;display:block}.vol img{filter:grayscale()contrast(1.2);transition:filter .4s}.vol:hover img{filter:none}.vol-title{background:var(--ink);color:var(--white);padding:6px 8px;font-size:12px;font-weight:700;line-height:1.25;position:absolute;bottom:0;left:0;right:0}.vol-add{background:var(--white);border:2px solid var(--ink);font:400 11px var(--display);opacity:0;padding:3px 7px;transition:opacity .2s;position:absolute;top:8px;left:8px}.vol:hover .vol-add,.vol-add:focus-visible{opacity:1}.vol-add:hover{background:var(--red);color:var(--white)}.match{background:var(--red);width:52px;height:52px;color:var(--white);border:3px solid var(--ink);font:400 17px/1 var(--display);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;right:-10px;transform:rotate(10deg)}.match small{font-size:9px;position:absolute;bottom:9px;right:9px}.because{color:var(--ink-2);font-size:11px;line-height:1.25;position:absolute;top:calc(100% + 6px);left:-2px;right:-2px}.because b{color:var(--ink)}.because{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.add-panel{flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;display:flex}.say{background:var(--white);border:3px solid var(--ink);font:400 18px var(--display);border-radius:50%;padding:18px 30px;position:relative}.say:after{content:"";border:10px solid #0000;border-left:20px solid var(--ink);position:absolute;top:50%;right:-20px;transform:translateY(-50%)skewY(-20deg)}.add-row{flex-wrap:wrap;gap:14px;display:flex}.show-grid{grid-template-columns:300px 1fr;align-items:start;gap:36px;display:grid}.synopsis{margin-top:56px;position:sticky;top:20px}.you-box{border:4px solid var(--ink);background:var(--white);box-shadow:6px 6px 0 var(--red);margin-bottom:22px;padding:14px 16px}.you-box b{font:400 24px var(--display);margin-top:2px;display:block}.you-box small{color:var(--ink-2);font-size:12px}.you-box .vs{border-top:2px dashed var(--tone);gap:10px;margin-top:12px;padding-top:10px;display:flex}.desc{white-space:pre-line;border-left:4px solid var(--ink);padding-left:14px;font-size:14px;line-height:1.75}.burst-tag{background:var(--red);color:var(--white);font:400 14px var(--display);margin-top:18px;padding:6px 12px;display:inline-block;transform:rotate(-2deg)}.toc{padding:0;list-style:none}.toc li{border-bottom:2px solid var(--ink);grid-template-columns:54px 48px 1fr 66px 66px auto;align-items:center;gap:14px;padding:14px 6px;display:grid}.toc li.cur{background:repeating-linear-gradient(-45deg,#0000 0 6px,#0000000f 6px 8px)}.toc .num{font:400 34px var(--display)}.toc.movies .num{font:700 26px var(--jp);color:var(--red)}.toc li.cur .num{color:var(--red)}.toc .thumb{border:2px solid var(--ink);filter:grayscale()contrast(1.2);width:48px;height:68px;transition:filter .3s}.toc li:hover .thumb,.toc li.cur .thumb{filter:none}.toc .ttl{min-width:0;font-size:16px;font-weight:900;line-height:1.3}.toc .ttl small{color:var(--ink-2);font-size:13px;font-weight:400;display:block}.toc .air{color:var(--red);margin-top:4px;font-size:12px;font-weight:900;display:inline-block}.score{text-align:center;font:400 28px/1.1 var(--display);min-width:60px}.score small{font:900 9px var(--body);letter-spacing:.2em;color:var(--ink-2);display:block}.score.you{color:var(--red)}.score.unset{color:var(--tone)}.rating{position:relative}.rating>button.score{border:2px dashed #0000;width:100%;padding:2px 4px}.rating>button.score:hover{border-color:var(--red)}.rate-pop{z-index:15;background:var(--white);border:3px solid var(--ink);width:228px;box-shadow:6px 6px 0 var(--ink);text-align:left;padding:10px 12px 12px;position:absolute;top:calc(100% + 6px);right:-10px}.rate-now{font:400 30px/1 var(--display);color:var(--red);position:absolute;top:6px;right:12px}.rate-label{font:900 9px var(--body);letter-spacing:.2em;color:var(--ink-2);margin:8px 0 5px;display:block}.rate-row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.rate-row button{height:34px;font:400 15px var(--display);border:2px solid var(--ink)}.rate-row.tenths button{border-style:dashed;height:28px;font-size:13px}.rate-row button:hover:not(:disabled),.rate-row button.on{background:var(--red);color:var(--white);border-color:var(--red);border-style:solid}.rate-row button:disabled{opacity:.3;cursor:not-allowed}.rate-foot{gap:6px;margin-top:10px;display:flex}.rate-foot input{min-width:0;font:700 13px var(--body);border:2px solid var(--ink);background:var(--paper);color:var(--ink);flex:1;padding:5px 7px}.rate-foot button{font:700 12px var(--body);border:2px dashed var(--ink);padding:0 8px}.rate-foot .done{background:var(--ink);color:var(--white);border-style:solid}.status-picker{border:2px solid var(--ink);background:var(--white);display:flex}.status-picker button{font:900 9px var(--body);letter-spacing:.06em;text-transform:uppercase;border-right:2px solid var(--ink);min-width:52px;color:var(--ink-2);flex-direction:column;align-items:center;gap:1px;padding:5px 7px;display:flex}.status-picker button:last-child{border-right:0}.status-picker button span{color:var(--ink);font-size:15px}.status-picker button:hover{background:var(--paper)}.status-picker button.on{background:var(--ink);color:var(--white)}.status-picker button.on span{color:var(--white)}.status-picker button.on.watching{background:var(--red)}.status-picker button.on.dropped{background:var(--tone);color:var(--ink)}.empty,.intro,.notice{background:repeating-linear-gradient(45deg, var(--paper-2) 0 2px, var(--white) 2px 7px);min-height:300px}.intro{min-height:0}.empty .narr,.intro .narr,.notice .narr{max-width:640px;margin:36px;padding:22px 26px;position:relative}.empty h1,.intro h1{font:400 40px/1.1 var(--display);margin:6px 0 12px}.empty p,.intro p{font-weight:500;line-height:1.7}.loading{text-align:center;font:400 20px var(--display);padding:50px 0}.loading i{color:var(--red);font-style:normal;animation:1s infinite blink;display:inline-block}.tiles{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.tile{padding:22px 18px 16px}.tile .big{font:400 52px/1 var(--display);margin-bottom:8px;display:block}.tile.red{background:var(--red);color:var(--white)}.tile.red .kicker{color:var(--white)}.stats-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.hbars{padding:0;list-style:none}.hbars li{grid-template-columns:120px 1fr 34px;align-items:center;gap:10px;padding:5px 0;font-size:14px;font-weight:700;display:grid}.hbars li:hover{color:var(--red)}.hbars .track{height:18px}.hbars .track span{background:var(--ink);border-radius:0 4px 4px 0;height:100%;transition:background .2s;display:block}.hbars li:hover .track span{background:var(--red)}.hbars .val{font-family:var(--display);text-align:right;font-weight:400}.hist{border-bottom:3px solid var(--ink);grid-template-columns:repeat(10,1fr);gap:4px;height:180px;padding-top:18px;display:grid}.hist .col{flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.hist .bar{background:repeating-linear-gradient(45deg, var(--ink) 0 2px, var(--tone) 2px 5px);border-radius:4px 4px 0 0;width:100%;max-width:34px;min-height:0}.hist .col.on .bar{background:var(--red)}.hist .col:hover .bar{background:var(--ink)}.hist .n{font:400 12px var(--display);margin-bottom:4px}.hist .x{font:400 13px var(--display);position:absolute;bottom:-24px}.versus{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:44px;display:flex}.versus .score{font-size:40px}.vs-mark{font:400 16px var(--display);background:var(--ink);color:var(--white);padding:4px 8px;transform:rotate(-6deg)}.versus p{flex-basis:100%;font-weight:700}.take{height:260px}.take .narr{font-weight:500;bottom:12px;left:12px;right:12px}.take .narr b{font:400 18px var(--display);display:block}.take em{font:400 18px var(--display);color:var(--red);font-style:normal}.modal{z-index:100;background:#111111b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-body{background:var(--paper);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--red);flex-direction:column;align-items:center;gap:18px;max-height:94vh;padding:22px;display:flex;position:relative;overflow-y:auto}.modal .close{font:400 18px var(--display);position:absolute;top:6px;right:10px}.card-preview{border:3px solid var(--ink);width:min(420px,80vw);height:auto}.sfx{z-index:90;background:var(--white);color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--red);font:400 18px var(--display);max-width:calc(100vw - 32px);padding:12px 22px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;position:fixed;bottom:26px;left:50%;transform:translate(-50%)rotate(-2deg)}.sfx.err{box-shadow:6px 6px 0 var(--ink);background:var(--red);color:var(--white)}@keyframes pop{0%{opacity:0;transform:translate(-50%)rotate(-2deg)scale(.4)}}.busy{z-index:80;background:var(--ink);color:var(--white);text-align:center;font:400 12px var(--display);letter-spacing:.1em;padding:4px;position:fixed;top:0;left:0;right:0}.foot{border-top:6px double var(--ink);justify-content:space-between;margin:80px 0 0;padding:18px 0 30px;font-size:13px;font-weight:700;display:flex}.foot a{text-decoration:underline}.foot span:last-child{font:700 16px var(--jp);color:var(--red)}@media (width<=960px){.show-grid{grid-template-columns:1fr;gap:0}.synopsis{position:static}.toc li{grid-template-columns:42px 42px 1fr 56px 56px}.toc .status-picker{grid-column:1/-1}.stats-grid{grid-template-columns:1fr;gap:0}.tiles{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.mast{flex-wrap:wrap;gap:14px 20px}.bubble{order:5;width:100%}.account{margin-left:auto}.hero{grid-template-columns:1fr 56px;height:360px;transform:none}.hero .pic{right:56px}.hero .vert{font-size:22px}.hero h1{font-size:26px}.hero .narr.top{max-width:calc(100% - 96px)}.tbc{font-size:14px;right:72px}.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}.grid .panel{grid-area:auto!important;transform:none!important}.toolbar select{margin-left:0}.tabs{max-width:100%;overflow-x:auto}.toc li{grid-template-columns:34px 1fr 52px 52px;gap:10px}.toc .thumb{display:none}.toc .num{font-size:24px}.empty h1,.intro h1{font-size:30px}.empty .narr,.intro .narr{margin:18px}.say:after{display:none}.vol{flex-basis:130px;height:196px}.tile .big{font-size:38px}.hbars li{grid-template-columns:96px 1fr 30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}