@font-face{font-family:Inter;src:url(/fonts/Inter_24pt-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@property --ui-s{syntax: "<number>"; initial-value: 1; inherits: true;}#ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;user-select:none;-webkit-user-select:none}.ui-ring-btn{pointer-events:auto;position:absolute;width:calc(56px * var(--ui-s));height:calc(56px * var(--ui-s));border-radius:50%;background:#ffffff1a;border:2.5px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;opacity:0;transform:scale(.5);will-change:transform,opacity;transition:background .15s ease,border-color .15s ease}.ui-ring-btn:hover{background:#ffffff2e;border-color:#ffffff59}.ui-ring-btn:active{transform:scale(.88)!important}.ui-ring-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.ui-ring-btn svg{width:calc(20px * var(--ui-s));height:calc(20px * var(--ui-s));display:block;flex-shrink:0}.ui-btn-back{top:calc(20px * var(--ui-s));left:calc(20px * var(--ui-s))}.ui-btn-zoom{bottom:calc(32px * var(--ui-s));left:calc(50% - 64px * var(--ui-s))}.ui-btn-rotate{bottom:calc(32px * var(--ui-s));left:calc(50% + 8px * var(--ui-s))}.ui-btn-rotate--solo{left:calc(50% - 28px * var(--ui-s))}@media (hover: none){.ui-btn-zoom,.ui-btn-rotate{display:none}}.ui-summary-actions{position:absolute;left:50%;bottom:calc(24px * var(--ui-s) + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);display:flex;flex-direction:column;gap:calc(12px * var(--ui-s));width:min(calc(461px * var(--ui-s)),88vw);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.ui-summary-actions.is-visible{opacity:1;transform:translate(-50%);pointer-events:auto}.ui-pill-btn{width:100%;height:calc(64px * var(--ui-s));display:flex;align-items:center;justify-content:center;padding:0 calc(20px * var(--ui-s));border-radius:999px;border:2px solid transparent;background:linear-gradient(#100e16d1,#100e16d1) padding-box,linear-gradient(90deg,rgba(125,122,140,.72) 0%,rgba(125,122,140,.72) calc(var(--str-shine) - 20%),rgba(228,225,240,.97) var(--str-shine),rgba(125,122,140,.72) calc(var(--str-shine) + 20%),rgba(125,122,140,.72) 100%) border-box;color:#fff;font-family:Inter,sans-serif;font-size:calc(16px * var(--ui-s));font-weight:600;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;animation:str-border-sweep 5s linear infinite;transition:filter .15s ease,transform .1s ease}.ui-pill-btn:nth-child(2){animation-delay:-2.5s}.ui-pill-btn:hover{filter:brightness(1.25)}.ui-pill-btn:active{transform:scale(.97)}.ui-pill-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.ui-btn-ring-left,.ui-btn-ring-right{top:calc(50% - 28px * var(--ui-s))}.ui-btn-ring-left{left:11%}.ui-btn-ring-right{right:11%}@media (hover: none){.ui-btn-ring-left,.ui-btn-ring-right{display:none}}.ui-btn-next{top:calc(50% - 28px * var(--ui-s));right:15%}@media (hover: none){.ui-btn-next{display:none}}@property --str-shine{syntax: "<percentage>"; initial-value: -25%; inherits: false;}.ui-slide-to-rip{position:absolute;bottom:calc(56px * var(--ui-s));left:50%;transform:translate(-50%) translateY(8px);width:min(calc(461px * var(--ui-s)),88vw);height:calc(80px * var(--ui-s));border-radius:999px;border:2px solid transparent;background:linear-gradient(#100e16d1,#100e16d1) padding-box,linear-gradient(90deg,rgba(125,122,140,.72) 0%,rgba(125,122,140,.72) calc(var(--str-shine) - 20%),rgba(228,225,240,.97) var(--str-shine),rgba(125,122,140,.72) calc(var(--str-shine) + 20%),rgba(125,122,140,.72) 100%) border-box;cursor:grab;pointer-events:auto;opacity:0;will-change:opacity,transform;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;overflow:hidden;animation:str-border-sweep 5s linear infinite}@keyframes str-border-sweep{0%{--str-shine: -25%}to{--str-shine: 125%}}.ui-slide-to-rip:active{cursor:grabbing}@media (hover: none){.ui-slide-to-rip{display:none}}.ui-str-handle{position:absolute;top:calc(5px * var(--ui-s));left:calc(5px * var(--ui-s));width:40%;min-width:calc(128px * var(--ui-s));height:calc(100% - 10px * var(--ui-s));border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;will-change:transform;z-index:2;box-shadow:0 2px 12px #00000059;transform-origin:center center}.ui-str-label{font-family:sans-serif;font-size:calc(16px * var(--ui-s));font-weight:700;letter-spacing:.01em;color:#111;white-space:nowrap;pointer-events:none}.ui-str-track{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-evenly;padding:0 calc(16px * var(--ui-s));pointer-events:none;z-index:1}.ui-str-chevron{flex-shrink:0;width:calc(12px * var(--ui-s));height:calc(12px * var(--ui-s));border-right:2px solid rgba(255,255,255,.55);border-top:2px solid rgba(255,255,255,.55);transform:rotate(45deg);opacity:.25;animation:chevron-flow .9s ease-in-out infinite}@keyframes chevron-flow{0%,to{opacity:.1}50%{opacity:.45}}.grail-hint{position:absolute;bottom:10%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(10px * var(--ui-s));pointer-events:none;opacity:0;transition:opacity .35s ease}.grail-hint--visible{opacity:1}.grail-hint__text{font-family:sans-serif;font-size:calc(14px * var(--ui-s));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}.grail-hint__icon{width:calc(52px * var(--ui-s));height:auto;filter:brightness(0) invert(1);opacity:.85;animation:grail-icon-breathe 1.8s ease-in-out infinite}@keyframes grail-icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(.85)}}.grail-charge-bar-wrap{position:absolute;top:calc(12% - 8px * var(--ui-s));left:50%;transform:translate(-50%);width:calc(320px * var(--ui-s));height:calc(8px * var(--ui-s));border-radius:999px;background:#ffffff26;pointer-events:none;opacity:0;transition:opacity .3s ease}.grail-charge-bar-wrap--visible{opacity:1}.grail-charge-bar{height:100%;width:0%;border-radius:999px;background:#ffffffeb;box-shadow:0 0 6px 1px #ffffff8c;transition:width .06s linear}.grail-charge-bar-wrap--complete{overflow:visible;animation:grail-bar-complete .9s ease-out forwards}.grail-charge-bar-wrap--complete .grail-charge-bar{background:#ffe44d;box-shadow:0 0 18px 5px #ffdc00f2;transition:background .08s ease,box-shadow .08s ease;width:100%!important}@keyframes grail-bar-complete{0%{opacity:1;transform:translate(-50%) scaleY(1)}20%{opacity:1;transform:translate(-50%) scaleY(3)}55%{opacity:1;transform:translate(-50%) scaleY(1.3)}to{opacity:0;transform:translate(-50%) scaleY(1)}}