/* Layout comes from the actual Kankeri stylesheet; this layer neutralizes decoration. */
:root{--paper:#fff;--ink:#333;--red:#555;--line:#ccc;color-scheme:light}html{scroll-padding-top:0}body{background:#fff!important;font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.02em}.paper{background:#fff!important}a:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #333}.wire-label{position:absolute;top:100dvh;left:0;z-index:4;padding:4px 12px;color:#555;background:#fff;border:1px solid #ccc;font:11px/1.7 Arial,sans-serif;pointer-events:none}.game-fv{height:100dvh;min-height:300px}.wire-image{background:#e9e9e9!important;border:1px solid #aaa!important;box-shadow:none!important;color:#666;font:13px/1.6 Arial,sans-serif}.wire-image>span,.wire-background-label{position:absolute;top:18px;left:22px;font:12px/1.6 Arial,sans-serif;letter-spacing:.04em;color:#666}.opening-image{height:clamp(360px,58vw,760px);position:relative}#town-view:after{display:none}#town-view .scene-headline,#town-view .scene-headline h1{color:#333;text-shadow:none}#town-view .scene-headline h1{font-family:inherit}.steps .step-icon{border-radius:0!important;box-shadow:none!important;background:#eee!important;border:1px solid #aaa!important}.steps article>span,.steps small,.story-panel>span{color:#555}.steps small{background:#eee;border-radius:0}.story-panel{border:1px solid #aaa!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;outline:0}.town-photo{background:#e5e5e5!important}.food-group{position:relative;aspect-ratio:1672/941;display:grid;place-items:center;margin:0}.food-labels{display:flex;justify-content:space-around;gap:16px;width:90%;font-size:16px}.food-labels span{position:static!important;border:1px solid #bbb;padding:25px 8px;background:#f7f7f7;flex:1}.wire-information{margin:30px 0 0;font:13px/1.9 Arial,sans-serif;color:#666;border-top:1px dashed #bbb;padding-top:18px}.closing{background:#ddd!important;border:1px solid #aaa!important}.closing-shade{display:none}.closing p,.closing a{color:#333!important}.closing a{background:#fff!important;box-shadow:none!important;border:1px solid #888;border-radius:0}.closing .closing-line{white-space:normal}footer{background:#f4f4f4!important;color:#555!important;border-top:1px solid #aaa}footer>a img{filter:grayscale(1)!important;opacity:1}.footer-no{font:11px/1.6 Arial,sans-serif;color:#777;margin-bottom:28px}.cans-section h2{white-space:normal;text-wrap:balance}
@media(max-width:900px){.opening-image{height:60svh;min-height:360px;max-height:660px}.food-group{min-height:280px}.food-labels{gap:6px;font-size:12px}.food-labels span{padding:22px 4px}.wire-label{font-size:10px}.wire-information{font-size:12px}.town-story .town-photo{height:clamp(320px,90vw,500px)} }
@media(max-width:600px){.opening-image{height:680px;max-height:none}.food-group{aspect-ratio:1;min-height:280px}.food-labels{flex-wrap:wrap;justify-content:center}.food-labels span{flex:0 0 29%;text-align:center}.cans-section h2{font-size:clamp(20px,5vw,28px)} }

/* Intro headings: Mincho, independent of the game iframe. */
:root{--wire-heading-font:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif CJK JP",serif}
h1,h2,h3,#town-view .scene-headline h1,.closing .closing-line{font-family:var(--wire-heading-font);font-weight:600}

/* Align each instruction icon with its column's text. */
.how .steps .step-icon{align-self:flex-start;justify-self:start;margin-left:0;margin-right:0}

/* Three steps: course, food, delivery. */
.how .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.how .steps{grid-template-columns:1fr}}

.how>h2{margin-bottom:18px}.how-lead{font-size:15px;line-height:1.9;margin:0 0 45px}
@media(max-width:900px){.how-lead{font-size:14px;margin-bottom:30px}}

.course-name-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:28px}.course-name-images img{width:100%;height:64px;object-fit:contain}.story-panel h2{text-wrap:initial}
@media(max-width:600px){.course-name-images img{height:52px}}

/* Course logos: compact two-column list. */
.course-name-images{max-width:260px;gap:12px 16px}
.course-name-images img{height:44px}
@media(max-width:600px){.course-name-images{max-width:230px}.course-name-images img{height:38px}}