body[data-screen="result"] header,body[data-screen="result"] footer{display:none}body[data-screen="result"] main{padding:12px;margin:auto;width:100%;max-width:720px;box-sizing:border-box}#result{max-width:680px;margin:auto}#result .result-focus{max-width:500px;margin:auto}#resultPunchline{font-size:clamp(20px,5.6vw,28px);line-height:1.4;margin:0 0 8px;color:#fff3d3;overflow-wrap:anywhere}#resultPicture{display:block;width:100%;height:clamp(160px,30svh,280px);object-fit:contain;background:#0c2724;border-radius:12px}#resultCallback{font-size:13px;line-height:1.55;margin:10px 0;overflow-wrap:anywhere}.result-name{margin:8px 0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.result-name small{display:block;color:#bad6b9;font-size:12px}#result .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}#result .result-actions button{font-size:14px;min-height:44px;padding:10px 8px;border-radius:12px;margin:0;min-width:0}#result #copy{grid-column:1/-1;background:#b5d591;color:#15372a;min-height:48px;font-weight:700}#result .creator-credit{margin:10px 0;padding:0;border:0;text-align:center;font-size:11px;line-height:1.5}#result .creator-credit p{margin:2px 0}#result #notice:empty{display:none}#resultDetails{margin:14px 0 0;border:1px solid #54796a;border-radius:12px;padding:12px}#resultDetails>summary{font-size:14px;min-height:24px;cursor:pointer}#resultDetails .stats{margin-top:16px}#resultDetails h2{font-size:20px}#resultDetails .journal-list{padding-left:0}#resultCard[hidden]{display:none!important}#hiddenEnding{font-size:12px;margin:4px 0;color:#ffd57a}#result *{box-sizing:border-box}#result .world-ending{margin-top:20px}#resultDetails .stats strong{font-size:15px;overflow-wrap:anywhere}@media(min-width:700px){#resultPicture{height:300px}}
.share-hint{font-size:12px;color:#b8d5b7;text-align:center}#cardShareDialog{box-sizing:border-box;width:min(430px,calc(100vw - 24px));max-height:90dvh;overflow:auto;background:#0c2724;color:#edf4df;border:1px solid #527464;border-radius:16px;padding:20px}#cardShareDialog::backdrop{background:#0009}#shareCardPreview{display:block;max-width:100%;max-height:35dvh;margin:auto;object-fit:contain}#cardShareDialog a{display:block;text-align:center;text-decoration:none;padding:14px;margin:10px 0;border-radius:12px}#cardShareDialog form button{width:100%}