/* Gravel Performance – arculat és saját oldalak (belépés, Ügyfeleim, ügyfél mappa, Fiók).
   Színek: M2 „Mészkő” · Betűk: M3 (Archivo keskeny a címekhez, Inter a szöveghez) · Logó: E (murvadomb + talicska).
   A tervező (gym.js, etui.js) az apple.css változóit használja – itt azokat írjuk felül, így az egész oldal egységes. */

/* ---------------------------------------------------------------- tokenek */
:root{
 --bg:#e4ded3;--card:#f7f4ee;--text:#23211e;--muted:#645e55;--line:#d3cbbd;--line2:#c4bba9;--fill:#ebe5da;--fill2:#ddd5c7;
 --ink:#23211e;--on-ink:#f7f4ee;--sel:#ddd5c7;--tint:#34506e;--tint-bg:rgba(52,80,110,.12);--green:#34506e;--team:#34506e;--red:#c4000f;--player:#c4000f;
 --mat:rgba(228,222,211,.86);--mat-thick:rgba(228,222,211,.95);--hair:rgba(35,33,30,.14);--scrim:rgba(35,33,30,.38);
 --sh1:0 1px 2px rgba(35,33,30,.06);--sh2:0 12px 36px rgba(35,33,30,.16);--sh3:0 20px 50px rgba(35,33,30,.22);
 --bad:#c4000f;
 --lg-pile:#c4bba9;--lg-halo:var(--bg);--lg-ink:#23211e;--lg-acc:#34506e;--tint-tx:#34506e;
 --ff:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
 --fd:"Archivo","Inter",system-ui,sans-serif;
 --tab-h:64px;color-scheme:light}
:root[data-theme="dark"]{
 --bg:#171513;--card:#23201c;--text:#efebe3;--muted:#a8a196;--line:#34302a;--line2:#433e36;--fill:#2e2a25;--fill2:#3a352f;
 --ink:#efebe3;--on-ink:#171513;--sel:#2e2a25;--tint:#4f7299;--tint-bg:rgba(125,156,192,.18);--green:#9cbbe0;--team:#9cbbe0;--red:#ff6b61;--player:#ff6b61;
 --mat:rgba(23,21,19,.84);--mat-thick:rgba(23,21,19,.94);--hair:rgba(239,235,227,.14);--scrim:rgba(0,0,0,.55);
 --sh1:none;--sh2:0 12px 36px rgba(0,0,0,.5);--sh3:0 20px 50px rgba(0,0,0,.6);
 --bad:#ff6b61;--lg-pile:#4a4540;--lg-ink:#efebe3;--lg-acc:#7d9cc0;--tint-tx:#9cbbe0;color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#171513;--card:#23201c;--text:#efebe3;--muted:#a8a196;--line:#34302a;--line2:#433e36;--fill:#2e2a25;--fill2:#3a352f;
 --ink:#efebe3;--on-ink:#171513;--sel:#2e2a25;--tint:#4f7299;--tint-bg:rgba(125,156,192,.18);--green:#9cbbe0;--team:#9cbbe0;--red:#ff6b61;--player:#ff6b61;
 --mat:rgba(23,21,19,.84);--mat-thick:rgba(23,21,19,.94);--hair:rgba(239,235,227,.14);--scrim:rgba(0,0,0,.55);
 --sh1:none;--sh2:0 12px 36px rgba(0,0,0,.5);--sh3:0 20px 50px rgba(0,0,0,.6);
 --bad:#ff6b61;--lg-pile:#4a4540;--lg-ink:#efebe3;--lg-acc:#7d9cc0;--tint-tx:#9cbbe0;color-scheme:dark}}

/* ---------------------------------------------------------------- alap, telefonos app-érzés */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--ff)!important;background:var(--bg)!important;padding-top:0!important;padding-left:0!important;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
body:not(.locked){padding-left:0!important}
button,a,input,select,textarea,label{touch-action:manipulation}
button{transition:transform .14s var(--spring),background-color .15s var(--ease),opacity .15s var(--ease)}
button:active:not(:disabled){transform:scale(.97)}
button:disabled{opacity:.5}
:focus-visible{outline:2px solid var(--tint);outline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Állapot csak a fő színekkel. Piros (--bad) kizárólag hibaüzenet és visszavonhatatlan művelet.
   Címke: kész = kék kitöltött · folyamatban / részben / hiányzik = körvonalas · nem csinálta = kátrány kitöltött · kiküldve = halvány szöveg */
.ok{color:var(--tint-tx)!important}.ms,.bad{color:var(--text)!important}
.et-cdst,.gp-st{display:inline-flex;align-items:center;min-height:24px;padding:0 10px!important;border-radius:999px;font-size:.74rem!important;font-weight:700!important;letter-spacing:.02em;white-space:nowrap;text-align:center}
.et-cdst.ok,.gp-st.ok{background:var(--tint);color:#fff!important}
.et-cdst.ms,.gp-st.ms{background:transparent;color:var(--text)!important;box-shadow:inset 0 0 0 1.5px var(--text)}
.et-cdst.bad,.gp-st.bad{background:var(--ink);color:var(--on-ink)!important}
.et-cdst.mu,.gp-st.mu{padding:0!important;min-height:0;color:var(--muted)!important;font-weight:500!important;font-size:.82rem!important}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* címek: Archivo keskeny, nagybetűs */
main h1,.gp-auth h1,.mc h2{font-family:var(--fd)!important;font-stretch:72%;font-weight:900!important;text-transform:uppercase;letter-spacing:.005em;border:0!important;padding-left:0!important;line-height:1.02}
main h1{font-size:2.3rem!important}
.mc h2{font-size:1.5rem!important}

/* ---------------------------------------------------------------- logó */
.gp-logo{display:flex;align-items:center;gap:8px}
.gp-mark{width:34px;height:34px;flex:0 0 34px;display:block}
.gp-mark-l{width:96px;height:96px;flex-basis:96px}
.gp-brand{display:flex;flex-direction:column;line-height:1;color:var(--text)}
.gp-brand b{font-family:var(--fd);font-stretch:70%;font-weight:900;font-size:1.45rem;letter-spacing:.01em}
.gp-brand span{font-family:var(--fd);font-weight:600;font-size:.5rem;letter-spacing:.44em;margin-top:2px}
.gp-brand-l{align-items:center}.gp-brand-l b{font-size:2.9rem}.gp-brand-l span{font-size:.78rem;margin-top:4px}
.gp-tag{font-size:.84rem;font-weight:600;color:var(--muted)}

/* ---------------------------------------------------------------- belépés */
body.locked .gp-top,body.locked main,body.locked .gp-tab,body.locked .gp-view{display:none!important}
#auth:empty{display:none}
.gp-auth{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box}
.gp-lock{display:flex;flex-direction:column;align-items:center;gap:10px}
.gp-auth .gp-form{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 20px;box-sizing:border-box}
.gp-auth h1{font-size:1.9rem;margin:0 0 4px}

/* ---------------------------------------------------------------- felső sáv, előnézet */
.gp-top{position:sticky;top:0;z-index:30;background:var(--mat);-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border-bottom:.5px solid var(--hair);padding-top:env(safe-area-inset-top)}
.gp-tb{max-width:1300px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box}
.gp-acct{width:40px;height:40px;border-radius:50%;border:0!important;background:var(--card)!important;color:var(--text)!important;font:inherit;font-size:.82rem;font-weight:700;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.gp-view{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:29;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:var(--ink);color:var(--on-ink);font-size:.86rem}
.gp-view[hidden]{display:none!important}
.gp-view button{background:transparent!important;border:1px solid currentColor!important;color:inherit!important;border-radius:999px!important;padding:6px 14px!important;font:inherit;font-weight:600;min-height:36px}

/* ---------------------------------------------------------------- alsó sáv (edző) */
.gp-tab{display:none}
body.adm:not(.viewing) .gp-tab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--mat);-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border-top:.5px solid var(--hair);padding:4px 4px calc(6px + env(safe-area-inset-bottom))}
body.adm:not(.viewing) main{padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom))}
.gp-tab button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;font:inherit;font-size:.68rem;font-weight:600;padding:6px 0 2px!important;min-height:50px;cursor:pointer}
.gp-tab button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gp-tab button.on{color:var(--tint-tx)!important}
.gp-tab button.on svg{stroke-width:2.2}
body.adm:not(.viewing) #toast{bottom:calc(var(--tab-h) + 18px + env(safe-area-inset-bottom))}
@media (min-width:900px){body.adm:not(.viewing) .gp-tab{left:50%;right:auto;transform:translateX(-50%);bottom:14px;border:.5px solid var(--hair);border-radius:18px;width:440px;box-shadow:var(--sh2);padding:4px}}
#toast{background:var(--ink)!important;color:var(--on-ink)!important;border-radius:12px!important;font-weight:500}
#toast.bad{background:var(--bad)!important;color:#fff!important}

/* ---------------------------------------------------------------- oldalak */
.gp-pg{max-width:760px!important}
.gp-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.gp-h h1{margin:0}
.gp-hb{border-radius:999px!important;min-height:40px;padding:0 16px!important;font-weight:600}
.gp-lh{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:22px 2px 8px}
.gp-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gp-sum>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.gp-sum b,.gp-nums b{font-family:var(--fd);font-stretch:80%;font-weight:900;font-size:1.75rem;line-height:1.05}
.gp-sum span,.gp-nums span{font-size:.76rem;color:var(--muted)}
.gp-q{display:block;margin-top:14px}
.gp-q input{width:100%;box-sizing:border-box;height:44px;border:1px solid var(--line)!important;border-radius:12px;background:var(--card)!important;padding:0 14px;font:inherit;font-size:1rem;color:var(--text)}
.gp-list{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.gp-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;border-top:1px solid var(--line)!important;text-align:left;font:inherit;color:var(--text)!important;cursor:pointer;min-height:64px}
.gp-row:first-child{border-top:0!important}
.gp-row:active:not(:disabled){transform:none;background:var(--fill)!important}
.gp-row>i{font-style:normal;color:var(--muted);font-size:1.2rem}
.gp-av{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--fill2);display:flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:700;color:var(--text)}
.gp-av-l{width:52px;height:52px;flex-basis:52px;font-size:1.02rem}
.gp-rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gp-rb b{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp-rb small{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gp-st{font-size:.84rem;font-weight:600;white-space:nowrap}
.gp-st.mu{color:var(--muted);font-weight:500}
.gp-hint,.gp-sm{font-size:.82rem;color:var(--muted);margin:8px 2px 0;line-height:1.45}
.gp-sm b{color:var(--text)}
.gp-none{font-size:.9rem;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.gp-arch{margin-top:8px;opacity:.75}
.gp-emp{text-align:center;padding:10px 4px}.gp-emp b{font-family:var(--fd);font-stretch:75%;font-weight:900;font-size:1.4rem;text-transform:uppercase}.gp-emp p{color:var(--muted);margin:6px 0 14px}
.gp-lnk{display:block;background:none!important;border:0!important;box-shadow:none!important;color:var(--tint-tx)!important;font:inherit;font-size:.92rem;font-weight:600;padding:12px 2px!important;cursor:pointer;min-height:44px;text-align:left}

/* ügyfél nézet: üdvözlés és lábléc */
.gp-wel{font-size:.86rem;font-weight:600;color:var(--muted);margin-bottom:2px}
.gp-foot{margin:28px 0 8px;text-align:center;font-family:var(--fd);font-stretch:80%;font-weight:800;font-size:.74rem;letter-spacing:.16em;color:var(--muted);opacity:.8}
#pgGp header{margin-bottom:10px}

/* ---------------------------------------------------------------- ügyfél mappa */
.gp-back{background:none!important;border:0!important;box-shadow:none!important;color:var(--tint-tx)!important;font:inherit;font-size:1rem;font-weight:600;padding:6px 0!important;min-height:44px;cursor:pointer}
.gp-hero{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px}
.gp-hh{display:flex;align-items:center;gap:12px}
.gp-hn{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.gp-hn h1{font-size:1.75rem!important;margin:0}
.gp-hn small{color:var(--muted);font-size:.86rem}
.gp-chip{border:0!important;background:var(--fill)!important;border-radius:999px!important;min-height:38px;padding:0 14px!important;font:inherit;font-size:.84rem;font-weight:600;color:var(--text)!important}
.gp-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);padding-top:12px}
.gp-nums>div{display:flex;flex-direction:column}
.gp-note{font-size:.85rem;color:var(--text);font-weight:600}
.gp-new{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;background:var(--tint)!important;border:0!important;color:#fff!important;border-radius:14px!important;padding:13px 16px!important;text-align:left;font:inherit;cursor:pointer;min-height:62px}
.gp-new>span:first-child{font-size:1.6rem;line-height:1}
.gp-new>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.gp-new b{font-family:var(--fd);font-stretch:80%;font-weight:900;font-size:1.2rem;text-transform:uppercase;letter-spacing:.02em}.gp-new small{font-size:.82rem;opacity:.92}
.gp-new i{font-style:normal;font-size:1.2rem}
section.gp-acs{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
section.gp-acs .gp-sm{margin:0 0 10px}
.gp-ab{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gp-ab button{min-height:44px;border-radius:12px!important;padding:0 16px!important;font:inherit;font-weight:600}
.gp-danger{background:transparent!important;color:var(--bad)!important;border:1px solid var(--line2)!important}

/* ---------------------------------------------------------------- űrlapok, ablakok, választó */
.gp-form{display:flex;flex-direction:column;gap:12px}
.gp-form label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;font-weight:600;color:var(--muted)}
.gp-form input,.gp-form textarea{font:inherit;font-size:1rem;color:var(--text);background:var(--fill)!important;border:1px solid transparent!important;border-radius:12px;padding:11px 12px;min-height:46px;box-sizing:border-box;width:100%;transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.gp-form input:focus,.gp-form textarea:focus{outline:none;border-color:var(--tint)!important;background:var(--card)!important}
.gp-form textarea{resize:vertical;min-height:84px}
.gp-form button[type=submit]{min-height:50px;border-radius:12px!important;font-size:1rem;font-weight:600}
.gp-err{color:var(--bad);font-size:.86rem;margin:0;min-height:1em}
.gp-err:empty{display:none}
.gp-mc{max-width:520px!important}
.gp-ask h2{margin:0 0 6px;font-size:1.35rem!important}.gp-ask p{margin:0 0 16px;color:var(--muted)}
.gp-pw{font-family:Menlo,Consolas,monospace;font-size:1.3rem;letter-spacing:.05em;background:var(--fill);border-radius:12px;padding:12px;text-align:center;margin:10px 0}
#pwmb textarea{width:100%;box-sizing:border-box;font:inherit;font-size:.85rem;background:var(--fill);border:0;border-radius:12px;padding:10px;margin-bottom:12px;color:var(--text)}
.gp-out{width:100%;margin-top:22px;min-height:50px;border-radius:12px!important;background:var(--card)!important;color:var(--bad)!important;border:1px solid var(--line)!important;font:inherit;font-weight:600}
#pgA .gp-form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
#pgA .gp-form .gp-sm{margin:0}
.gp-seg{display:flex;gap:4px;background:var(--fill2);border-radius:12px;padding:4px}
.gp-seg button{flex:1;min-height:40px;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--muted)!important;font:inherit;font-size:.92rem;font-weight:600;padding:0 12px!important}
.gp-seg button.on{background:var(--card)!important;color:var(--text)!important;box-shadow:0 1px 3px rgba(35,33,30,.12)}
.gp-seg-s{width:100%;max-width:240px}
.gp-seg-s button{min-height:36px;font-size:.84rem}

/* ---------------------------------------------------------------- a tervező elemei az új arculatban */
.gy-h{font-size:.72rem!important;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)!important;margin:20px 2px 8px!important}
#gpbody button.gy-card{background:var(--card)!important;border:1px solid var(--line)!important;border-left:4px solid var(--tint)!important;border-radius:14px!important;box-shadow:none!important}
#gpbody button.gy-card.gy-today{background:color-mix(in srgb,var(--tint) 7%,var(--card))!important}
#gpbody h2:not(.gy-h){font-family:var(--fd);font-stretch:75%;font-weight:900;text-transform:uppercase;letter-spacing:.01em}
#gpback{color:var(--tint-tx)!important}
#pgGp{padding-bottom:96px}

/* blokkok: nincs színes pötty, a név határozottan */
.bk-h i{display:none!important}
.bk-h,.bk-h>span{font-family:var(--fd)!important;font-stretch:75%;font-weight:900!important;font-size:.98rem!important;letter-spacing:.04em!important;color:var(--text)!important;text-transform:uppercase}
.gy-btag{background:var(--fill2)!important;color:var(--text)!important;font-weight:700}
.gy-pb{border-left-width:3px!important}
/* blokk kész: egyszerű, határozott sáv; késznél kátrány, fehér pipával */
.gy-pbf{display:block!important}
button.gy-tk2{display:flex!important;width:100%;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px!important;border-radius:12px!important;
 background:transparent!important;background-image:none!important;border:1.5px solid var(--text)!important;color:var(--text)!important;
 font-family:var(--fd)!important;font-stretch:80%;font-weight:900!important;font-size:1rem!important;letter-spacing:.06em;text-transform:uppercase;box-shadow:none!important}
button.gy-tk2 svg{display:none}
button.gy-tk2.on{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--on-ink)!important}
button.gy-tk2.on svg{display:block;width:18px;height:18px;padding:0;border:0!important;background:none!important;color:var(--on-ink)!important}
button.gy-tk2:hover{filter:none}
/* mentés-állapot sáv: semleges */
.gp-off{background:var(--card)!important;border:1px solid var(--line)!important;color:var(--text)!important}
.gp-off svg,.gp-off.ok svg{color:var(--text)!important}
.gp-off.ok{background:var(--card)!important;border-color:var(--line)!important}
/* RPE-csúszka: a fő színek skálája (világos murva → munkaruha-kék → kátrány) */
.gy-rr{background:linear-gradient(90deg,#c4bba9 0%,#a39885 30%,#5d7896 65%,#34506e 85%,#23211e 100%)!important}
.gy-rdone b::before{display:none!important}
.gy-rdot{background:var(--ink)!important;box-shadow:none!important;animation:none!important}
button.gy-tk2.on:disabled{opacity:1}
.et-lh{font-size:.72rem!important;font-weight:700!important;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)!important}

/* ---------------------------------------------------------------- bezárás: egységes X a jobb felső sarokban */
button.gp-x{position:absolute!important;top:10px;right:10px;width:44px;height:44px;min-height:0;border-radius:50%!important;border:0!important;background:var(--fill)!important;color:var(--text)!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;z-index:3;box-shadow:none!important}
button.gp-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.gp-hasx .ch,.gp-hasx .gy-rth{padding-right:52px;min-height:44px}
.gp-hasx>.ch:only-child,.gp-hasx .ch:has(> h2[hidden]:first-child){min-height:44px}

/* ---------------------------------------------------------------- edzés közben: edzéssáv (felül) és pihenősáv (alul) */
#gyrtf{display:none!important}
#pgGp.gp-inses>header,#pgGp.gp-inses .gy-hero h2,#pgGp.gp-inses .gy-hprog,#pgGp.gp-inses .gp-wel{display:none!important}
.gp-wbar{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:25;margin:-20px -16px 14px;padding:6px 14px 10px 4px;background:var(--mat);-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px);border-bottom:.5px solid var(--hair)}
.gp-wbar[hidden]{display:none!important}
.gp-wbr{display:flex;align-items:center;gap:4px}
.gp-wbk{width:44px;height:44px;flex:0 0 44px;border:0!important;background:none!important;box-shadow:none!important;color:var(--tint-tx)!important;font-size:1.9rem!important;line-height:1;padding:0 0 4px!important}
.gp-wbt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gp-wbt b{font-family:var(--fd);font-stretch:75%;font-weight:900;font-size:1.3rem;text-transform:uppercase;line-height:1.02;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gp-wbt small{font-size:.76rem;color:var(--muted)}
.gp-wrt{height:44px;border:0!important;border-radius:12px!important;background:var(--ink)!important;color:var(--on-ink)!important;display:flex;align-items:center;gap:6px;padding:0 14px!important;font:inherit;font-size:.92rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:96px;justify-content:center}
.gp-wrt.on{background:var(--tint)!important;color:#fff!important}
.gp-wrt svg{width:20px;height:20px}
.gp-wbp{height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin:8px 0 0 10px}
.gp-wbp span{display:block;height:100%;width:0;background:var(--ink);transition:width .35s var(--ease)}
:root{--dock-bg:#23211e;--dock-tx:#f7f4ee;--dock-mu:#a8a196}
:root[data-theme="dark"]{--dock-bg:#2e2a25}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--dock-bg:#2e2a25}}
.gp-rdock{position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--dock-bg);color:var(--dock-tx);padding:12px 16px calc(14px + env(safe-area-inset-bottom));transform:translateY(110%);visibility:hidden;transition:transform .3s var(--spring),visibility 0s .3s;box-shadow:0 -8px 24px rgba(0,0,0,.18)}
.gp-rdock.on{transform:none;visibility:visible;transition:transform .3s var(--spring),visibility 0s}
.gp-rdp{height:4px;border-radius:2px;background:rgba(247,244,238,.16);overflow:hidden;margin:0 auto 10px;max-width:760px}
.gp-rdp span{display:block;height:100%;width:0;background:#9cbbe0;transition:width .25s linear}
.gp-rdr{display:flex;align-items:center;gap:10px;max-width:760px;margin:0 auto}
.gp-rdt{flex:1;display:flex;flex-direction:column}
.gp-rdt span{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dock-mu)}
.gp-rdt b{font-family:var(--fd);font-stretch:80%;font-weight:900;font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}
.gp-rdr button{height:46px;border:0!important;border-radius:12px!important;padding:0 16px!important;font:inherit;font-size:.92rem;font-weight:600;background:rgba(247,244,238,.12)!important;color:var(--dock-tx)!important}
.gp-rdr button.gp-rdsk{background:var(--dock-tx)!important;color:var(--dock-bg)!important;font-weight:700}
body.gp-resting #pgGp{padding-bottom:calc(140px + env(safe-area-inset-bottom))}
[hidden]{display:none!important}
.gp-wbt b{line-height:1.18!important;padding-top:2px}
.gy-btw::before{display:none!important}
.gy-dt.on{background:var(--fill2)!important;border-color:var(--text)!important}
.et-dot{display:none!important}
#cex.gp-x,#gyedx.gp-x,#gypkx.gp-x,#gyvx.gp-x,#gytmx.gp-x,#gylibx.gp-x,#gyrtmin.gp-x,#gycex.gp-x{color:var(--text)!important}