:root{--bink: #1f7bff;--muder: #d62828;--text: #0f172a;--muted: #6b7280;--border: rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff;color:var(--text);display:flex;text-align:center;align-items:flex-end;justify-content:center;font-family:Segoe UI,Helvetica Neue,sans-serif;overflow:hidden;padding-bottom:12vh;flex-direction:column}.scene{width:100vw;min-height:60vh;display:flex;align-items:flex-end;justify-content:space-between;position:relative;gap:6vw;padding:0 4vw;flex-wrap:nowrap;flex:1 0 auto;margin-bottom:6vh}.character{position:relative;width:46%;display:grid;place-items:center}.avatar{width:min(34vw,40vh);max-width:none;aspect-ratio:1 / 1;border-radius:0;overflow:hidden;background:transparent;box-shadow:none}.avatar img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.character[data-speaker=MUDER] .avatar img{transform:scaleX(-1)}.name-tag{margin-top:3vh;font-weight:700;letter-spacing:.06em;color:var(--muted);font-size:clamp(.9rem,2.4vw,1.1rem)}.name-tag span{padding:.4vh 1.2vw;border-radius:0;background:transparent}.name-tag[data-speaker=BINK] span{color:var(--bink)}.name-tag[data-speaker=MUDER] span{color:var(--muder)}.bubble{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-3vh);min-height:8vh;padding:1.6vh 2vw;width:42vw;border-radius:0;border:.12vw solid var(--border);background:#f7f7f7;color:var(--text);font-family:Courier New,monospace;font-size:clamp(.95rem,2.6vw,1.2rem);line-height:1.4;letter-spacing:.03em;box-shadow:none;opacity:0;transition:opacity .32s ease,transform .32s ease;white-space:pre-wrap}.bubble.visible{opacity:1;transform:translate(-50%,-4vh)}.bubble[data-speaker=BINK]{border-color:#1f7bff59;color:var(--bink)}.bubble[data-speaker=MUDER]{border-color:#d6282859;color:var(--muder)}.status{position:fixed;bottom:10vh;left:50%;transform:translate(-50%);padding:1.4vh 2vw;border-radius:0;background:transparent;border:none;color:var(--muted);font-size:clamp(.85rem,2.2vw,1rem);letter-spacing:.03em;-webkit-backdrop-filter:none;backdrop-filter:none}.footer{position:fixed;bottom:1.4vh;left:50%;transform:translate(-50%);font-size:clamp(.9rem,2.4vw,1rem);color:var(--muted);letter-spacing:.02em;display:flex;align-items:center;gap:2vw;background:transparent;padding:0;border-radius:0;box-shadow:none;border:none}.footer a,.footer button{color:var(--text);text-decoration:none;font-weight:700;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.footer .divider{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;padding:4vw}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{max-width:80vw;width:100%;max-height:70vh;background:#fff;border-radius:0;box-shadow:none;border:.12vw solid var(--border);display:flex;flex-direction:column;overflow:hidden}.modal header{padding:2vh 2vw;border-bottom:.12vw solid var(--border);display:flex;text-align:center;justify-content:space-between;align-items:center;font-weight:700;letter-spacing:.04em}.modal header button{background:none;border:none;font-size:clamp(1.1rem,3vw,1.3rem);cursor:pointer;color:var(--muted)}.modal .body{padding:2vh 2vw;color:var(--text);line-height:1.6;overflow-y:auto}.modal .body p{margin-top:0}.hidden{display:none}@media(max-width:48em){body{padding-bottom:16vh}.scene{gap:3vw;padding:0 4vw;min-height:55vh;margin-bottom:5vh}.character{width:50%}.avatar{width:46vw}.name-tag{margin-top:2vh;font-size:clamp(.85rem,3vw,1rem);letter-spacing:.04em}.bubble{width:48vw;transform:translate(-50%,-3vh);padding:1.4vh 2vw}.bubble.visible{transform:translate(-50%,-4vh)}.status{bottom:14vh;padding:1.2vh 3vw;font-size:clamp(.8rem,3vw,.95rem)}.footer{bottom:2vh;gap:3vw;flex-wrap:wrap;justify-content:center;text-align:center}}