#phial-confidence{--ph-panel:#292824;--ph-line:#514c43;--ph-ink:#eee8db;--ph-muted:#bcb3a3;--ph-hover:#393329}
#phial-confidence .stage{position:relative;overflow:hidden;width:100%;aspect-ratio:16/10;background:#050507;color:var(--ph-ink);font-family:Georgia,serif}
#phial-confidence canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
#phial-confidence .stage:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto}
#phial-confidence button{padding:9px 14px;border:1px solid var(--ph-line);border-radius:8px;background:var(--ph-panel);color:var(--ph-muted);font:600 12px system-ui,sans-serif;cursor:pointer;min-height:36px}
#phial-confidence button:hover{background:var(--ph-hover);color:var(--ph-ink)}
#phial-confidence button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#phial-confidence [hidden]{display:none!important}
#phial-confidence .play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);white-space:nowrap}
#phial-confidence .skip{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));z-index:4}
#phial-confidence .speech{position:absolute;box-sizing:border-box;padding:18px 20px 16px;border:1px solid var(--ph-line);border-radius:12px 12px 3px 12px;background:var(--ph-panel);color:var(--ph-ink);box-shadow:0 5px 24px #0002;text-align:left;font:15px/1.45 Georgia,serif;pointer-events:none;z-index:2}
@media(max-width:600px){#phial-confidence .stage{aspect-ratio:9/14}#phial-confidence .speech{font-size:14px}}
@media(pointer:coarse){#phial-confidence button{min-height:44px}}

#phial-confidence{position:fixed;inset:0;z-index:10040;opacity:0;transition:opacity .7s}
#phial-confidence .stage{width:100%;height:100dvh;aspect-ratio:auto}
#phial-confidence .play{display:none}