@font-face{font-family:Nasalization;src:local(Nasalization),local(Nasalization Rg),url(/fonts/nasalization-rg.woff2)format("woff2"),url(/fonts/nasalization-rg.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--page:#451613;--card:transparent;--border:#ffe1d70f;--text:#e8eef7;--muted:#e3b7ab;--em:#ff4757;--actionBtn:#f29425;--actionBtnText:#fff;--btnBg:#f29425;--btnText:#fff;--btnH:56px;--btnRadiusRatio:calc(10 / 56);--btnFont:var(--font-button), "Hiragino Kaku Gothic ProN", sans-serif;--subBtn:#f1ece7;--subBtnText:#2b1a15;--danger:#ff5a5a;--ok:#51d18a}*{box-sizing:border-box}html{background:#451613;min-height:100%}body{min-height:100dvh;color:var(--text);background:#451613 url(/images/design/red_PC-back.webp) 50%/cover no-repeat fixed;margin:0;font-family:fot-tsukumin-pr6n,Hiragino Mincho ProN,游明朝,YuMincho,serif;font-style:normal;font-weight:300}button,input,select,textarea{font:inherit}button{cursor:pointer}.column{background:url(/images/design/red_back1.png) top/100% repeat-y;width:100%;max-width:450px;min-height:100dvh;margin:0 auto}.gameHeader{aspect-ratio:721/151;width:100%;height:auto;display:block}.unknox,.group{overflow-anchor:none}.unknox{margin:0 auto;padding:20px 20px 100px}.group{background:var(--card);box-shadow:none;border:none;border-radius:10px;margin:10px 0;padding:20px;scroll-margin-top:0}.groupTitle{text-align:center;color:var(--muted);letter-spacing:.02em;margin-bottom:20px;font-weight:800}.groupTitleImg{border-radius:4px;max-width:180px;height:auto;margin:0 auto 20px;display:block}.items{flex-direction:column;gap:20px;display:flex}.text{white-space:pre-wrap;word-break:break-word;font-size:15px;line-height:2}.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}.narration.alignLeft{text-align:left;letter-spacing:normal}.narration+.bubbleRow,.bubbleRow+.narration{margin-top:20px}.items>.narration:last-child{margin-bottom:20px}.em{color:var(--em)}.linkBtn,.actionBtn,.judgeBtn,.codeSubmit,.hintBtn,.resetBtn{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,.actionBtn,.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,.actionBtn{align-self:center;width:min(520px,80%)}.gate{border-top:1px dashed #ffffff1f;flex-direction:column;gap:16px;margin-top:20px;padding-top:20px;display:flex}.entranceCodeCard{background-color:#3a3a3a;background-position:50%;background-size:cover;border-top:none;border-radius:16px;margin-top:20px;padding:24px 20px}.actionBtn.isDone,.judgeBtn.isDone,.linkBtn.isDone{opacity:.7;cursor:not-allowed;filter:grayscale(.2)}.linkBtn.isDisabled{opacity:.6;cursor:not-allowed;filter:grayscale(.6);pointer-events:none}.answerRow{align-items:stretch;gap:14px;width:100%;display:flex}.answerInput{color:#2b1a15;background:#f1ece7;border:1px solid #0000001f;border-radius:6px;outline:none;flex:1;min-width:0;padding:16px 14px;font-family:inherit;font-size:16px;line-height:1.4}.answerInput::placeholder{color:#2b1a1573}.answerInput:focus{border-color:var(--actionBtn)}.answerInput.isDone{opacity:.75;cursor:not-allowed}.answerInput.isWrong{border-color:var(--danger)}.judgeBtn:focus-visible,.actionBtn:focus-visible,.linkBtn:focus-visible{outline:2px solid var(--actionBtn);outline-offset:2px}.judgeBtn{white-space:nowrap;flex:0 0 120px;align-self:stretch;width:120px;padding:12px 14px}.hint{color:var(--muted);text-align:center;font-size:13px;line-height:1.6}.msg{text-align:center;font-size:13px;line-height:1.6}.msg.ok,.msg.ng{background:#14080699;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}.resetWrap{text-align:center;margin-top:24px}.resetBtn{--btnH:34px;cursor:pointer;padding:0 14px;font-size:12px}@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,16 / 9);background:0 0;border:none;border-radius:6px;overflow:hidden}.imgWrap img{object-fit:contain;width:100%;height:100%;display:block}.bubbleRow{align-items:flex-start;gap:12px;display:flex}.avatar{flex:0 0 50px;width:50px}.avatarStack{background:#d9d9d9;border-radius:50%;width:50px;height:50px;margin:0 auto;position:relative;overflow:hidden}.avatarStack img{object-fit:contain;width:50px;height:50px;position:absolute;top:0;left:0}.avatarNameImg{aspect-ratio:46/13;width:30px;height:auto;margin:6px auto 0;display:block}.avatarName{text-align:center;font-family:"Nasalization", var(--btnFont);letter-spacing:.04em;color:var(--text);word-break:break-word;margin-top:3px;font-size:11px;font-weight:400;line-height:1.2}.bubble{color:#2b1a15;white-space:pre-wrap;word-break:break-word;background:#f1ece7;border-radius:12px;flex:1;min-width:0;padding:12px 16px;font-size:15px;line-height:1.9;position:relative}.bubble:before{content:"";border:6px solid #0000;border-left-width:0;border-right:8px solid #f1ece7;width:0;height:0;position:absolute;top:15px;left:-8px}.codeTitle{text-align:center;color:var(--text);letter-spacing:.04em;margin-bottom:8px;font-size:20px}.codeNote{text-align:center;color:var(--muted);white-space:pre-wrap;max-width:420px;margin:0 auto 18px;font-size:12px;line-height:1.7}.codeField{width:fit-content;margin:0 auto 18px;position:relative}.codeBoxes{justify-content:center;gap:12px;display:flex}.codeBox{color:#2b1a15;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#f1ece7;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-family:inherit;font-size:26px;font-weight:700;display:flex}.codeBox.active{box-shadow:0 0 0 2px var(--actionBtn)}.codeHidden{opacity:0;text-align:center;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;top:0;left:0}.entranceCodeCard .codeNote{color:var(--btnBg)}.codeSubmit{cursor:pointer;width:min(277px,70%);margin:0 auto;padding:8px 20px;font-size:22px;display:block}.codeSubmit.isDone{opacity:.7;cursor:not-allowed}@media (max-width:400px){.codeBox{width:48px;height:48px;font-size:22px}.codeBoxes{gap:8px}}.lpRoot{justify-content:center;align-items:center;min-height:100dvh;display:flex}.lpHero{text-align:center;padding:40px 0}.lpEyebrow{color:var(--muted);letter-spacing:.12em;margin:0 0 12px;font-size:13px;font-weight:700}.lpCta{white-space:nowrap;padding:16px 24px;font-size:16px}