@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--bg: #0b0e13;--bg2: #12161d;--bg3: #1a1f28;--bg4: #242a35;--text: #e4e8ef;--text2: #a0a8b8;--text3: #5e6678;--border: #1e2430;--border2: #2a3140;--border3: #3a4255;--accent: #0a84ff;--accent-dim: rgba(10, 132, 255, .1);--green: #30d158;--green-dim: rgba(48, 209, 88, .1);--red: #ff453a;--red-dim: rgba(255, 69, 58, .1);--orange: #ff9f0a;--orange-dim: rgba(255, 159, 10, .1);--yellow: #ffd60a;--yellow-dim: rgba(255, 214, 10, .1);--purple: #bf5af2;--purple-dim: rgba(191, 90, 242, .1);--radius: 8px;--radius-lg: 14px;--transition: .15s ease;--shadow-lg: 0 16px 48px rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.page-scroll::-webkit-scrollbar{width:6px}.page-scroll::-webkit-scrollbar-track{background:transparent}.page-scroll::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.page-scroll::-webkit-scrollbar-thumb:hover{background:var(--border3)}.hub-home{display:flex;flex-direction:column;min-height:100%}.hub-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.hub-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(10,132,255,.2));margin-bottom:4px}.hub-title{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px}.hub-hero p{font-size:14px;color:var(--text3);max-width:360px;line-height:1.5}.hub-footer{margin-top:auto}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text3);font-size:13px;font-family:var(--font)}a{color:inherit}::selection{background:#0a84ff40;color:var(--text)}.notif{position:relative}.notif-trigger{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius, 8px);border:1px solid transparent;background:none;color:var(--text3, #5e6678);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.notif-trigger:hover{background:var(--bg3, #1a1f28);color:var(--text2, #a0a8b8);border-color:var(--border, #1e2430)}.notif-badge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red, #ff453a);color:#fff;font-size:9px;font-weight:700;font-family:var(--font-mono, monospace);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg2, #12161d)}.notif-panel{position:absolute;top:calc(100% + 8px);right:-40px;width:340px;max-height:420px;background:var(--bg2, #12161d);border:1px solid var(--border2, #2a3140);border-radius:var(--radius-lg, 14px);box-shadow:0 12px 40px #00000080;overflow:hidden;z-index:960;display:flex;flex-direction:column;animation:notif-enter .15s ease}@keyframes notif-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border, #1e2430);flex-shrink:0}.notif-header-title{font-size:13px;font-weight:600;color:var(--text, #e4e8ef)}.notif-header-actions{display:flex;gap:4px}.notif-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border2, #2a3140);background:var(--bg3, #1a1f28);color:var(--text3, #5e6678);cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.notif-action-btn:hover{color:var(--green, #30d158);border-color:#30d1584d;background:var(--green-dim, rgba(48, 209, 88, .1))}.notif-action-btn--danger:hover{color:var(--red, #ff453a);border-color:#ff453a4d;background:var(--red-dim, rgba(255, 69, 58, .1))}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;gap:8px}.notif-empty-icon{font-size:28px;opacity:.3}.notif-empty-text{font-size:13px;color:var(--text3, #5e6678)}.notif-list{flex:1;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border, #1e2430);transition:background .12s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg3, #1a1f28)}.notif-item--unread{background:#0a84ff0a;border-left:2px solid var(--accent, #0a84ff)}.notif-item-body{flex:1;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:3px}.notif-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.notif-item-title{font-size:12.5px;font-weight:600;color:var(--text, #e4e8ef);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-item-time{font-size:10px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace);white-space:nowrap;flex-shrink:0}.notif-item-msg{font-size:12px;color:var(--text3, #5e6678);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-del{background:none;border:none;color:var(--text3, #5e6678);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease;flex-shrink:0}.notif-item:hover .notif-item-del{opacity:1}.notif-item-del:hover{color:var(--red, #ff453a);background:var(--red-dim, rgba(255, 69, 58, .1))}@media (max-width: 480px){.notif-panel{position:fixed;top:56px;left:8px;right:8px;width:auto;max-height:calc(100vh - 72px);border-radius:12px}}.nav{position:sticky;top:0;z-index:900;display:flex;align-items:center;height:56px;padding:0 20px;background:var(--bg2, #12161d);border-bottom:1px solid var(--border, #1e2430);font-family:var(--font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased}.nav-left{display:flex;align-items:center}.nav-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text, #e4e8ef);transition:opacity .15s ease}.nav-brand:hover{opacity:.85}.nav-brand-icon{width:28px;height:28px;border-radius:7px;object-fit:contain}.nav-brand-text{font-size:15px;font-weight:650;letter-spacing:-.3px}.nav-center{flex:1;display:flex;align-items:center;justify-content:center;gap:4px}.nav-link{padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text3, #5e6678);text-decoration:none;transition:color .15s ease,background .15s ease}.nav-link:hover{color:var(--text, #e4e8ef);background:var(--bg3, #1a1f28)}.nav-right{display:flex;align-items:center;gap:8px;position:relative}.nav-user-btn{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--radius, 8px);border:1px solid transparent;background:none;color:var(--text2, #a0a8b8);cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease}.nav-user-btn:hover{background:var(--bg3, #1a1f28);border-color:var(--border, #1e2430)}.nav-avatar-wrap{position:relative;width:30px;height:30px;flex-shrink:0}.nav-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border2, #2a3140)}.nav-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg4, #242a35);color:var(--text3, #5e6678);font-size:13px;font-weight:600}.nav-avatar-status{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:var(--green, #30d158);border:2px solid var(--bg2, #12161d)}.nav-username{font-size:13px;font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.nav-chevron{color:var(--text3, #5e6678);transition:transform .2s ease;flex-shrink:0}.nav-chevron--open{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--bg2, #12161d);border:1px solid var(--border2, #2a3140);border-radius:var(--radius-lg, 14px);box-shadow:0 12px 40px #00000080;padding:6px;z-index:950;animation:nav-dd-enter .15s ease}@keyframes nav-dd-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dd-header{padding:10px 10px 8px}.nav-dd-user{display:flex;flex-direction:column;gap:2px}.nav-dd-name{font-size:13px;font-weight:600;color:var(--text, #e4e8ef)}.nav-dd-email{font-size:11px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace)}.nav-dd-divider{height:1px;background:var(--border, #1e2430);margin:4px 6px}.nav-dd-section{display:flex;flex-direction:column;gap:1px;padding:2px 0}.nav-dd-section-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace);padding:6px 10px 4px}.nav-dd-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;border:none;background:none;color:var(--text2, #a0a8b8);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease;text-align:left;width:100%}.nav-dd-item:hover{background:var(--bg3, #1a1f28);color:var(--text, #e4e8ef)}.nav-dd-item--danger{color:var(--red, #ff453a)}.nav-dd-item--danger:hover{background:var(--red-dim, rgba(255, 69, 58, .1));color:var(--red, #ff453a)}.nav-dd-icon{width:18px;text-align:center;font-size:13px;flex-shrink:0}.nav-hamburger{display:none;flex-direction:column;gap:4px;padding:6px;background:none;border:none;cursor:pointer;margin-left:8px}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--text2, #a0a8b8);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.nav-hamburger--open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger--open span:nth-child(2){opacity:0}.nav-hamburger--open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-mobile-drawer{display:none;position:absolute;top:56px;left:0;right:0;background:var(--bg2, #12161d);border-bottom:1px solid var(--border, #1e2430);padding:8px 12px;flex-direction:column;gap:2px;z-index:890;animation:nav-dd-enter .15s ease}.nav-mobile-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;border:none;background:none;color:var(--text2, #a0a8b8);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .12s ease}.nav-mobile-item:hover{background:var(--bg3, #1a1f28)}.nav-mobile-item--danger{color:var(--red, #ff453a)}@media (max-width: 768px){.nav-center,.nav-username,.nav-chevron{display:none}.nav-hamburger,.nav-mobile-drawer{display:flex}.nav-dropdown{position:fixed;top:56px;left:8px;right:8px;width:auto;border-radius:12px}}@media (max-width: 480px){.nav{padding:0 12px}.nav-brand-text{font-size:14px}}.ft{width:100%;background:var(--bg2, #12161d);border-top:1px solid var(--border, #1e2430);font-family:var(--font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased}.ft-body{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;max-width:960px;margin:0 auto;padding:36px 24px 28px}.ft-brand{max-width:280px}.ft-brand-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.ft-brand-icon{width:24px;height:24px;border-radius:6px;object-fit:contain}.ft-brand-name{font-size:14px;font-weight:650;color:var(--text, #e4e8ef);letter-spacing:-.3px}.ft-brand-desc{font-size:12.5px;color:var(--text3, #5e6678);line-height:1.55;margin:0}.ft-links{display:flex;gap:48px}.ft-col{display:flex;flex-direction:column;gap:6px}.ft-col-title{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.6px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace);margin-bottom:4px}.ft-col-link{font-size:13px;color:var(--text2, #a0a8b8);text-decoration:none;transition:color .12s ease}.ft-col-link:hover{color:var(--text, #e4e8ef)}.ft-bottom{border-top:1px solid var(--border, #1e2430);padding:14px 24px;text-align:center;font-size:11px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace)}@media (max-width: 640px){.ft-body{flex-direction:column;gap:24px;padding:28px 16px 20px}.ft-brand{max-width:100%}.ft-links{gap:32px;flex-wrap:wrap}}.nf-page{min-height:calc(100vh - 56px);background:var(--bg, #0b0e13);display:flex;align-items:center;justify-content:center;padding:24px 16px}.nf-card{text-align:center;max-width:360px}.nf-code{font-size:72px;font-weight:800;line-height:1;color:var(--text, #e4e8ef);font-family:var(--font-mono, monospace);letter-spacing:-2px;margin-bottom:12px;opacity:.15}.nf-message{font-size:14px;color:var(--text3, #5e6678);line-height:1.5;margin:0 0 24px}.nf-btn{display:inline-block;padding:10px 24px;border-radius:8px;background:var(--accent, #0a84ff);color:#fff;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s}.nf-btn:hover{background:#0972e0}.prof-page{min-height:calc(100vh - 56px);background:var(--bg, #0b0e13);display:flex;justify-content:center;padding:24px 16px}.prof-loading{color:var(--text3, #5e6678);font-size:13px;padding-top:60px;text-align:center}.prof-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px}.prof-card{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:20px}.prof-identity{display:flex;align-items:center;gap:14px;margin-bottom:16px}.prof-avatar{width:52px;height:52px;border-radius:12px;object-fit:cover;flex-shrink:0;border:2px solid var(--border2, #2a3140)}.prof-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg4, #242a35);color:var(--text2, #a0a8b8);font-size:20px;font-weight:700}.prof-names{display:flex;flex-direction:column;gap:1px;min-width:0}.prof-username{font-size:16px;font-weight:700;color:var(--text, #e4e8ef)}.prof-uid{font-size:10px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-stats-row{display:flex;gap:8px;margin-bottom:12px}.prof-stat{flex:1;text-align:center;background:var(--bg3, #1a1f28);border-radius:8px;padding:10px 6px}.prof-stat-val{display:block;font-size:16px;font-weight:700;color:var(--text, #e4e8ef);font-family:var(--font-mono, monospace)}.prof-stat-label{font-size:10px;color:var(--text3, #5e6678);text-transform:uppercase;letter-spacing:.4px}.prof-badges{display:flex;gap:6px;flex-wrap:wrap}.prof-badge{font-size:10px;font-weight:600;text-transform:capitalize;padding:3px 8px;border-radius:5px;background:#ffffff0d;color:var(--text3, #5e6678)}.prof-badge--premium{color:#fbbf24;background:#fbbf241a}.prof-section{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:12px;overflow:hidden}.prof-section-title{font-size:12px;font-weight:600;color:var(--text2, #a0a8b8);padding:12px 16px 0;margin:0}.prof-add-row{display:flex;gap:6px;padding:10px 16px}.prof-input{flex:1;padding:9px 12px;border-radius:8px;border:1px solid var(--border, #1e2430);background:var(--bg3, #1a1f28);color:var(--text, #e4e8ef);font-family:inherit;font-size:13px;outline:none;transition:border-color .12s}.prof-input:focus{border-color:var(--accent, #0a84ff)}.prof-input::placeholder{color:var(--text3, #5e6678)}.prof-send-btn{padding:9px 16px;border-radius:8px;border:none;background:var(--accent, #0a84ff);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .1s}.prof-send-btn:hover{background:#0972e0}.prof-feedback{font-size:11px;color:var(--green, #30d158);padding:0 16px 10px}.prof-accordion-btn{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;background:none;color:var(--text, #e4e8ef);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .1s}.prof-accordion-btn:hover{background:#ffffff05}.prof-accordion-btn span:first-child{flex:1}.prof-accordion-count{font-size:10px;font-weight:700;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678);background:#ffffff0d;padding:2px 7px;border-radius:4px}.prof-chevron{color:var(--text3, #5e6678);transition:transform .15s;flex-shrink:0}.prof-chevron--open{transform:rotate(180deg)}.prof-accordion-body{padding:0 16px 12px}.prof-friend-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;background:var(--bg3, #1a1f28);margin-bottom:4px}.prof-friend-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.prof-friend-avatar{width:28px;height:28px;border-radius:7px;object-fit:cover;flex-shrink:0}.prof-friend-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg4, #242a35);color:var(--text3, #5e6678);font-size:11px;font-weight:700}.prof-friend-name{font-size:12px;color:var(--text, #e4e8ef);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prof-friend-actions{display:flex;gap:4px;flex-shrink:0}.prof-friend-btn{padding:4px 10px;border-radius:5px;border:none;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;transition:background .1s}.prof-friend-btn--accept{background:#30d1581f;color:var(--green, #30d158)}.prof-friend-btn--accept:hover{background:#30d15838}.prof-friend-btn--remove{background:#ff453a1a;color:var(--red, #ff453a)}.prof-friend-btn--remove:hover{background:#ff453a2e}.prof-empty{font-size:11px;color:var(--text3, #5e6678);padding:8px 0}@media (max-width: 480px){.prof-page{padding:16px 10px}.prof-card{padding:16px}}:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--bg: #0b0e13;--bg2: #12161d;--bg3: #1a1f28;--bg4: #242a35;--text: #e4e8ef;--text2: #a0a8b8;--text3: #5e6678;--border: #1e2430;--border2: #2a3140;--border3: #3a4255;--accent: #0a84ff;--accent-dim: rgba(10, 132, 255, .1);--green: #30d158;--green-dim: rgba(48, 209, 88, .1);--red: #ff453a;--red-dim: rgba(255, 69, 58, .1);--orange: #ff9f0a;--orange-dim: rgba(255, 159, 10, .1);--radius: 8px;--radius-lg: 14px;--transition: .15s ease;--shadow-lg: 0 16px 48px rgba(0, 0, 0, .45)}.auth-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow-y:auto;overflow-x:hidden;font-family:var(--font);-webkit-font-smoothing:antialiased}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.auth-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.auth-bg-orb--1{width:500px;height:500px;background:#0a84ff26;top:-10%;left:-8%;animation:auth-float 18s ease-in-out infinite alternate}.auth-bg-orb--2{width:400px;height:400px;background:#30d15814;bottom:-5%;right:-5%;animation:auth-float 22s ease-in-out infinite alternate-reverse}.auth-bg-orb--3{width:300px;height:300px;background:#bf5af20f;top:50%;left:60%;animation:auth-float 15s ease-in-out infinite alternate}@keyframes auth-float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.08)}}.auth-container{position:relative;z-index:1;width:100%;max-width:420px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:auth-enter .5s ease both}@keyframes auth-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.auth-logo{width:64px;height:64px;object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 0 16px rgba(10,132,255,.25))}.auth-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.5px;line-height:1.2}.auth-subtitle{font-size:13px;color:var(--text3);letter-spacing:.2px}.auth-card{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:18px}.auth-tabs{display:flex;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:3px}.auth-tab{flex:1;background:none;border:none;color:var(--text3);font-family:var(--font);font-size:13px;font-weight:500;padding:8px 0;border-radius:6px;cursor:pointer;transition:color var(--transition),background var(--transition)}.auth-tab:hover{color:var(--text2)}.auth-tab--active{background:var(--bg4);color:var(--text)}.auth-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--red-dim);border:1px solid rgba(255,69,58,.2);border-radius:var(--radius);font-size:12.5px;color:var(--red);line-height:1.4;animation:auth-shake .35s ease}.auth-error-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ff453a33;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.auth-error-close{margin-left:auto;background:none;border:none;color:var(--red);cursor:pointer;font-size:16px;line-height:1;opacity:.6;flex-shrink:0;padding:0 2px}.auth-error-close:hover{opacity:1}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono)}.auth-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--font);font-size:14px;padding:10px 12px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);box-sizing:border-box}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff1f}.auth-input::placeholder{color:var(--text3);font-size:13px}.auth-input-wrap{position:relative}.auth-input--password{padding-right:40px}.auth-toggle-pw{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:4px 6px;border-radius:4px;transition:color var(--transition)}.auth-toggle-pw:hover{color:var(--text)}.auth-submit{width:100%;padding:11px 0;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:opacity var(--transition),transform var(--transition);margin-top:2px;position:relative;display:flex;align-items:center;justify-content:center;min-height:42px}.auth-submit:hover:not(:disabled){opacity:.88}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:auth-spin .6s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;gap:12px}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:11px;color:var(--text3);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;font-family:var(--font-mono)}.auth-oauth{display:flex;gap:8px}.auth-oauth-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 0;border-radius:var(--radius);border:1px solid var(--border2);background:var(--bg3);color:var(--text2);font-family:var(--font);font-size:12.5px;font-weight:500;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.auth-oauth-btn:hover{background:var(--bg4);border-color:var(--border3);color:var(--text)}.auth-oauth-icon{width:16px;height:16px;flex-shrink:0}.auth-oauth--discord:hover{border-color:#5865f266;background:#5865f214;color:#8b9aff}.auth-oauth--google:hover{border-color:#4285f459;background:#4285f40f}.auth-oauth--facebook:hover{border-color:#1877f266;background:#1877f214;color:#6da6f5}.auth-footer{display:flex;align-items:center;gap:8px;font-size:12px}.auth-footer a{color:var(--text3);text-decoration:none;transition:color var(--transition)}.auth-footer a:hover{color:var(--text2)}.auth-footer-dot{color:var(--text3);opacity:.4}@media (max-width: 480px){.auth-container{padding:16px 14px;gap:16px}.auth-card{padding:20px 16px;border-radius:12px;gap:14px}.auth-logo{width:52px;height:52px}.auth-title{font-size:19px}.auth-subtitle{font-size:12px}.auth-oauth{flex-direction:column;gap:6px}.auth-oauth-btn{padding:10px 0}.auth-bg-orb--1{width:300px;height:300px}.auth-bg-orb--2{width:250px;height:250px}.auth-bg-orb--3{display:none}}@media (max-width: 360px){.auth-card{padding:16px 12px}.auth-tab{font-size:12px;padding:7px 0}}@media (max-height: 600px) and (orientation: landscape){.auth-page{align-items:flex-start}.auth-container{padding-top:12px;padding-bottom:12px}.auth-brand{flex-direction:row;gap:12px}.auth-logo{width:36px;height:36px;margin-bottom:0}.auth-subtitle{display:none}}.cc-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg, #0b0e13);overflow-y:auto;overflow-x:hidden;font-family:var(--font, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);-webkit-font-smoothing:antialiased}.cc-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.cc-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.cc-bg-orb--1{width:500px;height:500px;background:#30d1581a;top:-8%;right:-5%;animation:cc-float 20s ease-in-out infinite alternate}.cc-bg-orb--2{width:400px;height:400px;background:#0a84ff1a;bottom:-10%;left:-8%;animation:cc-float 16s ease-in-out infinite alternate-reverse}@keyframes cc-float{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-15px) scale(1.06)}}.cc-container{position:relative;z-index:1;width:100%;max-width:620px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:cc-enter .5s ease both}@keyframes cc-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cc-header{text-align:center}.cc-title{font-size:22px;font-weight:700;color:var(--text, #e4e8ef);letter-spacing:-.5px}.cc-subtitle{font-size:13px;color:var(--text3, #5e6678);margin-top:4px}.cc-steps{display:flex;align-items:center;gap:0;width:100%;max-width:440px}.cc-step{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.cc-step-dot{width:28px;height:28px;border-radius:50%;background:var(--bg3, #1a1f28);border:1px solid var(--border2, #2a3140);color:var(--text3, #5e6678);font-size:11px;font-weight:600;font-family:var(--font-mono, monospace);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.cc-step--active .cc-step-dot{background:var(--accent, #0a84ff);border-color:var(--accent, #0a84ff);color:#fff;box-shadow:0 0 12px #0a84ff4d}.cc-step--done .cc-step-dot{background:var(--green, #30d158);border-color:var(--green, #30d158);color:#fff}.cc-step-label{font-size:11px;font-weight:500;color:var(--text3, #5e6678);white-space:nowrap;transition:color .2s ease}.cc-step--active .cc-step-label{color:var(--text, #e4e8ef)}.cc-step--done .cc-step-label{color:var(--text2, #a0a8b8)}.cc-step-line{flex:1;height:1px;background:var(--border, #1e2430);margin:0 4px}.cc-step--done .cc-step-line{background:var(--green, #30d158);opacity:.4}.cc-card{width:100%;background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:var(--radius-lg, 14px);padding:24px;box-shadow:0 16px 48px #00000073;display:flex;flex-direction:column;gap:18px}.cc-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--red-dim, rgba(255, 69, 58, .1));border:1px solid rgba(255,69,58,.2);border-radius:var(--radius, 8px);font-size:12.5px;color:var(--red, #ff453a)}.cc-error-close{margin-left:auto;background:none;border:none;color:var(--red, #ff453a);cursor:pointer;font-size:16px;opacity:.6;padding:0 2px}.cc-error-close:hover{opacity:1}.cc-step-content{animation:cc-fade .3s ease}@keyframes cc-fade{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.cc-section-title{font-size:16px;font-weight:600;color:var(--text, #e4e8ef);margin-bottom:4px}.cc-section-desc{font-size:13px;color:var(--text3, #5e6678);margin-bottom:16px}.cc-choice-grid{display:grid;gap:10px}.cc-choice-grid--2{grid-template-columns:1fr 1fr}.cc-choice-card{background:var(--bg3, #1a1f28);border:1px solid var(--border2, #2a3140);border-radius:var(--radius, 8px);padding:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;font-family:inherit;color:inherit}.cc-choice-card:hover{border-color:var(--border3, #3a4255);background:var(--bg4, #242a35)}.cc-choice--selected{border-color:var(--accent, #0a84ff)!important;background:#0a84ff0f!important;box-shadow:0 0 0 3px #0a84ff1f}.cc-choice-preview{width:80px;height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cc-character-img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.cc-choice-label{font-size:13px;font-weight:600;color:var(--text, #e4e8ef)}.cc-choice-grid--starters{grid-template-columns:1fr;gap:8px}.cc-starter-card{background:var(--bg3, #1a1f28);border:1px solid var(--border2, #2a3140);border-radius:var(--radius, 8px);padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;position:relative;font-family:inherit;color:inherit}.cc-starter-card:hover{border-color:var(--border3, #3a4255);background:var(--bg4, #242a35)}.cc-starter--selected{border-color:var(--el-color, var(--accent, #0a84ff))!important;background:#0a84ff0a!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--el-color, #0a84ff) 15%,transparent)}.cc-starter-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-starter-name{font-size:14px;font-weight:600;color:var(--text, #e4e8ef)}.cc-starter-element{font-size:11px;font-family:var(--font-mono, monospace);font-weight:500;text-transform:capitalize}.cc-starter-stats{display:flex;flex-direction:column;gap:5px}.cc-starter-check{position:absolute;top:12px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--green, #30d158);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.cc-stat{display:flex;align-items:center;gap:8px}.cc-stat-label{width:30px;font-size:10px;font-weight:500;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.3px}.cc-stat-track{flex:1;height:4px;background:var(--bg4, #242a35);border-radius:2px;overflow:hidden}.cc-stat-fill{height:100%;border-radius:2px;transition:width .4s ease}.cc-stat-value{width:24px;font-size:11px;font-family:var(--font-mono, monospace);color:var(--text2, #a0a8b8);text-align:right}.cc-choice-grid--kits{grid-template-columns:1fr 1fr;gap:10px}.cc-kit-card{background:var(--bg3, #1a1f28);border:1px solid var(--border2, #2a3140);border-radius:var(--radius, 8px);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;position:relative;font-family:inherit;color:inherit}.cc-kit-card:hover{border-color:var(--border3, #3a4255);background:var(--bg4, #242a35)}.cc-kit--selected{border-color:var(--accent, #0a84ff)!important;background:#0a84ff0f!important;box-shadow:0 0 0 3px #0a84ff1f}.cc-kit-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.cc-kit-name{font-size:13px;font-weight:600;color:var(--text, #e4e8ef)}.cc-kit-coins{font-size:11px;font-family:var(--font-mono, monospace);color:var(--orange, #ff9f0a);background:var(--orange-dim, rgba(255, 159, 10, .1));padding:2px 6px;border-radius:4px;white-space:nowrap}.cc-kit-desc{font-size:12px;color:var(--text3, #5e6678);line-height:1.4;margin:0}.cc-kit-items{display:flex;flex-wrap:wrap;gap:4px}.cc-kit-item{font-size:10px;font-family:var(--font-mono, monospace);color:var(--text2, #a0a8b8);background:var(--bg4, #242a35);border:1px solid var(--border, #1e2430);padding:2px 6px;border-radius:4px;text-transform:capitalize}.cc-kit-check{position:absolute;top:10px;right:12px;width:20px;height:20px;border-radius:50%;background:var(--green, #30d158);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.cc-nav{display:flex;align-items:center;gap:8px;padding-top:4px;border-top:1px solid var(--border, #1e2430)}.cc-nav-spacer{flex:1}.cc-nav-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border-radius:var(--radius, 8px);font-family:var(--font, "Inter", sans-serif);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease;border:1px solid var(--border2, #2a3140)}.cc-nav-btn--back{background:var(--bg3, #1a1f28);color:var(--text2, #a0a8b8)}.cc-nav-btn--back:hover{background:var(--bg4, #242a35);color:var(--text, #e4e8ef)}.cc-nav-btn--next,.cc-nav-btn--submit{background:var(--accent, #0a84ff);border-color:var(--accent, #0a84ff);color:#fff}.cc-nav-btn--next:hover:not(:disabled),.cc-nav-btn--submit:hover:not(:disabled){opacity:.88}.cc-nav-btn:disabled{opacity:.35;cursor:not-allowed}.cc-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cc-summary-label{font-size:11px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.4px}.cc-summary-tags{display:flex;gap:6px;flex-wrap:wrap}.cc-summary-tag{font-size:11px;font-family:var(--font-mono, monospace);color:var(--text2, #a0a8b8);background:var(--bg4, #242a35);border:1px solid var(--border2, #2a3140);padding:3px 8px;border-radius:5px;text-transform:capitalize}.cc-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text3, #5e6678);font-size:13px}.cc-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:cc-spin .6s linear infinite}.cc-spinner-lg{display:inline-block;width:24px;height:24px;border:2.5px solid var(--border2, #2a3140);border-top-color:var(--accent, #0a84ff);border-radius:50%;animation:cc-spin .7s linear infinite}@keyframes cc-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.cc-container{padding:16px 14px;gap:14px}.cc-card{padding:18px 14px;gap:14px}.cc-title{font-size:19px}.cc-steps{max-width:100%}.cc-step-label{font-size:10px}.cc-step-dot{width:24px;height:24px;font-size:10px}.cc-choice-grid--kits{grid-template-columns:1fr}.cc-choice-preview{width:64px;height:64px}}@media (max-width: 380px){.cc-step-label{display:none}.cc-card{padding:14px 12px}.cc-section-title{font-size:15px}.cc-section-desc{font-size:12px}}.store{max-width:1100px;margin:0 auto;padding:24px 20px;font-family:var(--font, "Inter", sans-serif)}.store-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.store-title{font-size:22px;font-weight:700;color:var(--text, #e4e8ef);letter-spacing:-.4px;margin:0}.store-subtitle{font-size:13px;color:var(--text3, #5e6678);margin:2px 0 0}.store-header-right{display:flex;align-items:center;gap:10px}.store-coins{font-size:13px;font-family:var(--font-mono, monospace);color:var(--orange, #ff9f0a);background:var(--orange-dim, rgba(255,159,10,.1));padding:5px 12px;border-radius:6px;font-weight:500}.store-history-btn{padding:6px 14px;border-radius:6px;border:1px solid var(--border2, #2a3140);background:var(--bg3, #1a1f28);color:var(--text2, #a0a8b8);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.store-history-btn:hover{background:var(--bg4, #242a35);color:var(--text, #e4e8ef)}.store-msg{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.store-msg--success{background:var(--green-dim, rgba(48,209,88,.1));border:1px solid rgba(48,209,88,.2);color:var(--green, #30d158)}.store-msg--error{background:var(--red-dim, rgba(255,69,58,.1));border:1px solid rgba(255,69,58,.2);color:var(--red, #ff453a)}.store-msg-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:16px;opacity:.6}.store-msg-close:hover{opacity:1}.store-pages{display:flex;gap:0;border-bottom:1px solid var(--border, #1e2430);margin-bottom:16px;overflow-x:auto;flex-wrap:nowrap}.store-page-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text3, #5e6678);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .12s,border-color .12s;margin-bottom:-1px}.store-page-tab:hover{color:var(--text2, #a0a8b8)}.store-page-tab--active{color:var(--accent, #0a84ff);border-bottom-color:var(--accent, #0a84ff)}.store-page-tab-badge{font-size:9px;font-weight:700;letter-spacing:.4px;background:var(--accent, #0a84ff);color:#fff;padding:2px 5px;border-radius:8px;text-transform:uppercase}.store-cats{display:flex;gap:4px;padding:3px;background:var(--bg3, #1a1f28);border:1px solid var(--border, #1e2430);border-radius:8px;margin-bottom:16px;overflow-x:auto;flex-wrap:nowrap}.store-cat{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:6px;border:none;background:none;color:var(--text3, #5e6678);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:color .12s,background .12s;white-space:nowrap;flex-shrink:0}.store-cat:hover{color:var(--text2, #a0a8b8)}.store-cat--active{background:var(--bg4, #242a35);color:var(--text, #e4e8ef)}.store-cat-count{font-size:10px;font-family:var(--font-mono, monospace);background:var(--bg2, #12161d);color:var(--text3, #5e6678);padding:1px 5px;border-radius:8px;min-width:18px;text-align:center}.store-cat--active .store-cat-count{background:var(--border, #1e2430);color:var(--text2, #a0a8b8)}.store-page-banner{width:100%;height:140px;border-radius:10px;background-size:cover;background-position:center;margin-bottom:16px;border:1px solid var(--border, #1e2430)}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.store-card{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}.store-card:hover{border-color:var(--border3, #3a4255);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.store-card--sold{opacity:.5;cursor:not-allowed;pointer-events:none}.store-card-img{width:100%;height:120px;border-radius:8px;background-size:cover;background-position:center;background-color:var(--bg3, #1a1f28)}.store-card-badges{display:flex;gap:5px;flex-wrap:wrap;position:absolute;top:12px;right:12px}.store-badge{font-size:10px;font-weight:600;font-family:var(--font-mono, monospace);padding:2px 7px;border-radius:4px;white-space:nowrap}.store-badge--featured{background:var(--orange-dim, rgba(255,159,10,.1));color:var(--orange, #ff9f0a);border:1px solid rgba(255,159,10,.2)}.store-badge--sale{background:var(--green-dim, rgba(48,209,88,.1));color:var(--green, #30d158);border:1px solid rgba(48,209,88,.2)}.store-badge--sold{background:var(--red-dim, rgba(255,69,58,.1));color:var(--red, #ff453a);border:1px solid rgba(255,69,58,.2)}.store-badge--limited{background:var(--purple-dim, rgba(191,90,242,.1));color:var(--purple, #bf5af2);border:1px solid rgba(191,90,242,.2)}.store-card-icon{font-size:36px;line-height:1}.store-card-name{font-size:15px;font-weight:600;color:var(--text, #e4e8ef);margin:0}.store-card-desc{font-size:12.5px;color:var(--text3, #5e6678);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.store-card-rewards{display:flex;flex-wrap:wrap;gap:4px}.store-reward-tag{font-size:10px;font-family:var(--font-mono, monospace);color:var(--text2, #a0a8b8);background:var(--bg4, #242a35);border:1px solid var(--border, #1e2430);padding:2px 7px;border-radius:4px}.store-card-price{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:4px}.store-price{font-size:18px;font-weight:700;color:var(--text, #e4e8ef);font-family:var(--font-mono, monospace)}.store-price-old{font-size:14px;color:var(--text3, #5e6678);text-decoration:line-through;font-family:var(--font-mono, monospace)}.store-price-sale{font-size:18px;font-weight:700;color:var(--green, #30d158);font-family:var(--font-mono, monospace)}.store-buy-btn{width:100%;padding:10px 0;border-radius:8px;border:none;background:var(--accent, #0a84ff);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .12s,transform .12s}.store-buy-btn:hover:not(:disabled){opacity:.88}.store-buy-btn:active:not(:disabled){transform:scale(.98)}.store-buy-btn:disabled{opacity:.5;cursor:not-allowed}.store-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:8px;color:var(--text3, #5e6678);font-size:13px}.store-empty-icon{font-size:36px;opacity:.3}.store-history{margin-top:8px}.store-section-title{font-size:16px;font-weight:600;color:var(--text, #e4e8ef);margin-bottom:14px}.store-history-list{display:flex;flex-direction:column;gap:4px}.store-history-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:8px}.store-history-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.store-history-name{font-size:13px;font-weight:500;color:var(--text, #e4e8ef)}.store-history-date{font-size:11px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace)}.store-history-price{font-size:13px;font-weight:600;font-family:var(--font-mono, monospace);color:var(--text2, #a0a8b8);flex-shrink:0}.store-history-status{font-size:10px;font-weight:600;font-family:var(--font-mono, monospace);padding:3px 8px;border-radius:4px;text-transform:uppercase;flex-shrink:0}.store-history-status--completed{background:var(--green-dim, rgba(48,209,88,.1));color:var(--green, #30d158)}.store-history-status--pending{background:var(--orange-dim, rgba(255,159,10,.1));color:var(--orange, #ff9f0a)}.store-history-status--failed,.store-history-status--refunded{background:var(--red-dim, rgba(255,69,58,.1));color:var(--red, #ff453a)}@media (max-width: 768px){.store{padding:16px 12px}.store-header{flex-direction:column;gap:10px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.store-card{padding:14px}.store-card-icon{font-size:28px}.store-title{font-size:19px}.store-page-tab{padding:8px 12px;font-size:12px}}@media (max-width: 480px){.store-grid{grid-template-columns:1fr}.store-cats{gap:2px}.store-cat{padding:6px 10px;font-size:11.5px}}.thanks-page{min-height:calc(100vh - 56px);background:var(--bg, #0b0e13);display:flex;flex-direction:column}.thanks-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px}.thanks-card{text-align:center;background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:36px 28px;max-width:400px;width:100%}.thanks-check{margin-bottom:16px}.thanks-title{font-size:20px;font-weight:700;color:var(--text, #e4e8ef);margin:0 0 8px}.thanks-desc{font-size:13px;color:var(--text3, #5e6678);line-height:1.5;margin:0 0 24px}.thanks-actions{display:flex;gap:8px;justify-content:center}.thanks-btn{padding:10px 22px;border-radius:8px;border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s;min-height:44px}.thanks-btn--primary{background:var(--accent, #0a84ff);color:#fff}.thanks-btn--primary:hover{background:#0972e0}.thanks-btn--secondary{background:var(--bg4, #242a35);color:var(--text2, #a0a8b8)}.thanks-btn--secondary:hover{background:var(--bg3, #1a1f28)}.legal-page{min-height:calc(100vh - 56px);background:var(--bg, #0b0e13);display:flex;flex-direction:column}.legal-wrap{flex:1;display:flex;justify-content:center;padding:32px 16px}.legal-card{width:100%;max-width:600px;background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:28px 24px;align-self:flex-start}.legal-title{font-size:20px;font-weight:700;color:var(--text, #e4e8ef);margin:0 0 4px}.legal-updated{font-size:11px;color:var(--text3, #5e6678);margin:0 0 24px;font-family:var(--font-mono, monospace)}.legal-section{margin-bottom:20px}.legal-section:last-child{margin-bottom:0}.legal-heading{font-size:14px;font-weight:600;color:var(--text, #e4e8ef);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border, #1e2430)}.legal-subheading{font-size:12px;font-weight:600;color:var(--text2, #a0a8b8);margin:10px 0 4px}.legal-text{font-size:13px;color:var(--text2, #a0a8b8);line-height:1.6;margin:0 0 8px}.legal-list{list-style:none;padding:0;margin:0 0 8px}.legal-list li{font-size:13px;color:var(--text2, #a0a8b8);line-height:1.5;padding:3px 0 3px 16px;position:relative}.legal-list li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--text3, #5e6678)}@media (max-width: 480px){.legal-card{padding:20px 16px}.legal-title{font-size:18px}}.contact-page{min-height:calc(100vh - 56px);background:var(--bg, #0b0e13);display:flex;flex-direction:column}.contact-wrap{flex:1;display:flex;justify-content:center;padding:32px 16px}.contact-form{width:100%;max-width:460px;background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:24px;align-self:flex-start}.contact-title{font-size:18px;font-weight:700;color:var(--text, #e4e8ef);margin:0 0 4px}.contact-desc{font-size:13px;color:var(--text3, #5e6678);margin:0 0 20px;line-height:1.4}.contact-label{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.contact-label-text{font-size:12px;font-weight:500;color:var(--text2, #a0a8b8)}.contact-req{color:var(--red, #ff453a)}.contact-opt{color:var(--text3, #5e6678);font-weight:400}.contact-input,.contact-textarea{padding:10px 12px;border-radius:8px;border:1px solid var(--border, #1e2430);background:var(--bg3, #1a1f28);color:var(--text, #e4e8ef);font-family:inherit;font-size:13px;outline:none;transition:border-color .12s;width:100%;box-sizing:border-box}.contact-input:focus,.contact-textarea:focus{border-color:var(--accent, #0a84ff)}.contact-input::placeholder,.contact-textarea::placeholder{color:var(--text3, #5e6678)}.contact-textarea{resize:vertical;min-height:100px}.contact-submit{width:100%;padding:11px;border-radius:8px;border:none;background:var(--accent, #0a84ff);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s;margin-top:4px;min-height:44px}.contact-submit:hover:not(:disabled){background:#0972e0}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-status{margin-top:12px;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:500}.contact-status--ok{background:#30d1581a;color:var(--green, #30d158)}.contact-status--err{background:#ff453a1a;color:var(--red, #ff453a)}.pc{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:12px;padding:14px;transition:border-color .15s,transform .15s;position:relative;cursor:default}.pc:hover{border-color:var(--border2, #2a3140)}.pc--shiny{border-color:#fbbf2440}.pc--shiny:hover{border-color:#fbbf2473}.pc-shiny-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#fbbf24;background:#fbbf241a;padding:2px 7px;border-radius:5px}.pc-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.pc-name{font-size:14px;font-weight:700;color:var(--text, #e4e8ef)}.pc-level{font-size:11px;font-weight:600;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678)}.pc-types{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.pc-type{font-size:10px;font-weight:600;text-transform:capitalize;color:var(--type-color, #5e6678);background:color-mix(in srgb,var(--type-color, #5e6678) 10%,transparent);padding:2px 7px;border-radius:4px}.pc-rarity{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:4px;background:#ffffff0d;color:var(--text3, #5e6678)}.pc-rarity--uncommon{color:#22c55e}.pc-rarity--rare{color:#3b82f6}.pc-rarity--legendary{color:#f59e0b}.pc-rarity--mythical{color:#a855f7}.pc-stats{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.pc-stat{display:flex;align-items:center;gap:6px}.pc-stat-icon{font-size:12px;width:16px;text-align:center;flex-shrink:0}.pc-stat-track{flex:1;height:6px;border-radius:3px;background:var(--bg4, #242a35);overflow:hidden}.pc-stat-fill{height:100%;border-radius:3px;transition:width .3s ease}.pc-stat--health{background:#ef4444}.pc-stat--power{background:#f59e0b}.pc-stat--speed{background:#3b82f6}.pc-stat--defense{background:#6b7280}.pc-stat--luck{background:#22c55e}.pc-stat-val{font-size:10px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678);width:28px;text-align:right;flex-shrink:0}.pc-footer{border-top:1px solid var(--border, #1e2430);padding-top:8px}.pc-meta{display:flex;gap:12px;font-size:11px;color:var(--text3, #5e6678)}.pc-meta strong{color:var(--text2, #a0a8b8)}.pc-held{font-size:10px;color:var(--text3, #5e6678);margin-top:4px;font-style:italic}.icard{background:var(--bg3, #1a1f28);border:1px solid var(--border, #1e2430);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:border-color .15s,transform .15s;position:relative;border-top:2px solid var(--rarity-color, var(--border2, #2a3140))}.icard:hover{border-color:var(--border2, #2a3140);transform:translateY(-1px)}.icard-icon{font-size:24px;margin-bottom:2px}.icard-info{display:flex;flex-direction:column;gap:1px;min-width:0;width:100%}.icard-name{font-size:12px;font-weight:600;color:var(--text, #e4e8ef);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icard-desc{font-size:10px;color:var(--text3, #5e6678);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.icard-qty{position:absolute;top:6px;right:6px;font-size:10px;font-weight:700;font-family:var(--font-mono, monospace);color:var(--text2, #a0a8b8);background:#ffffff0f;padding:1px 5px;border-radius:4px}.icard-use{margin-top:4px;width:100%;padding:5px 0;border-radius:6px;border:none;background:var(--accent, #0a84ff);color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .12s}.icard-use:hover{background:#0972e0}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:4px 0}@media (max-width: 480px){.inv-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}}.ph{display:flex;height:calc(100vh - 56px);background:var(--bg, #0b0e13);color:var(--text, #e4e8ef);font-family:var(--font, "Inter", sans-serif);gap:1px}.ph-sidebar{width:260px;flex-shrink:0;background:var(--bg2, #12161d);border-right:1px solid var(--border, #1e2430);display:flex;flex-direction:column;overflow-y:auto}.ph-sidebar--right{border-right:none;border-left:1px solid var(--border, #1e2430)}.ph-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border, #1e2430)}.ph-sidebar-title{font-size:13px;font-weight:600;color:var(--text, #e4e8ef)}.ph-sidebar-count{font-size:11px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678);background:var(--bg4, #242a35);padding:2px 7px;border-radius:4px}.ph-pet-slot{padding:8px 12px;border-bottom:1px solid var(--border, #1e2430)}.ph-empty{padding:24px 16px;text-align:center;font-size:13px;color:var(--text3, #5e6678)}.ph-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.ph-starter{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:16px}.ph-starter-title{font-size:20px;font-weight:700;color:var(--text, #e4e8ef);letter-spacing:-.3px}.ph-starter-desc{font-size:13px;color:var(--text3, #5e6678)}.ph-starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%}.ph-starter-card{background:var(--bg3, #1a1f28);border:1px solid var(--border2, #2a3140);border-radius:var(--radius, 8px);padding:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;text-align:left;font-family:inherit;color:inherit}.ph-starter-card:hover{border-color:var(--border3, #3a4255)}.ph-starter-card--selected{border-color:var(--accent, #0a84ff)!important;box-shadow:0 0 0 3px #0a84ff1f;background:#0a84ff0a}.ph-confirm-btn{padding:10px 28px;background:var(--accent, #0a84ff);color:#fff;border:none;border-radius:var(--radius, 8px);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.ph-confirm-btn:hover:not(:disabled){opacity:.88}.ph-confirm-btn:disabled{opacity:.35;cursor:not-allowed}.ph-explore{display:flex;flex-direction:column;align-items:center;gap:16px}.ph-explore-icon{font-size:72px;opacity:.7;filter:drop-shadow(0 0 12px rgba(48,209,88,.2))}.ph-explore-title{font-size:18px;font-weight:600;color:var(--text, #e4e8ef)}.ph-explore-btn{padding:12px 32px;background:var(--green, #30d158);color:#fff;border:none;border-radius:var(--radius, 8px);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.ph-explore-btn:hover{opacity:.88}.ph-quick-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ph-quick-links button{padding:8px 14px;background:var(--bg3, #1a1f28);border:1px solid var(--border2, #2a3140);border-radius:var(--radius, 8px);color:var(--text2, #a0a8b8);font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.ph-quick-links button:hover{background:var(--bg4, #242a35);color:var(--text, #e4e8ef);border-color:var(--border3, #3a4255)}.ph-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px);gap:12px;color:var(--text3, #5e6678);font-size:13px;background:var(--bg, #0b0e13)}.ph-spinner{width:20px;height:20px;border:2px solid var(--border2, #2a3140);border-top-color:var(--accent, #0a84ff);border-radius:50%;animation:ph-spin .7s linear infinite}@keyframes ph-spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.ph-sidebar{display:none}}@media (max-width: 640px){.ph-center{padding:16px}.ph-starter-grid{grid-template-columns:1fr}}.loot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.loot-card{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:24px;max-width:320px;width:100%;text-align:center}.loot-header{font-size:15px;font-weight:700;color:var(--text, #e4e8ef);margin-bottom:6px}.loot-message{font-size:12px;color:var(--text3, #5e6678);margin:0 0 14px}.loot-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:4px}.loot-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text, #e4e8ef);background:var(--bg3, #1a1f28);padding:8px 12px;border-radius:8px;text-align:left}.loot-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--accent, #0a84ff)}.loot-btn{width:100%;padding:10px;border-radius:8px;border:none;background:var(--green, #30d158);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s;min-height:44px}.loot-btn:hover{background:#28b84d}.inv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.inv-panel{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:20px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column}.inv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inv-title{font-size:16px;font-weight:700;color:var(--text, #e4e8ef);margin:0}.inv-header-right{display:flex;align-items:center;gap:10px}.inv-count{font-size:11px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678)}.inv-close{background:none;border:none;color:var(--text3, #5e6678);font-size:20px;cursor:pointer;padding:2px 6px}.inv-filters{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border, #1e2430)}.inv-filter{padding:5px 10px;border-radius:6px;border:none;background:var(--bg3, #1a1f28);color:var(--text3, #5e6678);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;text-transform:capitalize;transition:background .1s,color .1s}.inv-filter:hover{color:var(--text2, #a0a8b8)}.inv-filter--active{background:var(--accent, #0a84ff);color:#fff}.inv-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.inv-empty{text-align:center;padding:32px 16px;font-size:13px;color:var(--text3, #5e6678)}@media (max-width: 480px){.inv-panel{max-width:100%;border-radius:12px;padding:16px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}}.journal-entry{background:var(--bg3, #1a1f28);border:1px solid var(--border, #1e2430);border-radius:10px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;transition:border-color .15s,transform .15s;position:relative}.journal-entry:hover{border-color:var(--border2, #2a3140);transform:translateY(-1px)}.journal-entry--caught{border-color:#30d15833}.journal-emoji{font-size:28px;margin-bottom:2px}.journal-name{font-size:12px;font-weight:600;color:var(--text, #e4e8ef)}.journal-meta{display:flex;gap:6px;align-items:center}.journal-type{font-size:10px;color:var(--text3, #5e6678);text-transform:capitalize}.journal-rarity{font-size:10px;font-weight:600;text-transform:capitalize}.journal-caught-tag{position:absolute;top:6px;right:6px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--green, #30d158);background:#30d1581a;padding:2px 5px;border-radius:4px}.jrnl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.jrnl-panel{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:20px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column}.jrnl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.jrnl-title{font-size:16px;font-weight:700;color:var(--text, #e4e8ef);margin:0}.jrnl-header-right{display:flex;align-items:center;gap:10px}.jrnl-count{font-size:11px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678)}.jrnl-close{background:none;border:none;color:var(--text3, #5e6678);font-size:20px;cursor:pointer;padding:2px 6px}.jrnl-tabs{display:flex;gap:4px;margin-bottom:14px}.jrnl-tab{flex:1;padding:8px;border-radius:8px;border:none;background:var(--bg3, #1a1f28);color:var(--text3, #5e6678);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;text-align:center}.jrnl-tab:hover{color:var(--text2, #a0a8b8)}.jrnl-tab--active{background:var(--accent, #0a84ff);color:#fff}.jrnl-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.jrnl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.jrnl-empty{text-align:center;padding:32px 16px;font-size:13px;color:var(--text3, #5e6678)}@media (max-width: 480px){.jrnl-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}}.party-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.party-panel{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:20px;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.party-loading{text-align:center;color:var(--text3, #5e6678);font-size:13px;padding:40px 20px}.party-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.party-title{font-size:16px;font-weight:700;color:var(--text, #e4e8ef);margin:0}.party-header-right{display:flex;align-items:center;gap:10px}.party-count{font-size:11px;font-family:var(--font-mono, monospace);color:var(--accent, #0a84ff);background:#0a84ff1a;padding:3px 8px;border-radius:5px}.party-close{background:none;border:none;color:var(--text3, #5e6678);font-size:20px;cursor:pointer;padding:2px 6px}.party-section{margin-bottom:18px}.party-section-title{font-size:12px;font-weight:600;color:var(--text3, #5e6678);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.party-active-grid{display:flex;flex-direction:column;gap:8px}.party-all-grid{display:grid;grid-template-columns:1fr;gap:8px}.party-card-wrap{position:relative}.party-btn{display:block;width:100%;margin-top:6px;padding:7px;border-radius:6px;border:none;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .1s;min-height:36px}.party-btn--activate{background:#30d1581f;color:var(--green, #30d158)}.party-btn--activate:hover{background:#30d15833}.party-btn--activate:disabled{opacity:.35;cursor:not-allowed}.party-btn--deactivate{background:#ff453a1a;color:var(--red, #ff453a)}.party-btn--deactivate:hover{background:#ff453a2e}.party-empty{font-size:12px;color:var(--text3, #5e6678);text-align:center;padding:16px 0}.party-log{margin-top:8px;padding:10px 12px;border-radius:8px;background:var(--bg3, #1a1f28);border:1px solid var(--border, #1e2430)}.party-log-title{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text3, #5e6678);margin-bottom:6px}.party-log-entry{font-size:11px;color:var(--text2, #a0a8b8);font-family:var(--font-mono, monospace);padding:2px 0}@media (min-width: 520px){.party-active-grid{flex-direction:row;flex-wrap:wrap}.party-active-grid .party-card-wrap{flex:1;min-width:220px}.party-all-grid{grid-template-columns:1fr 1fr}}.badge{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 8px;border-radius:10px;border:1px solid var(--border, #1e2430);background:var(--bg3, #1a1f28);transition:border-color .15s,transform .15s;min-width:80px}.badge--unlocked{border-color:#30d15840}.badge--unlocked:hover{border-color:#30d15880;transform:translateY(-2px)}.badge--locked{opacity:.45;filter:grayscale(.6)}.badge-icon{font-size:24px;margin-bottom:4px}.badge-name{font-size:11px;font-weight:600;color:var(--text, #e4e8ef);line-height:1.3}.badge-lock{font-size:9px;color:var(--text3, #5e6678);font-style:italic;margin-top:2px}.badge-desc{font-size:9px;color:var(--text3, #5e6678);margin-top:2px;line-height:1.3}.ach-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.ach-panel{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:20px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.ach-loading{text-align:center;color:var(--text3, #5e6678);font-size:13px;padding:40px 20px}.ach-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ach-title{font-size:16px;font-weight:700;color:var(--text, #e4e8ef);margin:0}.ach-close{background:none;border:none;color:var(--text3, #5e6678);font-size:20px;cursor:pointer;padding:2px 6px}.ach-select-wrap{margin-bottom:14px}.ach-select{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border, #1e2430);background:var(--bg3, #1a1f28);color:var(--text, #e4e8ef);font-family:inherit;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ach-section{margin-top:16px}.ach-section-title{font-size:13px;font-weight:600;color:var(--text2, #a0a8b8);margin:0 0 10px}.ach-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.ach-badge-wrap{cursor:pointer;position:relative;text-align:center;transition:transform .12s}.ach-badge-wrap:active{transform:scale(.96)}.ach-equipped{display:block;margin-top:3px;font-size:9px;font-weight:600;color:#fbbf24;text-transform:uppercase;letter-spacing:.3px}.ach-empty{font-size:12px;color:var(--text3, #5e6678);text-align:center;padding:16px 0}.ach-log{margin-top:16px;padding:10px 12px;border-radius:8px;background:var(--bg3, #1a1f28);border:1px solid var(--border, #1e2430)}.ach-log-title{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text3, #5e6678);margin-bottom:6px}.ach-log-entry{font-size:11px;color:var(--green, #30d158);font-family:var(--font-mono, monospace);padding:2px 0}.quest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.quest-panel{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:20px;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column}.quest-loading{text-align:center;color:var(--text3, #5e6678);font-size:13px;padding:40px 20px}.quest-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.quest-title{font-size:16px;font-weight:700;color:var(--text, #e4e8ef);margin:0}.quest-close{background:none;border:none;color:var(--text3, #5e6678);font-size:20px;cursor:pointer;padding:2px 6px}.quest-daily{background:var(--bg3, #1a1f28);border:1px solid rgba(10,132,255,.2);border-left:3px solid var(--accent, #0a84ff);border-radius:8px;padding:10px 12px;margin-bottom:14px;display:flex;flex-direction:column;gap:2px}.quest-daily--done{border-left-color:var(--green, #30d158)}.quest-daily-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent, #0a84ff)}.quest-daily--done .quest-daily-label{color:var(--green, #30d158)}.quest-daily-task{font-size:13px;color:var(--text, #e4e8ef);font-weight:500}.quest-daily-status{font-size:10px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace)}.quest-tabs{display:flex;gap:4px;margin-bottom:12px}.quest-tab{flex:1;padding:8px;border-radius:8px;border:none;background:var(--bg3, #1a1f28);color:var(--text3, #5e6678);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .1s,color .1s;text-align:center}.quest-tab:hover{color:var(--text2, #a0a8b8)}.quest-tab--active{background:var(--accent, #0a84ff);color:#fff}.quest-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.quest-list{display:flex;flex-direction:column;gap:4px}.quest-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--bg3, #1a1f28);border:1px solid var(--border, #1e2430);transition:border-color .12s}.quest-row:hover{border-color:var(--border2, #2a3140)}.quest-row--completed{opacity:.7}.quest-row-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.quest-row-id{font-size:13px;font-weight:500;color:var(--text, #e4e8ef)}.quest-row-npc{font-size:10px;color:var(--text3, #5e6678)}.quest-row-status{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;padding:3px 8px;border-radius:5px;flex-shrink:0}.quest-row-status--active{color:var(--accent, #0a84ff);background:#0a84ff1a}.quest-row-status--done{color:var(--green, #30d158);background:#30d1581a}.quest-empty{text-align:center;padding:28px 16px;font-size:13px;color:var(--text3, #5e6678)}.minimap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.minimap-card{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.minimap-header{display:flex;align-items:center;justify-content:space-between;width:100%}.minimap-title{font-size:12px;font-weight:600;color:var(--text, #e4e8ef)}.minimap-close{background:none;border:none;color:var(--text3, #5e6678);font-size:16px;cursor:pointer;padding:0 4px}.minimap-grid{display:grid;background:var(--bg, #0b0e13);border:1px solid var(--border, #1e2430);border-radius:4px;overflow:hidden}.minimap-tile{width:4px;height:4px;background:var(--bg3, #1a1f28)}.minimap-player{background:var(--accent, #0a84ff);box-shadow:0 0 3px var(--accent, #0a84ff);border-radius:1px;position:relative;z-index:1}.minimap-coords{font-size:10px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678)}.fo-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:80}.fo-cells{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:704px;height:704px;pointer-events:none;overflow:hidden}.fo-cells--build{pointer-events:all;cursor:crosshair}.fo-cell{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:pointer;border:1.5px solid transparent;border-radius:3px;overflow:visible;transition:border-color .12s,background .12s;z-index:20}.fo-dirt{position:absolute;top:0;right:0;bottom:0;left:0;background:#6543214d;border-radius:2px;pointer-events:none}.fo-cell--farm_plot{background:#65432133}.fo-cell--pet_habitat{background:#0a84ff1a}.fo-cell--pet_station{background:#ff9f0a1a}.fo-cell--resource{background:#7878781f}.fo-cell--crafting{background:#ff453a1a}.fo-cell--decoration{background:#30d15812}.fo-cell--automation{background:#bf5af21a}.fo-cell--empty{background:transparent;pointer-events:none}.fo-cell:hover{border-color:#ffffff40!important;background:#ffffff17!important}.fo-cell--selected{border-color:var(--accent, #0a84ff)!important;background:#0a84ff38!important;box-shadow:inset 0 0 0 1px var(--accent, #0a84ff),0 0 12px #0a84ff59}.fo-cell--ready{border-color:#30d1588c!important;background:#30d1581f!important}.fo-cell--place{border-color:#0a84ff8c!important;border-style:dashed!important;background:#0a84ff24!important}.fo-cell--place:hover{background:#0a84ff40!important}.fo-cell--blocked{opacity:.5}.fo-bld-icon{font-size:30px;line-height:1;pointer-events:none;position:relative;z-index:2}.fo-plot-empty{font-size:22px;color:#ffffff40;line-height:1;pointer-events:none}.fo-place-plus{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:300;color:#0a84ffb3;pointer-events:none}.fo-crop-img{position:relative;z-index:2;pointer-events:none;image-rendering:pixelated;object-fit:contain;max-width:100%;max-height:100%;transition:opacity .3s,width .3s}.fo-crop-img--ready{animation:fo-bounce .55s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px rgba(48,209,88,.7))}.fo-crop-emoji{position:relative;z-index:2;pointer-events:none;line-height:1}@keyframes fo-bounce{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.08)}}.fo-timer{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9px;font-variant-numeric:tabular-nums;color:#ffffffd9;background:#0000008c;padding:1px 3px;border-radius:3px;pointer-events:none;z-index:5;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fo-ready-badge{position:absolute;top:-10px;right:-8px;font-size:16px;z-index:10;pointer-events:none;animation:fo-pop .4s ease}@keyframes fo-pop{0%{transform:scale(0)}to{transform:scale(1)}}.fo-ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:4px;border:2px solid rgba(48,209,88,.55);animation:fo-pulse 1.3s ease-in-out infinite;pointer-events:none;z-index:3}@keyframes fo-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.fo-flash{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#0b0e13eb;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 16px;font-size:13px;color:var(--text, #e4e8ef);display:flex;align-items:center;gap:10px;pointer-events:all;z-index:400;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;max-width:calc(100vw - 40px);animation:fo-slide-down .15s ease}@keyframes fo-slide-down{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fo-flash-x{background:none;border:none;color:var(--text3, #5e6678);cursor:pointer;font-size:16px;padding:0;line-height:1}.fo-hud{position:absolute;bottom:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;background:#080a0ee0;border-top:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:all;z-index:150;padding-bottom:env(safe-area-inset-bottom,0)}.fo-hud-info{display:flex;align-items:center;gap:7px;min-width:0}.fo-hud-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.fo-hud-name{font-size:12px;font-weight:600;color:var(--text, #e4e8ef);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.fo-hud-lv{font-size:10px;font-weight:700;color:var(--accent, #0a84ff);flex-shrink:0}.fo-hud-xpbar{width:50px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;flex-shrink:0}.fo-hud-xpfill{height:100%;background:var(--accent, #0a84ff);border-radius:2px;transition:width .4s}.fo-hud-badge{font-size:11px;background:#30d15826;border:1px solid rgba(48,209,88,.3);color:#30d158;border-radius:6px;padding:2px 7px;white-space:nowrap;animation:fo-pop .3s ease}.fo-hud-coins{font-size:12px;font-weight:600;color:#f5c842;background:#f5c8421a;border:1px solid rgba(245,200,66,.2);border-radius:7px;padding:3px 9px;white-space:nowrap}.fo-hud-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:var(--text2, #a0a8b8);cursor:pointer;font-size:12px;padding:5px 10px;white-space:nowrap;transition:background .12s}.fo-hud-btn:hover{background:#ffffff1f;color:var(--text, #e4e8ef)}.fo-hud-btn--on{background:#30d15826;border-color:#30d15859;color:#30d158}.fo-panel{position:absolute;bottom:50px;left:0;right:0;background:#0b0e13f7;border-top:1px solid var(--border, #1e2430);border-radius:16px 16px 0 0;max-height:52vh;display:flex;flex-direction:column;pointer-events:all;z-index:300;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fo-slide-up .18s ease}@keyframes fo-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fo-panel-hdr{display:flex;align-items:center;justify-content:space-between;padding:13px 16px 9px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.fo-panel-title{font-size:14px;font-weight:600;color:var(--text, #e4e8ef);text-transform:capitalize;display:flex;align-items:center;gap:6px}.fo-panel-title em{font-style:normal;font-size:10px;color:var(--accent, #0a84ff);background:#0a84ff1f;border-radius:4px;padding:1px 5px}.fo-panel-body{padding:12px 16px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.fo-crop-row{display:flex;align-items:center;gap:12px}.fo-crop-preview{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.fo-crop-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.fo-crop-name{font-size:14px;font-weight:600;color:var(--text, #e4e8ef);text-transform:capitalize}.fo-crop-timer{font-size:12px;color:var(--accent, #0a84ff);font-variant-numeric:tabular-nums}.fo-crop-timer--ready{color:#30d158}.fo-crop-watered{font-size:11px;color:var(--text3, #5e6678)}.fo-craft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fo-craft-name{font-size:14px;font-weight:600;color:var(--text, #e4e8ef);text-transform:capitalize}.fo-craft-timer{font-size:13px;color:var(--accent, #0a84ff);font-variant-numeric:tabular-nums}.fo-craft-timer--done{color:#30d158}.fo-recipe-list{display:flex;flex-direction:column;gap:8px}.fo-recipe{display:flex;align-items:center;gap:10px;background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:10px;padding:10px 12px}.fo-recipe--locked{opacity:.6}.fo-recipe-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fo-recipe-name{font-size:13px;font-weight:600;color:var(--text, #e4e8ef);text-transform:capitalize}.fo-recipe-result{font-size:11px;color:var(--text3, #5e6678)}.fo-ings{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.fo-ing{font-size:10px;border-radius:4px;padding:1px 6px}.fo-ing--ok{background:#30d1581a;color:#30d158;border:1px solid rgba(48,209,88,.2)}.fo-ing--no{background:#ff453a14;color:#ff453a;border:1px solid rgba(255,69,58,.2)}.fo-hint{font-size:12px;color:var(--text3, #5e6678)}.fo-hint--pad{display:block;padding:0 12px 8px}.fo-build-picker{position:absolute;top:0;right:0;bottom:50px;width:210px;background:#0b0e13f7;border-left:1px solid var(--border, #1e2430);display:flex;flex-direction:column;pointer-events:all;z-index:300;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fo-slide-right .18s ease}@keyframes fo-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}.fo-build-hdr{display:flex;align-items:center;justify-content:space-between;padding:13px 12px 10px;font-size:13px;font-weight:600;color:var(--text, #e4e8ef);border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.fo-build-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.fo-build-item{display:flex;align-items:center;gap:10px;background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:8px;padding:10px;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.fo-build-item:hover{background:var(--bg3, #1a1f2a)}.fo-build-item--on{background:#0a84ff26;border-color:#0a84ff66;box-shadow:0 0 0 1px #0a84ff4d}.fo-build-icon{font-size:22px;flex-shrink:0}.fo-build-name{font-size:12px;font-weight:600;color:var(--text, #e4e8ef);text-transform:capitalize}.fo-build-cost{font-size:11px;color:#f5c842;margin-top:1px}.fo-init{position:absolute;bottom:0;left:0;right:0;background:#0b0e13f7;border-top:1px solid var(--border, #1e2430);border-radius:16px 16px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0));display:flex;align-items:center;gap:10px;flex-wrap:wrap;pointer-events:all;z-index:300;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fo-slide-up .2s ease}.fo-init-icon{font-size:28px;flex-shrink:0}.fo-init-text{font-size:13px;color:var(--text2, #a0a8b8);flex:1;min-width:120px}.fo-init-input{background:var(--bg3, #1a1f2a);border:1px solid var(--border2, #2a3140);border-radius:8px;color:var(--text, #e4e8ef);font-size:13px;padding:7px 10px;width:140px;outline:none}.fo-init-input:focus{border-color:var(--accent, #0a84ff)}.fo-btn{background:var(--bg3, #1a1f2a);border:1px solid var(--border2, #2a3140);border-radius:8px;color:var(--text2, #a0a8b8);cursor:pointer;font-size:13px;padding:8px 14px;white-space:nowrap;flex-shrink:0;transition:background .12s,color .12s}.fo-btn:hover:not(:disabled){background:var(--bg4, #242a35);color:var(--text, #e4e8ef)}.fo-btn:disabled{opacity:.45;cursor:not-allowed}.fo-btn--primary{background:var(--accent, #0a84ff);border-color:transparent;color:#fff}.fo-btn--primary:hover:not(:disabled){background:#0076e8;color:#fff}.fo-btn--harvest{background:#30d1581f;border-color:#30d1584d;color:#30d158}.fo-btn--harvest:hover:not(:disabled){background:#30d15833}.fo-btn--water{background:#0a84ff1a;border-color:#0a84ff40;color:var(--accent, #0a84ff)}.fo-btn--water:hover:not(:disabled){background:#0a84ff2e}.fo-btn--sm{padding:5px 10px;font-size:12px}.fo-select{background:var(--bg3, #1a1f2a);border:1px solid var(--border2, #2a3140);border-radius:8px;color:var(--text, #e4e8ef);font-size:13px;padding:8px 10px;width:100%;outline:none;cursor:pointer}.fo-x{background:none;border:none;color:var(--text3, #5e6678);cursor:pointer;font-size:20px;padding:0;line-height:1}.fo-x:hover{color:var(--text2, #a0a8b8)}.fo-busy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;cursor:wait;pointer-events:all}@media (max-width: 480px){.fo-cells{width:100vw;height:100vw;top:50%;left:50%;transform:translate(-50%,-50%)}.fo-panel{max-height:60vh}.fo-build-picker{width:100%;top:auto;right:0;bottom:50px;height:48vh;border-left:none;border-top:1px solid var(--border, #1e2430);animation:fo-slide-up .18s ease}.fo-hud-name{max-width:80px}.fo-hud-xpbar{width:36px}}.explore{position:relative;width:100%;height:calc(100vh - 56px);height:calc(100dvh - 56px);display:flex;align-items:center;justify-content:center;background:#080a0e;outline:none;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.explore--loading{color:var(--text3, #5e6678);font-size:14px}.ex-viewport{position:relative;overflow:hidden;border-radius:4px;image-rendering:pixelated;will-change:contents;contain:strict;max-width:100vw;max-height:100%}.ex-grid{display:grid;position:absolute;top:0;left:0;will-change:transform;contain:layout style}.ex-cell{width:64px;height:64px;position:relative;contain:layout style paint}.ex-tile{position:absolute;top:0;right:0;bottom:0;left:0;contain:strict}.ex-tile--empty{background:#0a0c10}.ex-tile-layer{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated}.ex-npc{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.ex-npc-sprite{transform:scale(2);image-rendering:pixelated;transform-origin:bottom center}.ex-player{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.ex-player-sprite{width:32px;height:32px;transform:scale(2);image-rendering:pixelated;transform-origin:bottom center}.ex-hud{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:4px;z-index:100}.ex-hud button{width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0b0e13d1;color:var(--text2, #a0a8b8);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .1s;-webkit-tap-highlight-color:transparent}.ex-hud button:active{background:#0a84ff40}.ex-location{position:absolute;top:10px;left:10px;font-size:11px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678);background:#0b0e13bf;padding:4px 10px;border-radius:5px;z-index:100;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.ex-dpad{position:absolute;bottom:24px;left:20px;z-index:200;width:160px;height:160px;display:none}.ex-dpad-btn{position:absolute;width:52px;height:52px;border-radius:14px;border:1.5px solid rgba(255,255,255,.12);background:#12161de6;color:#e4e8efd9;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0006;transition:background .06s,transform .06s,border-color .06s}.ex-dpad-btn:active{background:#0a84ff59;border-color:#0a84ff99;transform:scale(.9)}.ex-dpad--up{top:0;left:54px}.ex-dpad--left{top:54px;left:0}.ex-dpad--right{top:54px;left:108px}.ex-dpad--down{top:108px;left:54px}.ex-dpad--action{top:54px;left:54px;background:#0a84ff33;border-color:#0a84ff66;color:var(--accent, #0a84ff);font-size:16px;font-weight:700;letter-spacing:.5px}.ex-dpad--action:active{background:#0a84ff80}.ex-mobile-actions{position:absolute;bottom:28px;right:20px;z-index:200;display:none;flex-direction:column;gap:10px}.ex-mobile-action-btn{width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);background:#12161de6;color:#e4e8efd9;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #0006;transition:background .06s,transform .06s}.ex-mobile-action-btn:active{background:#0a84ff4d;transform:scale(.9)}@media (hover: none) and (pointer: coarse){.ex-dpad{display:block}.ex-mobile-actions{display:flex}.ex-hud{top:10px;right:10px;flex-direction:row;gap:3px}.ex-hud button{width:34px;height:34px;font-size:14px;border-radius:7px}}@media (max-width: 480px){.explore{height:calc(100dvh - 48px)}.ex-dpad{bottom:16px;left:12px;width:144px;height:144px}.ex-dpad-btn{width:46px;height:46px;font-size:18px;border-radius:12px}.ex-dpad--up{top:0;left:49px}.ex-dpad--left{top:49px;left:0}.ex-dpad--right{top:49px;left:98px}.ex-dpad--down{top:98px;left:49px}.ex-dpad--action{top:49px;left:49px}.ex-mobile-actions{bottom:22px;right:12px;gap:8px}.ex-mobile-action-btn{width:48px;height:48px;font-size:18px}.ex-hud button{width:30px;height:30px;font-size:12px}.ex-location{font-size:10px;padding:3px 7px}}@media (min-width: 769px) and (max-width: 1024px) and (hover: none){.ex-dpad{width:174px;height:174px;bottom:28px;left:28px}.ex-dpad-btn{width:56px;height:56px;font-size:22px}.ex-dpad--up{top:0;left:59px}.ex-dpad--left{top:59px;left:0}.ex-dpad--right{top:59px;left:118px}.ex-dpad--down{top:118px;left:59px}.ex-dpad--action{top:59px;left:59px}.ex-mobile-action-btn{width:58px;height:58px}}@media (max-height: 500px) and (orientation: landscape){.explore{height:100dvh}.ex-dpad{bottom:8px;left:max(env(safe-area-inset-left,8px),8px);width:130px;height:130px}.ex-dpad-btn{width:40px;height:40px;font-size:16px;border-radius:10px}.ex-dpad--up{top:0;left:45px}.ex-dpad--left{top:45px;left:0}.ex-dpad--right{top:45px;left:90px}.ex-dpad--down{top:90px;left:45px}.ex-dpad--action{top:45px;left:45px}.ex-mobile-actions{bottom:8px;right:max(env(safe-area-inset-right,8px),8px);flex-direction:row;gap:6px}.ex-mobile-action-btn{width:40px;height:40px;font-size:16px}.ex-hud{top:6px;right:max(env(safe-area-inset-right,6px),6px);flex-direction:row}.ex-hud button{width:28px;height:28px;font-size:11px}}.dlg{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 24px));background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:12px;padding:16px;z-index:250;box-shadow:0 12px 40px #00000080}.dlg-speaker{font-size:12px;font-weight:600;color:var(--accent, #0a84ff);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.dlg-message{font-size:14px;color:var(--text, #e4e8ef);line-height:1.5;margin-bottom:12px}.dlg-choices{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.dlg-btn{padding:10px 14px;border-radius:6px;border:1px solid var(--border2, #2a3140);background:var(--bg3, #1a1f28);color:var(--text2, #a0a8b8);font-family:inherit;font-size:13px;cursor:pointer;transition:background .1s;-webkit-tap-highlight-color:transparent;min-height:44px}.dlg-btn:active{background:var(--bg4, #242a35);color:var(--text, #e4e8ef)}.dlg-btn--choice{text-align:left}.dlg-btn--close{background:var(--accent, #0a84ff);border-color:var(--accent);color:#fff}.dlg-actions{display:flex;gap:6px;justify-content:flex-end}@media (hover: none) and (pointer: coarse){.dlg{bottom:190px}}@media (max-width: 480px){.dlg{bottom:170px;padding:12px}.dlg-message{font-size:13px}}.enc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:300;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.enc{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:24px;min-width:280px;max-width:calc(100% - 32px);text-align:center}.enc-title{font-size:16px;font-weight:700;color:var(--text, #e4e8ef);margin:0 0 14px}.enc-info{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.enc-name{font-size:18px;font-weight:700;color:var(--text, #e4e8ef)}.enc-level{font-size:12px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace)}.enc-stats{display:flex;gap:12px;justify-content:center;margin-bottom:14px;font-size:12px;color:var(--text2, #a0a8b8);font-family:var(--font-mono, monospace)}.enc-actions{display:flex;gap:8px;justify-content:center}.enc-btn{padding:12px 24px;border-radius:8px;border:none;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:48px}.enc-btn--run{background:var(--bg4, #242a35);color:var(--text2, #a0a8b8)}.enc-btn--fight{background:var(--accent, #0a84ff);color:#fff}.shop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:300;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.shop{background:var(--bg2, #12161d);border:1px solid var(--border, #1e2430);border-radius:14px;padding:20px;width:min(380px,calc(100% - 24px));max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shop-title{font-size:15px;font-weight:700;color:var(--text, #e4e8ef);margin:0}.shop-close{background:none;border:none;color:var(--text3, #5e6678);font-size:22px;cursor:pointer;padding:4px 8px;min-width:44px;min-height:44px}.shop-list{display:flex;flex-direction:column;gap:4px}.shop-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;background:var(--bg3, #1a1f28)}.shop-row-info{flex:1;min-width:0}.shop-row-name{font-size:13px;font-weight:500;color:var(--text, #e4e8ef);display:block}.shop-row-desc{font-size:11px;color:var(--text3, #5e6678)}.shop-row-price{font-size:12px;font-family:var(--font-mono, monospace);color:var(--orange, #ff9f0a);white-space:nowrap}.shop-buy-btn{padding:8px 14px;border-radius:6px;border:none;background:var(--accent, #0a84ff);color:#fff;font-size:12px;font-weight:600;cursor:pointer;min-height:40px;-webkit-tap-highlight-color:transparent}.bm{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg, #0b0e13);z-index:400;display:flex;flex-direction:column}.bm-field{flex:1;display:flex;flex-direction:column;justify-content:space-around;padding:20px}.bm-combatant{display:flex;flex-direction:column;gap:4px}.bm-combatant--npc{align-items:flex-end}.bm-combatant--player{align-items:flex-start}.bm-name{font-size:11px;color:var(--text3, #5e6678);text-transform:uppercase;letter-spacing:.5px}.bm-pet-name{font-size:15px;font-weight:600;color:var(--text, #e4e8ef)}.bm-hp-wrap{width:min(200px,55vw)}.bm-hp-track{height:8px;background:var(--bg4, #242a35);border-radius:4px;overflow:hidden}.bm-hp-fill{height:100%;background:var(--green, #30d158);border-radius:4px;transition:width .3s ease}.bm-hp-text{font-size:11px;color:var(--text3, #5e6678);font-family:var(--font-mono, monospace)}.bm-log{padding:8px 16px;max-height:80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.bm-log-entry{font-size:12px;color:var(--text2, #a0a8b8);padding:2px 0;font-family:var(--font-mono, monospace)}.bm-actions{padding:12px 16px;border-top:1px solid var(--border, #1e2430);padding-bottom:max(env(safe-area-inset-bottom,12px),12px)}.bm-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bm-btn{padding:12px;border-radius:8px;border:1px solid var(--border2, #2a3140);background:var(--bg3, #1a1f28);color:var(--text, #e4e8ef);font-family:inherit;font-size:13px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:background .1s;min-height:48px;-webkit-tap-highlight-color:transparent}.bm-btn:active:not(:disabled){background:var(--bg4, #242a35)}.bm-btn:disabled{opacity:.4;cursor:not-allowed}.bm-btn--danger{border-color:#ff453a33;color:var(--red, #ff453a)}.bm-btn--back{grid-column:span 2;text-align:center;align-items:center}.bm-ability-name{font-weight:500}.bm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10}.bm-result{font-size:24px;font-weight:700;color:var(--text, #e4e8ef)}.bm-continue{padding:14px 36px;border-radius:8px;border:none;background:var(--accent, #0a84ff);color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent}@media (max-width: 480px){.bm-field{padding:12px}.bm-actions{padding:10px 12px}.bm-btn{padding:10px;font-size:12px;min-height:44px}.bm-pet-name{font-size:14px}}.enc-shiny{color:#fbbf24;font-size:11px;font-weight:700}.enc-types{display:flex;gap:6px;justify-content:center;margin-bottom:8px;flex-wrap:wrap}.enc-type{font-size:10px;font-weight:600;text-transform:capitalize;color:var(--text2, #a0a8b8);background:#ffffff0f;padding:2px 8px;border-radius:4px}.enc-rarity{font-size:10px;font-weight:600;text-transform:capitalize;color:#f59e0b;background:#f59e0b1a;padding:2px 8px;border-radius:4px}.bm-submenu{display:flex;flex-direction:column;gap:6px}.bm-submenu-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text3, #5e6678)}.bm-submenu-empty{font-size:12px;color:var(--text3, #5e6678);font-style:italic;padding:8px 0}.bm-loading{font-size:12px;color:var(--text3, #5e6678);text-align:center;padding:12px}.bm-btn--capture{border-color:#3b82f640;color:var(--accent, #0a84ff);background:#0a84ff14}.bm-btn--capture:hover:not(:disabled){background:#0a84ff26}.bm-btn--active{border-color:var(--accent, #0a84ff);opacity:.5}.bm-ability-meta{font-size:10px;font-family:var(--font-mono, monospace);color:var(--text3, #5e6678);font-weight:400}.bm-rewards{display:flex;flex-direction:column;gap:4px;background:var(--bg3, #1a1f28);border:1px solid var(--border, #1e2430);border-radius:10px;padding:14px 18px;min-width:220px}.bm-reward-line{font-size:13px;font-weight:500;color:var(--text, #e4e8ef);font-family:var(--font-mono, monospace)}.bm-reward-line--level{color:var(--accent, #0a84ff)}.bm-reward-line--evo{color:#a855f7;font-weight:600}.bm-reward-line--capture{color:var(--green, #30d158);font-weight:600}