:root { --gx-green:#65ff35;--gx-panel:#0d1612;--gx-line:rgba(255,255,255,.075);--gx-muted:#718078;--gx-text:#f2f7f4; }
html[data-gb-theme="amoled"] body { background:#000!important; }
html[data-gb-theme="amoled"] .topbar,html[data-gb-theme="amoled"] .gb-search-dock,html[data-gb-theme="amoled"] .gb-library-section,html[data-gb-theme="amoled"] .gb-settings-card { background:#030504!important; }
html[data-gb-theme="contrast"] { --gx-green:#9cff74;--gx-line:rgba(255,255,255,.2);--gx-muted:#aab8b0; }
html[data-gb-theme="contrast"] body { filter:contrast(1.08); }
.wrap { position:relative; }
.gb-experience-page { display:grid;gap:18px;margin:0 0 55px; }
.gb-experience-page svg,.gb-search-dock svg,.gb-search-overlay svg,.gb-toast svg,.gb-winner-ticker svg,.gb-favorite-heart svg,.gb-profile-quick svg { width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.gb-experience-page section,.gb-library-card { content-visibility:auto;contain-intrinsic-size:auto 300px; }

.gb-search-dock { min-height:54px;margin:13px 0 10px;padding:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--gx-line);border-radius:15px;background:linear-gradient(145deg,rgba(18,28,24,.97),rgba(8,14,11,.98));box-shadow:0 12px 32px rgba(0,0,0,.2); }
.gb-search-box { width:min(520px,48vw);height:40px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:#090f0c;color:#69766f;text-align:left;cursor:pointer;transition:.2s ease; }
.gb-search-box:hover { border-color:rgba(101,255,53,.27);box-shadow:0 0 0 3px rgba(101,255,53,.035); }.gb-search-box > svg { width:16px;height:16px;color:var(--gx-green); }.gb-search-box span { flex:1;font-size:9px; }.gb-search-box kbd,.gb-search-input-row kbd,.gb-search-panel footer kbd { padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:rgba(255,255,255,.035);color:#75827b;font:700 8px/1 system-ui;box-shadow:inset 0 -1px rgba(255,255,255,.04); }
.gb-search-dock > div { display:flex;align-items:center;gap:5px; }.gb-search-dock > div > button { min-width:93px;height:39px;padding:0 10px;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#87948d;font-size:8px;font-weight:850;cursor:pointer;transition:.2s ease; }.gb-search-dock > div > button:hover { border-color:rgba(101,255,53,.12);background:rgba(101,255,53,.065);color:var(--gx-green); }.gb-search-dock > div svg { width:15px;height:15px; }.gb-search-dock > div em { min-width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:var(--gx-green);color:#071008;font-size:7px;font-style:normal; }

body.gb-search-open { overflow:hidden; }.gb-search-overlay { position:fixed;inset:0;z-index:2000000;padding:clamp(20px,8vh,85px) 16px;display:flex;align-items:flex-start;justify-content:center;background:rgba(1,5,3,.76);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease; }.gb-search-overlay.open { opacity:1;visibility:visible; }
.gb-search-panel { width:min(720px,100%);max-height:min(720px,82vh);overflow:hidden;border:1px solid rgba(101,255,53,.16);border-radius:23px;background:linear-gradient(150deg,#121d18,#080e0b);box-shadow:0 40px 100px rgba(0,0,0,.58);transform:translateY(-14px) scale(.98);transition:transform .28s cubic-bezier(.2,.8,.2,1); }.gb-search-overlay.open .gb-search-panel { transform:none; }
.gb-search-input-row { height:70px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--gx-line); }.gb-search-input-row > svg { width:22px;height:22px;color:var(--gx-green); }.gb-search-input-row input { flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f4f8f5;font-size:17px;font-weight:650; }.gb-search-input-row input::placeholder { color:#57645d; }
.gb-search-meta { padding:12px 18px 5px;display:flex;align-items:center;gap:12px; }.gb-search-meta > span { color:#58655e;font-size:7px;font-weight:900;letter-spacing:1.1px; }.gb-search-meta > div { display:flex;gap:5px;overflow-x:auto; }.gb-search-meta button { height:25px;padding:0 8px;border:1px solid var(--gx-line);border-radius:7px;background:rgba(255,255,255,.02);color:#748179;font-size:7px;white-space:nowrap;cursor:pointer; }.gb-search-meta button:hover { border-color:rgba(101,255,53,.2);color:var(--gx-green); }
.gb-search-results { max-height:510px;padding:8px 12px 12px;overflow-y:auto; }.gb-search-results > header { padding:8px 8px 10px;display:flex;justify-content:space-between;color:#647169;font-size:7px;font-weight:900;letter-spacing:1px; }.gb-search-results article { min-height:72px;padding:8px;display:grid;grid-template-columns:70px minmax(0,1fr) 36px 90px;gap:10px;align-items:center;border:1px solid transparent;border-radius:13px;cursor:pointer;transition:.15s ease; }.gb-search-results article.active { border-color:rgba(101,255,53,.17);background:rgba(101,255,53,.065); }.gb-search-results article > img { width:70px;height:52px;display:block;object-fit:cover;border-radius:9px;background:#111; }.gb-search-results article div strong,.gb-search-results article div span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gb-search-results article div strong { color:#e5ece8;font-size:11px; }.gb-search-results article div span { margin-top:4px;color:#6c7972;font-size:8px; }.gb-result-heart { width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gx-line);border-radius:10px;background:rgba(255,255,255,.025);color:#6e7b74;cursor:pointer; }.gb-result-heart.active { border-color:rgba(101,255,53,.25);background:rgba(101,255,53,.1);color:var(--gx-green); }.gb-result-heart svg { width:15px;height:15px; }.gb-result-heart.active svg,.gb-favorite-heart.active svg { fill:currentColor; }.gb-result-open { height:33px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:9px;background:var(--gx-green);color:#071008;font-size:8px;font-weight:950;cursor:pointer; }.gb-result-open svg { width:12px;height:12px; }
.gb-search-panel > footer { min-height:44px;padding:0 18px;display:flex;align-items:center;gap:17px;border-top:1px solid var(--gx-line);color:#647169;font-size:7px; }.gb-search-panel > footer span { display:flex;align-items:center;gap:4px; }.gb-search-empty { min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.gb-search-empty svg { width:32px;height:32px;color:#4e5c54; }.gb-search-empty b { margin-top:12px;color:#cbd4cf;font-size:12px; }.gb-search-empty span { margin-top:5px;color:#647169;font-size:8px; }

.gb-favorite-heart { width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(4,10,7,.74);backdrop-filter:blur(10px);color:#dce5df;cursor:pointer;transition:transform .2s ease,color .2s ease,background .2s ease; }.gb-favorite-heart:hover { transform:scale(1.08); }.gb-favorite-heart.active { border-color:rgba(101,255,53,.28);background:rgba(101,255,53,.16);color:var(--gx-green); }.gb-favorite-heart svg { width:17px;height:17px; }.gb-card-heart { position:absolute!important;z-index:8;right:9px;top:9px; }

.gb-experience-hero { min-height:185px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;position:relative;border:1px solid rgba(101,255,53,.14);border-radius:26px;background:radial-gradient(circle at 84% 20%,rgba(101,255,53,.14),transparent 30%),linear-gradient(135deg,#122219,#08100c);box-shadow:0 22px 55px rgba(0,0,0,.25); }.gb-experience-hero::after { content:"";position:absolute;right:-80px;top:-170px;width:320px;height:320px;border:1px solid rgba(101,255,53,.09);border-radius:50%;box-shadow:0 0 0 35px rgba(101,255,53,.018); }.gb-experience-hero > * { position:relative;z-index:1; }.gb-experience-hero > div:first-child > span { color:var(--gx-green);font-size:8px;font-weight:900;letter-spacing:1.7px; }.gb-experience-hero h1 { margin:7px 0 5px;color:#f3f7f4;font-size:clamp(30px,4vw,46px);letter-spacing:-1.4px; }.gb-experience-hero p { margin:0;max-width:620px;color:#7b8981;font-size:11px;line-height:1.55; }.gb-hero-action { min-height:42px;padding:0 15px;display:flex;align-items:center;gap:8px;border:0;border-radius:12px;background:var(--gx-green);color:#071008;font-size:9px;font-weight:950;cursor:pointer; }.gb-hero-action svg { width:15px;height:15px; }
.gb-library-section { min-width:0;overflow:hidden;border:1px solid var(--gx-line);border-radius:22px;background:linear-gradient(145deg,#111a16,#090f0c);box-shadow:0 18px 45px rgba(0,0,0,.19); }.gb-library-section > header { min-height:72px;padding:16px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gx-line); }.gb-library-section > header span { color:var(--gx-green);font-size:7px;font-weight:900;letter-spacing:1.4px; }.gb-library-section > header h2 { margin:4px 0 0;color:#edf3ef;font-size:17px; }.gb-library-section > header > b { color:#66736c;font-size:8px; }
.gb-library-grid { padding:15px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px; }.gb-library-grid.compact { grid-template-columns:repeat(6,minmax(0,1fr)); }.gb-library-card { min-width:0;overflow:hidden;border:1px solid var(--gx-line);border-radius:16px;background:#0c1310;transition:transform .22s ease,border-color .22s ease; }.gb-library-card:hover { transform:translateY(-4px);border-color:rgba(101,255,53,.25); }.gb-library-media { height:145px;position:relative;overflow:hidden;background:#111; }.gb-library-grid.compact .gb-library-media { height:105px; }.gb-library-media > img { width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease; }.gb-library-card:hover .gb-library-media > img { transform:scale(1.035); }.gb-library-media > .gb-favorite-heart { position:absolute;right:8px;top:8px; }.gb-library-media > span { position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:7px;background:rgba(4,10,7,.8);color:var(--gx-green);font-size:7px;font-weight:900; }
.gb-library-info { padding:13px; }.gb-library-info > small,.gb-library-info > strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gb-library-info > small { color:#647169;font-size:7px; }.gb-library-info > strong { margin:5px 0 11px;color:#e1e8e4;font-size:10px; }.gb-library-info > button { width:100%;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;background:rgba(101,255,53,.1);color:var(--gx-green);font-size:8px;font-weight:900;cursor:pointer; }.gb-library-info > button svg { width:12px;height:12px; }.gb-library-progress { height:4px;margin:-3px 0 10px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06); }.gb-library-progress i { height:100%;display:block;border-radius:inherit;background:var(--gx-green);box-shadow:0 0 8px rgba(101,255,53,.35); }
.gb-library-empty { min-height:240px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.gb-library-empty.compact { min-height:170px; }.gb-library-empty > svg { width:34px;height:34px;color:#536159; }.gb-library-empty b { margin-top:13px;color:#cbd4cf;font-size:12px; }.gb-library-empty span { max-width:390px;margin-top:6px;color:#65726b;font-size:8px;line-height:1.5; }.gb-library-empty button { margin-top:16px;height:35px;padding:0 13px;border:0;border-radius:9px;background:var(--gx-green);color:#071008;font-size:8px;font-weight:950;cursor:pointer; }

.gb-bonus-balance { min-width:190px;padding:15px 18px;border:1px solid var(--gx-line);border-radius:15px;background:rgba(5,11,7,.6); }.gb-bonus-balance small,.gb-bonus-balance strong { display:block; }.gb-bonus-balance small { color:#6b7871;font-size:7px;font-weight:900;letter-spacing:1px; }.gb-bonus-balance strong { margin-top:6px;color:var(--gx-green);font-size:20px; }
.gb-bonus-grid { padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px; }.gb-bonus-grid article { min-height:225px;padding:20px;position:relative;overflow:hidden;border:1px solid var(--gx-line);border-radius:17px;background:radial-gradient(circle at 100% 0%,hsla(calc(var(--bonus-index)*48 + 85),75%,55%,.13),transparent 35%),linear-gradient(145deg,#151e19,#0a100d);transition:.25s ease; }.gb-bonus-grid article:hover { transform:translateY(-5px);border-color:rgba(101,255,53,.24);box-shadow:0 20px 42px rgba(0,0,0,.25); }.gb-bonus-grid article > div { display:flex;align-items:flex-start;justify-content:space-between; }.gb-bonus-grid article > div span { padding:5px 7px;border-radius:7px;background:rgba(101,255,53,.09);color:var(--gx-green);font-size:7px;font-weight:900; }.gb-bonus-grid article > div strong { color:rgba(255,255,255,.13);font-size:29px; }.gb-bonus-grid h3 { margin:28px 0 7px;color:#edf2ef;font-size:16px; }.gb-bonus-grid p { min-height:36px;margin:0;color:#6f7c75;font-size:8px;line-height:1.5; }.gb-bonus-grid button { margin-top:19px;padding:0;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#7e8c84;font-size:7px;font-weight:900;cursor:pointer; }.gb-bonus-grid button svg { width:12px;height:12px; }.gb-bonus-grid article:hover button { color:var(--gx-green); }
.gb-task-list { padding:6px 18px 13px; }.gb-task-list article { min-height:78px;padding:10px 2px;display:grid;grid-template-columns:38px minmax(0,1fr) 55px 35px;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.05); }.gb-task-list article:last-child { border:0; }.gb-task-list article > i { width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(101,255,53,.075);color:var(--gx-green);font-size:9px;font-style:normal;font-weight:900; }.gb-task-list article div b,.gb-task-list article div span { display:block; }.gb-task-list article div b { color:#dce4df;font-size:10px; }.gb-task-list article div span { margin-top:3px;color:#637069;font-size:7px; }.gb-task-list article div div { height:4px;margin-top:9px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06); }.gb-task-list article div div em { height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--gx-green),#b8ff52); }.gb-task-list article > strong { color:#8a978f;font-size:9px;text-align:right; }.gb-task-list article > small { width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.03);color:#708078;font-size:7px;font-weight:900; }.gb-task-list article > small.done { background:rgba(101,255,53,.11);color:var(--gx-green); }.gb-task-list article > small svg { width:14px;height:14px; }
.gb-badge-grid { padding:17px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px; }.gb-badge-grid article { min-width:0;min-height:180px;padding:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--gx-line);border-radius:16px;background:#0b120e;text-align:center; }.gb-badge-grid article > i { width:55px;height:55px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#4f5c55; }.gb-badge-grid article > i svg { width:27px;height:27px; }.gb-badge-grid article.unlocked > i { border-color:hsla(calc(var(--badge-level)*35 + 30),70%,58%,.3);background:hsla(calc(var(--badge-level)*35 + 30),70%,58%,.1);color:hsl(calc(var(--badge-level)*35 + 30),70%,67%);box-shadow:0 0 25px hsla(calc(var(--badge-level)*35 + 30),70%,55%,.08); }.gb-badge-grid strong { margin-top:13px;color:#cbd4cf;font-size:11px; }.gb-badge-grid span { min-height:24px;margin-top:5px;color:#5d6963;font-size:7px; }.gb-badge-grid small { margin-top:10px;color:#58655e;font-size:6px;font-weight:900;letter-spacing:1px; }.gb-badge-grid .unlocked small { color:var(--gx-green); }

.gb-settings-card { overflow:hidden;border:1px solid var(--gx-line);border-radius:20px;background:linear-gradient(145deg,#111a16,#090f0c); }.gb-settings-card > header { min-height:77px;padding:16px 20px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--gx-line); }.gb-settings-card > header > i { width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:rgba(101,255,53,.09);color:var(--gx-green); }.gb-settings-card > header > i svg { width:18px;height:18px; }.gb-settings-card header span { color:var(--gx-green);font-size:7px;font-weight:900;letter-spacing:1.2px; }.gb-settings-card header h2 { margin:4px 0 0;color:#e7ede9;font-size:15px; }.gb-setting-row { min-height:75px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.05); }.gb-setting-row:last-child { border:0; }.gb-setting-row > div:first-child b,.gb-setting-row > div:first-child span { display:block; }.gb-setting-row > div:first-child b { color:#d9e1dc;font-size:10px; }.gb-setting-row > div:first-child span { margin-top:4px;color:#66736c;font-size:7px; }.gb-choice-group { padding:3px;display:flex;border:1px solid var(--gx-line);border-radius:10px;background:#080e0b; }.gb-choice-group button { min-width:75px;height:31px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#718078;font-size:7px;font-weight:850;cursor:pointer; }.gb-choice-group button.active { background:rgba(101,255,53,.12);color:var(--gx-green); }.gb-switch { width:46px;height:25px;padding:3px;border:0;border-radius:99px;background:#29332e;cursor:pointer;transition:.2s ease; }.gb-switch i { width:19px;height:19px;display:block;border-radius:50%;background:#89948e;transition:transform .2s ease,background .2s ease; }.gb-switch.on { background:rgba(101,255,53,.22); }.gb-switch.on i { transform:translateX(21px);background:var(--gx-green);box-shadow:0 0 10px rgba(101,255,53,.35); }.gb-setting-action { height:34px;padding:0 10px;display:flex;align-items:center;gap:6px;border:1px solid var(--gx-line);border-radius:9px;background:rgba(255,255,255,.02);color:#859189;font-size:7px;font-weight:850;cursor:pointer; }.gb-setting-action svg { width:12px;height:12px; }

.gb-profile-quick { overflow:hidden;border:1px solid var(--gx-line);border-radius:19px;background:linear-gradient(145deg,#101a15,#09100c); }.gb-profile-quick > header { padding:14px 16px;border-bottom:1px solid var(--gx-line); }.gb-profile-quick header span { color:var(--gx-green);font-size:7px;font-weight:900;letter-spacing:1.3px; }.gb-profile-quick header h2 { margin:4px 0 0;color:#e7ede9;font-size:14px; }.gb-profile-quick > div { padding:11px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px; }.gb-profile-quick button { min-width:0;height:66px;padding:0 10px;display:grid;grid-template-columns:30px minmax(0,1fr) 12px;gap:7px;align-items:center;border:1px solid var(--gx-line);border-radius:12px;background:rgba(255,255,255,.018);color:#76847c;text-align:left;cursor:pointer;transition:.2s ease; }.gb-profile-quick button:hover { transform:translateY(-3px);border-color:rgba(101,255,53,.22);color:var(--gx-green); }.gb-profile-quick button > i { width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(101,255,53,.08);color:var(--gx-green); }.gb-profile-quick button > i svg { width:14px;height:14px; }.gb-profile-quick button > svg { width:11px;height:11px; }.gb-profile-quick button span { overflow:hidden;color:#cbd4cf;font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap; }
.gb-account-nav [data-xp-nav] svg { width:17px;height:17px; }

.gb-winner-ticker { width:315px;min-height:72px;padding:11px 36px 11px 49px;position:fixed;z-index:900000;right:17px;bottom:17px;display:flex;align-items:center;border:1px solid rgba(101,255,53,.18);border-radius:16px;background:linear-gradient(145deg,rgba(16,27,21,.96),rgba(6,12,8,.98));box-shadow:0 20px 50px rgba(0,0,0,.42);backdrop-filter:blur(16px); }.gb-winner-ticker > i { width:9px;height:9px;position:absolute;left:21px;border-radius:50%;background:var(--gx-green);box-shadow:0 0 0 6px rgba(101,255,53,.07),0 0 14px rgba(101,255,53,.45);animation:gxPulse 1.4s infinite; }.gb-winner-ticker > button { width:25px;height:25px;position:absolute;right:6px;top:6px;display:grid;place-items:center;border:0;background:transparent;color:#5f6c65;cursor:pointer; }.gb-winner-ticker > button svg { width:12px;height:12px; }.gb-winner-ticker div.animate { animation:gxWinnerIn .45s cubic-bezier(.2,.8,.2,1); }.gb-winner-ticker small,.gb-winner-ticker b,.gb-winner-ticker strong { display:block; }.gb-winner-ticker small { color:#607068;font-size:6px;font-weight:900;letter-spacing:1px; }.gb-winner-ticker b { margin-top:4px;color:#cdd6d1;font-size:8px; }.gb-winner-ticker strong { margin-top:3px;color:var(--gx-green);font-size:11px; }
@keyframes gxWinnerIn { from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none} } @keyframes gxPulse { 50%{opacity:.4;transform:scale(.75)} }

.gb-toast-host { position:fixed;z-index:3000000;right:18px;top:86px;width:min(370px,calc(100vw - 28px));display:grid;gap:9px;pointer-events:none; }.gb-toast { min-height:75px;padding:13px 38px 13px 13px;position:relative;display:grid;grid-template-columns:37px minmax(0,1fr);gap:11px;align-items:center;overflow:hidden;border:1px solid var(--gx-line);border-radius:16px;background:linear-gradient(145deg,rgba(19,29,25,.98),rgba(7,13,10,.99));box-shadow:0 22px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px);opacity:0;transform:translateX(25px) scale(.98);pointer-events:auto;transition:.25s cubic-bezier(.2,.8,.2,1); }.gb-toast.show { opacity:1;transform:none; }.gb-toast > i { width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(103,188,255,.1);color:#70c3ff; }.gb-toast.success > i { background:rgba(101,255,53,.1);color:var(--gx-green); }.gb-toast.error > i { background:rgba(255,105,105,.1);color:#ff7777; }.gb-toast.warning > i { background:rgba(255,199,83,.1);color:#ffc753; }.gb-toast > i svg { width:17px;height:17px; }.gb-toast b,.gb-toast span { display:block; }.gb-toast b { color:#e7ede9;font-size:10px; }.gb-toast span { margin-top:4px;color:#6f7c75;font-size:8px;line-height:1.4; }.gb-toast > button { position:absolute;right:8px;top:8px;width:25px;height:25px;display:grid;place-items:center;border:0;background:transparent;color:#59665f;cursor:pointer; }.gb-toast > button svg { width:12px;height:12px; }.gb-toast > em { height:2px;position:absolute;left:0;right:0;bottom:0;transform-origin:left;background:currentColor;color:#70c3ff;animation:gxToastTime var(--toast-duration) linear forwards; }.gb-toast.success > em { color:var(--gx-green); }.gb-toast.error > em { color:#ff7777; }.gb-toast.warning > em { color:#ffc753; } @keyframes gxToastTime { to{transform:scaleX(0)} }

.gb-route-skeleton { height:520px;position:absolute;z-index:5000;left:0;right:0;top:0;padding:15px;display:grid;grid-template-columns:220px 1fr 1fr;grid-template-rows:150px 150px;gap:12px;border-radius:20px;background:#070c09;transition:opacity .28s ease,visibility .28s ease; }.gb-route-skeleton.hide { opacity:0;visibility:hidden; }.gb-route-skeleton > * { position:relative;overflow:hidden;border-radius:16px;background:#111915; }.gb-route-skeleton > i { grid-row:1/3; }.gb-route-skeleton > b { grid-column:2/4; }.gb-route-skeleton > *::after { content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);animation:gxShimmer 1.1s infinite; } @keyframes gxShimmer { to{transform:translateX(100%)} }
.gb-ripple { width:12px;height:12px;position:absolute!important;z-index:99;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:rgba(255,255,255,.25);pointer-events:none;animation:gxRipple .55s ease-out forwards; } @keyframes gxRipple { to{opacity:0;transform:translate(-50%,-50%) scale(12)} }
button,a { -webkit-tap-highlight-color:transparent; }

@media (max-width:1000px) {
  .gb-library-grid { grid-template-columns:repeat(3,1fr); }.gb-library-grid.compact { grid-template-columns:repeat(3,1fr); }.gb-badge-grid { grid-template-columns:repeat(3,1fr); }.gb-profile-quick > div { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px) {
  .gb-search-dock { min-height:49px;margin:8px 0 7px;padding:5px;border-radius:13px; }.gb-search-box { width:auto;flex:1;height:37px;padding:0 10px; }.gb-search-box span { max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.gb-search-box kbd { display:none; }.gb-search-dock > div { gap:2px; }.gb-search-dock > div > button { min-width:36px;width:36px;height:36px;padding:0; }.gb-search-dock > div > button span { display:none; }.gb-search-dock > div em { position:absolute;right:-2px;top:-2px; }
  .gb-search-overlay { padding:0;align-items:flex-end; }.gb-search-panel { width:100%;max-height:92dvh;border-radius:23px 23px 0 0;transform:translateY(30px); }.gb-search-input-row { height:64px;padding:0 14px; }.gb-search-input-row input { font-size:14px; }.gb-search-meta { overflow:hidden; }.gb-search-results { max-height:calc(92dvh - 165px);padding:6px 8px 12px; }.gb-search-results article { grid-template-columns:58px minmax(0,1fr) 34px;min-height:68px;padding:7px; }.gb-search-results article > img { width:58px;height:46px; }.gb-result-open { display:none; }.gb-search-panel > footer { display:none; }
  .gb-experience-page { gap:12px;margin-bottom:95px; }.gb-experience-hero { min-height:145px;padding:21px;border-radius:19px; }.gb-experience-hero h1 { font-size:28px; }.gb-experience-hero p { font-size:9px; }.gb-hero-action { padding:0 11px;font-size:0; }.gb-hero-action svg { width:18px;height:18px; }
  .gb-library-section { border-radius:17px; }.gb-library-section > header { min-height:64px;padding:13px 15px; }.gb-library-section > header h2 { font-size:14px; }.gb-library-grid,.gb-library-grid.compact { margin-right:-1px;padding:11px;display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none; }.gb-library-grid::-webkit-scrollbar { display:none; }.gb-library-card { flex:0 0 52%;scroll-snap-align:start; }.gb-library-grid.compact .gb-library-card { flex-basis:46%; }.gb-library-media,.gb-library-grid.compact .gb-library-media { height:110px; }
  .gb-bonus-balance { display:none; }.gb-bonus-grid { margin-right:-1px;padding:11px;display:flex;overflow-x:auto;scrollbar-width:none; }.gb-bonus-grid article { flex:0 0 78%;min-height:210px; }.gb-task-list { padding:5px 12px 10px; }.gb-task-list article { grid-template-columns:34px minmax(0,1fr) 34px;gap:8px; }.gb-task-list article > strong { display:none; }.gb-badge-grid { margin-right:-1px;padding:11px;display:flex;overflow-x:auto;scrollbar-width:none; }.gb-badge-grid article { flex:0 0 42%;min-height:165px; }
  .gb-setting-row { padding:14px 15px;align-items:flex-start;flex-direction:column; }.gb-choice-group { width:100%; }.gb-choice-group button { flex:1;min-width:0; }.gb-setting-row > .gb-switch,.gb-setting-row > .gb-setting-action { align-self:flex-end;margin-top:-38px; }
  .gb-profile-quick > div { display:flex;overflow-x:auto;scrollbar-width:none; }.gb-profile-quick button { flex:0 0 145px; }.gb-account-nav nav button[data-xp-nav] { display:flex; }
  .gb-winner-ticker { width:calc(100% - 24px);right:12px;bottom:88px;min-height:60px;border-radius:14px; }.gb-toast-host { top:70px;right:14px; }.gb-toast { min-height:69px; }
  .gb-route-skeleton { height:440px;padding:10px;grid-template-columns:1fr 1fr;grid-template-rows:130px 130px 130px; }.gb-route-skeleton > i { grid-row:auto;grid-column:1/3; }.gb-route-skeleton > b { grid-column:auto; }
  .gb-card-heart { width:32px;height:32px;right:7px;top:7px; }.gb-card-heart svg { width:15px;height:15px; }
  .gb-ripple { display:none; }
}
@media (max-width:390px) { .gb-search-box span { max-width:110px; }.gb-search-dock > div > button:nth-child(2) { display:none; }.gb-library-card { flex-basis:66%; }.gb-badge-grid article { flex-basis:52%; } }
@media (prefers-reduced-motion:reduce) { .gb-search-panel,.gb-toast,.gb-library-card,.gb-winner-ticker div,.gb-route-skeleton *::after { animation:none!important;transition:none!important; }.gb-ripple { display:none!important; } }