html,body{color:#f2f2f5;overscroll-behavior:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;margin:0;font:500 16px/1.5 system-ui,sans-serif}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stage{isolation:isolate;width:100%;height:100dvh;position:relative;overflow:hidden}#dialogue{box-sizing:border-box;color:#f2eee7;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#dialogue::backdrop{background:#0008}.dialogue-layout{isolation:isolate;height:100%;position:relative}.dialogue-portrait{aspect-ratio:1;pointer-events:none;width:85dvh;position:absolute;bottom:0;left:calc(23vw - 42.5dvh);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 80%,#0000),linear-gradient(#0000,#000 4% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 80%,#0000),linear-gradient(#0000,#000 4% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.dialogue-portrait img{width:300%;max-width:none;height:200%;transform:translate(var(--portrait-x,0%), var(--portrait-y,0%));position:absolute;top:0;left:0}#dialogue[data-line="1"]{--portrait-x:-33.3333%}#dialogue[data-line="2"]{--portrait-x:-66.6667%}#dialogue[data-speaker="1"]{--portrait-y:-50%}.dialogue-body{inset:auto max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) 42%;box-sizing:border-box;border:16px solid #0000;border-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%3e%3cpath%20d='M12%202H84L94%2012V84L84%2094H12L2%2084V12Z'%20fill='%23121317'%20stroke='%23b39a70'%20stroke-width='2'/%3e%3cpath%20d='M15%208H81L88%2015V81L81%2088H15L8%2081V15Z'%20fill='none'%20stroke='%23645641'/%3e%3cg%20fill='%23e7d0ad'%3e%3cpath%20d='m12%207%205%205-5%205-5-5Zm72%200%205%205-5%205-5-5ZM12%2079l5%205-5%205-5-5Zm72%200%205%205-5%205-5-5Z'/%3e%3c/g%3e%3c/svg%3e") 24 fill/16px;flex-direction:column;gap:1rem;min-width:0;max-height:calc(100dvh - 3rem);padding:clamp(.75rem,2vw,1.5rem);display:flex;position:absolute;overflow:auto}#dialogue-name{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600}#dialogue-text{text-wrap:pretty;max-width:42ch;min-height:4.2em;margin:0;font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.4}.dialogue-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;font-size:1.125rem;display:flex}.dialogue-actions button{padding:.5rem .75rem}#dialogue-leave{background:0 0;border-color:#0000}#dialogue-next{color:#171317;background:#e7d0ad;border-color:#e7d0ad}#dialogue-next:active{background:#cbb18a}body[data-conversation=open] .game-controls{visibility:hidden}@media (width<=639px) and (height>=451px){.dialogue-portrait{bottom:13dvh;left:calc(32vw - 42.5dvh)}.dialogue-body{left:max(2rem, env(safe-area-inset-left));gap:.75rem}}@media (height<=450px){.dialogue-portrait{width:100dvh;left:calc(20vw - 50dvh)}.dialogue-body{gap:.5rem;padding:.5rem;left:38%}#dialogue-text{min-height:0}}#arena{touch-action:none;-webkit-touch-callout:none;cursor:grab;width:100%;height:100%;display:block}#caption{pointer-events:none;color:#fff;white-space:nowrap;font:600 14px/1 ui-monospace,monospace;position:absolute;top:0;left:0}.game-controls{padding:40px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#0000,#000c);justify-items:center;gap:4px;display:grid;position:absolute;inset:auto 0 0}#hint,#instructions{text-align:center;text-wrap:balance;margin:0}#instructions{color:#b5bdc9}button,#error a{box-sizing:border-box;color:#f2f2f5;min-width:48px;min-height:48px;font:inherit;cursor:pointer;touch-action:none;background:#151515d9;border:1px solid #ffffff40;border-radius:6px;font-weight:600}button:focus-visible,#error a:focus-visible{outline-offset:3px;outline:3px solid #ff4fd8}button:active{background:#383838;border-color:#ffffff80}button:disabled{opacity:.45;cursor:default}#reset{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));padding:8px 12px;position:absolute}.touch-instructions{display:none}#error{inset:max(16px, env(safe-area-inset-top)) 16px auto;overflow-wrap:anywhere;background:#17121a;border:1px solid #ff7a7a;border-radius:12px;max-width:40rem;margin-inline:auto;padding:16px;position:absolute}#error p{margin:0 0 16px}#error a{align-items:center;padding:8px 12px;display:inline-flex}@media (any-pointer:coarse){.touch-instructions{display:inline}.keyboard-instructions{display:none}}