@font-face{font-family:LP Sans;src:url(noto-sans-polish.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
/* 平らな帯とカード。触れたときの浮き上がりだけを残す。 */
.tape-shell{height:76px;margin-top:0;overflow:hidden}.tape{position:static;left:auto;top:auto;width:100%;transform:none;border-block:2px solid var(--navy)}.tape>div{padding:18px 30px;gap:36px;animation-duration:52s;line-height:1.5}
.scene-cards{align-items:stretch;gap:30px;margin-top:70px}.scene-card,.scene-card:nth-child(2),.scene-card:nth-child(3){--tilt:0deg;margin-top:0;transform:none;border-radius:5px;box-shadow:5px 6px 0 var(--navy)}
.js.has-motion .scene-card.reveal,.js.has-motion .scene-card.reveal.seen{transform:none;transition:opacity .55s ease,transform .2s ease,box-shadow .2s ease}.scene-card:hover,.js.has-motion .scene-card.reveal.seen:hover{transform:translateY(-5px);box-shadow:5px 11px 0 var(--navy)}.motion-paused .scene-card.reveal{transform:none!important}
.pay-stack>div,.pay-stack>div:nth-of-type(2),.pay-stack>div:nth-of-type(3){transform:none;border:1px solid var(--navy);border-radius:5px;box-shadow:3px 4px 0 #ffffff16}.pay-stack>div{justify-content:flex-start;padding-left:35px}.pay-stack b{min-width:25px}.pay-stack strong{flex:1;text-align:center;padding-right:43px}.pay-stack>span{line-height:1.35}
.entry .entry-card{transform:none;box-shadow:8px 8px 0 #ffffff26}
/* 二つの丸い案内を、縁飾りと大きな文字を持つスタンプへ。 */
.hero-read{--badge-size:176px;isolation:isolate;width:var(--badge-size);height:var(--badge-size);border:0;padding:0;background:transparent;box-shadow:none;transform:none;gap:0;transition:transform .2s ease}.hero-read:hover{transform:translateY(-3px);box-shadow:none}
.badge-edge{display:block;position:absolute;z-index:-1;left:-4%;top:-4%;width:108%;height:108%;max-width:none;overflow:visible;filter:drop-shadow(3px 5px 0 #12203344);pointer-events:none}
.hero-read .badge-edge{color:var(--yellow)}.badge-words{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative;color:var(--navy);font-weight:900;letter-spacing:-.06em;line-height:1.38;text-shadow:1px 1px 0 #fff8;font-size:calc(var(--badge-size)*.15)}
.badge-words .badge-eyebrow{font-size:.87em;font-weight:850;letter-spacing:-.03em;margin-bottom:2px}.badge-words>strong{font-size:1em;white-space:nowrap;font-weight:900;paint-order:stroke fill;-webkit-text-stroke:2.5px #fff8}
.round-stamp{--stamp-size:176px;isolation:isolate;position:relative;width:var(--stamp-size);height:var(--stamp-size);display:flex;gap:8px;margin:28px 0 0;border:0;background:transparent;box-shadow:none;transform:none;color:var(--navy)}.round-stamp .badge-edge{color:var(--mint)}.round-stamp>span{font-size:16px;line-height:1.3;font-weight:850;letter-spacing:-.03em;border-bottom:2px solid var(--navy);padding-bottom:4px}.round-stamp strong{font-size:26px;line-height:1.2;letter-spacing:-.04em;paint-order:stroke fill;-webkit-text-stroke:3px #ffffffb3;text-shadow:1.5px 1.5px 0 #ffffff88}.round-stamp strong em{display:block;font-style:normal;font-size:1.25em;line-height:1.2;font-weight:950}.round-stamp strong span{display:block;font-size:.91em;margin-top:3px}
/* STORY番号は背景が透ける紺色の輪郭線。03の背景は元のまま。 */
.chapter-index>b{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2.2px var(--navy);text-shadow:none;font-weight:800;letter-spacing:-.055em;line-height:.9}.chapter-index>span{font-weight:850;letter-spacing:.17em}
.chapter-one{background-color:#edf2ed;background-image:url(chapter-route.svg);background-size:580px 980px;background-position:left top;background-repeat:repeat-y}.chapter-one:before{display:none}.chapter-two{background-color:#d9efec;background-image:url(chapter-notebook.svg);background-size:580px 900px;background-position:left top;background-repeat:repeat-y}.chapter-two:before{background:linear-gradient(90deg,#ffffff0a,transparent 65%)}
.chapter-one .chapter-meta h2,.chapter-two .chapter-meta h2{paint-order:stroke fill;-webkit-text-stroke:1.5px #ffffff8c;text-shadow:1px 2px 0 #ffffff66}
.prologue{background-image:radial-gradient(ellipse at 98% 8%,#d6eee97a 0 18%,transparent 18.2%),radial-gradient(ellipse at 0% 96%,#fff0a65c 0 21%,transparent 21.2%),radial-gradient(#b9c5c34d .8px,transparent .8px);background-size:auto,auto,12px 12px}
.work{background-image:radial-gradient(ellipse at 102% 3%,#d3ece570 0 19%,transparent 19.2%),radial-gradient(ellipse at -3% 100%,#ffeb9d55 0 16%,transparent 16.2%)}
.income:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 5% 7%,#ffffff07 0 145px,transparent 147px),radial-gradient(circle at 36% 115%,transparent 0 160px,#6cdecf19 161px 163px,transparent 164px)}
@media(min-width:761px) and (max-width:1100px){.hero-read{--badge-size:150px}.prologue-top{grid-template-columns:120px minmax(0,1fr) 160px;gap:24px}.round-stamp{--stamp-size:160px}.round-stamp>span{font-size:14px}.round-stamp strong{font-size:24px}}
@media(max-width:760px){.tape-shell{height:64px}.tape>div{font-size:14px;gap:25px;padding:17px 20px}.tape i{font-size:20px}.scene-cards{gap:12px;margin-top:45px}.scene-card,.scene-card:nth-child(2),.scene-card:nth-child(3){margin-top:0;box-shadow:3px 4px 0 var(--navy)}.scene-card:hover,.js.has-motion .scene-card.reveal.seen:hover{box-shadow:3px 9px 0 var(--navy)}.hero-read{--badge-size:119px}.hero-read .badge-words>strong{-webkit-text-stroke:1.8px #fff9}.badge-edge{filter:drop-shadow(2px 3px 0 #12203344)}.round-stamp{--stamp-size:156px;margin:31px auto 0;gap:7px}.round-stamp>span{font-size:15px}.round-stamp strong{font-size:24px}.round-stamp strong em{font-size:1.23em}.pay-stack>div{padding-left:22px}.pay-stack strong{padding-right:32px}.chapter-index>b{-webkit-text-stroke:1.6px var(--navy)}.chapter-one{background-size:390px 660px;background-position:center top}.chapter-two{background-size:390px 610px;background-position:center top}.chapter-one .chapter-meta h2,.chapter-two .chapter-meta h2{-webkit-text-stroke:1px #fff9}.entry .entry-card{box-shadow:6px 6px 0 #ffffff26}}
@media(max-width:359px){.hero-read{--badge-size:108px}.scene-cards{gap:10px}.round-stamp{--stamp-size:150px}.round-stamp>span{font-size:14px}.round-stamp strong{font-size:23px}.chapter-index>b{-webkit-text-stroke:1.5px var(--navy)}}
@supports not (-webkit-text-stroke:1px #000){.chapter-index>b{color:var(--navy);-webkit-text-fill-color:var(--navy)}}
