@import"https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #0A66C2;--color-primary-hover: #0056B3;--color-primary-light: #E6F2FF;--color-success: #218838;--color-success-light: #E6F4EA;--color-warning: #F59E0B;--color-warning-light: #FFFBEB;--color-danger: #DC3545;--color-danger-light: #FBE7E9;--color-accent: #4A90E2;--color-shop: #FF9900;--color-shop-hover: #E68A00;--color-vip: #FFD700;--color-vip-deep: #FFB300;--color-legendary: #6A0DAD;--indigo-50: #E6F2FF;--indigo-100: #C2DCF5;--indigo-200: #8FBFEC;--indigo-400: #0A66C2;--indigo-600: #0056B3;--indigo-800: #003D80;--indigo-900: #002B5C;--green-50: #E6F4EA;--green-200: #7BD08F;--green-400: #218838;--green-600: #1A6E2D;--green-800: #124E20;--amber-50: #FFFBEB;--amber-200: #FDD96A;--amber-400: #F59E0B;--amber-600: #D97706;--amber-800: #925200;--amber-900: #633800;--coral-50: #FBE7E9;--coral-200: #F1959E;--coral-400: #DC3545;--coral-800: #7A1820;--color-bg: #FFFFFF;--color-surface: #F4F5F7;--color-border: #ECEEF5;--color-surface-legal: #F0FFF8;--color-bg-dark: #111827;--color-surface-dark: #1E293B;--color-bg-cancel: #121212;--color-overlay: rgba(17, 24, 39, .7);--color-text: #111827;--color-text-body: #374151;--color-text-muted: #6B7280;--color-ink: #0B1220;--color-text-on-dark: #C7D0E0;--color-xp: #0A66C2;--color-gold: #FFD700;--color-gold-light: #FFE680;--color-silver: #9095A8;--color-silver-light: #E8ECF2;--color-bronze: #C77B3C;--color-bronze-light: #F0D9C0;--color-chest-common: #D97706;--color-chest-rare: #7B6EDD;--color-chest-epic: #0A66C2;--color-chest-legend: #FFD700;--cat-prog-bg: #E8F4FF;--cat-prog-text: #0C4A8C;--cat-web-bg: #FFF1E8;--cat-web-text: #8B2E0A;--cat-games-bg: #FFE8F3;--cat-games-text: #8B1F5F;--cat-sec-bg: #EDFFF4;--cat-sec-text: #076B37;--cat-ai-bg: #F6EDFF;--cat-ai-text: #5A1F9C;--cat-db-bg: #F0F4E8;--cat-db-text: #3D5A0A;--cat-sys-bg: #FFF0E4;--cat-sys-text: #7A2800;--cat-design-bg: #FFFBEB;--cat-design-text: #925200;--cat-net-bg: #E8FDF9;--cat-net-text: #075946;--cat-personal-bg: #FDF0FB;--cat-personal-text: #6B1F63;--cat-office-bg: #F0EEFF;--cat-office-text: #3A2A99;--cat-business-bg: #FFF5E0;--cat-business-text: #7A4A00;--cat-code-bg: #E8F0F5;--cat-code-text: #2D4B5E;--font-heading: "Poppins", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-code: "JetBrains Mono", "Courier New", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(13, 15, 26, .06);--shadow-md: 0 4px 16px rgba(13, 15, 26, .08);--shadow-hover: 0 6px 24px rgba(10, 102, 194, .18);--anim-ui: .15s ease;--anim-normal: .2s ease;--anim-reward: .8s cubic-bezier(.34, 1.56, .64, 1);--anim-chest-open: .6s cubic-bezier(.34, 1.56, .64, 1);--anim-badge-reveal: .8s cubic-bezier(.22, 1, .36, 1);--anim-rank-up: 1s cubic-bezier(.34, 1.56, .64, 1);--anim-confetti: 1.2s ease-out;--delay-step-1: 0ms;--delay-step-2: .15s;--delay-step-3: .3s;--prog-bar-bg: #ECEEF5;--prog-bar-fill: #218838;--prog-bar-partial: #0A66C2;--prog-bar-height: 6px;--prog-bar-radius: 3px;--xp-bar-fill: #0A66C2;--xp-bar-bg: #ECEEF5;--xp-bar-height: 8px;--editor-bg: #FFFFFF;--editor-border: #ECEEF5;--editor-header-bg: #F4F5F7;--editor-header-text: #374151;--terminal-bg: #0B1220;--terminal-text: #F0F2FF;--terminal-accent: #218838;--output-success: #218838;--output-error: #DC3545;--output-warning: #F59E0B}[data-theme=dark]{--color-bg: #0F1422;--color-surface: #1B2538;--color-border: #2A3650;--color-text: #EAF0FA;--color-text-body: #AEB9CE;--color-text-muted: #7C879F;--color-ink: #F4F7FC;--color-text-on-dark: #AEB9CE;--color-primary: #4D9BE6;--color-primary-hover: #6FB0EE;--color-primary-light: #15233A;--color-success: #2FBE57;--color-success-light: #122A1B;--color-warning: #F2A93B;--color-warning-light: #2E2310;--color-danger: #EF5C6B;--color-danger-light: #351A1E;--color-accent: #6BA6E8;--color-shop: #FF9D33;--color-shop-hover: #FFB259;--color-vip: #FFD700;--color-vip-deep: #FFC233;--color-legendary: #B57BE8;--color-surface-legal: #13241D;--indigo-50: #15233A;--indigo-100: #1B3450;--indigo-200: #2E5680;--indigo-400: #4D9BE6;--indigo-600: #6FB0EE;--indigo-800: #9CC8F2;--indigo-900: #C7E0F9;--green-50: #122A1B;--green-400: #2FBE57;--coral-50: #351A1E;--coral-400: #EF5C6B;--color-xp: #4D9BE6;--color-silver-light: #2A3650;--color-chest-epic: #4D9BE6;--color-overlay: rgba(0, 0, 0, .72);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-hover: 0 6px 24px rgba(0, 0, 0, .55);--prog-bar-bg: #2A3650;--xp-bar-bg: #2A3650;--editor-bg: #1B2538;--editor-border: #2A3650;--editor-header-bg: #0F1422;--editor-header-text: #AEB9CE}[data-audience=kids]{--radius-lg: 18px;--radius-xl: 24px;--body-size: 17px}[data-audience=teen]{--body-size: 16px}[data-audience=adult]{--radius-lg: 8px;--radius-xl: 12px;--body-size: 15px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 480px at 50% -8%,rgba(10,102,194,.1),transparent 60%),var(--color-surface, #F4F5F7);color:var(--color-text, #111827);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.shop-root{min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;display:block}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border, #ECEEF5);position:sticky;top:0;z-index:20}.shop-brand{font-family:Poppins,system-ui,sans-serif;font-weight:700;font-size:20px;letter-spacing:.5px;color:var(--color-primary, #0A66C2);text-decoration:none}.shop-balance{display:inline-flex;align-items:baseline;gap:6px;background:linear-gradient(135deg,var(--color-primary, #0A66C2),#1E5CA6);color:#fff;padding:7px 16px;border-radius:999px;font-weight:600;box-shadow:0 4px 14px #0a66c247}.shop-balance-amount{font-size:16px}.shop-balance-suffix{font-size:12px;opacity:.85}.shop-subnav{display:flex;gap:6px;justify-content:center;padding:16px;position:sticky;top:57px;z-index:15}.shop-tab{font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:14px;text-decoration:none;color:var(--color-text-muted, #6B7280);padding:8px 18px;border-radius:999px;border:1px solid transparent;transition:all .15s ease}.shop-tab:hover{color:var(--color-primary, #0A66C2)}.shop-tab-active{background:var(--color-bg, #fff);color:var(--color-primary, #0A66C2);border-color:var(--color-border, #ECEEF5);box-shadow:0 2px 10px #1118270f}.shop-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:12px 20px 72px}.recharge-head,.store-head{text-align:center;margin-bottom:28px}.recharge-title,.store-title{font-family:Poppins,system-ui,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.recharge-subtitle,.store-subtitle{margin:0 0 14px;color:var(--color-text-muted, #6B7280);font-size:15px}.recharge-balance{display:inline-block;background:var(--color-bg, #fff);border:1px solid var(--color-border, #ECEEF5);border-radius:999px;padding:8px 18px;font-size:14px;color:var(--color-text-body, #374151)}.recharge-consent{display:flex;align-items:flex-start;gap:8px;max-width:620px;margin:0 auto 18px;background:var(--color-bg, #fff);border:1px solid var(--color-border, #ECEEF5);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.4;color:var(--color-text-body, #374151)}.recharge-consent input{margin-top:3px;flex-shrink:0}.recharge-note,.store-empty{max-width:620px;margin:0 auto 18px;text-align:center;background:var(--color-warning-light, #FFFBEB);color:var(--amber-800, #925200);border:1px solid var(--amber-200, #FDD96A);border-radius:12px;padding:12px 14px;font-size:14px}.recharge-error{text-align:center;color:var(--color-danger, #DC3545);margin:16px 0 0;font-size:14px}.recharge-terms{text-align:center;margin:22px 0 0;font-size:12px}.recharge-terms a{color:var(--color-primary, #0A66C2)}.recharge-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kc-card{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--color-bg, #fff);border:1px solid var(--color-border, #ECEEF5);border-radius:18px;padding:26px 18px 20px;text-align:center;transition:transform .16s ease,box-shadow .16s ease}.kc-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #0a66c224}.kc-card-featured{border-color:var(--color-vip, #FFD700);background:linear-gradient(170deg,#fff,#fffcf1);box-shadow:0 10px 30px #ffb3002e}.kc-card-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-vip, #FFD700),var(--color-vip-deep, #FFB300));color:var(--color-ink, #0B1220);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:4px 12px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 10px #ffb30066}.kc-card-name{font-family:Poppins,system-ui,sans-serif;font-size:15px;font-weight:600;margin:6px 0 12px;color:var(--color-text-body, #374151)}.kc-card-kc{display:flex;align-items:baseline;gap:4px}.kc-card-kc-amount{font-family:Poppins,system-ui,sans-serif;font-size:40px;font-weight:700;line-height:1;color:var(--color-primary, #0A66C2)}.kc-card-kc-suffix{font-size:14px;font-weight:600;color:var(--color-text-muted, #6B7280)}.kc-card-bonus{margin:8px 0 0;font-size:12px;font-weight:700;color:var(--color-success, #218838);background:var(--color-success-light, #E6F4EA);padding:3px 10px;border-radius:999px}.kc-card-price{margin:14px 0 16px;font-size:18px;font-weight:700;color:var(--color-text, #111827)}.shop-btn{display:inline-block;border:none;cursor:pointer;font-family:Poppins,system-ui,sans-serif;font-weight:600;font-size:15px;padding:11px 22px;border-radius:10px;text-decoration:none;text-align:center;transition:background .15s ease,opacity .15s ease,transform .1s ease}.shop-btn:active:not(:disabled){transform:translateY(1px)}.shop-btn:disabled{opacity:.5;cursor:not-allowed}.shop-btn-primary{background:var(--color-primary, #0A66C2);color:#fff}.shop-btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #0056B3)}.shop-btn-shop{width:100%;color:#fff;background:linear-gradient(135deg,var(--color-shop, #FF9900),var(--color-shop-hover, #E68A00))}.shop-btn-shop:hover:not(:disabled){filter:brightness(1.05)}.store-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cosmetic-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 14px;text-align:center;transition:transform .16s ease,box-shadow .16s ease}.cosmetic-card:hover{transform:translateY(-3px)}.cosmetic-rarity{font-family:Poppins,system-ui,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.cosmetic-thumb{width:104px;height:104px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0000000a;margin-bottom:12px}.cosmetic-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cosmetic-name{font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;margin:0 0 14px;color:var(--color-text, #111827)}.cosmetic-owned{font-size:13px;font-weight:700;color:var(--color-success, #218838);background:var(--color-success-light, #E6F4EA);padding:9px 16px;border-radius:10px}.tier-common{border:1px solid var(--color-border, #ECEEF5);border-radius:4px;background:var(--color-surface, #F4F5F7)}.tier-rare{border:1px solid var(--rarity-color, #2196F3);border-radius:12px;background:var(--color-bg, #fff);box-shadow:0 4px 16px #2196f31f}.tier-epic{border:1px solid var(--rarity-color, #9C27B0);border-radius:16px;background:linear-gradient(160deg,#fcf5fe,#f3e3fb);box-shadow:0 8px 24px #9c27b033}.tier-legendary{border:1px solid var(--color-vip, #FFD700);border-radius:18px;background:linear-gradient(160deg,#fffdf5,#fff4cc);animation:legendaryGlow 2.6s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 0 1px #ffd70073,0 8px 26px #ffb30047}50%{box-shadow:0 0 0 1px #ffd700d9,0 12px 38px #ffb3008c}}@media(prefers-reduced-motion:reduce){.tier-legendary{animation:none;box-shadow:0 0 0 1px #ffd70099,0 10px 30px #ffb30066}}.store-notice{max-width:620px;margin:0 auto 20px;text-align:center;padding:12px 16px;border-radius:12px;font-size:14px}.store-notice-ok{background:var(--color-success-light, #E6F4EA);color:var(--green-600, #1A6E2D)}.store-notice-error{background:var(--coral-50, #FBE7E9);color:var(--color-danger, #DC3545)}.store-notice-link{color:var(--color-primary, #0A66C2);font-weight:700}.shop-loading,.shop-gate,.result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:64px 20px;min-height:50vh}.shop-gate-text{color:var(--color-text-body, #374151);font-size:16px;margin:0}.result-title{font-family:Poppins,system-ui,sans-serif;font-size:26px;font-weight:700;margin:0;color:var(--color-text, #111827)}.result-body{color:var(--color-text-muted, #6B7280);margin:0;max-width:420px}.result-balance{font-family:Poppins,system-ui,sans-serif;font-size:28px;font-weight:700;color:var(--color-primary, #0A66C2)}