*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #050714;--bg-alt: #090c1d;--fg: #f5f7ff;--muted: #8b8fb2;--accent: #46e6ff;--accent-2: #ff4df0;--danger: #ff4b81;--radius: 999px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#151738 0,#050714 55%,#000 100%);color:var(--fg);min-height:100vh}button{font:inherit;cursor:pointer}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(90deg,rgba(9,12,29,.9),rgba(5,7,20,.9))}.logo{font-weight:800;letter-spacing:.2em;font-size:.9rem}.logo span{margin-left:.35rem;color:var(--accent)}.nav-links{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.nav-link{border:none;background:transparent;color:var(--muted);padding:.35rem .9rem;border-radius:999px;transition:all .15s ease-out}.nav-link:hover{color:var(--fg);background:rgba(255,255,255,.04)}.nav-link.active{color:#000;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 0 18px #46e6ff8c}.nav-link.chainforge-nav{background:linear-gradient(45deg,rgba(255,102,0,.2),rgba(255,0,102,.2));border:1px solid rgba(255,102,0,.4);animation:chainforge-glow 2s ease-in-out infinite alternate}.nav-link.chainforge-nav:hover{background:linear-gradient(45deg,rgba(255,102,0,.3),rgba(255,0,102,.3));border-color:#f609;transform:translateY(-1px)}.nav-link.chainforge-nav.active{background:linear-gradient(45deg,#ff6600,#ff0066);border-color:#f60;box-shadow:0 0 20px #f609}@keyframes chainforge-glow{0%{box-shadow:0 0 5px #ff66004d}to{box-shadow:0 0 15px #f609}}.wallet-box{display:flex;align-items:center;gap:.6rem;font-size:.8rem}.wallet-group{display:flex;align-items:center;gap:.4rem}.wallet-address{padding:.25rem .7rem;border-radius:999px;background:rgba(11,18,42,.9);border:1px solid rgba(70,230,255,.35)}.btn-primary,.btn-secondary,.btn-ghost{border-radius:999px;padding:.45rem 1.1rem;border:none;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.btn-primary{color:#000;background:radial-gradient(circle at 0 0,var(--accent-2),var(--accent));box-shadow:0 0 22px #46e6ffa6}.btn-secondary{color:var(--fg);background:rgba(255,255,255,.06)}.btn-evm{box-shadow:0 0 24px #46e6ffe6}.btn-phantom{box-shadow:0 0 24px #ff4df0e6}.btn-pulse{position:relative;animation:btn-pulse 1.6s ease-in-out infinite}.btn-ghost{color:var(--muted);background:transparent;border:1px solid rgba(255,255,255,.1)}.app-main{flex:1;padding:1.5rem;max-width:1120px;margin:0 auto;width:100%}.app-footer{padding:.9rem 1.5rem;font-size:.75rem;color:var(--muted);border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,rgba(5,7,20,.95),rgba(9,12,29,.95))}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;align-items:center}.hero-text h1{font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.02;margin-bottom:.75rem}.hero-text h1 span{color:var(--accent);text-shadow:0 0 18px rgba(70,230,255,.75)}.hero-text p{color:var(--muted);max-width:32rem}.hero-actions{display:flex;align-items:center;gap:1rem;margin-top:1.4rem}.hero-wallet-status{margin-top:.9rem}.wallet-inline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.badge{padding:.3rem .8rem;border-radius:999px;font-size:.75rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.hero-orbit{position:relative;width:260px;height:260px;margin-inline:auto}.orbit-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(70,230,255,.35);box-shadow:0 0 28px #46e6ff66}.orbit-ring.outer{animation:spin 26s linear infinite}.orbit-ring.inner{top:26px;right:26px;bottom:26px;left:26px;border-color:#ff4df066;animation:spin 18s linear infinite reverse}.orbit-core{position:absolute;top:82px;right:82px;bottom:82px;left:82px;border-radius:50%;background:radial-gradient(circle,var(--accent-2),#000);box-shadow:0 0 38px #ff4df0cc}@keyframes spin{to{transform:rotate(360deg)}}@keyframes btn-pulse{0%{transform:translateZ(0) scale(1);box-shadow:0 0 22px #46e6ffa6}50%{transform:translateZ(0) scale(1.04);box-shadow:0 0 34px #46e6fff2}to{transform:translateZ(0) scale(1);box-shadow:0 0 22px #46e6ffa6}}.panel{background:radial-gradient(circle at top left,#181b3c,#050714);border-radius:18px;padding:1.4rem 1.6rem;box-shadow:0 0 38px #000000a6;border:1px solid rgba(255,255,255,.04)}.panel h2{margin-bottom:.75rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:.75rem}.card{padding:1rem 1.1rem;border-radius:16px;background:rgba(5,7,20,.9);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.6rem}.card-active-game{border-color:#46e6ffb3;box-shadow:0 0 26px #46e6ffd9}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.pill{font-size:.7rem;padding:.2rem .7rem;border-radius:999px}.pill-soon{background:rgba(255,77,240,.08);color:var(--accent-2)}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger)}.affiliate-box{margin-top:1rem}.affiliate-box label{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.ref-link{display:block;margin-top:.4rem;padding:.6rem .8rem;border-radius:10px;background:rgba(5,7,20,.95);border:1px solid rgba(70,230,255,.3);font-size:.8rem;overflow-x:auto}.hint{margin-top:.35rem;font-size:.8rem;color:var(--muted)}.affiliate-stats{margin-top:1.5rem}.stats-row{display:flex;gap:1rem}.stat{flex:1;padding:.8rem .9rem;border-radius:12px;background:rgba(9,12,29,.95)}.label{font-size:.75rem;color:var(--muted)}.value{display:block;margin-top:.15rem;font-size:1.4rem}.creator-saved-message{margin-top:.5rem;font-size:.8rem;color:var(--accent);text-shadow:0 0 10px rgba(70,230,255,.9)}.creator-summary-panel{margin-top:1.5rem;padding:1.2rem 1.4rem;border-radius:16px;background:radial-gradient(circle at top left,#181b3c,#050714);border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.2rem;align-items:center}.creator-summary-main h3{margin-bottom:.35rem}.creator-summary-stats{display:flex;gap:.75rem}.creator-stat{flex:1;padding:.7rem .8rem;border-radius:12px;background:rgba(5,7,20,.9);border:1px solid rgba(255,255,255,.05)}.creator-cta-button{margin-top:1rem;padding-inline:1.6rem;position:relative;overflow:hidden;transition:transform .18s ease-out,box-shadow .18s ease-out}.creator-cta-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0 0,rgba(255,255,255,.14),transparent 55%);opacity:0;transition:opacity .2s ease-out}.creator-cta-button:hover{transform:translateY(-1px);box-shadow:0 0 32px #46e6ffe6}.creator-cta-button:hover:after{opacity:1}.ai-tool-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.85rem}.ai-tool-button{flex:1 1 220px;min-width:220px;padding:.9rem 1.1rem;border-radius:14px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 0 0,rgba(70,230,255,.22),rgba(5,7,20,.98));box-shadow:0 0 18px #46e6ff8c;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}.ai-tool-button:hover{transform:translateY(-1px);box-shadow:0 0 26px #46e6ffe6;border-color:#ff4df0d9}.ai-tool-button--pink{background:radial-gradient(circle at 0 0,rgba(255,77,240,.3),rgba(5,7,20,.98));box-shadow:0 0 18px #ff4df099}.ai-tool-button--teal{background:radial-gradient(circle at 0 0,rgba(45,212,191,.28),rgba(5,7,20,.98));box-shadow:0 0 18px #2dd4bf99}.ai-tool-button--indigo{background:radial-gradient(circle at 0 0,rgba(129,140,248,.32),rgba(5,7,20,.98));box-shadow:0 0 18px #818cf899}.ai-tool-button--amber{background:radial-gradient(circle at 0 0,rgba(245,158,11,.32),rgba(5,7,20,.98));box-shadow:0 0 18px #f59e0b99}.ai-tool-badge{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.ai-tool-dropzone{margin-top:1.25rem;padding:1.5rem;border-radius:16px;border:1px dashed rgba(255,77,240,.75);background:rgba(5,7,20,.9);box-shadow:0 0 18px #050714e6;text-align:center;transition:box-shadow .18s ease-out,background .18s ease-out,border-color .18s ease-out}.ai-tool-dropzone.drag-over{background:rgba(9,12,29,.96);box-shadow:0 0 28px #ff4df0e6,0 0 60px #46e6ffb3;border-color:#46e6ffe6}.wtf-chat-overlay{position:fixed;right:1.1rem;bottom:1.1rem;z-index:50;font-size:.8rem}.wtf-chat-toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;background:radial-gradient(circle at 0 0,var(--accent-2),var(--accent));color:#000;cursor:pointer;box-shadow:0 0 24px #46e6ffe6}.wtf-chat-pill{padding:.05rem .5rem;border-radius:999px;background:rgba(0,0,0,.8);color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.wtf-chat-panel{margin-top:.35rem;width:min(340px,96vw);height:360px;display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top left,#181b3c,#050714);box-shadow:0 0 32px #000000d9}.wtf-chat-header{padding:.4rem .7rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.wtf-chat-tabs{display:inline-flex;gap:.25rem}.wtf-chat-tabs button{border:none;border-radius:999px;padding:.2rem .6rem;background:transparent;color:var(--muted);font-size:.75rem}.wtf-chat-tabs button.active{background:rgba(15,23,42,.95);color:var(--accent);box-shadow:0 0 14px #46e6ff99}.wtf-chat-status{font-size:.7rem;color:var(--muted)}.wtf-chat-body{flex:1;padding:.45rem .55rem .35rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.wtf-chat-message{max-width:100%}.wtf-chat-meta{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted);margin-bottom:.1rem}.wtf-chat-bubble{display:inline-block;padding:.25rem .55rem;border-radius:12px;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.4);font-size:.75rem}.wtf-chat-bubble-row{display:flex;align-items:flex-start;gap:.25rem}.wtf-chat-actions button{border:none;background:transparent;color:var(--muted);font-size:.75rem;padding:0 .15rem}.wtf-chat-reactions-row{margin-top:.1rem;display:flex;gap:.2rem}.wtf-chat-reaction{border:none;border-radius:999px;padding:.05rem .25rem;font-size:.75rem;background:rgba(15,23,42,.9);color:#f9fafb}.wtf-chat-reaction-count{margin-left:.18rem;font-size:.68rem;color:var(--muted)}.wtf-chat-input-row{padding:.35rem .5rem .45rem;display:flex;gap:.3rem;border-top:1px solid rgba(255,255,255,.08)}.wtf-chat-input-row input{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.95);color:var(--fg);padding:.28rem .7rem;font-size:.75rem}.wtf-chat-input-row button{border-radius:999px;border:none;padding:.25rem .8rem;font-size:.75rem;background:radial-gradient(circle at 0 0,var(--accent-2),var(--accent));color:#000}.wtf-chat-new{position:absolute;left:50%;transform:translate(-50%);bottom:3.2rem;border-radius:999px;border:none;padding:.16rem .8rem;font-size:.7rem;background:rgba(15,23,42,.96);color:var(--accent);box-shadow:0 0 18px #46e6ffb3}.wtf-chat-reply-preview{padding:.25rem .55rem;display:flex;align-items:center;justify-content:space-between;gap:.4rem;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(15,23,42,.9)}.wtf-chat-reply-main{display:flex;flex-direction:column;gap:.05rem}.wtf-chat-reply-main .who{font-size:.7rem;color:var(--accent)}.wtf-chat-reply-main .snippet{font-size:.7rem;color:var(--muted)}.wtf-chat-reply-cancel{border-radius:999px;border:none;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;background:rgba(15,23,42,.95);color:var(--muted)}.clipchaos-button-wrap{position:absolute;right:.6rem;bottom:.6rem;z-index:5}.clipchaos-button{font-size:.75rem;padding:.25rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 0 0,rgba(255,77,240,.5),rgba(15,23,42,.96));color:#f9fafb;box-shadow:0 0 16px #ff4df0b3}.clipchaos-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;z-index:60}.clipchaos-modal{width:min(480px,100vw - 1.5rem);max-height:min(90vh,520px);background:radial-gradient(circle at top left,#181b3c,#050714);border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #000000e6;display:flex;flex-direction:column}.clipchaos-header{padding:.6rem .9rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.clipchaos-close{border:none;background:transparent;color:var(--muted);font-size:.9rem}.clipchaos-body{padding:.6rem .9rem .4rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.clipchaos-video-wrap{border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.4)}.clipchaos-video{width:100%;display:block}.clipchaos-effects{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.clipchaos-effect-pill{border-radius:999px;border:1px solid rgba(70,230,255,.6);background:rgba(15,23,42,.96);color:var(--accent);padding:.16rem .6rem;font-size:.7rem}.clipchaos-footer{padding:.5rem .9rem .7rem;display:flex;gap:.4rem;justify-content:flex-end}@media (max-width: 768px){.app-header{flex-wrap:wrap;gap:.75rem}.nav-links{order:3;width:100%;justify-content:center}.app-main{padding:1rem}.hero{grid-template-columns:minmax(0,1fr)}.hero-orbit{order:-1}.stats-row{flex-direction:column}.creator-summary-panel{grid-template-columns:minmax(0,1fr)}.app-footer{padding:1.2rem 1rem}.footer-inner{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:1.5rem!important}.footer-inner>div:first-child{flex:none!important;flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;text-align:left}.footer-inner>div:first-child img{height:48px!important;align-self:center}.footer-inner>div:first-child p{font-size:.8rem!important;line-height:1.4;text-align:center}.footer-inner>div:last-child{flex:none!important;flex-direction:column!important;justify-content:flex-start!important;gap:1.2rem!important}.footer-inner>div:last-child>div{min-width:auto!important;max-width:none!important;width:100%}.footer-inner>div:last-child p{font-size:.75rem!important;line-height:1.4;margin-bottom:.6rem!important}.footer-inner>div:last-child button,.footer-inner>div:last-child a{font-size:.75rem!important;padding:.4rem .8rem!important;width:100%;text-align:center}}@media (max-width: 480px){.app-footer{padding:1rem .75rem}.footer-inner{gap:1.2rem!important}.footer-inner>div:first-child p{font-size:.75rem!important}.footer-inner>div:last-child p{font-size:.7rem!important}.footer-inner>div:last-child button,.footer-inner>div:last-child a{font-size:.7rem!important;padding:.35rem .7rem!important}.footer-inner *{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}