@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@700;800&display=swap";:root{color:#fffaf4;background:#020407;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#020407}main{isolation:isolate;width:100%;height:100dvh;min-height:320px;position:relative}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.audio-hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#fffaf4b8;letter-spacing:.09em;opacity:0;pointer-events:none;white-space:nowrap;font:500 11px/1 DM Mono,monospace;transition:opacity .7s,transform .7s;position:absolute;transform:translate(-50%,10px)}.audio-hint.visible{opacity:1;transform:translate(-50%)}.audio-hint span{color:#ff557d;font-size:14px}.choice{z-index:2;pointer-events:none;position:absolute;inset:0}.choice-actions{pointer-events:none;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.choice-button{cursor:pointer;pointer-events:auto;touch-action:manipulation;border:0;border-radius:999px;min-width:116px;min-height:48px;padding:12px 22px;font:800 15px/1 Manrope,sans-serif;transition:transform .18s,left .18s,top .18s,opacity .22s;position:relative}.choice-button.accept{color:#fff;background:linear-gradient(135deg,#ff557d,#d9045b);box-shadow:0 0 24px #ff377075,0 8px 24px #00000057}.choice-button.reject{color:#17151a;background:#fffaf4;box-shadow:0 8px 24px #00000061}.choice-actions.escape-mode{pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;transform:none}.choice-actions.escape-mode .accept{pointer-events:auto;position:absolute}.choice-actions.escape-mode .reject{position:fixed}.choice[hidden]{display:none}.choice-button.is-fading{opacity:0;pointer-events:none;transform:scale(.84)}.qr-ending{z-index:3;right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));opacity:0;background:#020407d1;border:1px solid #ff557d80;border-radius:18px;justify-items:center;gap:8px;width:clamp(132px,18vw,190px);padding:10px;transition:opacity .7s,transform .7s;display:grid;position:absolute;transform:translateY(18px)scale(.92);box-shadow:0 0 28px #ff377047}.qr-ending[hidden]{display:none}.qr-ending:not([hidden]){opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.qr-ending img{background:#fffaf4;border-radius:10px;width:100%;height:auto;display:block}.qr-ending span{color:#fffaf4cc;letter-spacing:.04em;text-align:center;font:500 9px/1.2 DM Mono,monospace}@media (width<=520px){.qr-ending{width:116px;bottom:12px;right:12px}.qr-ending span{font-size:8px}.choice-actions{gap:10px}.choice-button{min-width:108px;padding-inline:18px}}@media (prefers-reduced-motion:reduce){.audio-hint{transition:opacity .2s}.choice-button{transition:none}}