/* The first tap starts the game; details remain available without crowding it. */
#start{max-height:69%}#start .wrap{gap:14px}#start h1{font-size:clamp(29px,8vw,42px)}
.play-facts{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--telop);font-size:12px;font-weight:700}
.start-settings,.result-details{border:1px solid var(--line);border-radius:8px;padding:12px}
summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--ink)}summary:focus-visible{outline:2px solid var(--telop);outline-offset:4px}
.settings-body{display:grid;gap:14px;margin-top:16px}.start-note{font-size:11px;line-height:1.6;color:var(--mute)}
.role-preview{display:flex;gap:6px;flex-wrap:wrap}.role-preview a{font-size:11px;text-decoration:none;padding:6px 9px;border:1px solid var(--line);border-radius:99px;color:var(--mute)}
.role-preview a:hover{color:var(--telop);border-color:var(--telop)}
#qBtns.response{grid-template-columns:1fr}#qBtns.response button{padding:13px;text-align:center;font-size:15px}
.impact{display:flex;flex-wrap:wrap;gap:6px}.impact:empty{display:none}.impact span{padding:5px 9px;border-radius:4px;background:rgba(255,212,0,.12);color:var(--telop);font-size:12px;font-weight:700}
.story-meter{display:flex;flex-wrap:wrap;gap:6px;font-size:11px!important}.story-meter span{border:1px solid var(--line);padding:4px 7px;border-radius:4px}.story-meter .ready{color:#a6e3bd;border-color:#436b54}
.q-progress{display:flex;gap:5px;margin-bottom:2px}.q-progress i{height:3px;flex:1;background:var(--line);border-radius:2px}.q-progress i.done{background:var(--telop)}.q-progress i.now{background:#fff}
/* A readable result first; the complete seven-choice record is expandable. */
#end .wrap{max-width:600px;gap:16px}.result-label{color:var(--telop);font-size:12px;letter-spacing:.12em;font-weight:900}
.rcard{aspect-ratio:auto;min-height:420px;background:linear-gradient(0deg,#0b0f18 1%,rgba(11,15,24,.95) 26%,rgba(11,15,24,.18) 100%),#1c1f2b url(/kaiju16/hero.png) 74% 0/auto 320px no-repeat;border-color:#43404b}
.rcard .rc{position:relative;inset:auto;padding:22px;width:100%;min-height:420px;gap:12px}.rc-row{gap:8px}.rc-badge{font-size:13px;padding:5px 9px;border-radius:4px}.rc-ey{font-size:11px;max-width:70%}.rc-who{font-size:13px;margin-top:104px}.rcard h1{font-size:clamp(24px,6.5vw,34px);font-family:var(--f-body);font-weight:900;line-height:1.4;max-width:100%}.rc-line{font-size:14px;line-height:1.6}.rc-stat{font-size:11px;color:var(--mute)}.rc-url{position:static;font-size:10px;padding:0 22px 16px;letter-spacing:.1em}.role-quote{font-size:17px!important;color:var(--telop);font-weight:900;line-height:1.5}.title-sub{font-family:var(--f-body);font-size:12px;color:var(--mute)}
.share-prompt{font-size:14px;color:var(--ink);font-weight:700}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-actions a,.share-actions button{font-size:14px;text-align:center}.share-actions .primary{grid-column:1 / -1}.share-hint{font-size:11px;color:var(--mute)}
.result-details summary{font-size:14px}.result-details[open] summary{margin-bottom:14px}.result-details .review{margin-bottom:10px}.result-details .chips a{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:5px 8px;color:var(--mute);text-decoration:none}.result-details .chips a.got{color:var(--telop);border-color:var(--telop)}.result-details .chips a.now{color:var(--bg);background:var(--telop)}
.replay-card{padding:18px;border:1px solid #554e25;border-radius:8px;background:rgba(255,212,0,.035);display:grid;gap:10px}.replay-card h2{font-size:17px}.ending-collection{display:flex;flex-wrap:wrap;gap:6px}.ending-collection span{font-size:11px;border:1px solid var(--line);color:var(--mute);padding:5px 8px;border-radius:4px}.ending-collection .found{color:var(--telop);border-color:#65591b}.ending-collection .current{background:var(--telop);color:var(--bg)}
.vs:not([hidden]){border-left:3px solid var(--telop);padding:12px;background:rgba(255,212,0,.05);line-height:1.8}
.poster-preview{display:grid;gap:8px}.poster-preview img{display:block;width:100%;max-width:360px;border-radius:8px;margin:auto}.poster-preview p{font-size:12px;text-align:center}.poster-preview[hidden]{display:none}
.endbar{grid-template-columns:1.2fr 1fr}.endbar button{font-size:14px;padding:14px 8px}.next-product{color:var(--mute);font-size:12px;text-align:center;padding:10px;text-underline-offset:4px}
@media(min-width:700px){#start .wrap{max-width:600px}.rcard .rc{min-height:450px}.rc-who{margin-top:130px}.rcard{background-size:auto 420px}}
@media(max-width:360px){.rcard .rc{padding:18px;min-height:400px}.rc-who{margin-top:90px}.rcard h1{font-size:23px}.role-quote{font-size:15px!important}.rc-ey{font-size:10px}}

a[aria-disabled="true"]{pointer-events:none;opacity:.55}
#shareText{width:100%;font:inherit;font-size:13px;padding:12px;background:#151b26;color:var(--ink);border:1px solid var(--line);border-radius:6px}

/* Choice scenes stay visible until the next choice. */
.action-scene{margin:0;display:grid;grid-template-columns:minmax(130px,220px) 1fr;align-items:center;gap:12px;border:1px solid #4d5a61;border-radius:8px;overflow:hidden;background:#18232b}.action-scene img{display:block;width:100%;height:auto}.action-scene figcaption{font-size:12px;font-weight:700;color:#dfe9df;line-height:1.6;padding:8px 10px 8px 0}.result-character{position:absolute;left:14px;top:54px;width:140px;height:140px;filter:drop-shadow(0 5px 10px #080b1480)}
@media(max-width:400px){.action-scene{grid-template-columns:minmax(140px,1.4fr) 1fr;gap:8px}.action-scene figcaption{font-size:11px}.result-character{width:125px;height:125px}}
@media(min-width:700px){.result-character{width:165px;height:165px}}