*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100dvh;overflow:hidden;background:#1a1f25;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation}#root{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh}#root canvas{display:block;width:100%!important;height:100%!important}.rotate-prompt{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;align-items:center;justify-content:center;padding:2rem;background:#1a1f25;color:#ffffffd9;font-size:1.05rem;font-weight:300;letter-spacing:.04em;text-align:center}@media (orientation: landscape) and (max-height: 500px){#root{display:none}.rotate-prompt{display:flex}}.end-text{position:fixed;left:50%;top:62%;transform:translate(-50%,-50%);pointer-events:none;color:#fffcf0f2;font-family:Caveat,Brush Script MT,cursive,sans-serif;font-size:clamp(3rem,13vw,5.5rem);font-weight:500;letter-spacing:.01em;line-height:1;text-align:center;max-width:88vw;opacity:0;transition:opacity 3s ease-in-out;text-shadow:0 2px 14px rgba(20,30,40,.55),0 0 32px rgba(20,30,40,.3)}.end-text.visible{opacity:1}.replay-button{position:fixed;left:50%;bottom:6%;transform:translate(-50%);border:0;background:#fffcf024;color:#fffcf0eb;border-radius:50%;width:52px;height:52px;padding:12px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 3s ease-in-out,background .2s,scale .1s ease;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #0f16204d}.replay-button.visible{opacity:1;pointer-events:auto}.replay-button:hover{background:#fffcf03d}.replay-button:active{scale:.92;background:#fffcf04d}.replay-button svg{display:block;width:100%;height:100%}.pin-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1f25;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.pin-title{color:#fffcf09e;font-size:.85rem;letter-spacing:.18em;text-transform:lowercase;margin-bottom:1.8rem;font-weight:300}.pin-row{display:flex;gap:.55rem;align-items:center}.pin-digit{width:38px;height:50px;border:0;border-bottom:2px solid rgba(255,252,240,.22);background:transparent;color:#fffcf0f2;font-family:inherit;font-size:1.55rem;font-weight:400;text-align:center;caret-color:#fffcf080;outline:none;transition:border-color .18s;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}.pin-digit:focus{border-bottom-color:#fffcf0b3}.pin-row.shake{animation:pin-shake .45s}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.phrase-tray{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.phrase-chip-wrap{position:absolute;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center center}.phrase-bubble{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-family:inherit;font-size:clamp(.85rem,3.4vw,1.05rem);font-weight:400;letter-spacing:.005em;white-space:nowrap;max-width:min(72vw,360px);background:#fcf8eef5;color:#2a3340;border-radius:var(--bubble-shape, 60% 40% 55% 45% / 50% 60% 40% 55%);padding:.78rem 1.2rem;box-shadow:0 8px 22px #0f162052,0 2px 4px #0f16202e;cursor:pointer;pointer-events:auto;translate:0 0;scale:1;transform-origin:center center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.phrase-chip-wrap .phrase-bubble{animation:bubble-pop-in .5s cubic-bezier(.18,.85,.25,1) both,bubble-float var(--float-duration, 12s) ease-in-out infinite;animation-delay:0s,var(--float-delay, 0s)}.phrase-chip-wrap .phrase-bubble.popping{animation:none;scale:.5;opacity:0;transition:scale .36s ease,opacity .36s ease;pointer-events:none}@keyframes bubble-pop-in{0%{opacity:0;scale:.55}60%{opacity:1;scale:1.04}to{opacity:1;scale:1}}.phrase-bubble:after{content:"";position:absolute;bottom:-10px;left:var(--tail-x, 22%);width:9px;height:9px;background:#fcf8eeeb;border-radius:50%;box-shadow:-9px 7px 0 -2px #fcf8eed9,-16px 13px 0 -4px #fcf8eeb8}.phrase-bubble.tail-flip:after{bottom:auto;top:-10px;box-shadow:-9px -7px 0 -2px #fcf8eed9,-16px -13px 0 -4px #fcf8eeb8}.phrase-bubble.tail-mirror:after{left:auto;right:var(--tail-x, 22%);box-shadow:9px 7px 0 -2px #fcf8eed9,16px 13px 0 -4px #fcf8eeb8}.phrase-bubble.tail-mirror.tail-flip:after{box-shadow:9px -7px 0 -2px #fcf8eed9,16px -13px 0 -4px #fcf8eeb8}.phrase-bubble:active{filter:brightness(1.04)}@keyframes bubble-float{0%{translate:0 0}25%{translate:var(--drift-x1, 4px) var(--drift-y1, -3px)}50%{translate:var(--drift-x2, -3px) var(--drift-y2, 4px)}75%{translate:var(--drift-x3, 5px) var(--drift-y3, 2px)}to{translate:0 0}}