@charset "UTF-8";:root{--background-dark: #1A1A1A;--text-primary: #F0F0F0;--text-secondary: #A9A9A9;--accent-cyan: #00FFFF;--accent-magenta: #FF00FF;--accent-green: #00FF00;--card-background: #2C2C2C;--border-color: #444444;--accent-cyan-weak: rgba(0, 255, 255, .15);--accent-magenta-weak: rgba(255, 0, 255, .15);--accent-green-weak: rgba(0, 255, 0, .15);--main-bg: var(--background-dark);--main-bg-gradient: var(--background-dark);--card-bg: var(--card-background);--card-shadow: 0 2px 16px #000a;--accent: var(--accent-cyan);--primary: var(--text-primary);--secondary: var(--text-secondary);--danger: #ff5252;--text-main: var(--text-primary);--text-gold: var(--accent-magenta);--text-green: var(--accent-green);--border: var(--border-color);--button-bg: var(--accent-cyan);--button-hover: var(--accent-cyan);--button-text: var(--background-dark)}body{background:var(--background-dark);color:var(--text-primary);font-family:Inter,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}img,video{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,.btn,.wallet-btn,.mybets-btn,.merkle-claim-btn,.redeem-btn,.get-wact-btn,.cart-btn{min-height:44px}.disable-mobile-opt .global-navbar{padding:18px 40px 0!important}.disable-mobile-opt .global-navbar .logo .logo-image{width:160px!important}.disable-mobile-opt .global-navbar .nav-actions{flex-wrap:nowrap!important;row-gap:0!important}.disable-mobile-opt .getwact-tooltip{left:auto!important;right:40px!important;width:320px!important}.debug-outline *{outline:1px dashed rgba(0,255,255,.25);outline-offset:-1px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width: 600px){.container{padding-left:24px;padding-right:24px}}@media (min-width: 900px){.container{max-width:1200px}}@media (min-width: 1280px){.container{max-width:1440px}}.with-safe-areas{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.global-navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 40px 0;background:transparent}@media (max-width: 600px){.global-navbar{padding:12px max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}}@media (max-width: 360px){.global-navbar{padding:10px max(12px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right))}}.global-navbar .logo{display:flex;align-items:center;gap:12px;cursor:pointer}.global-navbar .logo .logo-image{height:auto;width:160px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5333333333));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform}@media (max-width: 600px){.global-navbar .logo .logo-image{width:120px}}@media (max-width: 360px){.global-navbar .logo .logo-image{width:104px}}.global-navbar .logo .logo-text{display:none}.global-navbar .nav-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;row-gap:10px}.global-navbar .nav-actions .wallet-container{position:relative;display:flex;align-items:center;gap:8px}.global-navbar .nav-actions .wallet-btn{background:var(--accent-cyan);color:var(--background-dark);border:none;border-radius:24px;padding:10px 18px;font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}@media (max-width: 600px){.global-navbar .nav-actions .wallet-btn{padding:10px 14px;font-size:.92rem}}@media (max-width: 360px){.global-navbar .nav-actions .wallet-btn{padding:9px 12px;font-size:.9rem}}.global-navbar .nav-actions .wallet-btn:hover{filter:brightness(1.06);box-shadow:0 0 15px var(--accent-cyan);transform:translateY(-1px)}.global-navbar .nav-actions .wallet-btn:disabled{opacity:.7;cursor:not-allowed}.global-navbar .nav-actions .disconnect-btn{background:var(--card-bg);border:1px solid var(--danger);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--danger);transition:all .2s}@media (max-width: 600px){.global-navbar .nav-actions .disconnect-btn{width:34px;height:34px}}@media (max-width: 360px){.global-navbar .nav-actions .disconnect-btn{width:32px;height:32px}}.global-navbar .nav-actions .disconnect-btn:hover{background:var(--danger);color:var(--text-main);transform:scale(1.1)}.global-navbar .nav-actions .wallet-address-btn{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative}@media (max-width: 600px){.global-navbar .nav-actions .wallet-address-btn{padding:8px 12px;font-size:.88rem}}@media (max-width: 360px){.global-navbar .nav-actions .wallet-address-btn{padding:7px 10px;font-size:.86rem}}.global-navbar .nav-actions .wallet-address-btn:hover{color:var(--text-main);border-color:var(--accent);transform:translateY(-1px)}.global-navbar .nav-actions .session-countdown{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:4px 10px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s}@media (max-width: 600px){.global-navbar .nav-actions .session-countdown{padding:4px 8px}}@media (max-width: 360px){.global-navbar .nav-actions .session-countdown{padding:3px 8px;font-size:.85rem}}.global-navbar .nav-actions .session-countdown:hover{color:var(--accent);border-color:var(--accent)}.global-navbar .nav-actions .balance-tooltip{position:absolute;top:100%;right:0;margin-top:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:260px;box-shadow:var(--card-shadow);z-index:1000;animation:fadeInUp .3s ease-out}@media (max-width: 600px){.global-navbar .nav-actions .balance-tooltip{right:auto;left:0;min-width:240px}}.global-navbar .nav-actions .balance-tooltip:before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:var(--card-bg);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg)}.global-navbar .nav-actions .balance-tooltip .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.global-navbar .nav-actions .balance-tooltip .tooltip-header span{font-weight:600;color:var(--text-main)}.global-navbar .nav-actions .balance-tooltip .tooltip-header .close-tooltip{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.global-navbar .nav-actions .balance-tooltip .tooltip-header .close-tooltip:hover{background:var(--border);color:var(--text-main)}.global-navbar .nav-actions .balance-tooltip .balance-amount{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:12px}.global-navbar .nav-actions .balance-tooltip .balance-amount .currency{font-size:1rem;color:var(--text-secondary);margin-left:8px}.global-navbar .nav-actions .balance-tooltip .full-address{font-family:Monaco,Menlo,monospace;font-size:.8rem;color:var(--text-secondary);background:var(--main-bg);padding:8px;border-radius:6px;word-break:break-all}.global-navbar .nav-actions .countdown-warning-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px 16px;min-width:260px;box-shadow:var(--card-shadow);z-index:1200;animation:fadeInUp .3s ease-out}@media (max-width: 600px){.global-navbar .nav-actions .countdown-warning-tooltip{left:auto;right:0;transform:none;min-width:240px}}.global-navbar .nav-actions .countdown-warning-tooltip .warning-title{font-weight:700;color:var(--accent);margin-bottom:4px}.global-navbar .nav-actions .countdown-warning-tooltip .warning-text{color:var(--text-secondary);margin-bottom:8px}.global-navbar .nav-actions .countdown-warning-tooltip .warning-actions{display:flex;justify-content:flex-end}.global-navbar .nav-actions .countdown-warning-tooltip .extend-btn{background:var(--accent-cyan);color:var(--background-dark);border:none;border-radius:16px;padding:6px 12px;font-weight:700;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}.global-navbar .nav-actions .countdown-warning-tooltip .extend-btn:hover{filter:brightness(1.06);box-shadow:0 0 15px var(--accent-cyan)}.global-navbar .nav-actions .mybets-btn{background:var(--accent-magenta);color:var(--text-primary);border:none;border-radius:24px;padding:8px 20px;font-size:.95rem;font-weight:700;box-shadow:0 2px 8px #0006;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}.global-navbar .nav-actions .mybets-btn:hover{filter:brightness(1.06);box-shadow:0 0 15px var(--accent-magenta);transform:translateY(-1px)}.global-navbar .nav-actions .merkle-claim-btn{background:var(--accent-green);color:var(--background-dark);border:none;border-radius:24px;padding:8px 20px;font-size:.95rem;font-weight:700;box-shadow:0 2px 8px #0006;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}.global-navbar .nav-actions .merkle-claim-btn:hover{filter:brightness(1.06);box-shadow:0 0 15px var(--accent-green);transform:translateY(-1px)}.global-navbar .nav-actions .redeem-btn{background:var(--accent-green);color:var(--background-dark);border:none;border-radius:24px;padding:8px 20px;font-size:.95rem;font-weight:700;box-shadow:0 2px 8px #0006;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}.global-navbar .nav-actions .redeem-btn:hover{filter:brightness(1.06);box-shadow:0 0 15px var(--accent-green);transform:translateY(-1px)}.global-navbar .nav-actions .get-wact-btn{background:var(--accent-cyan);color:var(--background-dark);border:none;border-radius:24px;padding:8px 20px;font-size:.95rem;font-weight:700;box-shadow:0 2px 8px #0006;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}.global-navbar .nav-actions .get-wact-btn:hover{filter:brightness(1.06);box-shadow:0 0 15px var(--accent-cyan);transform:translateY(-1px)}.global-navbar .nav-actions .cart-btn{background:var(--card-background);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-cyan);box-shadow:0 2px 8px #0004;transition:box-shadow .2s ease,transform .2s ease}.global-navbar .nav-actions .cart-btn:hover{box-shadow:0 0 12px var(--accent-cyan);transform:translateY(-1px)}.getwact-tooltip{position:fixed;top:72px;right:40px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;width:320px;box-shadow:var(--card-shadow);z-index:1500;animation:fadeInUp .3s ease-out}@media (max-width: 600px){.getwact-tooltip{right:max(16px,env(safe-area-inset-right));left:max(16px,env(safe-area-inset-left));width:auto;max-width:none;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.getwact-tooltip .tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.getwact-tooltip .tooltip-header span{font-weight:700;color:var(--text-main)}.getwact-tooltip .close-tooltip{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.getwact-tooltip .close-tooltip:hover{background:var(--border);color:var(--text-main)}.getwact-tooltip .tooltip-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.getwact-tooltip .tooltip-body label{color:var(--text-secondary);font-weight:600}.getwact-tooltip .tooltip-body input{background:var(--background-dark);border:1px solid var(--border);color:var(--text-main);border-radius:8px;padding:10px 12px;outline:none;transition:border-color .2s}.getwact-tooltip .tooltip-body input:focus{border-color:var(--accent)}.getwact-tooltip .tooltip-actions{display:flex;justify-content:flex-end;gap:10px}.getwact-tooltip .tooltip-actions .cancel-btn{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:12px;padding:8px 16px;font-weight:700;cursor:pointer}.getwact-tooltip .tooltip-actions .cancel-btn:hover{background:var(--border);color:var(--text-main)}.getwact-tooltip .tooltip-actions .confirm-btn{background:var(--accent-cyan);color:var(--background-dark);border:none;border-radius:12px;padding:8px 16px;font-weight:700;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}.getwact-tooltip .tooltip-actions .confirm-btn:hover{filter:brightness(1.06);box-shadow:0 0 15px var(--accent-cyan)}.disconnect-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.disconnect-content{background:var(--card-bg);border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:var(--card-shadow);animation:scaleIn .3s ease-out}@media (max-width: 600px){.disconnect-content{width:calc(100% - 32px);margin-left:max(16px,env(safe-area-inset-left));margin-right:max(16px,env(safe-area-inset-right));padding:24px;max-width:none}}.disconnect-content h3{color:var(--text-main);margin-bottom:16px;font-size:1.5rem}.disconnect-content p{color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.disconnect-actions{display:flex;gap:16px;justify-content:center}.disconnect-actions button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.disconnect-actions .cancel-btn{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border)}.disconnect-actions .cancel-btn:hover{background:var(--border);color:var(--text-main)}.disconnect-actions .confirm-btn{background:var(--danger);color:var(--text-main)}.disconnect-actions .confirm-btn:hover{background:#e53935;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}input,select,textarea{font-size:16px}.disconnect-modal,.getwact-tooltip{overscroll-behavior:contain}
