@import"https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap";:root{--squid-pink: #ff0080;--squid-blue: #00f2fe;--squid-dark: #121212}body{margin:0;padding:0;background-color:var(--squid-dark);font-family:Roboto,sans-serif;min-height:100vh;width:100vw;overflow-x:hidden}.app{display:flex;flex-direction:column;align-items:center;width:100vw;min-height:100vh;margin:0;background:linear-gradient(45deg,#ff00801a,#00f2fe1a);padding:0;position:relative;animation:fadeIn .5s ease-out;justify-content:space-between}.header{text-align:center;width:100%;background:#00000080;padding:15px 20px;box-shadow:0 0 20px #ff00804d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.header-left{display:flex;align-items:center;gap:15px;margin-right:auto}.game-logo{display:none}h1{color:#fff;font-size:2.5rem;margin:0;font-family:Roboto,sans-serif;letter-spacing:2px;text-transform:uppercase;position:relative;display:flex;align-items:center}h1:before{content:"";position:absolute;left:-15px;top:50%;width:2px;height:100%;background:var(--squid-pink);transform:translateY(-50%)}.beta-tag{background:transparent;color:var(--squid-pink);font-size:1rem;font-weight:700;letter-spacing:2px;position:absolute;top:-15px;right:-40px;transform:rotate(15deg)}.symbol-info{display:flex;gap:20px;margin:10px 0;align-items:center;justify-content:center}.symbol-type{padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:#0000004d}.symbol-type:hover{background:#ffffff1a;transform:scale(1.05)}.symbol-type.selected{border-color:#f0f;background:#ff00ff1a;box-shadow:0 0 10px #ff00ff4d}.symbol-x,.symbol-o{font-size:1.2em;font-weight:700;display:flex;align-items:center;justify-content:center}.symbol-x{color:#f0f}.symbol-o{color:#0ff}.symbol-name{display:none}.game-container{width:100%;flex:1;display:flex;align-items:center;justify-content:flex-start;gap:40px;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px 40px;overflow:auto}@media (max-width: 1200px){.game-container{flex-direction:column;padding:10px;gap:10px;justify-content:center}.game-board{margin:0 auto}}.game-board{display:flex;flex-direction:column;gap:4px;background:#ffffff1a;padding:15px;box-shadow:0 0 20px #ff00804d;margin:0}.board-row{display:flex;gap:4px}.square{width:60px;height:60px;background:#00000080;border:1px solid var(--squid-pink);color:#fff;font-size:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease}.square.occupied{background:#ff00801a;border-color:var(--squid-blue)}.symbol-container{display:flex;flex-direction:column;align-items:center;gap:4px}.board-symbol{font-size:28px;color:var(--squid-blue);text-shadow:0 0 10px rgba(0,242,254,.5)}.wallet-address{font-size:10px;color:var(--squid-pink);position:absolute;bottom:2px;left:50%;transform:translate(-50%);white-space:nowrap}.beta-banner{position:fixed;top:20px;right:-35px;background:var(--squid-pink);color:#fff;padding:5px 40px;transform:rotate(45deg);font-weight:700;font-size:14px;box-shadow:0 0 10px #ff008080;z-index:1000}.payment-logo{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;border:1px solid var(--squid-blue);padding:2px;background:#00000080;transition:all .3s ease}.square:hover .payment-logo{transform:scale(1.2);box-shadow:0 0 10px var(--squid-blue)}.square:hover{transform:scale(1.1);box-shadow:0 0 15px var(--squid-pink);z-index:1}.status{color:var(--squid-blue);font-size:min(4vw,2rem);margin:10px 0;text-shadow:0 0 10px var(--squid-blue);letter-spacing:2px}.reset-button-container{width:100%;padding:20px 0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center}.reset-button{padding:15px 40px;font-size:min(3vw,1.3rem);background:transparent;border:2px solid var(--squid-blue);color:var(--squid-blue);border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.reset-button:hover{background:var(--squid-blue);color:var(--squid-dark);box-shadow:0 0 20px var(--squid-blue);transform:translateY(-2px)}@keyframes neonFlow{0%{filter:brightness(100%) blur(3px)}50%{filter:brightness(150%) blur(1px)}to{filter:brightness(100%) blur(3px)}}@keyframes titlePulse{0%,to{text-shadow:0 0 10px var(--squid-pink),0 0 20px var(--squid-pink),0 0 30px var(--squid-pink);transform:scale(1)}50%{text-shadow:0 0 15px var(--squid-pink),0 0 25px var(--squid-pink),0 0 35px var(--squid-pink),0 0 45px var(--squid-pink);transform:scale(1.05)}}@media (max-width: 768px){.game-container{flex-direction:column;padding:10px;gap:10px;justify-content:flex-start;align-items:center}.game-board{margin:0 auto;transform:scale(.9);max-width:100%;overflow-x:auto}.board-row{min-width:max-content}.square{width:35px;height:35px;font-size:1rem}.wallet-address{font-size:6px}.symbol-info{flex-wrap:wrap;justify-content:center}.header{padding:10px;flex-direction:column}.header-left h1{font-size:1.5rem}.beta-tag{font-size:.7rem;top:-8px;right:-25px}.wallet-section{flex-direction:column;gap:10px;width:100%}.account-info,.symbol-balances{width:100%;justify-content:center}.buy-button{width:100%}.toast-history{width:90%;right:5%;left:5%;bottom:10px}}@media (max-width: 480px){.square{width:30px;height:30px;font-size:.9rem}.wallet-address{font-size:5px}.game-board{transform:scale(.8)}}@media (max-height: 600px) and (orientation: landscape){.game-container{flex-direction:row;justify-content:flex-start;padding:5px;gap:10px}.game-board{transform:scale(.7);margin:0}.header{padding:5px;flex-direction:row;flex-wrap:wrap}.wallet-section{flex-direction:row;width:auto}}.symbol-select{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:20px;border-radius:15px;box-shadow:0 0 30px var(--squid-pink);z-index:1000;display:flex;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out}.symbol-button{width:80px;height:80px;background:#00000080;border:2px solid var(--squid-pink);border-radius:10px;font-size:2.5rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.symbol-button:hover{transform:scale(1.1);box-shadow:0 0 20px var(--squid-pink)}.symbol-button:last-child{border-color:var(--squid-blue)}.symbol-button:last-child:hover{box-shadow:0 0 20px var(--squid-blue)}@media (max-width: 768px){.symbol-button{width:60px;height:60px;font-size:2rem}}.wallet-section{margin:15px 0;display:flex;justify-content:center;align-items:center}.wallet-button{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#00000080;border:2px solid var(--squid-blue);border-radius:8px;color:var(--squid-blue);font-size:1rem;cursor:pointer;transition:all .3s ease}.wallet-button:hover{background:#00f2fe1a;box-shadow:0 0 20px var(--squid-blue);transform:translateY(-2px)}.wallet-button:disabled{opacity:.7;cursor:not-allowed}.wallet-icon{width:24px;height:24px;border-radius:50%}.account-info{padding:10px 20px;background:#00000080;border:2px solid var(--squid-pink);border-radius:8px;color:var(--squid-pink);font-size:1rem;display:flex;align-items:center;gap:10px}.disconnect-button{background:transparent;border:1px solid var(--squid-blue);color:var(--squid-blue);padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.disconnect-button:hover{background:var(--squid-blue);color:var(--squid-dark);box-shadow:0 0 10px var(--squid-blue)}.symbol-button.premium{border-color:var(--squid-blue);position:relative}.symbol-button.premium:after{content:"0.00001 AVAX";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--squid-blue);white-space:nowrap}@media (max-width: 768px){.wallet-button{padding:8px 15px;font-size:.9rem}.wallet-icon{width:20px;height:20px}.account-info{padding:8px 15px;font-size:.9rem}}.symbol-balances{display:flex;gap:15px;background:#ffffff1a;padding:10px 20px;border-radius:8px;margin:10px 0}.balance-item{display:flex;align-items:center;gap:8px;color:var(--squid-blue);font-size:1.2rem;text-shadow:0 0 5px var(--squid-blue)}.balance-item span:last-child{color:var(--squid-pink);text-shadow:0 0 5px var(--squid-pink)}.buy-button{background:transparent;border:2px solid var(--squid-pink);color:var(--squid-pink);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.buy-button:hover{background:var(--squid-pink);color:var(--squid-dark);box-shadow:0 0 15px var(--squid-pink)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.modal-content{background:#000000e6;padding:30px;border-radius:15px;width:90vw;max-width:1200px;border:2px solid var(--squid-pink);box-shadow:0 0 30px var(--squid-pink);max-height:90vh;overflow-y:auto}.modal h2{color:var(--squid-pink);text-align:center;margin-bottom:20px;font-size:1.8rem;text-shadow:0 0 10px var(--squid-pink)}.symbol-buy-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.symbol-option{background:#ffffff0d;padding:15px;border-radius:12px;border:1px solid var(--squid-pink);transition:all .3s ease;display:flex;flex-direction:column;gap:10px;height:fit-content}.symbol-option:hover{border-color:var(--squid-blue);transform:translate(5px);box-shadow:0 0 15px #00f2fe33}.symbol-option>span{font-size:2rem;color:var(--squid-blue);text-shadow:0 0 5px var(--squid-blue);text-align:center;margin-bottom:10px}.symbol-option button{background:transparent;border:2px solid var(--squid-blue);color:var(--squid-blue);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.symbol-option button:hover{background:var(--squid-blue);color:var(--squid-dark);box-shadow:0 0 15px var(--squid-blue)}.close-button{width:100%;margin-top:20px;padding:12px;background:transparent;border:2px solid var(--squid-pink);color:var(--squid-pink);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;text-transform:uppercase;letter-spacing:2px}.close-button:hover{background:var(--squid-pink);color:var(--squid-dark);box-shadow:0 0 15px var(--squid-pink)}.square-option{flex-direction:column;align-items:flex-start}.square-option>span{font-size:2.5rem;margin-bottom:15px}.square-option .purchase-controls{width:100%}.square-option .amount-control{margin-bottom:15px;width:100%;max-width:200px;margin-left:auto;margin-right:auto}.square-option .token-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;width:100%}.square-option .token-options button{width:100%;padding:12px;justify-content:center;font-size:1rem}.square-option .token-logo{width:28px;height:28px}.token-options{display:grid;grid-template-columns:1fr;gap:8px}.token-options button{display:flex;align-items:center;gap:8px;padding:8px;background:transparent;border:1px solid var(--squid-blue);color:var(--squid-blue);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.85rem;justify-content:center;white-space:nowrap}.token-options button:first-child{border-color:var(--squid-pink);color:var(--squid-pink)}.token-options button:first-child:hover{background:#ff00801a;box-shadow:0 0 10px var(--squid-pink)}.token-logo{width:20px;height:20px;border-radius:50%;object-fit:cover}.success-modal .modal-content{border-color:var(--squid-blue);max-width:400px}.success-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.success-token-logo{width:40px;height:40px;border-radius:50%;border:2px solid var(--squid-blue);padding:2px;background:#ffffff1a}.success-details{background:#ffffff0d;padding:15px;border-radius:8px;margin:15px 0}.success-details p{color:var(--squid-pink);font-size:1.1rem;margin:0 0 10px}.transaction-info{display:flex;align-items:center;gap:10px;font-size:.9rem}.transaction-info span{color:var(--squid-blue)}.hash-link{color:var(--squid-pink);text-decoration:none;background:#ff00801a;padding:4px 8px;border-radius:4px;transition:all .3s ease}.hash-link:hover{background:#ff008033;transform:translateY(-2px)}.warning-modal .modal-content{background:#000000f2;border:2px solid var(--squid-pink);max-width:400px;padding:2rem;text-align:center;animation:warningPulse 2s ease-in-out;box-shadow:0 0 30px var(--squid-pink)}.warning-modal p{color:var(--squid-pink);font-size:1.1rem;margin:0 0 20px;text-shadow:0 0 5px var(--squid-pink)}.warning-modal button{background:transparent;border:2px solid var(--squid-blue);color:var(--squid-blue);padding:10px 30px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.warning-modal button:hover{background:var(--squid-blue);color:var(--squid-dark);box-shadow:0 0 15px var(--squid-blue);transform:translateY(-2px)}.warning-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 1s ease infinite alternate}.warning-content h2{color:var(--squid-pink);font-size:1.5rem;margin:1rem 0;text-shadow:0 0 10px var(--squid-pink)}.warning-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.warning-buy,.warning-close{padding:.8rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s ease}.warning-buy{background:var(--squid-pink);color:#000}.warning-close{background:transparent;border:1px solid var(--squid-pink);color:var(--squid-pink)}.warning-buy:hover{transform:scale(1.05);box-shadow:0 0 15px var(--squid-pink)}.warning-close:hover{background:#ff00801a}@keyframes warningPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.purchase-controls{display:flex;flex-direction:column;gap:10px;width:100%}.amount-control{display:flex;align-items:center;gap:5px;justify-content:center;background:#ffffff0d;padding:5px;border-radius:6px;margin-bottom:10px}.amount-control button{width:30px;height:30px;border:1px solid var(--squid-pink);background:transparent;color:var(--squid-pink);border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0}.amount-control button:hover{background:var(--squid-pink);color:var(--squid-dark)}.amount-control input{width:50px;height:28px;background:#0000004d;border:1px solid var(--squid-pink);border-radius:4px;color:var(--squid-pink);text-align:center;font-size:.9rem}.amount-control input::-webkit-inner-spin-button,.amount-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-control input:focus{outline:none;box-shadow:0 0 10px var(--squid-pink)}.symbol-option{display:flex;align-items:center;gap:20px;padding:15px;background:#ffffff1a;border-radius:8px;transition:all .3s ease}.symbol-option>span{font-size:2rem;color:var(--squid-blue);text-shadow:0 0 5px var(--squid-blue);min-width:40px;text-align:center}.game-status{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.square-power{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#00f2fe1a;border:2px solid var(--squid-blue);border-radius:8px;color:var(--squid-blue);font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-shadow:0 0 5px var(--squid-blue)}.square-power:hover{background:#00f2fe33;transform:translateY(-2px);box-shadow:0 0 15px var(--squid-blue)}.square-power.active{background:var(--squid-blue);color:var(--squid-dark)}.power-symbol{font-size:1.3rem}.power-count{background:#0000004d;padding:2px 8px;border-radius:12px;font-size:.9rem;min-width:24px;text-align:center}.game-layout{display:grid;grid-template-columns:300px 1fr 300px;gap:20px;padding:20px;height:calc(100vh - 200px);width:100%;max-width:1800px;margin:0 auto}.rooms-section{background:#00000080;border-radius:15px;padding:20px;height:100%;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--squid-pink)}.rooms-section h2{color:var(--squid-pink);margin-bottom:20px;text-align:center;font-size:1.5rem;text-shadow:0 0 10px var(--squid-pink)}.create-room input{flex:1;padding:8px 12px;border:1px solid var(--squid-blue);background:#0000004d;border-radius:6px;color:#fff}.create-room button{padding:8px 16px;background:transparent;border:1px solid var(--squid-blue);color:var(--squid-blue);border-radius:6px;cursor:pointer;transition:all .3s ease}.create-room button:hover{background:var(--squid-blue);color:var(--squid-dark)}.rooms-list{display:flex;flex-direction:column;gap:10px}.room-item{background:#ffffff0d;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.room-item:hover{background:#ffffff1a;transform:translate(5px)}.room-name{color:var(--squid-pink);font-size:1.1rem;font-weight:700}.room-players{color:var(--squid-blue);font-size:.9rem}.room-item button{padding:6px 12px;background:transparent;border:1px solid var(--squid-pink);color:var(--squid-pink);border-radius:4px;cursor:pointer;transition:all .3s ease}.room-item button:hover{background:var(--squid-pink);color:var(--squid-dark)}.connect-prompt{color:var(--squid-blue);text-align:center;padding:20px;background:#ffffff0d;border-radius:8px}.game-section{background:#00000080;border-radius:15px;padding:20px;height:100%;display:flex;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--squid-blue)}.game-info{display:flex;flex-direction:column;gap:15px}.player-info{display:flex;justify-content:center;align-items:center;gap:20px;color:var(--squid-pink);font-size:1.2rem}.player{background:#ffffff0d;padding:8px 16px;border-radius:6px;transition:all .3s ease}.no-game{display:flex;align-items:center;justify-content:center;height:100%;color:var(--squid-blue);text-align:center;padding:20px}.game-messages{background:#00000080;border-radius:15px;padding:20px;height:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--squid-pink)}.game-messages h3{color:var(--squid-pink);margin-bottom:15px;text-align:center;font-size:1.3rem;text-shadow:0 0 10px var(--squid-pink)}.messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:10px}.message{background:#ffffff0d;padding:10px;border-radius:6px;display:flex;flex-direction:column;gap:5px;animation:messageSlide .3s ease-out}.message-time{color:var(--squid-blue);font-size:.8rem}.message-text{color:#fff;font-size:.9rem}@keyframes messageSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.game-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.rooms-section,.game-messages{height:300px}}.room-management{max-width:800px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.create-room{display:flex;gap:10px;margin-bottom:20px}.create-room input{flex:1;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.available-rooms{margin-top:20px}.rooms-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.room-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:4px;border:1px solid #ddd}.room-info{display:flex;flex-direction:column;gap:5px}.warning-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.warning-modal .modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;max-width:400px;width:90%}.warning-modal button{margin-top:15px;padding:8px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.warning-modal button:hover{background:#0056b3}.wallet-address{position:absolute;bottom:2px;left:2px;font-size:.6rem;color:#ffffffb3;background:#00000080;padding:1px 4px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 4px)}.last-player{color:var(--squid-pink);font-size:1rem;text-align:center;padding:5px 15px;background:#ff00801a;border-radius:8px;margin:10px auto;max-width:fit-content;border:1px solid var(--squid-pink);animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px var(--squid-pink),0 0 10px var(--squid-pink)}to{box-shadow:0 0 10px var(--squid-pink),0 0 20px var(--squid-pink)}}@media (max-width: 768px){.symbol-buy-options{grid-template-columns:1fr}.modal-content{padding:15px;width:95vw}.token-options button{font-size:.8rem;padding:6px}}.avax-button{background:linear-gradient(45deg,#ff00801a,#00f2fe1a)!important;border:1px solid var(--squid-pink)!important;color:var(--squid-pink)!important;font-weight:700}.avax-button:hover{background:linear-gradient(45deg,#ff008033,#00f2fe33)!important;box-shadow:0 0 15px var(--squid-pink)!important}.token-options button:hover{transform:translateY(-2px);box-shadow:0 0 10px var(--squid-blue);background:#00f2fe1a}.toast-notification{position:fixed;bottom:20px;right:20px;z-index:9999;animation:slideIn .5s ease-out}.toast-content{background:#000000e6;padding:15px;border-radius:10px;min-width:300px;max-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--squid-pink);box-shadow:0 0 20px #ff00804d}.toast-content.success{border-color:var(--squid-blue);box-shadow:0 0 20px #00f2fe4d}.toast-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.toast-icon{width:24px;height:24px;border-radius:50%;border:1px solid var(--squid-blue);padding:2px;background:#00000080}.toast-title{color:var(--squid-blue);font-size:1rem;font-weight:700}.toast-message{color:#fff;font-size:.9rem;margin:8px 0}.toast-hash{display:inline-block;color:var(--squid-pink);text-decoration:none;font-size:.8rem;padding:4px 8px;background:#ff00801a;border-radius:4px;transition:all .3s ease}.toast-hash:hover{background:#ff008033;transform:translateY(-2px)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.header-left h1{font-family:Roboto,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:4px;color:#fff;position:relative;padding-left:20px;font-size:2.5rem}.header-left h1:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:100%;background:var(--squid-pink)}.header-left h1:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:4px;height:100%;background:var(--squid-blue)}@media (max-width: 768px){.header-left h1{font-size:1.8rem;padding-left:15px}.header-left h1:after{right:-15px}.beta-tag{font-size:.8rem;top:-10px;right:-30px}}.toast-history{position:fixed;right:20px;bottom:20px;z-index:9998;width:400px;max-height:80vh;background:#000000e6;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--squid-pink);overflow:hidden;box-shadow:0 0 20px #ff00804d}.toast-history-toggle{padding:15px;background:#000c;color:var(--squid-pink);cursor:pointer;font-weight:700;text-align:center;border-bottom:1px solid var(--squid-pink);transition:all .3s ease}.toast-history-toggle:hover{background:#ff00801a}.toast-history-content{height:100%;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.toast-history-item{background:#ffffff0d;margin-bottom:15px;padding:15px;border-radius:8px;border:1px solid var(--squid-blue);animation:fadeIn .3s ease-out}.toast-history-item .toast-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.toast-history-item .toast-icon{width:30px;height:30px;border-radius:50%;border:2px solid var(--squid-blue);padding:2px;background:#00000080}.toast-history-item .toast-title{color:var(--squid-blue);font-size:1.1rem;font-weight:700;flex:1}.toast-history-item .toast-time{color:var(--squid-pink);font-size:.9rem;background:#ff00801a;padding:4px 8px;border-radius:4px}.toast-history-item .toast-message{color:#fff;font-size:1rem;margin:10px 0;line-height:1.4}.toast-history-item .toast-details{display:flex;gap:10px;margin-top:8px;background:#0000004d;padding:8px;border-radius:6px;align-items:center}.toast-history-item .toast-symbol{color:var(--squid-blue);font-weight:700}.toast-history-item .toast-amount{color:var(--squid-pink)}.toast-history-item .toast-currency{color:var(--squid-blue);background:#00f2fe1a;padding:2px 6px;border-radius:4px;font-size:.9rem}.no-transactions{color:var(--squid-pink);text-align:center;padding:20px;font-size:1.1rem;background:#ff00800d;border-radius:8px;border:1px solid var(--squid-pink)}@media (max-width: 768px){.toast-history{width:320px;max-height:70vh;right:10px;bottom:10px}.toast-history-content{padding:15px}.toast-history-item{padding:12px}.toast-history-item .toast-icon{width:24px;height:24px}.toast-history-item .toast-title{font-size:1rem}.toast-history-item .toast-message{font-size:.9rem}.toast-history-item .toast-details{flex-wrap:wrap;padding:6px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.symbol-option{margin:10px 0;padding:15px;border:2px solid #ddd;border-radius:8px;transition:all .3s ease}.symbol-option.selected{border-color:#4caf50;background-color:#4caf501a}.symbol-preview{font-size:24px;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .2s ease}.symbol-preview:hover{background-color:#4caf5033}.header-logo{width:40px;height:40px;border-radius:50%;margin-right:15px;border:2px solid var(--squid-pink);padding:2px;background:#00000080;transition:all .3s ease}.header-logo:hover{transform:scale(1.1);box-shadow:0 0 15px var(--squid-pink)}.faq-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.faq-container{background:#000000e6;padding:30px;border-radius:15px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;border:2px solid var(--squid-pink);box-shadow:0 0 30px var(--squid-pink);animation:fadeIn .3s ease-out}.faq-container h2{color:var(--squid-pink);text-align:center;margin-bottom:30px;font-size:1.8rem;text-shadow:0 0 10px var(--squid-pink);border-bottom:2px solid var(--squid-pink);padding-bottom:15px}.faq-section{margin-bottom:25px;background:#ffffff0d;padding:20px;border-radius:10px;border:1px solid var(--squid-blue)}.faq-section h3{color:var(--squid-blue);margin-bottom:15px;font-size:1.3rem;text-shadow:0 0 8px var(--squid-blue)}.faq-section ul{list-style:none;padding:0;margin:0}.faq-section li{color:#fff;margin-bottom:10px;padding-left:20px;position:relative;line-height:1.5}.faq-section li:before{content:"•";color:var(--squid-pink);position:absolute;left:0;font-size:1.2em}.faq-close{width:100%;margin-top:20px;padding:12px;background:transparent;border:2px solid var(--squid-pink);color:var(--squid-pink);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;text-transform:uppercase;letter-spacing:2px}.faq-close:hover{background:var(--squid-pink);color:var(--squid-dark);box-shadow:0 0 15px var(--squid-pink)}@media (max-width: 768px){.faq-container{padding:20px;width:95%}.faq-container h2{font-size:1.5rem}.faq-section{padding:15px}.faq-section h3{font-size:1.1rem}.faq-section li{font-size:.9rem}.faq-close{padding:10px;font-size:.9rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.swap-frame-container{padding:20px;height:100%;display:flex;align-items:center}.swap-frame-wrapper{background:#00000080;border:2px solid var(--squid-pink);border-radius:20px;padding:20px;box-shadow:0 0 30px #ff00804d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.swap-title{color:var(--squid-blue);text-align:center;margin-bottom:15px;font-size:1.5rem;text-shadow:0 0 8px var(--squid-blue);letter-spacing:2px;text-transform:uppercase}.swap-iframe{border-radius:16px;background:#ffffff0d;transition:all .3s ease}.swap-iframe:hover{box-shadow:0 0 20px var(--squid-blue);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.swap-frame-container{padding:10px}.swap-frame-wrapper{padding:15px}.swap-title{font-size:1.2rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}