@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--mainmenu-header-height: 56px;--color-primary-cream: #f4e4c1;--color-primary-gold: #FFD699;--color-primary-gold-dark: #ba9b61;--color-primary-orange: #E17A20;--color-primary-black: #000000;--color-bg-primary: #0a0a0e;--color-bg-secondary: #1a1a1d;--color-bg-elevated: #000000c7;--color-bg-input: #000000;--color-bg-card: rgba(13, 12, 16, .85);--color-bg-panel-dark: rgba(13, 12, 16, .9);--color-bg-panel-medium: rgba(13, 12, 16, .75);--color-text-primary: #fef5dc;--color-text-secondary: #f4e4c1;--color-text-muted: #999999;--color-text-accent: #FFD699;--color-text-disabled: #666666;--color-border-primary: #f4e4c1;--color-border-secondary: #ba9b61;--color-border-accent: #FFD699;--color-border-muted: #333333;--overlay-dark: rgba(0, 0, 0, .85);--overlay-medium: rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .5);--overlay-subtle: rgba(0, 0, 0, .3);--color-success: #4ff55f;--color-success-light: #90EE90;--color-success-dark: #38c842;--color-danger: #ff4444;--color-danger-light: #FF9D9D;--color-danger-dark: #cc0000;--color-warning: #ffa500;--color-warning-light: #ffcc66;--color-info: #4a9eff;--color-info-light: #7bb3ff;--gray-100: #f5f5f5;--gray-200: #e0e0e0;--gray-300: #999999;--gray-400: #666666;--gray-500: #333333;--gray-600: #222222;--gray-700: #1a1a1a;--gray-800: #111111;--gray-900: #0a0a0a;--shadow-sm: 2px 2px 0 #000000;--shadow-md: 4px 4px 0 #000000;--shadow-lg: 0 8px 16px rgba(0, 0, 0, .6);--shadow-btn: 0 5px 0 var(--color-primary-gold-dark);--shadow-btn-hover: 0 3px 0 var(--color-primary-gold-dark);--shadow-btn-active: 0 1px 0 var(--color-primary-gold-dark);--shadow-elevated: 0 8px 16px rgba(0, 0, 0, .6);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--touch-target-min: 44px;--touch-target-comfortable: 56px;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--transition-fast: .1s steps(3);--transition-normal: .2s steps(5);--transition-slow: .3s steps(8);--z-base: 1;--z-dropdown: 1000;--z-sticky: 5000;--z-modal-backdrop: 9999;--z-modal: 10000;--z-toast: 10010;--z-tooltip: 10020;--color-accent-gold: var(--color-primary-gold);--color-accent-dark: var(--color-primary-gold-dark);--color-border: var(--color-border-primary);--color-shadow: rgba(186, 155, 97, .6)}html,body{height:100%}body{margin:0;padding:0;font-family:"Press Start 2P",cursive;background:var(--color-bg-secondary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;touch-action:manipulation;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}input,textarea,select{font-size:8px!important}html{scroll-behavior:smooth}.hidden{display:none!important}.flex-center{display:flex;justify-content:center;align-items:center}.pixel-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto}.pixel-console{background:var(--color-bg-elevated);border:4px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl);max-width:600px;width:90%;box-sizing:border-box;margin:0 auto;animation:fadeInUp .4s steps(8) forwards;text-align:center;position:relative;z-index:var(--z-base);box-shadow:var(--shadow-elevated)}.pixel-title{margin-bottom:var(--space-xl);opacity:0;animation:fadeIn .3s steps(5) forwards .2s;font-size:clamp(1rem,4vw,1.5rem);line-height:1.4;color:var(--color-accent-gold);text-shadow:2px 2px 0 rgba(0,0,0,.8)}.pixel-buttons{display:flex;flex-direction:column;gap:7px;opacity:0;animation:fadeIn .3s steps(5) forwards .4s}.pixel-btn{font-family:"Press Start 2P",cursive;font-size:clamp(.7rem,2vw,.9rem);background:linear-gradient(180deg,var(--gray-600) 0%,var(--color-bg-primary) 100%);color:var(--gray-100);border:3px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-btn);padding:var(--space-lg) var(--space-xl);min-height:var(--touch-target-min);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;margin:var(--space-xs) 0;position:relative;user-select:none;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}@media (hover: hover) and (pointer: fine){.pixel-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--color-accent-gold) 0%,var(--color-accent-dark) 100%);color:var(--color-bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-btn),0 0 12px var(--color-shadow)}}.pixel-btn:active:not(:disabled){transform:translateY(3px);box-shadow:var(--shadow-btn-active);background:linear-gradient(180deg,var(--color-accent-dark) 0%,#8a7045 100%)}.pixel-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.8)}.pixel-btn.secondary{background:transparent;border-color:var(--color-accent-dark);color:var(--color-accent-dark);box-shadow:0 3px #ba9b6166}.pixel-btn.danger{border-color:var(--color-danger);color:var(--color-danger-light)}.pixel-btn.success{border-color:var(--color-success);color:var(--color-success)}@media (hover: hover) and (pointer: fine){.pixel-btn.secondary:hover:not(:disabled){background:#ba9b6133;border-color:var(--color-accent-gold);color:var(--color-text-primary)}.pixel-btn.danger:hover:not(:disabled){background:linear-gradient(180deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);color:#fff;box-shadow:0 5px 0 var(--color-danger-dark)}.pixel-btn.success:hover:not(:disabled){background:linear-gradient(180deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--color-bg-primary);box-shadow:0 5px 0 var(--color-success-dark)}}.timing-bar{position:relative;background:linear-gradient(180deg,var(--gray-700) 0%,var(--gray-900) 100%);height:24px;width:90%;margin:var(--space-xl) auto;border:3px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:inset 0 2px 8px #000c,0 4px 0 var(--color-accent-dark)}.sweet-spot{position:absolute;top:0;height:100%;background:linear-gradient(90deg,#ffd7004d,#ffefb899,#ffd7004d);border-left:2px solid rgba(255,215,0,.4);border-right:2px solid rgba(255,215,0,.4)}.marker{position:absolute;top:0;width:6%;height:100%;background:linear-gradient(180deg,#ff6b6b,#f33);border:2px solid #fff;box-shadow:0 0 8px #f33c;transition:left .02s linear}.result-text{margin-top:var(--space-lg);font-size:clamp(.85rem,2.5vw,1.1rem);font-family:"Press Start 2P",cursive;color:#4f4;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.8);animation:popText .3s steps(6) forwards}.result-text.miss{color:#f44;animation:shake .3s steps(6) forwards}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(2px)}}@keyframes modalContentAppear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes routeTransitionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes routeTransitionFadeOut{0%{opacity:1}to{opacity:0}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes popText{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-16px)}to{transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes countFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes bannerCrack{0%{filter:none}15%{filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 0 6px var(--color-accent-gold))}30%{filter:brightness(1.5) drop-shadow(0 4px 0 var(--color-accent-gold))}60%{filter:contrast(2) grayscale(.5) drop-shadow(0 6px 0 var(--color-accent-gold))}95%{filter:contrast(.5) grayscale(1) drop-shadow(0 10px 5px var(--color-accent-gold))}to{filter:contrast(.3) grayscale(1) drop-shadow(0 10px 5px var(--color-accent-gold))}}@keyframes bf-logo-pulse{0%,to{filter:drop-shadow(0 0 16px rgba(244,228,193,.5)) brightness(1);transform:scale(1)}50%{filter:drop-shadow(0 0 24px rgba(244,228,193,.75)) brightness(1.12);transform:scale(1.06)}}@keyframes bannerFall{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}10%{transform:translateY(-2px) scale(1.1) rotate(-2deg)}40%{transform:translateY(12px) scale(1.05) rotate(7deg)}60%{transform:translateY(32px) scale(1.12) rotate(-12deg);opacity:.9}80%{transform:translateY(60px) scale(.95) rotate(-24deg);opacity:.7}to{transform:translateY(98px) scale(.7) rotate(-44deg);opacity:0}}@keyframes star-defeated-flash{0%,to{opacity:1;transform:scale(1);filter:brightness(1)}15%{opacity:.3;transform:scale(1.3);filter:brightness(2.5) drop-shadow(0 0 8px #ff3333)}30%{opacity:1;transform:scale(.9);filter:brightness(1.5)}45%{opacity:.4;transform:scale(1.2);filter:brightness(2) drop-shadow(0 0 6px #ff3333)}60%{opacity:1;transform:scale(1);filter:brightness(1)}75%{opacity:.5;transform:scale(1.1);filter:brightness(1.8)}}.battle-area{margin-top:0!important;position:relative;width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:0}.battle-canvas{position:absolute;top:0;left:0;pointer-events:none;width:100%;height:100%;z-index:600}.battle-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/src/assets/bg_fight1.webp);background-size:cover;background-position:center 30%;z-index:0}#pixi-container canvas{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;pointer-events:none!important;z-index:10!important}#pixi-container{pointer-events:none}.battle-ui{position:relative;z-index:20;width:100%;display:flex;flex-direction:column;align-items:center}canvas{background:transparent!important}.fren-container{display:flex;justify-content:space-between;align-items:flex-end;width:100%;max-width:480px;gap:40px;margin-bottom:15px;z-index:7}.fren-side{display:flex;flex-direction:column;align-items:center;width:45%;flex-shrink:0}.fren-image-wrapper,.fren-battle-img{width:120px;height:120px;image-rendering:smooth;position:relative;display:flex;justify-content:center;align-items:center;transform-origin:center center;backface-visibility:hidden;will-change:transform}.fren-battle-img{margin-top:0}.enemy-side.fren-image-wrapper{transform:scaleX(-1)}.fren-text-block{margin-top:14px;display:flex;flex-direction:column;align-items:center}.hp-bar{width:100%;height:14px;background:#201d1b;border:2.5px solid #f4e4c1;border-radius:0;box-shadow:0 0 0 2px #000,0 0 8px #f4e4c1;overflow:hidden;margin:4px 0 8px;position:relative;image-rendering:pixelated}.hp-fill{height:100%;background:repeating-linear-gradient(135deg,#4ff55f 0px 6px,#38c842 6px 12px);border-right:2.5px solid #184016;image-rendering:pixelated;transition:width .3s steps(6);box-shadow:0 0 0 2px #202,0 0 7px #81ff7b,0 0 #000}.hp-bar.low .hp-fill{background:repeating-linear-gradient(135deg,#ff595d 0px 6px,#ac1a23 6px 12px);border-right:2.5px solid #4e151d;box-shadow:0 0 0 2px #201010,0 0 10px #ff4343,0 0 #000}.hp-bar.mid .hp-fill{background:repeating-linear-gradient(135deg,#ffe761 0px 6px,#e1ae22 6px 12px);border-right:2.5px solid #816c13;box-shadow:0 0 0 2px #302810,0 0 8px #ffe761,0 0 #000}.hp-text{white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem;font-family:"Press Start 2P",cursive;color:#fff1d6;margin:0}.battle-log-box{background:#000000e6;border:2px solid #f4e4c1;border-radius:0;padding:10px;width:350px;max-width:95%;height:140px;max-height:20vh;overflow-y:overlay;margin:10px auto;font-size:.7rem;line-height:1.3;text-align:left;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.battle-log-box p{margin:0;padding:0}.battle-log-box::-webkit-scrollbar{width:8px}.battle-log-box::-webkit-scrollbar-thumb{background-color:#ba9b61;border-radius:0}.battle-log-box::-webkit-scrollbar-track{background:#000000bf}.catch-screen button{display:block;margin:20px auto}.catch-screen .result-text{margin-top:10px;animation:popText .8s steps(8) forwards}.catch-screen .result-text.miss{color:#f33}.bag-screen{display:flex;flex-direction:column;min-height:100vh;padding:10px;background-color:#000}.bag-screen ul{list-style:none;padding:0;margin:20px 0}.bag-screen p{font-size:.7rem}.bag-screen .back-button-container{padding-bottom:30px}.fren-card{display:flex;align-items:center;gap:10px;margin:10px auto;padding:10px;background:#00000080;color:#f4e4c1;border:2px solid #f4e4c1;border-radius:0;width:90%;font-size:.65rem;text-align:left}.fren-card.active-tab{border:3px solid #FFD699!important;background:linear-gradient(180deg,#ffd69926,#ba9b611a)!important;box-shadow:0 0 12px #ffd69966,inset 0 0 20px #ffd6990d!important}.fren-thumbnail{width:85px;height:85px;image-rendering:smooth;flex-shrink:0}.fren-info p{margin:2px 0}.fren-id-number{color:#f4e4c1}.stat-good{color:#7cfc86}.stat-bad{color:#faa}.glow-good{text-shadow:0 0 5px #7CFC86,0 0 10px #7CFC86}.glow-bad{text-shadow:0 0 5px #FFAAAA,0 0 10px #FFAAAA}.stat-tier-s{color:#e17a20}.stat-tier-a-plus{color:#f3d799}.stat-tier-a{color:#b0d6ff}.stat-tier-b{color:#7cfc86}.stat-tier-c{color:#fff}.power-level-letter{font-family:"Press Start 2P",cursive;font-size:2.1rem;line-height:2.1rem;letter-spacing:2px;text-align:center;margin-bottom:.8rem;min-width:70px;display:block}.power-level-label{font-size:.65rem;color:#ffd699;margin-top:.4rem;font-family:"Press Start 2P",cursive;text-align:center;display:block}.pets-list{flex:1 1 0%;overflow-y:auto;height:100%;padding-right:5px;padding-bottom:240px;box-sizing:border-box}.pets-list::-webkit-scrollbar{width:6px}.pets-list::-webkit-scrollbar-thumb{background:#ba9b61;border-radius:0}.pets-list::-webkit-scrollbar-track{background:#000000bf}.combat-screen{display:flex;flex-direction:column;height:85vh;padding:10px;position:relative}.frens-list{flex:1;overflow-y:auto;margin-bottom:10px}.coming-soon{opacity:.5;cursor:not-allowed}@keyframes pixelFadeIn{0%{opacity:0;filter:blur(10px) brightness(.9);transform:scale(1.03)}40%{opacity:.5;filter:blur(5px) brightness(.95)}to{opacity:1;filter:blur(0px) brightness(1);transform:scale(1)}}@keyframes pixelFadeOut{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(6px)}}.fade-screen{opacity:0;filter:blur(10px);transform:scale(1.03);pointer-events:none;position:fixed;inset:0;background:transparent;z-index:200}.fade-screen.show{animation:pixelFadeIn .4s cubic-bezier(.4,0,.2,1) forwards;pointer-events:auto}.fade-screen:not(.show){animation:pixelFadeOut .2s ease-in forwards}.fade-screen:not(.show) canvas,.fade-screen:not(.show) img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.fade-pvp{position:fixed;inset:0;background:#000;opacity:1;transition:opacity 2s steps(10);z-index:9999;pointer-events:none}.fade-pvp.hide{opacity:0}.wallet-header{position:fixed;top:0;left:0;right:0;padding:8px 12px;display:flex;justify-content:space-between;.connect-chip .connect-chip-label{pointer-events:none}background:#121212e6;z-index:998;box-sizing:border-box;pointer-events:auto}.wallet-header>*{flex-shrink:0}.filter-controls{display:flex;align-items:center;gap:10px;margin:10px 0}.refresh-btn{font-size:1.2rem;padding:4px 10px}.tab-selectors{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.pixel-btn.active-tab{background:linear-gradient(180deg,#f4e4c1,#f4d9a7)!important;color:#0a0a0e!important;font-weight:700!important;border-color:#ffd699!important;box-shadow:0 4px #ba9b61!important}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.flex-row{display:flex;align-items:center}.flex-stats{margin-left:15px;flex:1}.market-price-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.market-price{display:flex;align-items:center;gap:6px;font-weight:700;color:#ffd699;margin-bottom:4px;font-size:1rem}.market-price span{line-height:1}.market-price img{width:1rem;height:1rem;object-fit:contain;image-rendering:pixelated}.market-price-container .pixel-btn{align-self:center;margin-top:0}.back-button-container{position:fixed;bottom:0;left:0;width:100%;background:#000000e6;padding:10px 0;border-top:3px solid #FFD699;z-index:999}.back-button-container .pixel-btn{width:95%;margin:0 auto;display:block}.back-button-container.disabled{opacity:.4;pointer-events:none}.sticky-footer{position:fixed;bottom:0;left:0;width:100%;background:#000000e6;display:flex;justify-content:space-between;padding:12px 20px;z-index:9999;border-top:3px solid #FFD699;box-sizing:border-box}.sticky-footer button{flex-shrink:0;max-width:48%;white-space:nowrap}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top:4px solid transparent;border-radius:0;animation:spin .8s steps(8) infinite;margin:var(--space-xl) auto}.input-field{width:100%;padding:var(--space-md) var(--space-lg);min-height:var(--touch-target-min);font-family:"Press Start 2P",cursive!important;font-size:.5rem!important;color:var(--color-text-primary);background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border:3px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;margin-bottom:var(--space-lg);transition:all var(--transition-normal);box-shadow:inset 0 2px 4px #00000080}.input-field:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:inset 0 2px 4px #00000080,0 0 0 3px #ffd7004d;background:linear-gradient(180deg,#222,#111)}.input-field::placeholder{color:var(--color-accent-dark);opacity:.6;font-size:.5rem!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}select.input-field{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--color-accent-gold) 50%),linear-gradient(135deg,var(--color-accent-gold) 50%,transparent 50%);background-position:calc(100% - 16px) center,calc(100% - 10px) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:var(--space-2xl);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal)}.tooltip{position:relative;display:inline-block;cursor:help}.tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:240px;background:linear-gradient(180deg,#2a2a2e,#0a0a0e);color:var(--color-text-primary);text-align:center;border:3px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);position:absolute;z-index:var(--z-tooltip);bottom:calc(100% + 8px);left:50%;transform:translate(-50%);opacity:0;transition:opacity var(--transition-normal),visibility 0s linear .2s;font-size:.65rem;font-family:"Press Start 2P",cursive;line-height:1.4;box-shadow:var(--shadow-elevated);pointer-events:none;white-space:normal}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--color-border) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1;transition-delay:0s}button:focus-visible{outline:3px solid var(--color-accent-gold);outline-offset:2px}.mainmenu-stack button:focus,.mainmenu-stack button:focus-visible{outline:none!important}@media (hover: none) and (pointer: coarse){*{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}button{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}}@media (hover: hover) and (pointer: fine){.mainmenu-stack.no-hover button:hover:not(:disabled){background:linear-gradient(180deg,var(--color-text-primary) 0%,#8a7045 100%)!important;color:var(--color-bg-primary)!important;transform:none!important;box-shadow:var(--shadow-btn)!important}}.input-field:focus-visible{outline:3px solid var(--color-accent-gold);outline-offset:1px}.nickname-button-fixed{position:fixed;top:12px;left:10px;gap:3px!important;z-index:10001}.nickname-button-fixed .pixel-btn{font-size:.4rem;padding:6px 8px;top:12px;left:10px}.menu-controls-fixed{position:fixed;top:20px;right:20px;display:flex;flex-direction:row;align-items:center;gap:16px;z-index:10000;padding:2px 6px;font-size:11px}.mainmenu-logo-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.mainmenu-logo-img{width:220px;height:auto}.modal-overlay{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-lg);overflow-y:auto;animation:modalOverlayFadeIn .22s steps(6) forwards;backdrop-filter:blur(0px);will-change:opacity,backdrop-filter}.modal-overlay[style*="background: rgba(0,0,0,0.7)"],.modal-overlay[style*="background: rgba(0,0,0,0.80)"],.modal-overlay[style*="background: rgba(0, 0, 0, 0.85)"]{animation:modalOverlayFadeIn .22s steps(6) forwards}.modal-content{background:linear-gradient(180deg,#1a1a1d,#0a0a0e);border:4px solid var(--color-accent-gold);border-radius:var(--radius-sm);padding:var(--space-xl);text-align:center;color:var(--color-text-primary);max-width:90vw;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-elevated),0 0 32px #ffd7004d;position:relative;opacity:0;transform:scale(.96);animation:modalContentAppear .28s steps(7) .08s forwards;will-change:opacity,transform}.modal-content p{margin-bottom:var(--space-lg);line-height:1.6}.modal-content h2,.modal-content h3{color:var(--color-accent-gold);margin-bottom:var(--space-lg);text-shadow:2px 2px 0 rgba(0,0,0,.8)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:transparent;border:2px solid var(--color-text-secondary);color:var(--color-text-secondary);font-size:1.2rem;width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;line-height:1}.modal-close:hover{background:var(--color-text-secondary);color:var(--color-bg-primary)}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:#0000004d;border-left:2px solid var(--color-accent-dark)}.modal-content::-webkit-scrollbar-thumb{background:var(--color-accent-dark);border:2px solid var(--color-accent-gold)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-accent-gold)}@media (max-width: 768px){.modal-content{max-width:95vw;padding:var(--space-lg);max-height:85vh}.modal-overlay{padding:var(--space-sm)}}.wallet-chip{position:relative;min-width:64px;justify-content:center;user-select:none;white-space:nowrap;z-index:1}.wallet-chip .wallet-chip-label{pointer-events:none}.wallet-overlay-button{position:absolute;inset:0;opacity:1;pointer-events:auto;display:flex;align-items:stretch;justify-content:stretch;z-index:2}.wallet-overlay-button .wallet-adapter-button{width:100%;height:100%;padding:0;border-radius:0;border:none;background:transparent;color:transparent;box-shadow:none;outline:none;opacity:.02}.mainmenu-right .balances-row{display:flex;align-items:center;gap:6px;width:100%;justify-content:flex-end;flex-wrap:nowrap}.mainmenu-right .balance-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 5px;background:#00000059;border:2px solid #FFD699;border-radius:0;box-shadow:0 0 8px #00000080;flex-direction:row-reverse;max-width:100%;min-width:0;flex-shrink:1;position:relative}.balance-chip.clickable{cursor:pointer}.mainmenu-right .balance-chip img{width:18px;height:18px;image-rendering:pixelated;flex-shrink:0}.mainmenu-right .goldies-number,.mainmenu-right .sol-number{color:#ffd699;font-weight:700;text-shadow:0 0 2px #000;line-height:1;font-size:clamp(10px,2vw,12px);letter-spacing:0;white-space:nowrap;user-select:none;min-width:0;text-align:right}.wallet-adapter-modal-wrapper{z-index:10050!important}.retro-rect-select{border-radius:0!important;border:2px solid #f4e4c1!important;background:#000!important;color:#f4e4c1!important;font-family:"Press Start 2P",cursive!important;font-size:8px!important;padding:8px 12px!important;box-shadow:2px 2px #000!important;outline:none!important}.retro-checkbox-label{font-family:"Press Start 2P",cursive;cursor:pointer}.retro-checkbox{box-shadow:0 2px #ffd699,0 1px #222}.toolbar input[type=checkbox]{accent-color:#FFD699}.user-select-none{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.pvp-button-row .pixel-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Press Start 2P",cursive;font-size:10px;gap:6px;padding:6px 0;cursor:pointer;user-select:none;background:#222;border:2px solid #f4e4c1;border-radius:0;color:#fff1d6;transition:background .2s steps(4);width:90px;height:90px;box-sizing:border-box}.pvp-button-row .pixel-btn img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}@media (hover: hover) and (pointer: fine){.pvp-button-row .pixel-btn:hover:not(:disabled){background:#f4e4c1;transform:translateY(-2px) scale(1.05)}}.retro-action-banner{box-shadow:0 0 16px #000,0 0 6px #ffd699;border-radius:0;font-family:"Press Start 2P",cursive;font-size:.7rem;padding:4px 12px;min-width:65px;min-height:26px;text-align:center;letter-spacing:2px;pointer-events:none;user-select:none;filter:drop-shadow(0 2px 8px #000);opacity:1;display:flex;align-items:center;justify-content:center;gap:10px;transition:font-size .2s steps(4),padding .2s steps(4);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;position:absolute}.retro-action-banner img{image-rendering:pixelated;max-height:24px;max-width:24px}.retro-action-banner-player,.retro-action-banner-opponent{position:absolute}.retro-action-banner.cracked,.retro-action-banner .banner-icon.cracked{filter:grayscale(1) contrast(1.2) brightness(.8)}.banner-icon{width:50px;height:50px;object-fit:contain;aspect-ratio:1 / 1;image-rendering:smooth}.retro-badge{font-family:"Press Start 2P",cursive;background:#ffd699;color:#222;border-radius:0;padding:3px 8px;font-weight:700;border:2px solid #f4e4c1;position:absolute;top:8px;right:14px;font-size:13px;z-index:10}.floating-essence{position:absolute;opacity:0;animation:float 4s ease-in-out infinite alternate,fadeIn 2s steps(10) forwards;pointer-events:none}.essence-fade-in{opacity:.8!important;transition:opacity 1.2s steps(10)}.essence-thumbnail{width:54px;height:54px;image-rendering:pixelated;flex-shrink:0}.essence-icon-display{width:34px;height:auto}@media (min-width: 768px){.essence-icon-display{width:100px}}@media (max-width: 600px){.essence-btn-minus{margin-left:12px!important}.essence-btn-plus{margin-right:12px!important}}.marketplace-screen,.marketfray-content{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.marketplace-screen{min-height:100vh;touch-action:pan-y;overscroll-behavior-x:none}.marketfray-content{padding-left:10px!important;padding-right:10px!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important;box-sizing:border-box!important}.marketplace-screen .tab-selectors{justify-content:center!important;max-width:100%!important;flex-wrap:wrap!important;gap:8px!important;margin-left:auto!important;margin-right:auto!important}.marketplace-screen .tab-selectors .pixel-btn{flex:1 1 180px;min-width:140px}.marketplace-screen .pets-list{width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto!important;height:auto!important;max-height:calc(100dvh - 180px)!important;-webkit-overflow-scrolling:touch;flex:initial!important;display:block!important;padding-left:5px!important;padding-right:5px!important;padding-bottom:200px!important;box-sizing:border-box}.marketplace-screen .pets-list:after{content:"";display:block;height:120px}.marketplace-screen .pets-list .fren-card{width:min(520px,95%)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;overflow:hidden}.marketplace-screen .pets-list .fren-card>*{min-width:0}.marketplace-screen [style*="width: 100vw"]{width:100%!important}.marketplace-screen .fren-card,.marketplace-screen .modal-content,.marketplace-screen .input-field,.marketplace-screen .retro-rect-select{border-radius:0!important}.marketplace-screen .market-sort-select{border-radius:0!important;font-size:8px!important;padding:6px 8px!important;line-height:1!important}@media (min-width: 1024px){.pixel-console{max-width:680px;padding:var(--space-2xl);border-width:5px}.pixel-buttons .pixel-btn{font-size:.95rem;padding:var(--space-lg) var(--space-xl)}.mainmenu-logo-img{width:280px}.marketplace-screen .pets-list{display:grid!important;grid-template-columns:repeat(2,minmax(320px,540px));justify-content:center;gap:var(--space-xl)}.marketplace-screen .pets-list .fren-card{width:100%!important;margin:0!important}.pixel-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02)}}.marketplace-screen.bag-screen{padding:0!important}@media (max-width: 600px){.marketplace-screen .pets-list{max-height:calc(100dvh - 140px)!important;padding-bottom:180px!important}}@media (max-width: 768px){.pixel-console{padding:var(--space-lg);max-width:95%}.pixel-title{font-size:clamp(.9rem,3.5vw,1.1rem);margin-bottom:var(--space-lg)}.pixel-btn{font-size:clamp(.65rem,2vw,.8rem);padding:var(--space-md) var(--space-lg);min-height:var(--touch-target-min)}.battle-log-box{height:100px;font-size:.6rem}.retro-action-banner{min-width:48px;min-height:var(--touch-target-min);font-size:clamp(.48rem,1.5vw,.55rem);padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);box-shadow:0 0 8px #000c,0 0 3px var(--color-accent-gold);text-shadow:0 1px 0 #000,0 0 4px var(--color-accent-gold)}.retro-action-banner img{max-height:20px;max-width:20px}.toolbar{flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.toolbar .retro-rect-select,.toolbar .pixel-btn{flex:1 1 160px;min-width:140px;min-height:var(--touch-target-min)}.modal-content{padding:var(--space-lg);max-width:92vw}.input-field{font-size:.75rem;padding:var(--space-md)}}@media (max-width: 600px){:root{--touch-target-comfortable: 48px}.wallet-header{padding:var(--space-sm) var(--space-md);flex-direction:column;align-items:stretch;gap:var(--space-md);top:var(--space-xs);left:var(--space-xs);right:var(--space-xs)}.wallet-header>*{width:100%;font-size:.7rem}.wallet-header button,.wallet-header .wallet-button{padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min)}.tab-selectors button,.toolbar select,.toolbar button{flex:1;font-size:.7rem;padding:var(--space-sm);min-height:var(--touch-target-min)}.tab-selectors{flex-direction:row;gap:var(--space-sm)}.power-level-letter{font-size:1.3rem!important;line-height:.9rem!important;min-width:unset!important;margin-bottom:.45rem!important;display:block!important}.power-level-label{font-size:.39rem!important;margin-top:.25rem!important;display:block!important}.fren-card .power-level-letter-check-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-end;margin-bottom:var(--space-xs);margin-right:0;margin-top:var(--space-xs);order:100}.fren-card .pixel-btn.check-btn{margin-top:var(--space-xs);margin-bottom:var(--space-xs);order:101;align-self:flex-end;min-height:var(--touch-target-min)}.menu-controls-fixed{top:var(--space-sm)!important;right:var(--space-xs)!important;width:calc(100% - 24px)!important;justify-content:flex-end!important;gap:var(--space-xs)!important;z-index:var(--z-sticky);padding:var(--space-xs) var(--space-sm);font-size:11px}.pets-list{padding-bottom:160px}.marketplace-screen .pets-list{padding-bottom:160px!important;max-height:calc(100dvh - 140px)!important}.pixel-buttons{gap:4px}}@media (max-width: 480px){:root{--mainmenu-header-height: 66px}.pixel-btn{font-size:clamp(.55rem,2.2vw,.65rem);padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min)}.pixel-title{font-size:clamp(.8rem,3vw,.95rem);margin-bottom:var(--space-md)}.battle-log-box{height:90px;font-size:.55rem}.balance-chip{padding:var(--space-xs)!important;min-height:32px}.balance-chip img{width:16px!important;height:16px!important}.balances-fixed .sol-number,.balances-fixed .goldies-number{font-size:clamp(9px,3.2vw,11px)!important}.modal-content{padding:var(--space-md)}.input-field{font-size:.7rem;padding:var(--space-sm) var(--space-md)}.header-btn,.header-chip,.wallet-chip,.connect-chip{font-size:.5rem!important;padding:var(--space-xs)!important;min-height:32px}}@media (max-width: 900px){.balance-chip{padding:3px 5px!important}.balances-fixed .sol-number,.balances-fixed .goldies-number{font-size:clamp(9px,2vw,11px)!important}.balance-chip img{width:16px!important;height:16px!important}}@media (max-width: 700px){:root{--mainmenu-header-height: 64px}.balance-chip{padding:2px 4px!important}.balances-fixed .sol-number,.balances-fixed .goldies-number{font-size:clamp(9px,2vw,11px)!important}.balance-chip img{width:16px!important;height:16px!important}.balances-row .wallet-overlay-button{pointer-events:none!important}}@media (max-width: 480px){:root{--mainmenu-header-height: 66px}.balance-chip{padding:2px 4px!important}.balance-chip img{width:14px!important;height:14px!important}.balances-fixed .sol-number,.balances-fixed .goldies-number{font-size:clamp(8px,2.8vw,10px)!important}}@media (min-width: 1280px) and (min-height: 900px){.mainmenu-wrapper{padding-top:clamp(8vh,12vh,160px)}.pixel-console{max-width:720px}.pixel-title{font-size:1.6rem}}@media (min-width: 1400px){.retro-action-banner{font-size:.78rem;padding:var(--space-xs) var(--space-md);min-width:85px;min-height:var(--touch-target-comfortable)}.retro-action-banner img{max-height:26px;max-width:26px}}@media (max-width: 1100px) and (min-width: 769px){.retro-action-banner{font-size:.65rem;padding:var(--space-xs) var(--space-sm);min-width:60px;min-height:26px}.retro-action-banner img{max-height:22px;max-width:22px}}.marketfray-brand-fixed{position:fixed;left:12px;top:54px;transform:translateY(-50%);z-index:26;pointer-events:none}.marketfray-brand-text{display:inline-flex;align-items:center;gap:8px;font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:2px;font-weight:700;color:#ffd699;font-size:clamp(10px,1.6vw,16px);line-height:1.1;user-select:none;white-space:nowrap;text-shadow:0 1px 0 #000}.marketfray-logo-icon{height:1.5em;width:auto;image-rendering:pixelated;display:block}@media (max-width: 1200px){.marketfray-bar{padding-right:260px!important}}@media (max-width: 900px){.marketfray-bar{gap:20px!important;padding-left:2vw!important;padding-right:220px!important;min-height:100px!important}.marketfray-content{padding-top:100px!important}.balances-fixed{top:48px!important}.marketfray-brand-fixed{top:50px!important}}@media (max-width: 700px){.marketfray-bar{gap:12px!important;padding-left:2vw!important;padding-right:170px!important;min-height:70px!important}.marketfray-content{padding-top:70px!important}.balances-fixed{top:33px!important}.marketfray-brand-fixed{top:35px!important}}@media (max-width: 480px){.marketfray-bar{gap:7px!important;padding-left:1vw!important;padding-right:130px!important;min-height:48px!important}.marketfray-content{padding-top:48px!important}.balances-fixed{top:22px!important;gap:5px!important}.marketfray-brand-fixed{top:24px!important}}.mainmenu-bar{position:fixed;top:0;left:0;width:100%;background:#181414c7;border-bottom:2px solid #FFD699;box-shadow:0 4px 16px #222;padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right));padding-top:6px;padding-bottom:6px;z-index:25;overflow-x:hidden;overflow-y:visible}.mainmenu-wrapper{padding-top:56px;padding-bottom:16px}.mainmenu-toolbar{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0}.mainmenu-left,.mainmenu-right{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}.mainmenu-right{justify-self:end;justify-content:flex-end;flex-wrap:nowrap;max-width:min(66vw,calc(100vw - 220px));margin-right:clamp(12px,3.5vw,56px);padding-right:env(safe-area-inset-right);box-sizing:border-box;overflow:visible}.header-btn,.header-chip,.wallet-chip{padding:4px 6px!important;border:2px solid #FFD699!important;background:#00000059!important;color:#ffd699!important;border-radius:0!important;line-height:1!important;font-size:.55rem!important;font-family:"Press Start 2P",cursive!important;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}.header-chip{cursor:default}.alias-label{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alias-text{font-family:"Press Start 2P",cursive!important;font-size:.55rem!important;color:#ffd699!important;line-height:1!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important}.connect-chip{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:2px solid #FFD699;background:#00000059;color:#ffd699;font-family:"Press Start 2P",cursive;font-size:.55rem;text-transform:uppercase;line-height:1;cursor:pointer;user-select:none;z-index:20}.connect-chip .connect-chip-label{pointer-events:none}.connect-chip:before{content:"FULL EXPERIENCE ON SOLANA";position:absolute;right:0;top:calc(100% + 14px);max-width:230px;background:#000000e0;border:2px solid #E17A20;box-shadow:0 0 10px #e17a20bf;padding:4px 6px;font-family:"Press Start 2P",cursive;font-size:8px;line-height:1.25;color:#f4e4c1;text-align:left;pointer-events:none;white-space:normal;z-index:25;animation:friendsPulse 1.8s ease-in-out infinite}.connect-chip:after{content:"";position:absolute;right:14px;top:100%;border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent rgba(225,122,32,.9) transparent;z-index:25;animation:connectArrowBlink 1.4s ease-in-out infinite}@keyframes connectArrowBlink{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(1px)}to{opacity:.4;transform:translateY(0)}}@media (max-width: 700px){.connect-chip:before{max-width:200px;font-size:7px}.connect-chip:after{right:10px}}@media (max-width: 480px){.connect-chip:before{max-width:180px}}.wallet-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.wallet-adapter-dropdown{position:static!important}.wallet-adapter-dropdown-list{position:fixed!important;top:calc(var(--mainmenu-header-height) + 6px)!important;right:clamp(12px,3.5vw,56px)!important;z-index:10020!important;left:auto!important;transform:none!important;max-height:calc(100dvh - var(--mainmenu-header-height) - 12px)!important;overflow:auto!important}@media (max-width: 700px){:root{--mainmenu-header-height: 64px}.mainmenu-toolbar{grid-template-columns:1fr auto;align-items:center;gap:var(--space-sm)}.mainmenu-right{max-width:100%;margin-right:var(--space-md)}.mainmenu-right .balances-row{gap:var(--space-xs);width:auto}.mainmenu-wrapper{padding-top:64px}.balance-chip{padding:var(--space-xs)!important}.balances-fixed .sol-number,.balances-fixed .goldies-number{font-size:clamp(9px,2.6vw,12px)!important}.balance-chip img{width:20px!important;height:20px!important}.balances-row .wallet-overlay-button{pointer-events:none!important}}@media (max-width: 480px){.header-btn,.header-chip,.wallet-chip,.connect-chip{font-size:.5rem!important;padding:var(--space-xs)!important;min-height:32px}.alias-text{font-size:.5rem!important}.mainmenu-right .balance-chip{padding:var(--space-xs)!important}.mainmenu-right .balance-chip img{width:14px!important;height:14px!important}.mainmenu-right .goldies-number,.mainmenu-right .sol-number{font-size:10px!important}.alias-label{max-width:140px}}@media (min-width: 1024px){.pixel-console{max-width:680px;padding:28px}.pixel-buttons .pixel-btn{font-size:.95rem;padding:16px}.mainmenu-logo-img{width:260px}}@media (min-width: 1280px) and (min-height: 900px){.mainmenu-wrapper{padding-top:12vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.pixel-btn,.input-field,.modal-content{border-width:4px}.pixel-btn:hover:not(:disabled){box-shadow:var(--shadow-btn),0 0 16px var(--color-accent-gold)}}@media (prefers-color-scheme: dark){:root{--color-bg-primary: #0a0a0e;--color-bg-secondary: #1a1a1d}}.pixel-console,.modal-content,.modal-overlay .modal-content,.fren-card,.back-button-container,.sticky-footer,.wallet-header,.balance-chip,.pixel-btn,.pixel-btn.secondary,.pixel-btn.danger,.pixel-btn.success,.input-field,.retro-rect-select,.header-btn,.header-chip,.wallet-chip,.connect-chip,.timing-bar,.loading-spinner,.tooltip .tooltiptext,.tab-selectors button,.toolbar button,.toolbar select{border-radius:var(--radius-sm)!important}img,canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}*{-webkit-overflow-scrolling:touch}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}