.rf-pixel-egg .home-egg-halo{fill:var(--rf-white);stroke:var(--rf-white);stroke-width:8px;stroke-linejoin:miter}.rf-pixel-egg .home-egg-shell{fill:var(--rf-black)}.rf-pixel-egg .home-egg-shade{fill:var(--rf-surface-sunken)}.rf-pixel-egg .home-egg-dither{fill:var(--rf-text-faint)}.rf-pixel-egg .home-egg-shine{fill:var(--rf-text-muted)}.rf-pixel-egg .home-egg-fleck{fill:var(--rf-line-strong)}.rf-pixel-egg .home-egg-crack{fill:var(--rf-white)}.onchain-world{position:absolute;inset:0;overflow:hidden;background:var(--rf-black);isolation:isolate}.onchain-world-art{top:50%;left:50%;height:284.444%;width:auto;max-width:none;transform:translate(-50%,-50%)}.onchain-main-art,.onchain-world-art{position:absolute;display:block;pointer-events:none}.onchain-main-art{inset:0}.onchain-main-art,.token-artwork-image{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.token-artwork-image{display:block;position:relative}.token-portrait{display:block;flex:none;overflow:visible;object-fit:contain;image-rendering:pixelated}.onchain-artwork-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:var(--rf-text-subtle);text-align:center;font:12px var(--rf-font-mono)}.onchain-artwork-status button{border:var(--rf-border-width) solid var(--rf-text-faint);padding:8px 12px;background:var(--rf-surface);color:var(--rf-paper);font:inherit;cursor:pointer}.onchain-interactive{touch-action:pan-y;user-select:none;-webkit-user-select:none}.onchain-interactive.onchain-zoomed{touch-action:none;cursor:grab}.onchain-interactive.onchain-zoomed:active{cursor:grabbing}.onchain-frame{display:block;width:100%;height:100%;border:0;pointer-events:none;opacity:0}.onchain-frame-ready{opacity:1}.onchain-world-toolbar{position:absolute;top:26px;right:26px;z-index:3;display:flex;align-items:stretch;gap:6px;cursor:default}.onchain-camera-follow{display:grid;place-items:center;flex:none;padding:0;width:32px;min-height:32px;border:0;background:var(--rf-black);color:var(--rf-paper)}.onchain-camera-follow:hover:not(:disabled),.onchain-camera-follow[aria-pressed=true]{color:var(--rf-black);background:var(--rf-paper)}.onchain-camera-follow:disabled{color:var(--rf-line-strong);cursor:default}@media (max-width:760px){.onchain-world-toolbar{top:18px;right:14px}.onchain-camera-follow{width:28px;min-height:26px}}.onchain-camera-decorate{display:grid;place-items:center;flex:none;padding:0;width:32px;min-height:32px;border:0;background:var(--rf-black);color:var(--rf-paper)}.onchain-camera-decorate:hover:not(:disabled),.onchain-camera-decorate[aria-pressed=true]{color:var(--rf-black);background:var(--rf-paper)}.onchain-camera-decorate:disabled{color:var(--rf-line-strong);cursor:default}.onchain-decorate,.onchain-decorate.onchain-zoomed:active{cursor:crosshair}.onchain-care-hint{position:absolute;left:50%;bottom:14px;z-index:3;max-width:calc(100% - 28px);transform:translateX(-50%);margin:0;padding:6px 10px;border:0;background:var(--rf-black);color:var(--rf-paper);font:10px var(--rf-font-mono);white-space:normal;overflow-wrap:anywhere;text-align:center;pointer-events:none}@media (max-width:760px){.onchain-camera-decorate{width:28px;min-height:26px}}.rf-modal.first-hatch-modal,.rf-site .rf-modal.first-hatch-modal{width:min(calc(100% - 32px),560px);max-height:calc(100dvh - 32px);padding:0;overflow-x:hidden;overflow-y:auto;border:0;border-radius:var(--rf-radius);background:var(--rf-bg);color:var(--rf-paper);text-align:center;box-shadow:var(--rf-shadow-floating);scrollbar-color:var(--rf-line-strong) var(--rf-bg);color-scheme:dark}.first-hatch-modal::backdrop{background:var(--rf-overlay-strong);background-image:var(--rf-dither-dark)}.rf-modal.first-hatch-modal .rf-modal-close{top:15px;right:17px;width:30px;height:30px;border:0;background:transparent;color:var(--rf-text-muted)}.rf-modal.first-hatch-modal .rf-modal-close:hover{color:var(--rf-white)}.first-hatch-experience{position:relative;isolation:isolate;font-family:var(--rf-font-body)}.first-hatch-experience *{box-sizing:border-box}.first-hatch-experience button{cursor:pointer}.first-hatch-experience button:disabled{cursor:default}.first-hatch-experience button:focus-visible,.first-hatch-experience input:focus-visible{outline:var(--rf-focus-width) solid var(--rf-focus);outline-offset:5px}.first-hatch-topbar{display:flex;justify-content:space-between;align-items:center;min-height:60px;gap:18px;padding:14px 65px 14px 28px;font:10px var(--rf-font-mono)}.first-hatch-connection{display:inline-flex;align-items:center;gap:7px;color:var(--rf-text-muted)}.first-hatch-connection>svg{color:var(--rf-reward-green)}.first-hatch-sound{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0;border:0;border-radius:0;background:transparent;color:var(--rf-text-muted);font:inherit}.first-hatch-sound:hover{color:var(--rf-paper)}.first-hatch-body{padding:14px 32px 32px}.first-hatch-experience .first-hatch-title,.rf-modal.first-hatch-modal .first-hatch-title{margin:0;color:var(--rf-paper);font:400 28px/1.28 var(--rf-font-display);letter-spacing:-1px}.first-hatch-display{position:relative;display:grid;place-items:center;height:292px;margin:12px 0 0;isolation:isolate}.first-hatch-stage-dither{position:absolute;inset:26px 4%;z-index:-2;background-image:var(--rf-dither-light);background-size:5px 5px;opacity:.14;clip-path:polygon(24% 0,76% 0,76% 8%,88% 8%,88% 20%,100% 20%,100% 76%,88% 76%,88% 90%,72% 90%,72% 100%,25% 100%,25% 92%,10% 92%,10% 78%,0 78%,0 23%,10% 23%,10% 10%,24% 10%)}.first-hatch-stage-dither:after{content:"";position:absolute;inset:16px;background-image:var(--rf-dither-dark);background-size:4px 4px;background-position:1px 1px}.first-hatch-ground{position:absolute;z-index:-1;width:158px;height:18px;bottom:25px;background:var(--rf-black);background-image:var(--rf-dither-light);opacity:.5;clip-path:polygon(12% 0,88% 0,88% 25%,100% 25%,100% 75%,88% 75%,88% 100%,12% 100%,12% 75%,0 75%,0 25%,12% 25%)}.first-hatch-egg-touch{appearance:none;position:relative;z-index:1;display:grid;place-items:center;width:250px;max-width:100%;height:276px;padding:0 0 13px;border:0;border-radius:0;background:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.first-hatch-egg-carrier{display:block;width:192px;transform-origin:50% 95%;animation:first-hatch-idle 3.8s ease-in-out infinite}.first-hatch-egg-impact{display:block;transform-origin:50% 90%}.first-hatch-ready .first-hatch-egg-impact{animation:first-hatch-tap .34s ease-out}.first-hatch-pixel-egg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(4px 7px 0 var(--rf-black))}.first-hatch-ready .first-hatch-egg-touch:hover .first-hatch-egg-carrier{scale:1.025}.first-hatch-ready .first-hatch-egg-touch:active .first-hatch-egg-carrier{scale:.96}.first-hatch-connecting .first-hatch-pixel-egg{opacity:.7}.first-hatch-connecting .first-hatch-egg-carrier{animation:none}.first-hatch-tap-guide{display:flex;flex-direction:column;align-items:center;gap:17px;min-height:57px;margin-top:4px}.first-hatch-tap-message{color:var(--rf-text-soft);font:12px/1.5 var(--rf-font-mono)}.first-hatch-tap-progress{display:flex;gap:8px}.first-hatch-tap-progress>span{width:32px;height:7px;background:var(--rf-line-soft);transition:background-color var(--rf-motion-fast)}.first-hatch-tap-progress>span[data-complete=true]{background:var(--rf-reward-green)}.first-hatch-tap-sparks{position:absolute;inset:0;pointer-events:none}.first-hatch-tap-sparks>i{position:absolute;width:7px;height:7px;left:50%;top:50%;background:var(--rf-white);opacity:0;animation:first-hatch-tap-spark .38s ease-out}.first-hatch-tap-sparks>i:first-child{--spark-x:-108px;--spark-y:-62px}.first-hatch-tap-sparks>i:nth-child(2){--spark-x:105px;--spark-y:-48px}.first-hatch-tap-sparks>i:nth-child(3){--spark-x:-92px;--spark-y:62px;background:var(--rf-reward-green)}.first-hatch-tap-sparks>i:nth-child(4){--spark-x:83px;--spark-y:70px;background:var(--rf-reward-green)}.first-hatch-cracking .first-hatch-egg-carrier{animation:first-hatch-cracking 1.8s linear both}.first-hatch-cracking .first-hatch-ground{animation:first-hatch-ground 1.8s ease-out both}.first-hatch-fragments{position:absolute;inset:0;z-index:2;pointer-events:none}.first-hatch-burst{position:absolute;left:50%;top:47%;width:84px;height:84px;background:var(--rf-white);background-image:var(--rf-dither-dark);opacity:0;animation:first-hatch-burst .65s ease-out 1.05s both;clip-path:polygon(35% 0,65% 0,65% 20%,80% 20%,80% 35%,100% 35%,100% 65%,80% 65%,80% 80%,65% 80%,65% 100%,35% 100%,35% 80%,20% 80%,20% 65%,0 65%,0 35%,20% 35%,20% 20%,35% 20%)}.first-hatch-fragment{position:absolute;left:50%;top:46%;background:var(--rf-paper);opacity:0;animation:first-hatch-fragment .7s cubic-bezier(.15,.62,.39,1) 1.08s both}.first-hatch-fragment:nth-child(3n){background:var(--rf-reward-green)}.first-hatch-fragment:nth-child(3n+1){background-image:var(--rf-dither-dark)}.first-hatch-character{position:relative;display:grid;place-items:center;width:260px;max-width:100%;height:260px;padding-bottom:6px}.first-hatch-friend-art{position:relative;z-index:1;animation:first-hatch-reveal .65s cubic-bezier(.16,1,.3,1) both}.first-hatch-friend-art>.token-portrait{display:block;image-rendering:pixelated}.first-hatch-character-dither{position:absolute;pointer-events:none;inset:15px;background-image:var(--rf-dither-light);background-size:4px 4px;opacity:.15;clip-path:polygon(20% 0,80% 0,80% 12%,100% 12%,100% 80%,80% 80%,80% 100%,20% 100%,20% 88%,0 88%,0 20%,20% 20%);animation:first-hatch-reveal-dither .8s ease-out both}.first-hatch-art-status{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;color:var(--rf-text-muted);font:12px/1.6 var(--rf-font-mono)}.first-hatch-art-status button,.first-hatch-retry{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:9px 14px;border:var(--rf-border-width) solid var(--rf-line-strong);background:var(--rf-surface);color:var(--rf-paper);font:11px var(--rf-font-mono)}.first-hatch-identity{display:flex;align-items:center;justify-content:center;gap:13px;margin:3px 0 27px;color:var(--rf-text-soft);font:11px var(--rf-font-mono)}.first-hatch-generation{color:var(--rf-text-muted)}.first-hatch-experience .first-hatch-primary{appearance:none;display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:54px;padding:15px 18px;border:0;border-radius:var(--rf-radius);background:var(--rf-paper);color:var(--rf-ink);text-align:left;font:12px var(--rf-font-mono);transition:background var(--rf-motion-fast),transform var(--rf-motion-fast)}.first-hatch-experience .first-hatch-primary:hover{background:var(--rf-white)}.first-hatch-experience .first-hatch-primary:active{transform:translateY(2px)}.first-hatch-experience .first-hatch-primary:disabled{opacity:.4}.first-hatch-connection-error{margin-top:16px}.rf-modal.first-hatch-modal .first-hatch-connection-error p{margin:0 0 14px;color:var(--rf-error);font:12px/1.6 var(--rf-font-mono)}.first-hatch-naming .first-hatch-display{height:158px;margin-top:11px}.first-hatch-naming .first-hatch-character{width:170px;height:156px;padding-bottom:0}.first-hatch-naming .first-hatch-friend-art{animation:none}.first-hatch-naming .first-hatch-friend-art>.token-portrait{width:152px;height:152px}.first-hatch-naming .first-hatch-character-dither{inset:10px;animation:none}.first-hatch-naming .first-hatch-stage-dither{inset:16px 20%}.first-hatch-naming .first-hatch-ground{width:114px;height:12px;bottom:0}.first-hatch-naming .first-hatch-identity{margin:5px 0 24px}.first-hatch-name-form{text-align:left}.first-hatch-name-form>label{display:block;margin-bottom:10px;color:var(--rf-text-soft);font:11px var(--rf-font-mono)}.first-hatch-input-wrap{display:flex;align-items:center;gap:12px;border:var(--rf-border-width) solid var(--rf-line-strong);background:var(--rf-surface-sunken);padding-right:13px}.first-hatch-input-wrap:focus-within{border-color:var(--rf-paper)}.first-hatch-input-wrap>input{display:block;width:100%;min-width:0;border:0;border-radius:var(--rf-radius);padding:16px 14px;background:transparent;color:var(--rf-paper);font:16px var(--rf-font-mono);caret-color:var(--rf-white)}.first-hatch-input-wrap>input:focus-visible{outline:none}.first-hatch-input-wrap>input::placeholder{color:var(--rf-text-faint)}.first-hatch-name-count{color:var(--rf-text-secondary);font:10px var(--rf-font-mono);white-space:nowrap}.first-hatch-name-count>span{color:var(--rf-text-faint)}.first-hatch-input-invalid{border-color:var(--rf-error-strong)}.first-hatch-input-invalid .first-hatch-name-count{color:var(--rf-error-soft)}.first-hatch-name-error{min-height:29px;padding:7px 0 8px;color:var(--rf-error);font:10px/1.5 var(--rf-font-mono)}@keyframes first-hatch-idle{0%,65%,to{transform:translateY(0) rotate(0)}70%{transform:translateY(-2px) rotate(-3deg)}74%{transform:translateY(-2px) rotate(3deg)}78%{transform:translateY(-1px) rotate(-2deg)}83%{transform:translateY(0) rotate(0)}}@keyframes first-hatch-tap{0%{transform:scale(.92,.97) rotate(-4deg)}35%{transform:scale(1.035,1.025) rotate(4deg)}70%{transform:scale(1) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes first-hatch-tap-spark{0%{opacity:0;transform:translate(calc(var(--spark-x) * .6),calc(var(--spark-y) * .6)) scale(1)}20%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.4)}}@keyframes first-hatch-cracking{0%,16%,32%,48%{transform:rotate(-3deg);opacity:1}24%,40%,54%,8%{transform:rotate(3deg);opacity:1}59%{transform:scale(1.035);opacity:1}66%,to{transform:scale(1.13);opacity:0}}@keyframes first-hatch-ground{0%,54%{opacity:.5;scale:1}68%{opacity:.2;scale:1.35}to{opacity:0;scale:1.4}}@keyframes first-hatch-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}10%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(3.1)}}@keyframes first-hatch-fragment{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}65%{opacity:1}to{opacity:0;transform:translate(var(--fragment-x),var(--fragment-y)) rotate(var(--fragment-rotation)) scale(.35)}}@keyframes first-hatch-reveal{0%{opacity:0;transform:translateY(20px) scale(.72)}65%{opacity:1;transform:translateY(-5px) scale(1.045)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes first-hatch-reveal-dither{0%{opacity:0;transform:scale(.5)}to{opacity:.15;transform:scale(1)}}@media (max-width:480px){.first-hatch-topbar{padding-left:20px;padding-right:60px;gap:12px;font-size:9px}.first-hatch-body{padding:10px 22px 26px}.first-hatch-experience .first-hatch-title,.rf-modal.first-hatch-modal .first-hatch-title{font-size:23px;letter-spacing:-.7px}.first-hatch-display{height:270px;margin-top:13px}.first-hatch-egg-touch{width:230px;height:253px}.first-hatch-egg-carrier{width:168px}.first-hatch-friend-art>.token-portrait{width:209px;height:209px}.first-hatch-character{height:244px}.first-hatch-naming .first-hatch-display{height:151px}.first-hatch-naming .first-hatch-character{height:150px}.first-hatch-naming .first-hatch-identity{margin-bottom:21px}}@media (max-width:360px){.first-hatch-body{padding-left:18px;padding-right:18px}.first-hatch-topbar{padding-left:18px}.first-hatch-sound>span{display:none}.first-hatch-display{height:250px}.first-hatch-egg-touch{height:239px}.first-hatch-egg-carrier{width:156px}.first-hatch-tap-message{font-size:11px}}@media (max-height:700px){.first-hatch-body{padding-top:7px;padding-bottom:24px}.first-hatch-display{height:234px;margin-top:10px}.first-hatch-egg-touch{height:227px}.first-hatch-egg-carrier{width:156px}.first-hatch-character{height:224px}.first-hatch-friend-art>.token-portrait{width:190px;height:190px}.first-hatch-naming .first-hatch-display{height:129px}.first-hatch-naming .first-hatch-character{height:128px}.first-hatch-naming .first-hatch-friend-art>.token-portrait{width:114px;height:114px}.first-hatch-naming .first-hatch-identity{margin-bottom:19px}}@media (prefers-reduced-motion:reduce){.first-hatch-experience *,.first-hatch-experience :after,.first-hatch-experience :before{animation:none!important;transition:none!important}.first-hatch-fragments,.first-hatch-tap-sparks{display:none}.first-hatch-cracking .first-hatch-pixel-egg{opacity:.6}}.rf-modal.first-friend-onboarding{margin:auto}.first-friend-onboarding::backdrop{background:var(--rf-overlay-strong);background-image:var(--rf-dither-dark)}.first-friend-eligibility{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:14px 18px;background:var(--rf-bg);font:12px/1.5 var(--rf-font-mono);box-shadow:var(--rf-shadow-floating)}.first-friend-eligibility,.first-friend-eligibility button{border:var(--rf-border-width) solid var(--rf-line-strong);border-radius:var(--rf-radius);color:var(--rf-text)}.first-friend-eligibility button{padding:6px 10px;background:var(--rf-surface-raised);font:inherit;cursor:pointer}.first-friend-eligibility button:focus-visible{outline:var(--rf-focus-width) solid var(--rf-focus);outline-offset:3px}