:root{--page:#451613;--card:#451613;--border:#ffe1d70f;--text:#e8eef7;--muted:#e3b7ab;--em:#ff4757;--actionBtn:#2b6ff6;--actionBtnText:#fff;--subBtn:#f1ece7;--subBtnText:#2b1a15;--danger:#ff5a5a;--ok:#51d18a}*{box-sizing:border-box}html{background:#451613;min-height:100%}body{min-height:100%;color:var(--text);background:#451613;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}.unknox,.group{overflow-anchor:none}.unknox{max-width:820px;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:var(--text);padding:4px 2px;font-size:15px;line-height:2}.narration.alignLeft{text-align:left;letter-spacing:normal}.em{color:var(--em)}.linkBtn,.actionBtn,.judgeBtn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:6px;justify-content:center;align-items:center;padding:15px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:transform 20ms,opacity .2s,filter .2s;display:inline-flex}.linkBtn,.actionBtn{align-self:center;width:min(520px,80%)}.linkBtn{background:var(--subBtn);color:var(--subBtnText);border:1px solid #0000001f}.actionBtn{background:var(--actionBtn);color:var(--actionBtnText)}.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:.35;cursor:not-allowed;filter:grayscale(.4)}.linkBtn.isDisabled{opacity:.35;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:.45;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{color:var(--subBtnText);white-space:nowrap;background:#f0d0cc;border:1px solid #0000001f;border-radius:6px;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{color:var(--ok)}.msg.ng{color:var(--danger)}.resetWrap{text-align:center;margin-top:24px}.resetBtn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:8px 14px;font-family:inherit;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{width:50px;height:50px;margin:0 auto;position:relative}.avatarStack img{object-fit:contain;width:50px;height:50px;position:absolute;top:0;left:0}.avatarName{text-align:center;letter-spacing:.02em;color:var(--text);word-break:break-word;margin-top:3px;font-size:11px;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}.codeSubmit{color:#2b1a15;cursor:pointer;background:#f1ece7;border:none;border-radius:8px;width:min(280px,70%);margin:0 auto;padding:14px 20px;font-family:inherit;font-size:18px;font-weight:700;display:block}.codeSubmit.isDone{opacity:.4;cursor:not-allowed}@media (max-width:400px){.codeBox{width:48px;height:48px;font-size:22px}.codeBoxes{gap:8px}}