:root{--page:#f2f5f8;--pageEnd:#e2e9f1;--column:#e3eaf1;--text:#1f2630;--line:#c9d4df;--surface:#fff;--btnBg:#2f5f7a;--btnText:#fff;--btnFocus:#2f5f7a;--btnH:56px;--btnRadiusRatio:calc(10 / 56);--btnFont:var(--font-button), "Hiragino Kaku Gothic ProN", sans-serif;--danger:#ff6b6b;--ok:#51d18a}*{box-sizing:border-box}html{min-height:100%}body{background:var(--page);min-height:100dvh;color:var(--text);margin:0;font-family:fot-tsukumin-pr6n,Hiragino Mincho ProN,游明朝,YuMincho,serif;font-style:normal;font-weight:300}body:before{z-index:-1;background:linear-gradient(180deg, var(--page), var(--pageEnd));content:"";pointer-events:none;position:fixed;inset:0}button,input{font:inherit}button{cursor:pointer}.column{background:var(--column);width:100%;max-width:450px;min-height:100dvh;margin:0 auto}.game,.group{overflow-anchor:none}.game{margin:0 auto;padding:40px 20px 100px}.group{margin:10px 0;padding:20px;scroll-margin-top:0}.items{flex-direction:column;gap:20px;display:flex}.narration{white-space:pre-wrap;word-break:break-word;text-align:center;letter-spacing:.03em;color:#fff;background-color:#000000bf;padding:8px 12px;font-size:15px;line-height:2}.serif{white-space:pre-wrap;word-break:break-word;letter-spacing:.03em;color:var(--text);font-size:15px;line-height:2}.narration+.serif,.serif+.narration{margin-top:20px}.items>.narration:last-child{margin-bottom:20px}.linkBtn,.judgeBtn,.hintBtn{background:var(--btnBg);color:var(--btnText);min-height:var(--btnH);border-radius:calc(var(--btnH) * var(--btnRadiusRatio));font-family:var(--btnFont);letter-spacing:.08em;border:none;font-weight:400}.linkBtn,.judgeBtn{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:12px 20px;font-size:16px;text-decoration:none;transition:transform 20ms,opacity .2s,filter .2s;display:inline-flex}.linkBtn{align-self:center;width:min(520px,80%)}.gate{border-top:1px dashed var(--line);flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;display:flex}.judgeBtn.isDone{opacity:.7;cursor:not-allowed;filter:grayscale(.2)}.answerRow{align-items:stretch;gap:14px;width:100%;display:flex}.answerInput{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:6px;outline:none;flex:1;padding:16px 14px;font-family:inherit;font-size:16px;line-height:1.4}.answerInput::placeholder{color:#1f263073}.answerInput:focus{border-color:var(--btnBg)}.answerInput.isDone{opacity:.75;cursor:not-allowed}.judgeBtn:focus-visible,.linkBtn:focus-visible,.hintBtn:focus-visible{outline:2px solid var(--btnFocus);outline-offset:2px}.judgeBtn{white-space:nowrap;flex:0 0 120px;align-self:stretch;width:120px;padding:12px 14px}.msg{text-align:center;font-size:13px;line-height:1.6}.msg.ok,.msg.ng{background:#140c0aa6;border-radius:999px;width:fit-content;max-width:100%;margin:0 auto;padding:4px 14px;font-weight:700}.msg.ok{color:var(--ok)}.msg.ng{color:var(--danger)}.hintWrap{z-index:10;position:fixed;bottom:16px;right:16px}.hintBtn{--btnH:38px;align-items:center;padding:0 18px;font-size:14px;text-decoration:none;display:inline-flex;box-shadow:0 0 8px #0000004d}@media (max-width:520px){.answerRow{flex-direction:column}.judgeBtn{flex:none;width:100%}}.group.reveal{opacity:0;max-height:0;transition:max-height .7s cubic-bezier(.22,1,.36,1),opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:translateY(24px)}.group.reveal.is-open{opacity:1;max-height:5000px;transform:translateY(0)}.imgWrap{width:100%;aspect-ratio:var(--ratio,auto);border-radius:6px;overflow:hidden}.imgWrap img{object-fit:contain;width:100%;height:100%;display:block}