*{box-sizing:border-box}body,html{margin:0;height:100%;background:#fff6e8;color:#382016;font-family:system-ui,-apple-system,sans-serif}body{overflow:hidden}button,input,select{font:inherit}.search,button{border:0;border-radius:16px;background:#e97624;color:#fff;padding:12px 18px;min-height:46px;font-weight:650;cursor:pointer}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #246671;outline-offset:3px}main{height:100dvh;max-width:620px;margin:auto;padding:calc(env(safe-area-inset-top) + 12px) 18px calc(env(safe-area-inset-bottom) + 10px);display:grid;grid-template-rows:auto minmax(120px,1fr) minmax(86px,auto) auto auto;gap:10px}header{display:flex;align-items:center;justify-content:space-between;gap:8px}h1{font-size:25px;margin:2px 0}h1 span{font-size:16px}small{font-size:11px;letter-spacing:.13em;color:#82684f}header button{background:#f2dfc6;color:#382016}.stage{min-height:0;display:flex;align-items:center;justify-content:center}.stage>div{height:100%;width:100%;min-height:0}.character{height:100%;display:flex;justify-content:center}.canvas{height:100%;width:auto;max-width:100%;overflow:visible}.speech{background:#fff;border:1px solid #efd8bc;border-radius:24px;padding:14px 18px;max-height:25dvh;overflow:auto;box-shadow:0 5px 15px #86582a0a}.speech p{margin:0;white-space:pre-wrap;line-height:1.65}.search{display:inline-block;margin-top:10px;font-size:14px;text-decoration:none}form{display:flex;gap:8px}input,select{border:1px solid #d7c4ad;background:#fff;border-radius:12px;padding:13px;min-width:0;font-size:16px;color:#382016}form input{flex:1 1;width:0}footer{text-align:center;color:#846c54;font-size:11px}dialog{max-height:88dvh;width:min(560px,94vw);border:0;border-radius:24px;background:#fffaf2;color:#382016;padding:22px}dialog::backdrop{background:#211a1390}.dialog-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-22px;background:#fffaf2;padding:10px 0;z-index:1}h2{font-size:22px}fieldset{border:1px solid #ead7c0;border-radius:16px;margin:16px 0;padding:16px}legend{font-weight:700}label{display:grid;gap:8px;margin:12px 0}label.check{display:flex;align-items:center}.hint{font-size:13px;line-height:1.7;color:#795e45}p{line-height:1.65}li{margin:8px 0;overflow-wrap:anywhere}li button{margin-left:8px;padding:5px 10px;min-height:36px;font-size:12px;background:#eee0ce;color:#382016}.row{display:flex;gap:10px;flex-wrap:wrap}progress{width:100%}details{overflow-wrap:anywhere}summary{cursor:pointer;min-height:44px;padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-height:570px){main{gap:5px;padding-top:6px}.speech{padding:8px 12px}header small{display:none}h1{font-size:20px}}.diagnostics{display:block;overflow:auto;max-width:760px;padding:24px}.diagnostics article{padding:16px;border:1px solid #ead7c0;border-radius:18px;margin:16px 0;background:white}.diagnostics h1{margin:24px 0}.diagnostics h2{font-size:17px}.diagnostics a{color:#8a4915}.live-answer{white-space:pre-wrap}.speech .idle-aside{font-size:12px;color:#846c54;margin-top:8px}.speech>button{margin-top:10px}.speech .hint{margin-top:8px}