.vs-game{padding-bottom:max(100px,env(safe-area-inset-bottom))}.vs-game h1{scroll-margin-top:8rem}.vs-game-subnav{border-radius:1.15rem;background:hsl(var(--play-paper) / .5);padding:5px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.vs-game-option:focus-within{outline:3px solid hsl(var(--play-purple));outline-offset:3px}.vs-game-panel{position:relative;overflow:hidden;border:1px solid hsl(var(--play-border));border-radius:2rem;background:radial-gradient(circle at 92% 0%,hsl(var(--play-blush) / .5),transparent 28%),radial-gradient(circle at 5% 100%,hsl(var(--play-mint) / .38),transparent 26%),hsl(var(--play-paper) / .96);padding:clamp(1.25rem,4vw,3rem);box-shadow:0 28px 72px -46px hsl(var(--play-purple) / .58),inset 0 1px hsl(var(--play-paper))}.vs-game-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,hsl(var(--play-red)) 0,hsl(var(--play-red)) 33.333%,hsl(var(--play-amber)) 33.333%,hsl(var(--play-amber)) 66.666%,hsl(var(--play-green)) 66.666%,hsl(var(--play-green)));opacity:.9}.vs-game-input{width:100%;min-height:52px;border-radius:1rem;border:1px solid hsl(var(--play-border));background:hsl(var(--play-paper));color:hsl(var(--play-ink));padding:.8rem 1rem;font-size:1rem}.vs-game :where(input,textarea):focus-visible{outline:3px solid hsl(var(--play-purple));outline-offset:3px}.vs-game-option{display:flex;align-items:center;gap:.75rem;width:100%;min-height:64px;padding:1rem;border:2px solid hsl(var(--play-border));border-radius:1.25rem;background:hsl(var(--play-paper));text-align:left;transition:border-color .15s,background .15s}.vs-game-option[data-selected=true]{background:hsl(var(--play-lavender));border-color:hsl(var(--play-purple))}.vs-game button:disabled{opacity:.55;cursor:not-allowed;transform:none}.vs-game-step{display:flex;align-items:center;gap:.75rem;border-radius:1rem;padding:1rem;background:hsl(var(--play-lavender))}.vs-game-reveal{overflow-wrap:anywhere;white-space:pre-wrap}.vs-game-progress{height:6px;border-radius:1rem;background:hsl(var(--play-lavender));overflow:hidden}.vs-game-progress>span{display:block;height:100%;background:hsl(var(--play-purple))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.vs-game-option:not(:disabled):hover{border-color:hsl(var(--play-purple));transform:translateY(-1px)}}.vs-game-option{position:relative;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s,border-color .22s,background-color .22s,box-shadow .22s}.vs-game-option[data-selected=true]{box-shadow:0 12px 28px -20px hsl(var(--play-purple) / .8)}.vs-game-option[data-locking=true]{transform:scale(.985);box-shadow:0 0 0 2px hsl(var(--play-purple) / .2),0 0 24px hsl(var(--play-purple) / .24)}.vs-game-progress>span{transition:width .55s cubic-bezier(.22,1,.36,1)}.vs-lock-button{position:relative;overflow:hidden}.vs-lock-button[data-locking=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / .35),transparent 80%);animation:vs-lock-sweep .55s ease-out both}.vs-game-locked{position:relative;overflow:hidden}.vs-game-locked:after{content:"";position:absolute;inset-inline:10%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--play-purple) / .55),transparent);animation:vs-wait-line 1.8s ease-in-out infinite}.vs-reveal-line{position:absolute;left:20%;right:20%;top:50%;z-index:20;height:2px;transform-origin:center;background:linear-gradient(90deg,transparent,hsl(var(--play-purple)),hsl(var(--play-green)),transparent);box-shadow:0 0 15px hsl(var(--play-purple) / .5)}@keyframes vs-lock-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes vs-wait-line{0%,to{transform:scaleX(.35);opacity:.35}50%{transform:scaleX(1);opacity:.9}}@media(prefers-reduced-motion:reduce){.vs-game-option,.vs-game-progress>span{transition:none}.vs-game-locked:after,.vs-lock-button:after{animation:none}}