*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;background:#f6f8fc;color:#1d2636}.app{max-width:980px;margin:auto;padding:16px}header{display:flex;justify-content:space-between;gap:12px;align-items:center}h1{font-size:clamp(22px,5vw,34px);margin:0}header p{margin:4px 0;color:#61708a}.ghost,.retry,.mercy,.hands button,.rank{border:0;border-radius:16px;min-height:48px;font-weight:700}.ghost{padding:10px 14px;background:#e9edf5}.stage{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,.9fr);gap:18px;align-items:center}.portrait{position:relative;min-height:620px;display:flex;align-items:end;justify-content:center}.portrait img{width:100%;height:620px;object-fit:contain;object-position:center bottom}.speech{position:absolute;left:10px;right:10px;bottom:12px;background:rgba(255,255,255,.94);border:2px solid #d8dfec;border-radius:18px;padding:12px 16px;font-weight:700;text-align:center}.panel{background:white;border:1px solid #dde3ee;border-radius:24px;padding:18px}.ranks{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.rank{padding:8px 3px;background:#edf1f7;color:#738098;font-size:12px}.rank.active{background:#243b66;color:white}.rank.open:not(.active){background:#dfe9fb;color:#263d66}.score{display:flex;justify-content:space-between;gap:8px;margin:18px 0 8px;font-weight:800}.score span:last-child{color:#66748b;text-align:right}.history{height:40px;display:flex;gap:6px;align-items:center;overflow:hidden;color:#66748b}.badge{padding:5px 8px;border-radius:10px;background:#f0f3f8;font-size:12px}.hands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.hands button{font-size:38px;background:#eef3fb;border:2px solid transparent;padding:12px}.hands button:active{transform:scale(.97)}.hands small{display:block;font-size:12px;margin-top:4px}.mercy{width:100%;background:#fff2cc;color:#6b4c00;padding:10px}.mercy small{display:block;font-weight:500}.mercy:disabled,.hands button:disabled{opacity:.45}.retry{width:100%;margin-top:10px;background:#243b66;color:white}.result{min-height:70px;margin-top:12px;text-align:center;font-weight:800;font-size:18px;white-space:pre-line}footer{text-align:center;color:#8a95a8;font-size:12px;margin:12px}@media(max-width:720px){.stage{grid-template-columns:1fr}.portrait{min-height:390px}.portrait img{height:420px}.panel{margin-top:-6px}.ranks{grid-template-columns:repeat(5,minmax(0,1fr))}.rank{font-size:10px}.score{font-size:14px}}
.related-links{margin:22px 0 12px;padding:18px;background:#fff;border:1px solid #dde3ee;border-radius:18px}.related-links h2{font-size:16px;margin:0 0 12px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.related-grid a{display:block;padding:13px 10px;border-radius:12px;background:#edf3fb;color:#243b66;text-align:center;font-weight:700;text-decoration:none}.related-grid a:focus-visible{outline:3px solid #243b66;outline-offset:3px}