*{margin:0;padding:0;box-sizing:border-box}::selection{background:#b8860b33;color:#e8ddd0}body{font-family:Inter,system-ui,sans-serif;background:#1a1410;color:#d4c9b8;min-height:100vh;overflow-x:hidden;line-height:1.5}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(180deg,transparent,transparent 23px,rgba(184,134,11,.015) 23px,rgba(184,134,11,.015) 24px);pointer-events:none;z-index:0}.app{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100%}.hub{padding:16px;max-width:860px;width:100%;display:flex;flex-direction:column;gap:12px}.hub-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#241e18;border:1px solid #3d3228;border-radius:12px}.hub-user{display:flex;align-items:center;gap:12px}.hub-av{width:40px;height:40px;border-radius:10px;background:#8b6914;border:1px solid #b8860b;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#f5e6c8;flex-shrink:0}.hub-av.gold{background:#b8860b;border-color:gold}.hub-av-wrap{position:relative}.hub-av.spark:after{content:"";position:absolute;top:-4px;right:-4px;width:10px;height:10px;background:radial-gradient(#ffd700,transparent 60%);animation:sparkP 2s ease-in-out infinite}@keyframes sparkP{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.3);opacity:1}}.hub-un{font-weight:700;font-size:.9rem;color:#e8ddd0}.hub-level{display:flex;align-items:center;gap:6px;margin-top:2px}.hub-stars{font-size:.6rem}.hub-lvl{font-size:.6rem;color:#a0937e;font-weight:600}.hub-zp{display:flex;align-items:center;gap:6px;background:#1e1814;border:1px solid #4a3f30;padding:6px 12px;border-radius:8px}.zp-icon{color:#b8860b;font-size:.8rem}.zp-val{font-weight:700;font-size:.85rem;color:gold}.zp-label{font-size:.55rem;color:#7a6e5e;text-transform:uppercase;letter-spacing:1px}.hub-nav{display:flex;gap:4px;background:#241e18;border:1px solid #3d3228;border-radius:10px;padding:3px}.hub-nav-btn{flex:1;background:transparent;border:none;color:#7a6e5e;font-family:inherit;font-size:.6rem;font-weight:600;padding:6px 8px;border-radius:7px;cursor:pointer;transition:all .15s;text-align:center}.hub-nav-btn:hover{color:#d4c9b8;background:#362d24}.hub-nav-btn.active{color:#f5e6c8;background:#b8860b}.hub-pages{display:flex;flex-direction:column;gap:12px}.card{background:#241e18;border:1px solid #3d3228;border-radius:12px;padding:16px;position:relative}.card-title{font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;color:#7a6e5e;margin-bottom:12px;font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.game-card{background:#1e1814;border:1px solid #3d3228;border-radius:10px;padding:18px 14px;text-align:center;cursor:pointer;transition:all .15s}.game-card:hover{border-color:#b8860b;background:#2a2218}.game-card.soon{opacity:.4}.game-icon{font-size:1.8rem;margin-bottom:6px}.game-name{font-weight:700;font-size:.75rem;color:#e8ddd0}.game-desc{color:#7a6e5e;font-size:.6rem;margin-top:2px}.prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#1e1814;border:1px solid #3d3228;border-radius:8px;padding:12px;text-align:center}.stat-v{font-size:1rem;font-weight:800;color:#b8860b}.stat-l{font-size:.55rem;color:#7a6e5e;margin-top:1px;text-transform:uppercase;letter-spacing:.5px}.bar-bg{height:6px;background:#3d3228;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:#b8860b;border-radius:3px;transition:width .4s}.bar-label{font-size:.55rem;color:#7a6e5e;margin-top:4px;text-align:right}.ach-g{display:grid;grid-template-columns:1fr 1fr;gap:4px}.ach-it{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #3d3228;border-radius:8px;font-size:.6rem;opacity:.2;transition:all .2s}.ach-it.un{opacity:1;border-color:#b8860b;background:#b8860b0a}.ach-ic{width:22px;height:22px;border-radius:6px;background:#3d3228;display:flex;align-items:center;justify-content:center;font-size:.6rem;flex-shrink:0}.ach-img{width:28px;height:28px;object-fit:cover;border-radius:6px;flex-shrink:0}.ach-it.un .ach-ic{background:#b8860b}.ach-if{flex:1;min-width:0}.ach-n{font-weight:600;color:#e8ddd0;font-size:.6rem}.ach-de{color:#7a6e5e;font-size:.5rem;margin-top:1px}.ach-rw{color:#b8860b;font-size:.5rem;font-weight:600}.shop-g{display:flex;flex-direction:column;gap:4px}.shop-it{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #3d3228;border-radius:8px}.shop-it.own{border-color:#4a7c3f;background:#4a7c3f0a}.shop-ic{font-size:1rem;width:28px;text-align:center}.shop-if{flex:1}.shop-n{font-weight:600;font-size:.7rem;color:#e8ddd0}.shop-d{color:#7a6e5e;font-size:.55rem;margin-top:1px}.shop-pr{color:#b8860b;font-weight:600;font-size:.6rem}.shop-owned{color:#4a7c3f;font-size:.6rem;font-weight:600}.s-g{display:flex;flex-direction:column}.s-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #3d3228}.s-row:last-child{border-bottom:none}.s-l{font-size:.7rem;color:#a0937e}.s-v{font-size:.7rem;color:#d4c9b8}.game-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;background:#241e18;border-radius:10px;padding:8px 12px;border:1px solid #3d3228}.game-top-name{font-size:.7rem;color:#7a6e5e}.btn{background:#362d24;border:1px solid #4a3f30;color:#d4c9b8;padding:6px 14px;border-radius:7px;cursor:pointer;font-size:.65rem;font-weight:600;font-family:inherit;transition:all .12s;display:inline-flex;align-items:center;gap:4px}.btn:hover{background:#4a3f30;border-color:#7a6e5e;color:#e8ddd0}.btn-sm{padding:4px 10px;font-size:.6rem}.btn-red{border-color:#9b2c2c;color:#d46a6a}.btn-red:hover{background:#9b2c2c;color:#f5e6c8}.gacha-tab{flex:1;background:transparent;border:none;color:#7a6e5e;font-family:inherit;font-size:.55rem;font-weight:600;padding:5px;border-radius:6px;cursor:pointer;transition:all .15s}.gacha-tab:hover{color:#d4c9b8;background:#3d3228}.gacha-tab.active{color:#f5e6c8;background:#b8860b}.gacha-btn{background:#2a2218;border:1px solid #4a3f30;border-radius:10px;color:#d4c9b8;padding:12px 16px;cursor:pointer;font-family:inherit;font-size:.65rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .15s;flex:1;max-width:150px}.gacha-btn:hover{border-color:#b8860b;background:#362d24}.gacha-btn:disabled{opacity:.3;cursor:not-allowed}.gacha-btn.multi{border-color:#b8860b}.gacha-roll{padding:24px;text-align:center}.gacha-roll-inner{display:flex;align-items:center;justify-content:center;gap:12px;animation:shake .3s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.gacha-sparkle{font-size:1.2rem;animation:spark .5s ease-in-out infinite alternate}@keyframes spark{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.2);opacity:1}}.gacha-result{padding:10px 0}.gacha-card{background:#2a2218;border:1px solid #4a3f30;border-radius:10px;padding:10px 8px;min-width:80px;text-align:center;animation:cardIn .4s ease}@keyframes cardIn{0%{transform:scale(.5) rotateY(90deg);opacity:0}to{transform:scale(1) rotateY(0);opacity:1}}.gacha-img{width:80px;height:80px;object-fit:cover;border-radius:8px;margin-bottom:4px}.gacha-slot-img{width:36px;height:36px;object-fit:cover;border-radius:4px}.gacha-card-name{font-weight:600;font-size:.6rem;margin-top:2px;color:#e8ddd0}.gacha-card-series{font-size:.5rem;color:#7a6e5e}.gacha-card-rarity{font-weight:700;font-size:.5rem;margin-top:2px;letter-spacing:1px}.gacha-new-badge{font-size:.5rem;color:#b8860b;margin-top:3px;font-weight:600}.gacha-dupe-badge{font-size:.5rem;color:#7a6e5e;margin-top:3px}.gacha-progress-bg{height:4px;background:#3d3228;border-radius:2px;overflow:hidden;margin-bottom:12px}.gacha-progress-fill{height:100%;background:#b8860b;border-radius:2px;transition:width .4s}.gacha-char-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:54px;height:54px;border-radius:8px;border:1px solid #3d3228}.gacha-char-slot.owned{background:#b8860b0a}.gacha-char-slot.hidden{background:#1e1814}.boss-hp-bg{height:6px;background:#3d3228;border-radius:3px;overflow:hidden;margin-bottom:3px}.boss-hp-fill{height:100%;background:#9b2c2c;border-radius:3px;transition:width .5s}.tuner{position:relative;height:64px;margin:8px 0;background:#1e1814;border:1px solid #3d3228;border-radius:8px;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.tuner-track{position:absolute;top:50%;left:5%;right:5%;height:2px;background:#3d3228;transform:translateY(-50%)}.tuner-target{position:absolute;top:15%;bottom:15%;width:3px;background:#4a7c3f;left:50%;transform:translate(-50%);box-shadow:0 0 8px #4a7c3f33;border-radius:2px;z-index:2}.tuner-zone{position:absolute;top:0;height:100%;background:#4a7c3f0a;border-left:1px solid rgba(74,124,63,.1);border-right:1px solid rgba(74,124,63,.1);pointer-events:none}.tuner-dot{position:absolute;top:50%;width:16px;height:16px;background:#b8860b;border:2px solid #8b6914;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #b8860b33;transition:left .05s linear;z-index:3;cursor:grab}.tuner-dot:active{cursor:grabbing}.tuner-hit{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;pointer-events:none;opacity:0;transition:opacity .15s;z-index:4}.tuner-hit.show{opacity:1}.msg-w{background:#1e1814;border:1px solid #3d3228;border-radius:10px;padding:20px 14px;min-height:64px;display:flex;align-items:center;justify-content:center}.msg{font-size:1.1rem;font-weight:600;color:#b8860b;text-align:center;line-height:1.5}.prog{display:flex;align-items:center;gap:8px;margin-top:8px}.prog-b{flex:1;height:4px;background:#3d3228;border-radius:2px;overflow:hidden}.prog-f{height:100%;background:#b8860b;border-radius:2px;transition:width .3s linear}.prog-c{font-size:.85rem;font-weight:700;color:#b8860b;min-width:24px;text-align:right}.prog-label{font-size:.5rem;color:#7a6e5e;text-align:center;margin-top:6px}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-card{background:#241e18;border:1px solid #3d3228;border-radius:14px;padding:28px 24px;width:100%;max-width:360px}.auth-notebook{text-align:center;margin-bottom:20px;position:relative}.auth-bookmark{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:12px solid #b8860b}.auth-emoji{font-size:2rem;margin-bottom:6px}.auth-title{font-size:1.4rem;font-weight:800;color:#e8ddd0;letter-spacing:2px}.auth-sub{font-size:.65rem;color:#7a6e5e;margin-top:2px;letter-spacing:3px;text-transform:uppercase}.auth-tg-info{display:flex;align-items:center;gap:8px;background:#1e1814;border:1px solid #4a7c3f;border-radius:8px;padding:8px 10px;margin-bottom:12px;font-size:.65rem;color:#a0937e}.auth-tg-icon{color:#4a7c3f;font-weight:700}.auth-tabs{display:flex;gap:4px;background:#1e1814;border-radius:8px;padding:3px;margin-bottom:12px}.auth-tab{flex:1;background:transparent;border:none;color:#7a6e5e;font-family:inherit;font-size:.6rem;font-weight:600;padding:6px;border-radius:6px;cursor:pointer;transition:all .15s}.auth-tab:hover{color:#d4c9b8}.auth-tab.active{color:#f5e6c8;background:#b8860b}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-inp{background:#1e1814;border:1px solid #3d3228;border-radius:8px;padding:10px 12px;font-size:.75rem;color:#d4c9b8;font-family:inherit;outline:none;transition:border-color .15s}.auth-inp:focus{border-color:#b8860b}.auth-inp::placeholder{color:#5a4f42}.auth-err{font-size:.6rem;color:#d46a6a;text-align:center}.btn-auth{width:100%;justify-content:center;padding:10px}.auth-foot{display:flex;justify-content:center;gap:16px;margin-top:16px;font-size:.5rem;color:#5a4f42}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:#241e18;border:1px solid #b8860b;border-radius:10px;padding:10px 16px;font-size:.7rem;color:#d4c9b8;box-shadow:0 8px 32px #00000080;z-index:100;transition:all .35s cubic-bezier(.34,1.56,.64,1);opacity:0;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (max-width: 640px){.prof-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:1fr 1fr}.ach-g{grid-template-columns:1fr}.hub-nav{flex-wrap:wrap}.hub-nav-btn{min-width:56px}}