.app-container{display:flex;flex-direction:column;height:100vh;background:radial-gradient(circle at center,#08080d,#010103);color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#040408f5;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.player-profile{display:flex;align-items:center;gap:12px}.avatar{position:relative;width:42px;height:42px;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #06b6d4;border-radius:9999px;display:flex;align-items:center;justify-content:center}.lvl-badge{position:absolute;bottom:-4px;right:-4px;background-color:#06b6d4;color:#000;font-size:10px;font-weight:700;padding:1px 4px;border-radius:4px}.player-info{display:flex;flex-direction:column;gap:4px}.name-row{display:flex;align-items:center;gap:6px}.player-name{font-weight:700;font-size:14px}.title{font-size:10px;background-color:#06b6d433;color:#22d3ee;padding:1px 6px;border-radius:9999px}.exp-bar-container{position:relative;width:120px;height:12px;background-color:#1e293b;border-radius:9999px;overflow:hidden}.exp-bar{height:100%;background:linear-gradient(90deg,#06b6d4,#3b82f6);transition:width .3s ease}.exp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:#fff;white-space:nowrap}.resources{display:flex;align-items:center;gap:12px}.resource-item{display:flex;align-items:center;gap:6px;background-color:#ffffff0d;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700}.gold{border:1px solid rgba(234,179,8,.3);color:#facc15}.essence{border:1px solid rgba(168,85,247,.3);color:#c084fc}.energy{border:1px solid rgba(34,197,94,.3);color:#4ade80;display:flex;flex-direction:column;gap:2px;padding:4px 8px}.energy-progress{width:50px;height:4px;background-color:#1e293b;border-radius:2px;overflow:hidden}.energy-fill{height:100%;background-color:#22c55e}.energy-num{font-size:8px}.main-content{flex:1;overflow-y:auto;padding:16px 16px 80px}.viewport-3d{position:relative;width:100%;height:310px;background-color:#000;border-radius:24px;border:1px solid rgba(255,255,255,.08);overflow:hidden;cursor:grab;transition:box-shadow .4s ease}.viewport-3d:active{cursor:grabbing}.ambient-nebula{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.55;mix-blend-mode:screen;transition:background .5s ease}.hologram-ring{position:absolute;bottom:25px;left:50%;transform:translate(-50%) rotateX(75deg);width:150px;height:150px;border:2px dashed rgba(6,182,212,.4);border-radius:50%;pointer-events:none;animation:spinRing 12s linear infinite}.hologram-ring-outer{width:190px;height:190px;border:1px solid rgba(6,182,212,.15);animation:spinRing 20s linear infinite reverse}@keyframes spinRing{0%{transform:translate(-50%) rotateX(75deg) rotate(0)}to{transform:translate(-50%) rotateX(75deg) rotate(360deg)}}.quantum-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.quantum-dot{position:absolute;width:3px;height:3px;background-color:#06b6d4cc;border-radius:50%;box-shadow:0 0 8px #06b6d4cc;animation:floatParticle infinite ease-in-out}@keyframes floatParticle{0%,to{transform:translateY(0) scale(.5);opacity:.2}50%{transform:translateY(-25px) scale(1.2);opacity:.9}}.speed-sweep-trail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(75deg);width:220px;height:220px;border:4px solid transparent;border-top:4px solid rgba(6,182,212,.7);border-radius:50%;pointer-events:none;z-index:3;animation:sweepTrail .26s linear forwards}@keyframes sweepTrail{0%{transform:translate(-50%,-50%) rotateX(75deg) rotate(0);opacity:.8}to{transform:translate(-50%,-50%) rotateX(75deg) rotate(180deg);opacity:0}}.drag-hint{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;font-size:11px;color:#ffffff80;pointer-events:none;z-index:10}.sound-toggle-btn{position:absolute;top:12px;right:12px;background-color:#0f172acc;border:1px solid rgba(255,255,255,.1);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.viewport-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:auto;z-index:10}.disassemble-btn,.reset-view-btn-custom{background-color:#0f172ad9;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 12px;border-radius:8px;font-size:11px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.disassemble-btn:hover,.reset-view-btn-custom:hover{background-color:#0f172a;border-color:#06b6d4;transform:translateY(-1px)}.disassemble-btn.active{background-color:#7c3aed;border-color:#c084fc;box-shadow:0 0 10px #a855f766}.cube-scene{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);perspective:1200px}.cube{position:relative;width:0;height:0;transform-style:preserve-3d;transition:transform .1s ease-out}.cubie{position:absolute;transform-style:preserve-3d;left:-20px;top:-20px;transition:none}.cubie.animating{transition:transform .25s cubic-bezier(.25,1,.5,1)!important}.face{position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.15);border-radius:6px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sticker{position:relative;width:88%;height:88%;border-radius:5px;box-shadow:inset 0 2px 4px #ffffff59,inset 0 -2px 4px #0006;overflow:hidden}.sticker-gloss{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.25) 0%,transparent 100%);pointer-events:none}.magnetic-beam{position:absolute;width:1.5px;bottom:50%;left:50%;transform:translate(-50%);pointer-events:none;opacity:.65}.center-spring-tube{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(-15px);transform-style:preserve-3d;pointer-events:none}.tube-shaft{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.spring-coil{position:absolute;top:-2px;left:-2px;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:transparent;transform:rotateX(45deg)}.edge-torpedo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(-16px);transform-style:preserve-3d;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:14px solid rgba(255,255,255,.15);pointer-events:none}.torpedo-wing-l,.torpedo-wing-r{position:absolute;width:8px;height:6px;border:1px solid rgba(255,255,255,.2);border-radius:2px}.torpedo-wing-l{left:-14px;top:8px;transform:rotateY(-30deg)}.torpedo-wing-r{right:-14px;top:8px;transform:rotateY(30deg)}.corner-stalk{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(-18px);transform-style:preserve-3d;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:16px solid rgba(255,255,255,.15);pointer-events:none}.stalk-stem{position:absolute;width:6px;height:12px;left:-3px;top:-14px;border:1px solid rgba(255,255,255,.2)}.stalk-foot{position:absolute;width:12px;height:6px;border-radius:3px}.glowing-ball-core{position:absolute;left:-20px;top:-20px;width:40px;height:40px;transform-style:preserve-3d;pointer-events:none}.outer-glow-sphere{position:absolute;top:-10px;left:-10px;width:60px;height:60px;background:radial-gradient(circle,rgba(6,182,212,.6) 0%,rgba(168,85,247,.3) 50%,transparent 70%);border-radius:50%;filter:blur(6px);animation:corePulse 2.5s infinite alternate ease-in-out}.glass-sphere{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff6,#06b6d41a,#a855f733 80%);border:1.5px solid rgba(255,255,255,.5);box-shadow:inset 0 4px 12px #fff6,inset -4px -4px 12px #06b6d44d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}.inner-energy-source{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#fff,#22d3ee,#a855f7);box-shadow:0 0 15px #22d3ee,0 0 30px #a855f7;animation:energyRotate 4s linear infinite}.specular-highlight{position:absolute;top:4px;left:8px;width:12px;height:6px;background:#fff9;border-radius:50%/100% 100% 0 0;transform:rotate(-15deg)}@keyframes corePulse{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.15);opacity:1}}@keyframes energyRotate{0%{transform:rotate(0) scale(.9)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(.9)}}.control-panel{margin-top:16px;background-color:#0f0f1999;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title{font-weight:700;font-size:14px;color:#22d3ee}.energy-cost{font-size:11px;color:#fff6}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ctrl-btn{background-color:#1e293bcc;border:1px solid rgba(255,255,255,.08);color:#fff;padding:8px 4px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.ctrl-btn:hover{background-color:#06b6d4;color:#000;border-color:#22d3ee}.ctrl-btn-prime{background-color:#0f172a99;color:#94a3b8}.utility-bar{display:flex;gap:12px;margin-top:16px}.util-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.util-btn.scramble{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none}.util-btn.scramble:hover{opacity:.9;transform:scale(1.02)}.animate-spin-slow{animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.util-btn.reset{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.util-btn.reset:hover{background-color:#ffffff1a}.ai-coach-box{margin-top:16px;background:linear-gradient(135deg,#06b6d41a,#3b82f60d);border:1px solid rgba(6,182,212,.2);border-radius:16px;padding:14px}.ai-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#22d3ee;margin-bottom:8px}.ask-ai-btn{margin-left:auto;background-color:#06b6d433;border:1px solid #06b6d4;color:#22d3ee;padding:2px 8px;border-radius:6px;font-size:10px;cursor:pointer}.ai-content{font-size:12px;line-height:1.6;color:#cbd5e1;font-style:italic}.ai-loading-container{display:flex;align-items:center;gap:12px;padding:8px 0}.ai-loading-spinner{width:18px;height:18px;border:2px solid rgba(6,182,212,.2);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#06b6d4!important;font-weight:500}.empty-state-box{text-align:center;padding:40px 20px;background-color:#0f0f1966;border:1px dashed rgba(255,255,255,.08);border-radius:20px;margin-top:20px}.empty-title{font-size:16px;font-weight:700;color:#f3f4f6;margin-bottom:6px}.empty-desc{font-size:12px;color:#ffffff80;line-height:1.6;max-width:280px;margin:0 auto 16px}.empty-action-btn{background-color:#06b6d4;color:#000;border:none;padding:8px 18px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s}.empty-action-btn:hover{transform:scale(1.05)}.bot-empty-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#06b6d426,#0f0f1999);border:1px solid rgba(6,182,212,.25);border-radius:14px;padding:12px;margin-bottom:20px}.bot-empty-text{flex:1}.bot-empty-title{font-size:13px;font-weight:700;color:#22d3ee}.bot-empty-desc{font-size:10px;color:#ffffff80;margin-top:2px}.bot-empty-go{background-color:#06b6d4;color:#000;border:none;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.shop-grid{display:flex;flex-direction:column;gap:16px}.shop-card{position:relative;background-color:#0f0f1999;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}.card-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;background-color:#ffffff1a}.shop-card h3{font-size:16px;font-weight:700}.shop-card .desc{font-size:12px;color:#fff9}.bot-stats{background-color:#0003;padding:8px 12px;border-radius:8px;font-size:12px;display:flex;flex-direction:column;gap:4px}.highlight{color:#facc15;font-weight:700}.skin-preview-colors{display:flex;gap:6px;margin:4px 0}.preview-dot{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.3)}.buy-btn{margin-top:8px;background-color:#06b6d4;color:#000;border:none;padding:10px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.buy-btn:hover{background-color:#22d3ee;transform:translateY(-1px)}.buy-btn.disabled{background-color:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.rarity-普通{border-left:4px solid #94a3b8}.rarity-普通 .card-badge{background-color:#94a3b833;color:#cbd5e1}.rarity-稀有{border-left:4px solid #3b82f6}.rarity-稀有 .card-badge{background-color:#3b82f633;color:#60a5fa}.rarity-史诗{border-left:4px solid #a855f7}.rarity-史诗 .card-badge{background-color:#a855f733;color:#c084fc}.rarity-传说{border-left:4px solid #eab308}.rarity-传说 .card-badge{background-color:#eab30833;color:#facc15}.bag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bag-card{position:relative;background-color:#0f0f1999;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}.bag-card.equipped{border-color:#06b6d4;background-color:#06b6d40d}.equipped-badge{position:absolute;top:10px;right:10px;background-color:#06b6d4;color:#000;font-size:8px;font-weight:700;padding:1px 6px;border-radius:4px}.bag-card h3{font-size:14px;font-weight:700}.bag-card .desc{font-size:10px;color:#ffffff80;line-height:1.4}.equip-btn{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px;border-radius:8px;font-size:11px;cursor:pointer;transition:all .2s}.equip-btn:hover{background-color:#06b6d4;color:#000}.quests-list{display:flex;flex-direction:column;gap:12px}.quest-card{background-color:#0f0f1999;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.quest-card.claimed{opacity:.5}.quest-info{display:flex;flex-direction:column;gap:6px}.quest-text{font-size:13px;font-weight:700}.quest-progress-container{position:relative;width:100%;height:8px;background-color:#1e293b;border-radius:9999px;overflow:hidden}.quest-progress-bar{height:100%;background-color:#a855f7}.quest-progress-text{position:absolute;right:8px;top:-12px;font-size:9px;color:#fff6}.quest-rewards{display:flex;gap:12px;font-size:11px;font-weight:700}.reward-item{background-color:#ffffff0d;padding:2px 8px;border-radius:4px}.quest-btn{background-color:#a855f7;color:#fff;border:none;padding:8px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.quest-btn.claimable{background-color:#06b6d4;color:#000}.quest-btn.disabled{background-color:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{background-color:#0f0f1999;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11px;color:#fff6}.stat-val{font-size:16px;font-weight:700}.codex-skins-showcase{background-color:#0f0f1966;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px}.showcase-title{font-size:14px;font-weight:700;margin-bottom:12px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.showcase-item{background-color:#0000004d;border:1px solid rgba(255,255,255,.03);border-radius:12px;padding:10px;text-align:center}.showcase-item.locked{opacity:.4}.showcase-cube-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:36px;height:36px;margin:0 auto 8px}.showcase-name{font-size:11px;font-weight:700}.showcase-status{font-size:9px;color:#fff6;margin-top:2px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:64px;background-color:#040408f5;border-top:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:space-around;align-items:center;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:10px;transition:all .2s}.nav-item.active{color:#06b6d4}.toast-alert{position:fixed;top:80px;left:50%;transform:translate(-50%);background-color:#06b6d4e6;color:#000;padding:8px 16px;border-radius:9999px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #06b6d44d;z-index:200;animation:slideDown .3s ease-out}@keyframes slideDown{0%{top:60px;opacity:0}to{top:80px;opacity:1}}.level-up-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:300}.level-up-card{background:linear-gradient(135deg,#1e1b4b,#0f172a);border:2px solid #eab308;border-radius:24px;padding:32px;text-align:center;max-width:300px;box-shadow:0 10px 30px #eab3084d}.level-up-card h2{font-size:28px;font-weight:900;color:#eab308;margin-top:12px;letter-spacing:2px}.old-level{font-size:16px;color:#94a3b8;margin-top:8px}.new-level{font-size:24px;font-weight:700;color:#22d3ee}.congrats{font-size:12px;color:#cbd5e1;margin-top:16px;line-height:1.6}.close-btn{margin-top:24px;background-color:#eab308;color:#000;border:none;padding:10px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer}