*{box-sizing:border-box}body{margin:0;background:#0e1d17;color:#edf6ee;font-family:Inter,"Noto Sans JP","Noto Sans SC",system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.top{max-width:960px;margin:auto;padding:22px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}.brand{color:#fff;text-decoration:none;font-size:21px;font-weight:800}.brand span{font-size:12px;color:#a4c8af;font-weight:400}.langs{display:flex;gap:5px}.langs button,.tabs button,.toolbar button,.actions button,#speak{background:#20392b;border:1px solid #486a54;color:#d5ead9;border-radius:10px;padding:10px}.langs button.active,.tabs button.active{background:#377b57;color:white}main{max-width:700px;margin:24px auto 70px;padding:0 18px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#94caa6}h1{font-size:clamp(32px,6vw,50px);margin:12px 0}h1 span{display:block;color:#a6d9b5;font-size:.53em}#intro{color:#c1d5c6;line-height:1.7}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 14px}.tabs button{font-weight:700;padding:16px}.toolbar{display:flex;gap:8px}.toolbar select,.toolbar input{background:#1b3125;color:#fff;border:1px solid #4c6a54;border-radius:10px;padding:11px;min-width:0}.toolbar input{flex:1}.status{display:flex;justify-content:space-between;margin:16px 0;color:#b6cbb9;font-size:13px}.card{background:#21392a;border-radius:18px;overflow:hidden;border:1px solid #365742}.photo{position:relative;aspect-ratio:4/3;background:linear-gradient(125deg,#284a34,#15271e);display:grid;place-items:center}.photo img{width:100%;height:100%;object-fit:cover;display:none}.photo img.visible{display:block}#loading{padding:22px;text-align:center;color:#d4e6d6}.photo-note{position:absolute;bottom:0;left:0;right:0;background:#101b15c9;color:#dcece0;font-size:11px;padding:7px 12px}.detail{padding:22px;min-height:145px}.mini{font-size:11px;letter-spacing:.14em;color:#a6cbb0}h2{margin:12px 0;font-size:23px}#names{color:#c4d8c8;line-height:1.7}#clue{line-height:1.6}#speak{margin:8px 0}.credit{font-size:11px;color:#a9c6b0;line-height:1.5}.credit a{color:#a5e2b7}.reveal{width:100%;border:0;background:#58ae77;color:#0d2618;border-radius:12px;padding:15px;font-weight:800;margin-top:14px}.actions{display:flex;gap:10px;margin-top:12px}.actions button{flex:1}.disclaimer{font-size:12px;color:#a6c2ae;line-height:1.7;margin-top:20px}.disclaimer a{color:#9dd3ab}@media(max-width:530px){.top{flex-wrap:wrap}.toolbar select{max-width:95px}.detail{padding:17px}.langs button{font-size:12px;padding:8px}}
/* Keep the responsive photo frame stable while images load or fail. */
.photo{overflow:hidden;min-height:0}.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.photo #loading{position:absolute;left:0;right:0;top:57%;margin:0;padding:12px;pointer-events:none}.photo #loading:empty{display:none}.photo-note:empty{display:none}.credit{overflow-wrap:anywhere}