:root{font-family:'Zen Old Mincho','Yu Mincho',YuMincho,'Hiragino Mincho ProN',serif;color:#242222;background:#fff;font-synthesis:none;--muted:#777472;--line:#aaa7a5;--ink:#242222;--paper:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);transition:background 1.7s ease,color 1.7s ease}body.final{--paper:#292828;--ink:#eeeae5;--muted:#b8b3af;--line:#797572}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}.page{min-height:100svh;display:flex;flex-direction:column;padding:0 28px}.brand{display:flex;align-items:center;justify-content:center;gap:22px;padding-top:clamp(50px,11vh,104px);font-size:clamp(19px,2.3vw,26px);font-weight:600;letter-spacing:.17em;white-space:nowrap}.cross{font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0}.tokiqil{font-size:.68em;font-weight:500;letter-spacing:.12em}main{width:100%;max-width:660px;margin:0 auto;flex:1}.entry{padding:clamp(90px,16vh,150px) 0 50px;text-align:center}h1{font-weight:500;font-size:clamp(19px,2vw,23px);letter-spacing:.16em;line-height:1.9;margin:0}form{width:min(100%,320px);margin:42px auto 0}input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);outline:none;padding:13px 10px 16px;font-size:24px;text-align:center;letter-spacing:.16em;transition:border-color .2s}input::placeholder{color:var(--muted);font-size:22px;letter-spacing:.25em}input:focus{border-bottom:1px solid var(--ink);box-shadow:0 1px 0 var(--ink)}input[aria-invalid=true]{border-color:var(--ink)}.error{font-size:14px;line-height:1.7;min-height:24px;color:var(--muted);margin:16px 0 35px;letter-spacing:.04em}button[type=submit]{min-width:160px;min-height:60px;border:1px solid var(--ink);background:transparent;font-size:20px;letter-spacing:.35em;padding:13px 20px 13px 27px;transition:background .25s,color .25s}button[type=submit]:hover{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.result{padding:74px 0 64px;animation:appear 1.1s ease both}.result-code{font:12px/1.5 Georgia,serif;text-align:center;letter-spacing:.32em;color:var(--muted);margin:0 0 16px}.result h1{text-align:center;font-size:clamp(30px,5vw,45px);font-weight:400;letter-spacing:.2em;outline:none}.story-wrap{margin:56px auto 0;max-width:530px}.story{font-size:18px;line-height:2.45;letter-spacing:.055em;white-space:pre-wrap;min-height:7.35em;margin:0;overflow-wrap:anywhere}.story.typing::after{content:'';display:inline-block;width:1px;height:1em;background:var(--ink);margin-left:4px;vertical-align:-.1em;animation:cursor 1s step-end infinite}.skip{display:block;margin:16px 0 0 auto;padding:6px 0;min-height:44px;font-size:14px;background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.skip[hidden]{display:block!important;visibility:hidden;pointer-events:none}#after-story{animation:appear 1.1s ease both;text-align:center}.ending{margin:27px 0 32px;font-size:18px;line-height:2;letter-spacing:.08em}.ending:empty{display:none}.share{display:inline-flex;justify-content:center;align-items:center;min-height:58px;padding:15px 24px;border:1px solid var(--line);text-decoration:none;font-size:16px;line-height:1.8;letter-spacing:.06em;transition:background .25s,color .25s}.share:hover{background:var(--ink);color:var(--paper)}.next-answer{margin:64px auto 0;padding-top:42px;border-top:1px solid var(--line);max-width:440px}.next-answer .entry{padding:0}.next-answer h1{font-size:17px;font-weight:400;letter-spacing:.06em}.next-answer form{margin-top:24px}.next-answer:empty{display:none}footer{text-align:center;margin:35px 0 27px;color:var(--muted);font:12px/1.5 Georgia,serif;letter-spacing:.12em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{text-align:center}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes cursor{50%{opacity:0}}@media(max-width:540px){.page{padding:0 26px}.brand{gap:15px;padding-top:55px}.entry{padding-top:108px}.result{padding-top:64px}.story-wrap{margin-top:42px}.story{font-size:17px;line-height:2.3}.ending{font-size:16px}.share{width:100%;font-size:15px;padding:14px 12px}.result h1{letter-spacing:.12em}.next-answer h1{font-size:16px}.next-answer{margin-top:48px}.error{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original artwork and responsive, masked story text. */
.top-art{width:min(100%,300px);margin:20px auto 0}
.top-art img{display:block;width:100%;height:auto}
.intro{max-width:530px;margin:10px auto 32px}
.intro .story{font-size:18px;line-height:2.1;min-height:6.3em}
.entry{padding:10px 0 45px}
.entry h1{font-size:18px;letter-spacing:.07em}
.entry form{margin-top:26px}
.clear-image{display:block;width:100%;height:auto}
.result{padding-top:40px}
.result .story-wrap{margin-top:38px}
.result .story{min-height:7.35em}
.sticker{display:inline-block;width:1.14em;height:1.14em;background:#282425;border-radius:50%;vertical-align:-.13em;margin:0 -.015em;user-select:none}
.sticker+.sticker{margin-left:-.06em;transform:translateY(-.12em)}
.final .sticker{background:#221f20}
@media(max-width:540px){.top-art{width:230px;margin-top:10px}.intro{margin-top:4px;margin-bottom:25px}.intro .story{font-size:16px}.entry{padding-top:8px}.entry form{margin-top:20px}.entry h1{font-size:16px}.result{padding-top:24px}.result .story-wrap{margin-top:30px}}

.hints{max-width:530px;margin:58px auto 0;text-align:left}
.hint-note{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 18px;text-align:center;letter-spacing:.035em}
.hints details{border-top:1px solid var(--line)}
.hints details:last-child{border-bottom:1px solid var(--line)}
.hints summary{cursor:pointer;min-height:58px;padding:18px 8px;font-size:16px;letter-spacing:.08em;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
.hints summary::-webkit-details-marker{display:none}
.hints summary::after{content:'';width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-right:7px;margin-top:-4px}
.hints details[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.hint-body{padding:0 8px 20px;font-size:16px;line-height:2.1;letter-spacing:.025em;overflow-wrap:anywhere}
.hint-body p{margin:0 0 1em}.hint-body p:last-child{margin-bottom:0}
@media(max-width:540px){.hints{margin-top:44px}.hint-note{font-size:14px}.hint-body{padding-left:3px;padding-right:3px}}
@font-face{font-family:'Zen Old Mincho';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/zen-old-mincho-400.ttf') format('truetype')}
@font-face{font-family:'Zen Old Mincho';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/zen-old-mincho-500.ttf') format('truetype')}
@font-face{font-family:'Zen Old Mincho';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/zen-old-mincho-600.ttf') format('truetype')}