*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(145deg,#eef2f9,#e3eaf3);color:#0a2540;font-family:Inter,Space Grotesk,system-ui,sans-serif;line-height:1.5;min-height:100vh;position:relative}body:before{background-image:linear-gradient(#d0dfef 1px,transparent 0),linear-gradient(90deg,#d0dfef 1px,transparent 0);background-size:48px 48px;height:100%;left:0;opacity:.2;top:0;width:100%}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:0}body:after{background:radial-gradient(circle at 30% 40%,rgba(30,95,217,.06),transparent 60%);height:140%;left:-20%;top:-20%;width:140%}.mono{font-family:JetBrains Mono,Fira Code,monospace!important;font-weight:500;letter-spacing:-.01em}:root{--bg:#f8fafc;--card-bg:hsla(0,0%,100%,.92);--card-border:hsla(0,0%,100%,.95);--primary:#1e5fd9;--primary-dark:#1649a6;--accent:#0ba5e9;--accent-dark:#0784c0;--secondary:#e11d48;--secondary-light:#fda4af;--text-dark:#0a2540;--text-muted:#2c4b6e;--text-light:#4a6a8a;--border-light:rgba(30,95,217,.25);--glow-primary:rgba(30,95,217,.3);--glow-accent:rgba(11,165,233,.25);--shadow-sm:0 4px 12px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.05);--shadow-md:0 12px 28px rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.8);--shadow-lg:0 24px 40px rgba(0,0,0,.12);--radius-card:2rem;--radius-item:1.25rem;--transition:all 0.2s cubic-bezier(0.2,0.9,0.4,1.1)}.cosmic-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.neon-glow{background:linear-gradient(125deg,var(--primary),var(--accent),#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(30,95,217,.15)}.cosmic-button{backdrop-filter:blur(4px);background:rgba(30,95,217,.08);border:1px solid var(--primary);border-radius:3rem;color:var(--primary);cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1.2rem;transition:var(--transition)}.cosmic-button:hover{background:var(--primary);border-color:transparent;box-shadow:0 6px 14px var(--glow-primary);color:#fff;transform:translateY(-2px)}.cosmic-button:active{transform:translateY(1px)}.info-panel{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.75);border:1px solid var(--border-light);border-radius:1.5rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:1rem 1.2rem}.info-item{align-items:baseline;background:#fff;border-left:4px solid var(--primary);border-radius:2.5rem;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem;justify-content:space-between;padding:.6rem 1rem}.info-item span{color:var(--primary);font-weight:700}.info-item .mono{background:rgba(0,0,0,.02);border-radius:2rem;color:var(--text-dark);font-weight:600;padding:.2rem .6rem}.chat-container{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.75);border:1px solid var(--border-light);border-radius:1.5rem;padding:1rem}.chat-input{background:#fff;border:1px solid var(--accent);border-radius:2.5rem;color:var(--text-dark);font-size:.85rem;padding:.6rem 1.2rem}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--glow-primary);outline:none}.live-message{background:hsla(0,0%,100%,.9);border-left:4px solid var(--secondary);border-radius:0 1rem 1rem 0;box-shadow:var(--shadow-sm);color:var(--text-dark);font-size:.75rem;font-weight:500;margin-bottom:.6rem;padding:.7rem 1rem}.live-username{color:var(--secondary);font-weight:800;margin-right:.4rem}.progress-cosmic{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,var(--primary),var(--accent),var(--secondary),var(--primary));background-size:200% 100%;border-radius:1rem}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}.browser-frame{background:#fff;border:1px solid var(--border-light);border-radius:1.5rem;box-shadow:var(--shadow-sm);position:relative}.browser-header{background:#f8fafc;border-bottom:1px solid var(--border-light);border-radius:1.5rem 1.5rem 0 0;padding:.6rem 1.2rem}#portalIframe{background:#fff;border-radius:0 0 1.5rem 1.5rem}#logoutDropdown{background:#fff;border:1px solid var(--border-light);border-radius:.75rem;box-shadow:var(--shadow-sm)}#logoutDropdown button{color:var(--text-dark);transition:background .2s}#logoutDropdown button:hover{background:rgba(30,95,217,.1)}.game-lobby{background:hsla(0,0%,100%,.7);border:1px solid var(--border-light);border-radius:1.5rem;box-sizing:border-box;padding:1.2rem}.game-tabs{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.5rem}.tab-item{align-items:center;background:hsla(0,0%,100%,.95);border:1px solid var(--primary);border-radius:2.5rem;color:var(--primary);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem 1rem;transition:var(--transition);white-space:nowrap}.tab-item:hover{box-shadow:0 4px 10px var(--glow-primary);transform:translateY(-2px)}.tab-item.active{background:var(--primary);border-color:#fff;box-shadow:0 2px 8px var(--glow-primary);color:#fff}.tab-item img{border-radius:12px;height:1.8rem;-o-object-fit:cover;object-fit:cover;width:1.8rem}.game-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:none;overflow-y:visible;padding-right:0}.game-item{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-item);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;padding:.7rem .3rem;transition:var(--transition)}.game-item:hover{background:linear-gradient(145deg,#fff,#f5f7fc);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.game-item img{border-radius:.75rem;height:70px;margin-bottom:.4rem;-o-object-fit:cover;object-fit:cover;width:70px}.game-item span{color:var(--text-dark);font-size:.85rem;font-weight:600;text-align:center}#gameSearchInput{background:#fff;border:1px solid var(--border-light);border-radius:2rem;color:var(--text-dark);font-size:.9rem;padding:.8rem 1.2rem;width:100%}#gameSearchInput::-moz-placeholder{color:var(--text-light)}#gameSearchInput::placeholder{color:var(--text-light)}#gameSearchInput:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--glow-primary);outline:none}.ai-robot-notification{animation:none!important;backdrop-filter:none!important;background:transparent!important;border:none!important;border-radius:0!important;bottom:24px;box-shadow:none!important;max-width:300px;min-width:260px;position:fixed;right:24px;transition:transform .2s;z-index:1000}.ai-robot-notification.hidden{display:none}@keyframes borderPulse{0%{border-color:rgba(30,95,217,.5);box-shadow:0 0 12px rgba(30,95,217,.25)}to{border-color:rgba(11,165,233,.8);box-shadow:0 0 24px rgba(11,165,233,.45)}}.robot-header{align-items:center;background:transparent!important;border-bottom:none!important;border-radius:0!important;color:#f44;display:flex;font-weight:700;justify-content:space-between;padding:.6rem 1rem;text-shadow:none}.robot-header button{background:none;border:none;color:#f44;cursor:pointer;font-size:1.2rem;opacity:.8;transition:opacity .2s}.robot-header button:hover{opacity:1}.robot-content{align-items:center;background:transparent!important;border-radius:0;display:flex;flex-direction:column;gap:.6rem;padding:1rem}.robot-gif{height:80px;width:80px}.robot-gif-image{height:100%;width:100%}.robot-message{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.85)!important;border:1px solid rgba(30,95,217,.2);border-radius:1rem;color:#fff;font-size:.75rem;line-height:1.4;padding:.6rem;text-align:center;width:100%}.resize-handle{background:linear-gradient(135deg,transparent 50%,hsla(0,0%,100%,.7) 0);border-bottom-right-radius:1.5rem;bottom:0;cursor:nwse-resize;height:18px;position:absolute;right:0;width:18px}@keyframes blinkGold{0%{background:rgba(230,126,34,.15);opacity:.7}to{background:rgba(230,126,34,.35);opacity:1;text-shadow:0 0 4px #fbbf24}}@keyframes footerGlow{0%{opacity:.7;text-shadow:none}to{opacity:1;text-shadow:0 0 4px var(--glow-primary)}}.hot-game-item{background:linear-gradient(145deg,rgba(225,29,72,.08),#fff);border:1px solid var(--secondary);position:relative}.hot-game-item .hot-badge{background:var(--secondary);border-radius:2rem;color:#fff;font-size:.6rem;font-weight:700;padding:2px 10px;position:absolute;right:5px;top:5px}.hot-game-item img{border:1px solid var(--secondary)}#userInfoContainer{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border:1px solid rgba(30,95,217,.3);border-radius:3rem;box-shadow:var(--shadow-sm);display:flex;gap:.8rem;padding:.3rem 1rem .3rem 1.2rem}#userNameDisplay{color:var(--text-dark);font-size:.9rem;font-weight:700}#userChipsDisplay{align-items:center;background:linear-gradient(105deg,#1e5fd9,#0ba5e9);border-radius:2rem;box-shadow:0 2px 8px rgba(0,0,0,.12);color:#fff;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:-.3px;padding:.2rem .9rem}#userChipsDisplay:before{background:url(/images/chips.webp) no-repeat 50%;background-size:contain;content:"";display:inline-block;height:18px;margin-right:6px;vertical-align:middle;width:18px}.menu-trigger{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8rem;transition:color .2s}.menu-trigger:hover{color:var(--primary-dark)}@media (max-width:640px){.info-panel{grid-template-columns:1fr}.game-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.ai-robot-notification{bottom:12px;max-width:260px;right:12px}#userInfoContainer{padding:.2rem .8rem}#userChipsDisplay{font-size:.7rem;padding:.1rem .6rem}.browser-frame{border-radius:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.chat-container,.game-lobby{border-radius:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:16px;padding-right:16px;width:100vw}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.06);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.custom-toast{align-items:center;animation:toastFadeIn .25s ease,toastFadeOut .25s ease 2.75s forwards;backdrop-filter:blur(16px);background:rgba(10,15,25,.96);border-radius:32px;box-shadow:0 12px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);color:#fff;display:flex;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:500;gap:12px;justify-content:center;left:50%;line-height:1.45;max-width:min(90%,360px);padding:14px 22px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:normal;word-break:break-word;z-index:2000}.custom-toast.error{border-left:5px solid #ff4d6d}.custom-toast.success{border-left:5px solid #4ade80}.custom-toast.warning{border-left:5px solid #fbbf24}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toastFadeOut{to{opacity:0;transform:translate(-50%,-50%) scale(.9);visibility:hidden}}.capital-modal{align-items:center;display:flex;font-family:Inter,sans-serif;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2001}.capital-modal.hidden{display:none}.capital-modal-overlay{backdrop-filter:blur(2px);background:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%}.capital-modal-container{animation:modalFadeIn .2s ease;background:linear-gradient(145deg,#0c0f1c,#111624);border:1px solid rgba(0,217,255,.5);border-radius:24px;box-shadow:0 20px 35px rgba(0,0,0,.3);max-width:90%;position:relative;width:300px;z-index:2002}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.capital-modal-header{align-items:center;background:linear-gradient(135deg,#fff,#0ba5e9);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid rgba(0,217,255,.2);color:transparent;display:flex;font-size:16px;font-weight:800;justify-content:space-between;padding:16px 20px}.capital-modal-close{background:none;border:none;color:#0ba5e9;cursor:pointer;font-size:24px;opacity:.7;transition:opacity .2s}.capital-modal-close:hover{opacity:1}.capital-modal-body{padding:20px;text-align:center}.capital-modal-body p{color:#aaa;font-size:14px;margin-bottom:12px}#capitalInput{background:#00000060;border:1px solid #00d9ff;border-radius:30px;color:#fff;font-size:16px;font-weight:700;outline:none;padding:10px 16px;text-align:center;width:100%}#capitalInput:focus{border-color:#0f8;box-shadow:0 0 5px #0f8}.capital-modal-example{color:#fa0;font-size:11px;margin-top:8px}.capital-modal-footer{display:flex;gap:12px;justify-content:center;padding:12px 20px 20px}.capital-modal-footer .cosmic-button{background:rgba(0,217,255,.2);border-color:#0ba5e9;color:#0ba5e9;font-size:13px;padding:6px 20px}.capital-modal-footer .cosmic-button:hover{background:#0ba5e9;color:#fff}.capital-modal-footer .cosmic-button.cancel{background:rgba(255,85,85,.2);border-color:#f55;color:#f55}.capital-modal-footer .cosmic-button.cancel:hover{background:#f55;color:#fff}.football-picker{align-items:center;background:transparent;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2002}.football-picker.hidden{display:none}.football-picker .picker-cards{background:transparent;display:flex;gap:20px;padding:20px;pointer-events:auto}.picker-card{background:linear-gradient(145deg,#14182b,#0c0f1a);border:1px solid rgba(0,217,255,.4);border-radius:28px;box-shadow:0 10px 25px rgba(0,0,0,.3);cursor:pointer;overflow:hidden;padding:20px 12px;position:relative;text-align:center;transition:all .25s cubic-bezier(.2,.9,.4,1.1);width:120px}.picker-card:before{background:linear-gradient(115deg,transparent 30%,hsla(0,0%,100%,.15) 45%,hsla(0,0%,100%,.3) 50%,transparent 55%);content:"";height:200%;left:-60%;opacity:0;position:absolute;top:-50%;transform:rotate(25deg);transition:transform .5s;width:200%}.picker-card:hover:before{opacity:1;transform:rotate(25deg) translate(10%,10%)}.picker-card:hover{background:linear-gradient(145deg,#1a1f35,#101424);border-color:#0ba5e9;box-shadow:0 18px 30px rgba(0,0,0,.4),0 0 18px rgba(11,165,233,.6);transform:translateY(-8px) scale(1.02)}.picker-card:after{background:linear-gradient(125deg,#0ba5e9,#a855f7);border-radius:28px;bottom:0;content:"";left:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s}.picker-card:hover:after{opacity:.8}.picker-card img{animation:logoPulse 1.2s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));height:65px;margin-bottom:12px;margin-left:auto;margin-right:auto;-o-object-fit:contain;object-fit:contain;transition:transform .2s;width:65px}@keyframes logoPulse{0%{filter:drop-shadow(0 0 2px rgba(11,165,233,.5));opacity:.9;transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(11,165,233,.9));opacity:1;transform:scale(1.1)}to{filter:drop-shadow(0 0 2px rgba(11,165,233,.5));opacity:.9;transform:scale(1)}}.picker-card:hover img{animation:none;transform:scale(1.05)}.card-title{background:linear-gradient(135deg,#fff,#0ba5e9);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:13px;font-weight:800;letter-spacing:1px;margin-top:4px}.picker-cancel{backdrop-filter:blur(4px);background:rgba(255,85,85,.2);border:1px solid #f55;border-radius:40px;color:#f55;cursor:pointer;font-size:12px;font-weight:600;margin-top:24px;padding:6px 20px;pointer-events:auto;transition:.2s}.picker-cancel:hover{background:#f55;box-shadow:0 0 12px #f55;color:#fff;transform:translateY(-2px)}@media (max-width:640px){.ai-robot-notification{max-width:calc(100% - 40px)!important;min-width:280px!important;width:auto!important}.robot-message{padding:4px!important}.robot-message>div{box-sizing:border-box!important;max-width:100%!important;min-width:auto!important;padding:6px!important;width:100%!important}.robot-message .grid{gap:4px!important;margin-bottom:4px!important;padding:4px!important}.robot-message .flex{flex-wrap:wrap!important;gap:6px!important;justify-content:space-between!important}.robot-message .flex>div{flex:1;min-width:70px;padding:4px 2px!important}.robot-message .flex>div div:first-child{font-size:12px!important}.robot-message .flex>div div:last-child{font-size:10px!important}.robot-message div[style*="height: 4px"]{margin:4px 0!important}}.robot-gif-image{animation:robotPulse 1.5s ease-in-out infinite,robotFloat 2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(11,165,233,.6));transition:transform .2s}@keyframes robotPulse{0%{filter:drop-shadow(0 0 2px rgba(11,165,233,.5));opacity:.9;transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(11,165,233,.9));opacity:1;transform:scale(1.08)}to{filter:drop-shadow(0 0 2px rgba(11,165,233,.5));opacity:.9;transform:scale(1)}}@keyframes robotFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.robot-gif:hover .robot-gif-image{animation:robotPulse .8s ease-in-out infinite,robotFloat .8s ease-in-out infinite}.ai-robot-notification{overflow:visible!important}.robot-gif{height:auto!important;margin-bottom:-20px;margin-top:-50px;position:relative;width:auto!important;z-index:20}.robot-gif-image{display:block;filter:drop-shadow(0 16px 20px rgba(0,0,0,.35));height:180px!important;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease;width:180px!important}.robot-gif:hover .robot-gif-image{filter:drop-shadow(0 24px 28px rgba(0,0,0,.45));transform:scale(1.08) translateY(-8px)}.robot-content{gap:.25rem!important;padding-top:0!important}@media (max-width:640px){.robot-gif-image{height:160px!important;width:160px!important}.robot-gif{margin-bottom:-20px!important;margin-top:-50px!important}}