:root{--bg:#fff4e8;--bg-2:#ffe9d4;--card:#fff;--main:#ff8a4c;--main-soft:#ffd6bd;--main-deep:#d4561c;--ink:#3d2b22;--ink-2:#6e574b;--ink-3:#a08a7e;--line:#f3dccb;--butter:#ffc531;--butter-soft:#fff1c4;--round:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", sans-serif;--sans:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--r:22px;--max:720px;--wide:1080px;--shadow:0 5px 0 var(--main-soft);--pop-shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%233a2a2a' stroke-width='3'%3E%3Ccircle cx='12' cy='8.5' r='4.8'/%3E%3Ccircle cx='7' cy='13' r='4.3'/%3E%3Ccircle cx='17' cy='13' r='4.3'/%3E%3Ccircle cx='12' cy='15.5' r='4.6'/%3E%3C/g%3E%3Cg fill='%23fffaf0'%3E%3Ccircle cx='12' cy='8.5' r='4.8'/%3E%3Ccircle cx='7' cy='13' r='4.3'/%3E%3Ccircle cx='17' cy='13' r='4.3'/%3E%3Ccircle cx='12' cy='15.5' r='4.6'/%3E%3C/g%3E%3Ccircle cx='14' cy='9' r='1.5' fill='%23ffd25e'/%3E%3C/svg%3E");color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#221a16;--bg-2:#2c221d;--card:#33281f;--main:#ff9e6b;--main-soft:#5a3b2a;--main-deep:#ffbe98;--ink:#fbeee6;--ink-2:#d9c4b8;--ink-3:#a38e82;--line:#4a3a30;--butter:#ffd25e;--butter-soft:#4a3b1c;--shadow:0 5px 0 #150f0c;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);letter-spacing:.03em;margin:0;font-size:16px;line-height:1.9;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto;display:block}::selection{background:var(--main);color:#fff}.wrap{max-width:var(--wide);margin:0 auto;padding:0 16px}.narrow{max-width:var(--max);margin:0 auto;padding:0 16px}.header{background:var(--card);border-bottom:3px solid var(--main-soft);z-index:20;position:sticky;top:0}.header .wrap{justify-content:space-between;align-items:center;gap:12px;min-height:58px;display:flex}.logo{font-family:var(--round);color:var(--main-deep);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;font-size:1.35rem;font-weight:900;text-decoration:none;display:flex}.logo-mark{background:var(--main);color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font-size:.8rem;display:grid}.logo-accent{color:var(--main)}.logo small{color:var(--ink-3);border:2px solid var(--line);font-size:.64rem;font-weight:700;font-family:var(--sans);letter-spacing:.05em;border-radius:999px;padding:0 7px}.head-nav{gap:6px;display:flex}.head-nav a{font-family:var(--round);color:var(--main-deep);white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:.84rem;font-weight:700;text-decoration:none}.head-nav a[aria-current=page],.head-nav a:hover{background:var(--main);color:#fff}@media (width<=760px){.head-nav{display:none}}.chips{scrollbar-width:none;max-width:var(--wide);gap:8px;margin:0 auto;padding:12px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-height:44px;font-family:var(--round);background:var(--card);color:var(--main-deep);border:2px solid var(--main-soft);border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 16px 4px 6px;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.chip i{background:var(--bg-2);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.95rem;font-style:normal;display:grid}.chip:hover,.chip[aria-current=page]{background:var(--main);color:#fff;border-color:var(--main)}.chip[aria-current=page] i,.chip:hover i{background:#ffffff4d}.card{background:var(--card);border-radius:var(--r);border:3px solid var(--main-soft);box-shadow:var(--shadow);position:relative}.pops:before,.pops:after{content:"";background:var(--pop-shape) center / contain no-repeat;width:20px;height:20px;position:absolute;top:10px}.pops:before{left:12px}.pops:after{right:12px}.box{margin:22px 0;padding:26px 16px 22px}@media (width>=640px){.box{padding:28px 24px 24px}}.sec-title{font-family:var(--round);color:var(--main-deep);text-align:center;justify-content:center;margin:0 0 16px;font-size:1.4rem;font-weight:900;line-height:1.4;display:flex}.sec-title small{color:var(--main);letter-spacing:.2em;font-size:.68rem;font-weight:700;display:block}.sec-lead{text-align:center;color:var(--ink-2);margin:-8px 0 16px;font-size:.88rem}.hero{text-align:center;padding:18px 0 2px}.hero h1{font-family:var(--round);margin:0 0 6px;font-size:clamp(1.45rem,6vw,2.2rem);font-weight:900;line-height:1.5}.hero h1 em{color:var(--main-deep);background:linear-gradient(transparent 62%, var(--butter-soft) 62%);font-style:normal}.hero p{color:var(--ink-2);max-width:30em;margin:0 auto;font-size:.9rem}.mood-box{margin:20px 0 8px}.moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=640px){.moods{grid-template-columns:repeat(3,minmax(0,1fr))}}.moods a{white-space:nowrap;min-height:52px;font-family:var(--round);color:var(--ink);background:var(--card);border:3px solid var(--main-soft);box-shadow:0 3px 0 var(--main-soft);border-radius:16px;align-items:center;gap:6px;padding:6px 10px;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .1s,border-color .1s;display:flex}.moods a span{flex:none;font-size:1.25rem}.moods a:hover{border-color:var(--main);transform:translateY(-2px)}.mood-count{color:var(--ink-3);margin-left:auto;font-size:.75rem}.moods-small{margin:8px 0 0}.moods-small a{min-height:44px;font-size:.84rem}.mood-emoji{font-size:2.4rem;line-height:1.2;display:block}.has-peek{margin-top:112px}.peek{pointer-events:none;line-height:0;position:absolute;top:0;left:50%;transform:translate(-50%,-84%)}.mascot{height:auto;margin:0 auto;display:block}.empty .mascot{margin-bottom:4px}.page-hero .mascot{margin-bottom:2px}.mascot-note{background:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:8px 14px;font-size:.9rem;display:flex}.mascot-note .mascot{flex:none;margin:0}.footer-top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.footer-top .mascot,.footer-top .logo{margin:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.wcard{min-width:0}.wcard-link{text-decoration:none;display:block}.wthumb{aspect-ratio:9/16;background:var(--bg-2);border:3px solid var(--main-soft);border-radius:18px;place-items:center;transition:transform .15s,border-color .15s;display:grid;position:relative;overflow:hidden}.wcard-link:hover .wthumb{border-color:var(--main);transform:translateY(-3px)}.wthumb img{object-fit:cover;width:100%;height:100%}.wthumb-emoji{font-size:2.8rem}.wthumb-platform{font-family:var(--round);color:#fff;background:#0000008c;border-radius:999px;padding:1px 8px;font-size:.66rem;font-weight:700;position:absolute;top:8px;left:8px}.wthumb-play{background:var(--main);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.78rem;display:grid;position:absolute;bottom:8px;right:8px}.badge{font-family:var(--round);border:2px solid var(--card);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:900;position:absolute;top:6px;right:6px}.badge-new{background:var(--main);color:#fff;transform:rotate(8deg)}.badge-new[hidden]{display:none}.badge-draft{background:var(--card);color:var(--ink-3);border:1.5px dashed var(--ink-3)}.wcard-body{padding:8px 2px 0}.wcard-title{font-family:var(--round);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.wcard-creator{color:var(--ink-3);margin:2px 0 0;font-size:.75rem;line-height:1.5}.wcard-blurb{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.8rem;line-height:1.6;display:-webkit-box;overflow:hidden}.wcard-comment{background:var(--butter-soft);border-radius:12px;margin:8px 0 0;padding:8px 10px;font-size:.82rem;line-height:1.6;position:relative}.wcard-comment:before{content:"選者のひとこと";font-family:var(--round);color:var(--main-deep);font-size:.66rem;font-weight:700;display:block}.tag{font-family:var(--round);color:var(--main-deep);background:var(--bg);border-radius:999px;padding:0 9px;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-block}.wcard-genres{flex-wrap:wrap;gap:4px;margin:6px 0 0;display:flex}.g-gag{background:#ffe07a}.g-horror{background:#b9a7d9}.g-fantasy{background:#b8d8ff}.g-emotional{background:#ffc4d2}.g-sf{background:#a9e6e0}.g-daily{background:#cdeab3}.g-action{background:#ffb08a}.g-music{background:#e2c2ff}@media (prefers-color-scheme:dark){.g-gag,.g-horror,.g-fantasy,.g-emotional,.g-sf,.g-daily,.g-action,.g-music{filter:brightness(.75)saturate(.9)}}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:58%;grid-auto-flow:column;gap:12px;padding:4px 2px 10px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}@media (width>=640px){.rail{grid-auto-columns:calc(33.3333% - 8px)}}.pickup-week-head{justify-content:center;margin:-8px 0 14px;display:flex}.pickup-list{counter-reset:pick;gap:30px;max-width:360px;margin:0 auto;padding:0;list-style:none;display:grid}.pickup-list li{counter-increment:pick;position:relative}.pickup-list li:before{content:counter(pick);z-index:1;background:var(--main);color:#fff;border:3px solid var(--card);width:40px;height:40px;font-family:var(--round);border-radius:50%;place-items:center;font-size:1.1rem;font-weight:900;display:grid;position:absolute;top:-12px;left:-8px}.cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=640px){.cats{grid-template-columns:repeat(4,minmax(0,1fr))}}.cats a{text-align:center;background:var(--card);border:3px solid var(--main-soft);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:14px 8px 12px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.cats a:hover{border-color:var(--main);transform:translateY(-3px)}.cats .circle{border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.6rem;display:grid}.cats strong{font-family:var(--round);color:var(--main-deep);margin-top:4px;font-size:.92rem;line-height:1.4}.cats small{color:var(--ink-3);font-size:.72rem}.btn{min-height:48px;font-family:var(--round);color:var(--main-deep);background:var(--card);border:3px solid var(--main);box-shadow:0 4px 0 var(--main);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover{box-shadow:0 2px 0 var(--main);transform:translateY(2px)}.btn-fill{background:var(--main);color:#fff;box-shadow:0 4px 0 var(--main-deep)}.btn-fill:hover{box-shadow:0 2px 0 var(--main-deep)}@media (prefers-color-scheme:dark){.btn-fill{color:#221a16}}.btn-wide{width:100%;display:flex}.more{width:fit-content;margin:22px auto 0;display:flex}.page-hero{text-align:center;padding:18px 0 4px}.page-hero .circle{border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 4px;font-size:2rem;display:grid}.page-hero h1{font-family:var(--round);color:var(--main-deep);margin:0 0 4px;font-size:clamp(1.5rem,5vw,2.1rem);font-weight:900;line-height:1.4}.page-hero p{color:var(--ink-2);max-width:32em;margin:0 auto;font-size:.9rem}.kicker{font-family:var(--round);letter-spacing:.15em;color:var(--main);font-size:.72rem;font-weight:700}.tags{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;display:flex}.tags a{min-height:36px;font-family:var(--round);color:var(--main-deep);background:var(--bg);border-radius:999px;align-items:center;padding:2px 12px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.tags-more{text-align:center;width:100%}.tags-more summary{cursor:pointer;min-height:40px;font-family:var(--round);color:var(--main-deep);border:2px dashed var(--main-soft);border-radius:999px;align-items:center;padding:2px 16px;font-size:.82rem;font-weight:700;list-style:none;display:inline-flex}.tags-more summary::-webkit-details-marker{display:none}.tags-more[open] summary{margin-bottom:10px}.tags-more .tags{margin:0}.empty{text-align:center;color:var(--ink-3);font-family:var(--round);padding:20px 0 6px}.breadcrumb{color:var(--ink-3);margin:8px 0 12px;font-size:.75rem}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--main-deep)}.check-note{border:2px dashed var(--main);background:var(--card);border-radius:14px;margin:0 0 14px;padding:10px 14px;font-size:.82rem}.check-note ul{margin:4px 0 0;padding-left:1.2em}.work-layout{gap:18px;display:grid}@media (width>=860px){.work-layout{grid-template-columns:minmax(0,380px) 1fr;align-items:start;gap:28px}}.player-box{width:100%;max-width:380px;margin:0 auto}.player,.player-frame{aspect-ratio:9/16;border-radius:var(--r);border:3px solid var(--main-soft);width:100%;max-height:76vh;display:block}.player{cursor:pointer;color:#fff;font:inherit;background:#000;padding:0;position:relative;overflow:hidden}.player img{object-fit:cover;opacity:.9;width:100%;height:100%}.player-play{background:var(--main);color:#fff;border:4px solid #fff;border-radius:50%;place-items:center;width:76px;height:76px;margin:auto;font-size:1.7rem;display:grid;position:absolute;inset:0}.player-note{text-align:center;text-shadow:0 1px 3px #000;font-size:.75rem;position:absolute;bottom:12px;left:0;right:0}.player-off{text-align:center;background:var(--bg-2);color:var(--ink-2);cursor:default;font-family:var(--round);border-style:dashed;place-items:center;padding:24px;text-decoration:none;display:grid}a.player-off{cursor:pointer}.work-info{padding:22px 18px 20px}.work-title{font-family:var(--round);margin:0;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:900;line-height:1.5}.work-creator{color:var(--ink-2);margin:4px 0 12px;font-size:.9rem}.work-creator a{color:var(--main-deep);font-weight:700}.work-blurb{font-family:var(--round);background:var(--butter-soft);border-radius:14px;margin:0 0 12px;padding:12px 14px;font-size:1.02rem;font-weight:700;line-height:1.7}.work-meta{grid-template-columns:auto 1fr;gap:8px 14px;margin:16px 0 20px;font-size:.86rem;display:grid}.work-meta dt{color:var(--ink-3);font-family:var(--round);font-weight:700}.work-meta dd{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.cta{background:var(--main);color:#fff;border-radius:var(--r);text-align:center;margin:36px 0 28px;padding:30px 18px 24px;position:relative}.cta:before{content:"";background:radial-gradient(circle at 12px 0, var(--bg) 9px, transparent 9.5px) repeat-x 0 0 / 24px 12px;height:12px;position:absolute;top:0;left:12px;right:12px}.cta-title{font-family:var(--round);margin:0 0 14px;font-size:1.2rem;font-weight:900;line-height:1.5}.cta-links{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;display:flex}.cta .btn{color:var(--main-deep);box-shadow:0 4px 0 var(--main-deep);background:#fff;border-color:#fff}.cta-sub{margin:14px 0 0;font-size:.78rem}.cta-sub a{color:#fff}@media (prefers-color-scheme:dark){.cta{background:#6b3a20}}.prose{overflow-wrap:anywhere;font-size:1rem}.prose p{margin:1em 0}.prose h2{font-family:var(--round);background:var(--bg);border-left:8px solid var(--main);border-radius:14px;margin:2em 0 .8em;padding:10px 16px;font-size:1.25rem;font-weight:900;line-height:1.5}.prose h3{font-family:var(--round);margin:1.6em 0 .5em;padding-left:24px;font-size:1.08rem;font-weight:700;position:relative}.prose h3:before{content:"";background:var(--pop-shape) center / contain no-repeat;width:18px;height:18px;position:absolute;top:.35em;left:0}.prose strong{background:linear-gradient(transparent 60%, var(--butter-soft) 60%)}.prose a{color:var(--main-deep);text-underline-offset:3px}.prose li::marker{color:var(--main)}.prose table{border-collapse:separate;border-spacing:0;border:2px solid var(--main-soft);border-radius:14px;width:100%;margin:1.4em 0;font-size:.88rem;overflow:hidden}.prose th{background:var(--bg-2);font-family:var(--round);text-align:left;padding:9px 12px}.prose td{border-top:1px solid var(--line);padding:9px 12px}@media (width<=640px){.prose table{white-space:nowrap;display:block;overflow-x:auto}}.page-card{margin-top:12px;padding:6px 20px 22px}.article-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.article-list a{background:var(--bg);border:2px solid #0000;border-radius:16px;gap:2px;padding:12px 14px;text-decoration:none;display:grid}.article-list a:hover{border-color:var(--main)}.article-list .tag{background:var(--card);justify-self:start}.footer{background:var(--main-soft);margin-top:56px;padding:32px 0 26px;position:relative}.footer:before{content:"";background:radial-gradient(circle at 12px 12px, var(--main-soft) 11px, transparent 11.5px) repeat-x 0 0 / 24px 12px;height:12px;position:absolute;top:-12px;left:0;right:0}.footer .logo{margin-bottom:10px}.footer nav{flex-wrap:wrap;gap:6px 18px;font-size:.84rem;display:flex}.footer nav a{color:var(--ink-2);padding:4px 0;text-decoration:none}.footer nav a:hover{color:var(--main-deep)}.footer .disclaimer{color:var(--ink-2);margin:14px 0 8px;font-size:.75rem;line-height:1.8}.footer .copy{color:var(--ink-3);margin:0;font-size:.7rem}.dock{display:none}@media (width<=760px){body{padding-bottom:88px}.dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;background:var(--card);border:3px solid var(--main-soft);border-radius:20px;grid-template-columns:repeat(4,1fr);padding:5px 4px;display:grid;position:fixed;box-shadow:0 4px 16px #a0501e2e}.dock a{min-height:48px;font-family:var(--round);color:var(--ink-2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:.66rem;font-weight:700;text-decoration:none;display:flex}.dock a[aria-current=page]{color:var(--main-deep);background:var(--bg)}.dock svg{width:23px;height:23px}}