:root{color-scheme:light}.comic-standalone{margin:0;background:#eceee6;color:#173d35;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.comic-site-header,.comic-site-footer{max-width:760px;margin:auto;padding:22px;display:flex;gap:18px;justify-content:space-between;font-size:13px}.comic-site-header a,.comic-site-footer a{color:#173d35;text-underline-offset:4px}.comic-site-header span{font-size:12px}.comic-standalone #comic-book{max-width:700px;margin:0 auto;padding:0 16px}.comic-page{box-sizing:border-box;background:#fffdf6;border:1px solid #d5dece;border-radius:16px;color:#173d35;overflow:hidden;margin:0 0 24px;padding:22px;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.comic-page h2{font-size:clamp(21px,3vw,29px);line-height:1.5;margin:5px 0 18px;letter-spacing:.025em}.comic-page>img{display:block;width:100%;height:auto;border-radius:9px}.comic-kicker{font-size:11px!important;letter-spacing:.07em;font-weight:800;color:#226b51;margin:0 0 7px}.comic-narration{font-size:14px;line-height:1.9;margin:18px 0}.comic-dialogue{display:flex;flex-direction:column;gap:12px;margin:18px 0}.bubble{position:relative;box-sizing:border-box;font-size:15px;line-height:1.85;margin:0;max-width:94%;padding:13px 16px;border:1px solid #bbcdbf;border-radius:16px;background:#fff;box-shadow:2px 3px 0 #173d350a}.bubble b{display:block;font-size:10px;letter-spacing:.1em;line-height:1.5;margin-bottom:5px;color:#65766e}.bubble.man{align-self:flex-start;border-left:4px solid #b96d42}.bubble.woman{align-self:flex-end;border-right:4px solid #478479}.bubble.judge{align-self:center;background:#f0f4e8;border-color:#a3bea8}.bubble.together{align-self:center;border-color:#c7b678;background:#fff6e4}.comic-note,.comic-fiction{font-size:12px;line-height:1.9;color:#5c7065;margin:18px 0 0}.comic-note a{color:#226b51;text-underline-offset:3px}.comic-mechanism{padding-left:23px;margin:18px 0;font-size:14px;line-height:1.85}.comic-mechanism li{padding:0 0 12px 4px}.comic-mechanism strong{display:block}.comic-rec{color:#a53d25}.comic-crypt{color:#226b51}.comic-ending{text-align:center;font-size:18px;line-height:1.9;padding:20px 0 6px}.comic-ending strong{font-size:24px}.comic-cover{position:relative;padding:0}.comic-cover>img{border-radius:0}.comic-cover-copy{position:absolute;top:22px;left:20px;right:20px;text-align:center}.comic-cover-copy .comic-kicker{font-size:23px!important;letter-spacing:.08em}.comic-cover-copy h1{font-size:clamp(32px,7vw,58px);line-height:1.35;letter-spacing:.02em;margin:10px 0 12px;font-weight:900;color:#173d35}.comic-cover-copy p:last-child{font-size:clamp(12px,2vw,17px);line-height:1.8;margin:0}.comic-cover-caption{position:absolute;bottom:104px;left:20px;right:20px;text-align:center;font-size:clamp(13px,2.4vw,20px);line-height:1.8;font-weight:700;color:white;text-shadow:0 1px 5px #173d35,0 0 10px #173d35}.comic-cover .comic-fiction{background:#fffdf6;padding:14px 20px;margin:0;font-size:11px}.comic-links{display:flex;gap:14px;flex-wrap:wrap;padding:0 0 25px;font-size:13px;line-height:1.8}.comic-links a{color:#226b51}.comic-reader{box-sizing:border-box;width:min(730px,calc(100% - 20px));max-width:730px;height:min(950px,calc(100dvh - 20px));max-height:calc(100dvh - 20px);padding:0;border:1px solid #b8c9b9;border-radius:18px;background:#eceee6;color:#173d35;box-shadow:0 25px 100px #10251e66;overflow:hidden}.comic-reader::backdrop{background:#10251ee0}.comic-reader-shell{height:100%;display:flex;flex-direction:column}.comic-reader-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fffdf6;border-bottom:1px solid #d5dece}.comic-reader-header h2{font-size:14px;line-height:1.5;margin:0}.comic-reader button{font:inherit;cursor:pointer;border-radius:9px;min-height:44px}.comic-close{border:1px solid #c3d1c6;color:#173d35;background:transparent;padding:7px 12px;font-size:12px!important;white-space:nowrap}.comic-reader-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px;scrollbar-gutter:stable}.comic-reader-content .comic-page{margin:0;outline:none}.comic-reader-content .comic-page[hidden]{display:none}.comic-reader-footer{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 16px;background:#fffdf6;border-top:1px solid #d5dece}.comic-reader-footer button{padding:9px 15px;background:#173d35;color:white;border:1px solid #173d35;font-size:13px;font-weight:700}.comic-reader-footer button:disabled{cursor:default;opacity:.35}.comic-reader-footer .comic-prev{background:#fffdf6;color:#173d35}.comic-position{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.comic-reader a:focus-visible,.comic-reader button:focus-visible{outline:3px solid #e6ad51;outline-offset:3px}.comic-reader-content .comic-note a{overflow-wrap:anywhere}.comic-reader-loading{padding:30px;font-size:14px}.comic-open-notice{font-size:12px;color:#a53d25}@media(max-width:480px){.comic-reader{border-radius:13px}.comic-reader-header{padding:10px 12px}.comic-reader-header h2{font-size:12px}.comic-reader-content{padding:9px;scrollbar-gutter:auto}.comic-page{padding:16px}.comic-cover{padding:0}.comic-page h2{font-size:21px}.bubble{font-size:14px;padding:11px 13px}.comic-note{font-size:11px}.comic-mechanism{font-size:13px}.comic-cover-copy{top:16px;left:12px;right:12px}.comic-cover-copy .comic-kicker{font-size:19px!important}.comic-cover-copy h1{font-size:32px;margin:6px 0 9px}.comic-cover-copy p:last-child{font-size:11px}.comic-cover-caption{bottom:109px;font-size:13px}.comic-site-header{flex-wrap:wrap;gap:10px}.comic-standalone #comic-book{padding:0 10px}.comic-links{gap:8px;font-size:12px}.comic-reader-footer{padding:10px;gap:8px}.comic-reader-footer button{padding:9px 12px}}
:root .comic-panels{position:relative;margin:0}.comic-panels img{display:block;width:100%;height:auto;border-radius:9px}.comic-panel-number{position:absolute;top:7%;left:3%;display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:2px solid #fffdf6;border-radius:50%;background:#173d35;color:#fff;font:bold 15px/1 sans-serif;box-shadow:0 1px 5px #10251e55}.panels-2 .panel-number-2{left:53%}.panels-2.split-40 .panel-number-2{left:44%}.panels-3 .panel-number-2{left:36%}.panels-3 .panel-number-3{left:69%}.comic-reading-order{font-size:10px;line-height:1.7;color:#65766e;margin:8px 0 18px}.comic-panel-ref{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:#173d35;color:#fff;font:bold 12px/1 sans-serif;vertical-align:middle;margin-right:4px;flex-shrink:0}.bubble b{display:inline-block;vertical-align:middle}.bubble .comic-panel-ref+b{margin-bottom:0}.comic-reader-content .comic-panels img{width:100%}@media(max-width:480px){.comic-panel-number{width:24px;height:24px;font-size:12px}}
.comic-reader-content{padding:14px;overflow:auto}.comic-reading{overflow:hidden}.comic-reader .reader-cover{height:100%;max-width:100%;width:auto;aspect-ratio:2/3;min-height:0;margin:0 auto;display:flex;flex-direction:column;border-radius:12px}.reader-cover>img{flex:1;min-height:0;width:100%;height:calc(100% - 60px);object-fit:cover}.reader-cover .comic-cover-copy{top:3%;left:8px;right:8px}.reader-cover .comic-cover-copy .comic-kicker{font-size:clamp(15px,2.4vh,23px)!important}.reader-cover .comic-cover-copy h1{font-size:clamp(23px,4.2vh,43px);margin:7px 0;line-height:1.3}.reader-cover .comic-cover-copy p:last-child{font-size:clamp(9px,1.5vh,14px)}.reader-cover .comic-fiction{padding:9px 12px;line-height:1.65;font-size:10px;min-height:52px}.reader-cover .comic-cover-caption{bottom:13%;font-size:clamp(11px,1.8vh,16px);line-height:1.6}.comic-scene{height:100%;display:flex;flex-direction:column;gap:12px;max-width:650px;margin:0 auto}.comic-scene-heading h2{font-size:clamp(18px,2.7vh,27px);line-height:1.4;margin:0}.comic-scene-heading .comic-kicker{font-size:10px!important;margin:0 0 5px}.comic-scene-art{flex:0 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.comic-scene-art>img,.comic-scene-art .comic-panels{width:100%;height:auto;max-height:42vh;aspect-ratio:3/2}.comic-scene-art>img,.comic-scene-art .comic-panels img{width:100%;height:100%;object-fit:contain}.comic-scene-speech{flex:0 0 auto;border:2px solid #d4aa4a;background:#fffdf6;border-radius:14px;padding:14px;animation:comic-focus 850ms ease-out 1;box-shadow:0 1px 8px #b78b3020}.comic-scene-speech p{font-size:14px;line-height:1.8;margin:0 0 10px}.comic-scene-speech p:last-child{margin-bottom:0}.comic-scene-speech .bubble{width:100%;max-width:100%;padding:10px 12px;box-shadow:none}.comic-scene-speech .comic-note{font-size:12px}.comic-scene-speech .comic-ending{padding:0;font-size:16px}.comic-scene-speech .comic-ending strong{font-size:20px}.comic-explanation strong{display:block}.comic-focus-frame{position:absolute;top:1%;bottom:1%;left:1%;width:48%;border:3px solid #d4aa4a;border-radius:6px;box-shadow:0 0 0 2px #fffdf680;pointer-events:none;animation:comic-focus 850ms ease-out 1}.panels-2.active-panel-2 .comic-focus-frame{left:51%}.panels-2.split-40.active-panel-1 .comic-focus-frame{width:39%}.panels-2.split-40.active-panel-2 .comic-focus-frame{left:42%;width:57%}.panels-3 .comic-focus-frame{width:31%}.panels-3.active-panel-2 .comic-focus-frame{left:34.5%}.panels-3.active-panel-3 .comic-focus-frame{left:68%}.comic-single-art{border:3px solid #d4aa4a;border-radius:9px;animation:comic-focus 850ms ease-out 1}.comic-reader-content:has(.reader-cover){overflow:hidden}@keyframes comic-focus{0%{border-color:#ffe497;filter:drop-shadow(0 0 9px #f2bf4b)}100%{border-color:#d4aa4a;filter:drop-shadow(0 0 0 transparent)}}@media(prefers-reduced-motion:reduce){.comic-focus-frame,.comic-single-art,.comic-scene-speech{animation:none}}@media(max-width:480px){.comic-reader-content{padding:10px}.comic-scene{gap:10px}.comic-scene-speech{padding:11px}.comic-scene-speech p{font-size:13px;line-height:1.85}.comic-scene-speech .comic-note{font-size:12px}.comic-scene-heading h2{font-size:19px}.comic-scene-art>img,.comic-scene-art .comic-panels{max-height:36vh}.comic-reader-footer{min-height:64px}.comic-reader-header{min-height:52px}}@media(max-height:520px) and (min-width:540px){.comic-scene{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:9px 14px}.comic-scene-heading{grid-column:1/3}.comic-scene-art{align-self:start}.comic-scene-art>img,.comic-scene-art .comic-panels{max-height:none}.comic-scene-speech{align-self:start}.comic-scene-speech p{font-size:12px;line-height:1.65}.comic-scene-speech .comic-note{font-size:11px}.comic-reader-header{padding:8px 12px}.comic-reader-footer{padding:8px 12px}}
.comic-cover-number{position:absolute;z-index:2;top:8px;left:8px;width:28px;height:28px;background:#173d35;color:white;border:2px solid #fffdf6;border-radius:50%;display:grid;place-items:center;font:bold 14px sans-serif}.comic-scene{display:grid;grid-template-rows:auto minmax(80px,1fr) auto;gap:10px;min-height:0}.comic-scene-art{min-height:0;height:100%;align-items:center}.comic-scene-art .comic-panels,.comic-scene-art>img{height:100%;width:auto;max-height:28dvh;max-width:100%;aspect-ratio:3/2;min-width:0}.comic-scene-art .comic-panels img{height:100%;width:100%;object-fit:fill}.comic-scene-speech{min-width:0;padding:12px}.comic-scene-speech p{font-size:13px;line-height:1.7;margin-bottom:7px}.comic-scene-speech .bubble{padding:8px 10px;font-size:13px;line-height:1.7}.comic-scene-speech .comic-note{font-size:12px;line-height:1.65}.comic-scene-speech .comic-explanation{font-size:13px;line-height:1.7}.scene-dense{gap:7px;grid-template-rows:auto minmax(65px,1fr) auto}.scene-dense .comic-scene-art .comic-panels{max-height:17dvh}.scene-dense .comic-scene-speech{padding:9px}.scene-dense .comic-scene-speech p,.scene-dense .comic-scene-speech .bubble,.scene-dense .comic-scene-speech .comic-explanation{font-size:12px;line-height:1.65;margin-bottom:5px}.scene-dense .comic-scene-speech .bubble{padding:6px 8px}.scene-dense .comic-scene-heading h2{font-size:17px}.scene-compact .comic-scene-heading h2{display:none}.scene-compact .comic-scene-speech p{line-height:1.55}.comic-panels.panels-1 .comic-focus-frame{width:98%;left:1%}.panels-6 .comic-panel-number{top:4%;left:3%}.panels-6 .panel-number-2{left:36%}.panels-6 .panel-number-3{left:69%}.panels-6 .panel-number-4{top:54%;left:3%}.panels-6 .panel-number-5{top:54%;left:36%}.panels-6 .panel-number-6{top:54%;left:69%}.panels-6 .comic-focus-frame{width:31%;height:47%;bottom:auto}.panels-6.active-panel-2 .comic-focus-frame,.panels-6.active-panel-5 .comic-focus-frame{left:34.5%}.panels-6.active-panel-3 .comic-focus-frame,.panels-6.active-panel-6 .comic-focus-frame{left:68%}.panels-6.active-panel-4 .comic-focus-frame,.panels-6.active-panel-5 .comic-focus-frame,.panels-6.active-panel-6 .comic-focus-frame{top:51%}@media(min-aspect-ratio:1/1){.comic-reader{width:min(980px,calc(100% - 20px));max-width:980px}.comic-scene{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:12px 18px;max-width:930px}.comic-scene-heading{grid-column:1/3}.comic-scene-art{align-items:flex-start}.comic-scene-art .comic-panels{width:100%;height:auto;max-height:none}.comic-scene-speech{align-self:start}.scene-dense{gap:7px 12px}.comic-scene-art .comic-panels img{height:auto}}@media(max-height:660px){.comic-scene-heading h2{font-size:17px}.comic-scene-speech p,.comic-scene-speech .bubble,.comic-scene-speech .comic-explanation{font-size:12px;line-height:1.65}.comic-reader-header{padding:8px 12px;min-height:48px}.comic-reader-footer{padding:8px 10px;min-height:60px}.comic-scene-speech{padding:9px}.comic-scene-speech .bubble{padding:6px 8px}}.comic-standalone [hidden]{display:none!important}
.scene-compact .comic-explanation strong{display:inline}.scene-compact .comic-explanation strong:after{content:" "}
.comic-reader *{box-sizing:border-box}.scene-compact{gap:5px;grid-template-rows:auto minmax(60px,1fr) auto}
.scene-compact .comic-ending{font-size:12px;line-height:1.4}.scene-compact .comic-ending strong{font-size:15px}@media(min-aspect-ratio:1/1){.scene-dense{grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);grid-template-rows:auto 1fr}.scene-compact{grid-template-columns:minmax(100px,.55fr) minmax(0,1.45fr);grid-template-rows:auto 1fr}.scene-dense .comic-scene-art .comic-panels{max-height:none}}
@media(min-aspect-ratio:1/1) and (max-height:520px){.scene-compact .comic-scene-speech p,.scene-compact .comic-scene-speech .bubble,.scene-compact .comic-scene-speech .comic-explanation{line-height:1.4}.scene-compact .comic-scene-speech .bubble{padding:5px 8px}.scene-compact .comic-scene-speech{padding:8px}.scene-compact{gap:5px 10px}}
.reader-cover>img{object-fit:contain;background:#fffdf6}.reader-cover .comic-cover-copy p:last-child{display:none}.reader-cover .comic-cover-caption{bottom:13%;font-size:clamp(10px,1.6vh,15px)}
@media(max-aspect-ratio:1/1){.comic-reader .reader-cover{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:6px;width:100%;max-width:500px;aspect-ratio:auto;padding:10px}.reader-cover>img{grid-row:2;height:100%;width:100%;min-height:0;object-fit:contain}.reader-cover .comic-cover-copy{position:static;grid-row:1;text-align:center}.reader-cover .comic-cover-copy h1{margin:4px 0;line-height:1.3}.reader-cover .comic-cover-copy .comic-kicker{margin:0}.reader-cover .comic-cover-caption{position:static;grid-row:3;text-align:center;color:#173d35;text-shadow:none;line-height:1.5;margin:0;font-size:clamp(10px,1.6vh,14px)}.reader-cover .comic-fiction{grid-row:4;min-height:0;padding:0;margin:0;line-height:1.45;font-size:10px}.reader-cover .comic-cover-number{left:6px;top:6px}}
@media(min-aspect-ratio:1/1){.comic-reader .reader-cover{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:minmax(0,1fr) auto auto;gap:5px 14px;width:100%;max-width:930px;height:100%;aspect-ratio:auto;padding:12px}.reader-cover>img{grid-column:2;grid-row:1/4;width:100%;height:100%;min-height:0;object-fit:contain;background:transparent}.reader-cover .comic-cover-copy{position:static;grid-column:1;grid-row:1;align-self:center;text-align:left}.reader-cover .comic-cover-copy .comic-kicker{font-size:clamp(15px,3vh,22px)!important;margin-bottom:5px}.reader-cover .comic-cover-copy h1{font-size:clamp(22px,5vh,48px);line-height:1.3;margin:5px 0 8px}.reader-cover .comic-cover-copy p:last-child{display:block;font-size:clamp(10px,2.5vh,14px);line-height:1.55;margin:0}.reader-cover .comic-cover-caption{position:static;grid-column:1;grid-row:2;color:#173d35;text-shadow:none;text-align:left;font-size:clamp(10px,2.8vh,14px);line-height:1.5;margin:0}.reader-cover .comic-cover-caption strong,.reader-cover .comic-cover-caption strong+br{display:none}.reader-cover .comic-fiction{grid-column:1;grid-row:3;padding:0;margin:0;font-size:10px;line-height:1.45;min-height:0;background:none}.reader-cover .comic-cover-number{left:auto;right:8px;top:8px}}
@media(min-aspect-ratio:1/1) and (max-height:520px){.reader-cover .comic-cover-copy p:last-child{display:none}.reader-cover .comic-cover-caption strong,.reader-cover .comic-cover-caption strong+br{display:initial}}
@media(min-aspect-ratio:1/1) and (max-height:400px){.comic-reader-header,.comic-reader-footer{padding:4px 12px;min-height:52px}.comic-reader-content{padding:8px 12px}.scene-compact{grid-template-columns:minmax(100px,.4fr) minmax(0,1.6fr)}}
.comic-panel-number{width:auto;min-width:29px;padding:0 6px;border-radius:16px;font-size:12px}.comic-reader .comic-scene-art .comic-panels{flex:none;max-height:none}.comic-reader .comic-scene-art .comic-panels img{height:100%;width:100%;object-fit:contain}.comic-scene-speech .comic-panel-ref{margin-right:5px}.comic-scene-art{justify-content:center}