/* ===== Get Gemara Words skin (Nov 2026): dark beit-midrash + gold. Loaded after styles.css; colours live in :root there. ===== */
@font-face{font-family:"GQDisplay";src:url(fonts/oswald-600.woff2) format("woff2");font-weight:500 700;font-display:swap}
html,body{background:var(--bg0)}
body{color:var(--ink)}
#app{background:var(--bg0) url(ui/grain.webp);box-shadow:0 0 0 1px rgba(212,175,55,.08),0 0 60px rgba(0,0,0,.6)}
@media (min-width:600px){body{background:radial-gradient(90% 70% at 50% 30%,#13241e,#050908 70%)}}
.he{font-weight:600;color:#f6ecd2}
h1,h2,h3,.gtitle,.plainhead h2,.panel h3,.res h2,.dres h2{font-family:var(--disp);font-weight:600;letter-spacing:.03em;text-transform:uppercase}
h2,h3{color:var(--ink)}
a{color:var(--gold2)}
::selection{background:rgba(212,175,55,.35)}

/* ---------- icons ---------- */
.gi{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.gi .f{fill:currentColor;stroke:none}.gi .c{fill:var(--bg0);stroke:none}
.gi.t-gold{color:var(--gold)}.gi.t-ember{color:#e8913a}.gi.t-ok{color:#4cc38a}.gi.t-bad{color:#e5675e}.gi.t-red{color:#e0524a}.gi.t-dim{color:#6f7d76}.gi.t-ice{color:#8fd3e8}.gi.t-warn{color:#e8b04a}.gi.t-boss{color:#ff6b5b}
.gi.t-m1{color:#e6c35a}.gi.t-m2{color:#c9d1d6}.gi.t-m3{color:#c98b52}
.gi-flame .c{fill:#ffd88a}.gi.t-ember .c{fill:#ffd88a}
.gi-medal .c{fill:var(--bg0)}

/* ---------- buttons: bevelled, sharp ---------- */
.btn{position:relative;border-radius:var(--r);border:1px solid rgba(255,255,255,.08);background:linear-gradient(#22352e,#17251f);color:var(--ink);font-family:var(--disp);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:1rem;padding:13px 16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 4px 0 var(--edge),0 7px 14px rgba(0,0,0,.35);transition:transform .07s,box-shadow .07s,filter .15s;overflow:hidden}
.btn:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 var(--edge),0 2px 6px rgba(0,0,0,.35)}
.btn:hover{filter:brightness(1.08)}
.btn.primary,.btn.green{background:linear-gradient(#2bb06c,#17804b 55%,#126a3d);color:#fff;border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 0 #0a3b22,0 7px 16px rgba(0,0,0,.4),0 0 18px rgba(43,176,108,.18)}
.btn.primary:active,.btn.green:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #0a3b22,0 2px 6px rgba(0,0,0,.4)}
.btn.gold{background:linear-gradient(#f3d77e,#d4af37 50%,#b8901f);color:#1c1504;border-color:rgba(255,240,190,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 0 #6b520f,0 7px 16px rgba(0,0,0,.4),0 0 22px rgba(212,175,55,.28)}
.btn.gold:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 0 #6b520f,0 2px 6px rgba(0,0,0,.4)}
.btn.orange{background:linear-gradient(#c9853a,#9d5f1e);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 0 #4f2e0a,0 7px 14px rgba(0,0,0,.35)}
.btn.ghost{background:linear-gradient(#18261f,#121d18);color:var(--gold2);border:1px solid rgba(212,175,55,.35);box-shadow:0 3px 0 var(--edge)}
.btn.small{padding:9px 12px;font-size:.84rem}
.btn[disabled]{opacity:.45;filter:saturate(.4)}
.btn.gold::after,.btn.green::after,.btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.btn.gold:hover::after,.btn.green:hover::after{transform:translateX(120%);transition:transform .7s}
.iconbtn{border-radius:var(--r);background:linear-gradient(#1d2e28,#141f1b);border:1px solid rgba(255,255,255,.07);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 0 var(--edge);display:inline-grid;place-items:center}
.iconbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--edge)}
.iconbtn .gi{width:22px;height:22px}
.chip{border-radius:6px !important;background:#16241f !important;color:var(--muted) !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:none !important;font-weight:700}
.chip.on{background:linear-gradient(#e7c75f,#c49a26) !important;color:#1c1504 !important;border-color:transparent !important}
input,select,textarea{background:#0e1916 !important;color:var(--ink) !important;border:1px solid rgba(212,175,55,.28) !important;border-radius:6px !important}
input::placeholder{color:#7c8a83}
input:focus{outline:2px solid var(--gold) !important;outline-offset:1px}

/* ---------- panels ---------- */
.panel,.acard,.questcard,.qcard,.pcard,.puitem,.hofwall,.bprompt,.lface,.face,.mt-tile,.opt,.rvb,.savenudge,.dmore,.dhero,.prize{border-radius:10px}
.panel{background:linear-gradient(180deg,#1a2b25,#111c18);border:1px solid rgba(212,175,55,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 4px rgba(0,0,0,.35),0 20px 50px rgba(0,0,0,.6);color:var(--ink);animation:gqin .28s cubic-bezier(.2,.9,.3,1.2)}
.panel::before{content:"";display:block;height:2px;margin:-22px -18px 18px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:10px 10px 0 0}
@keyframes gqin{from{transform:translateY(12px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.panel p,.gsub,.fnote,.muted,.hint,.counter,.tap{color:var(--muted)}
.panel .big,.res .big,.dresic,.dswords,.acard.hero .big{display:inline-grid;place-items:center;width:84px;height:84px;margin:0 auto 6px;border-radius:50%;font-size:44px;line-height:1;color:var(--gold);
  background:radial-gradient(circle at 50% 35%,#24392f,#0f1a16 70%);border:2px solid rgba(212,175,55,.6);box-shadow:0 0 0 5px rgba(212,175,55,.08),0 0 30px rgba(212,175,55,.25),inset 0 2px 8px rgba(0,0,0,.6)}
.panel .big .gi,.res .big .gi,.dresic .gi,.dswords .gi{width:44px;height:44px;filter:drop-shadow(0 0 8px rgba(212,175,55,.45))}
.overlay{background:radial-gradient(circle at 50% 40%,rgba(10,22,18,.7),rgba(2,6,5,.88));backdrop-filter:blur(3px)}

/* ---------- MAP ---------- */
.map{background:url(ui/contours.png) 0 0/520px auto,radial-gradient(130% 60% at 50% 10%,#1a3a2e 0%,#0f2019 40%,#0a1210 75%,#070c0b 100%);color:var(--ink)}
.map::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.55))}
.map>*{position:relative;z-index:1}
.maphead{background:linear-gradient(180deg,rgba(5,10,8,.92),rgba(8,15,12,.75));border-bottom:1px solid rgba(212,175,55,.28);box-shadow:0 6px 18px rgba(0,0,0,.35);padding-bottom:9px}
.me{background:linear-gradient(#1c2c26,#121c18);border:1px solid rgba(212,175,55,.35);border-radius:8px;padding:3px 10px 3px 3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.me .nm{font-family:var(--disp);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}
.stats{gap:5px}
.stat{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(#17241f,#0e1714);border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:5px 8px 5px 6px;font-family:var(--disp);font-weight:600;font-size:.95rem;letter-spacing:.02em;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 2px 0 rgba(0,0,0,.4)}
.stat .gi{width:17px;height:17px}
.stat.cold{color:#9aa69f}.stat.cold .gi{color:#6f7d76}
#st-streak .gi{color:#e8913a}
.xpbar{margin:8px 14px 6px;gap:8px}
.xpbar .xlv{font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#f0d27a,#c49a26);color:#1c1504;border-radius:5px;padding:2px 8px;font-size:.82rem;box-shadow:0 2px 0 #6b520f;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.xpbar .xbar{height:10px;border-radius:3px;background:#07100d;border:1px solid rgba(212,175,55,.35);box-shadow:inset 0 1px 3px rgba(0,0,0,.7);overflow:hidden}
.xpbar .xbar .fill{background:linear-gradient(90deg,#9c7a1c,#d4af37 60%,#f6e19a);border-radius:2px;box-shadow:0 0 10px rgba(212,175,55,.6)}
.xpbar .xbar .pend{background:repeating-linear-gradient(45deg,rgba(212,175,55,.35) 0 4px,rgba(212,175,55,.15) 4px 8px);border-radius:2px}
.xpbar .xbt{font-family:var(--disp);font-size:.8rem;color:var(--muted);letter-spacing:.03em}
.playrow{gap:8px;margin:4px 14px 6px}
.pbtn{position:relative;border-radius:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(#1e3029,#121d19);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 0 var(--edge),0 8px 16px rgba(0,0,0,.35);overflow:hidden}
.pbtn::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--acc,#d4af37);box-shadow:0 0 12px var(--acc,#d4af37)}
.pbtn:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 0 var(--edge)}
.pb-board{--acc:#d4af37}.pb-duel{--acc:#e0524a}.pb-dash{--acc:#2bb06c}
.pbtn .pic2{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),rgba(0,0,0,.25));border:1px solid rgba(255,255,255,.08);color:var(--acc);filter:none;font-size:1.3rem}
.pbtn .pic2 .gi{width:21px;height:21px;filter:drop-shadow(0 0 6px var(--acc))}
.pbtn b{font-family:var(--disp);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.95rem}
.pbtn small{color:var(--muted);font-weight:600;opacity:1}
.pbtn small .gi{width:13px;height:13px}
.playrow.three .pbtn{flex-direction:column;align-items:center;text-align:center;gap:5px;padding:9px 4px 8px}
.playrow.three .pbtn .pt{align-items:center}
.pathwrap{padding:4px 14px 22px}
.titlerow{gap:8px}
.logoh img{filter:drop-shadow(0 4px 10px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(212,175,55,.18))}
.iconbtn.acctbtn.guest{background:linear-gradient(#e7c75f,#c49a26);color:#1c1504;border-color:transparent;box-shadow:0 3px 0 #6b520f,0 0 14px rgba(212,175,55,.35)}
.rvb{background:linear-gradient(#1b2b25,#121d19);color:var(--ink);border:1px solid rgba(212,175,55,.3);box-shadow:0 3px 0 var(--edge);font-weight:600}
.rvb .gi{color:var(--gold)}
.rvb .go{background:linear-gradient(#e7c75f,#c49a26);color:#1c1504;border-radius:5px;font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.rvb.appupd{background:linear-gradient(#1f3a2d,#14271f);border-color:rgba(43,176,108,.5)}
.rvb.appupd .go{background:linear-gradient(#2bb06c,#17804b);color:#fff}
.questcard{background:linear-gradient(180deg,rgba(26,43,37,.95),rgba(15,26,22,.95));border:1px solid rgba(212,175,55,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.4);color:var(--ink)}
.qhead b,.qtitle{font-family:var(--disp);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.qhead .flame{filter:grayscale(1) brightness(.7)}.qhead .flame.lit{filter:drop-shadow(0 0 8px rgba(232,145,58,.8))}
.qhead .flame .gi{width:30px;height:30px}
.qrow{background:#0c1512 !important;border:1px solid rgba(255,255,255,.06);border-radius:6px !important}
.qrow i{background:linear-gradient(90deg,rgba(212,175,55,.18),rgba(212,175,55,.32)) !important}
.qrow.done i{background:linear-gradient(90deg,rgba(43,176,108,.25),rgba(43,176,108,.4)) !important}
.qtitle .chest .gi{width:22px;height:22px}
.qtitle .chest.ready{filter:drop-shadow(0 0 8px rgba(212,175,55,.9))}
.qfoot{color:var(--muted)}
/* world + level headers */
.path .tierhd,.path .subhd{position:relative;z-index:2;background:linear-gradient(90deg,rgba(10,18,15,.95),rgba(24,40,34,.95),rgba(10,18,15,.95)) !important;border:1px solid rgba(212,175,55,.45) !important;border-radius:6px !important;color:var(--ink) !important;box-shadow:0 6px 16px rgba(0,0,0,.45) !important}
.path .tierhd b{font-family:var(--disp);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2)}
.path .tierhd small,.path .subhd small{color:var(--muted) !important}
.path .tierhd .te{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#24392f,#0f1a16);border:1.5px solid rgba(212,175,55,.6);color:var(--gold);font-size:1.4rem}
.path .tierhd .te .gi{width:22px;height:22px}
.path .subhd b{font-family:var(--disp);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
/* level nodes: diamond medallions on a gold road */
.path{position:relative}
.road{position:absolute;left:0;top:0;pointer-events:none;z-index:0;overflow:visible}
.road path{fill:none;stroke-linecap:round}
.road .rd-todo{stroke:rgba(212,175,55,.28);stroke-width:3;stroke-dasharray:2 9}
.road .rd-glow{stroke:rgba(212,175,55,.25);stroke-width:12;filter:blur(4px)}
.road .rd-done{stroke:#d4af37;stroke-width:4}
.node{z-index:1}
.node .bubble{width:86px;height:86px;border-radius:0;background:transparent !important;box-shadow:none !important;color:#1c1504;font-family:var(--disp);font-weight:600;font-size:1.9rem;isolation:isolate;animation:none}
.node .bubble::before{content:"";position:absolute;inset:13px;z-index:-1;transform:rotate(45deg);border-radius:10px;background:linear-gradient(135deg,#2a4a3c,#14271f);border:2px solid #3e6a56;box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -6px 12px rgba(0,0,0,.4),0 6px 0 rgba(0,0,0,.45),0 10px 18px rgba(0,0,0,.45)}
.node .bubble:active{transform:translateY(3px)}
.node .bubble{color:#e9f2ec;text-shadow:0 2px 0 rgba(0,0,0,.4)}
.node.done .bubble{color:#2a1e03;text-shadow:0 1px 0 rgba(255,240,190,.6)}
.node.done .bubble::before{background:linear-gradient(135deg,#f6e19a,#d4af37 45%,#9c7a1c);border-color:#fff1bf;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -6px 10px rgba(110,80,10,.45),0 6px 0 #5a430b,0 0 22px rgba(212,175,55,.45)}
.node.current .bubble{color:#fff}
.node.current .bubble::before{background:linear-gradient(135deg,#34c47d,#14804b);border-color:#f0d27a;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 6px 0 #0a3b22,0 0 0 4px rgba(212,175,55,.25),0 0 28px rgba(52,196,125,.55)}
.node.current .bubble::after{content:"";position:absolute;inset:6px;z-index:-2;transform:rotate(45deg);border:2px solid rgba(240,210,122,.7);border-radius:12px;animation:gqring 1.8s ease-out infinite}
@keyframes gqring{0%{opacity:.9;transform:rotate(45deg) scale(.85)}100%{opacity:0;transform:rotate(45deg) scale(1.25)}}
.node.locked .bubble{color:#6c7a73;text-shadow:none}
.node.locked .bubble::before{background:linear-gradient(135deg,#1c2622,#111815);border-color:#26332e;box-shadow:inset 0 2px 0 rgba(255,255,255,.04),0 5px 0 rgba(0,0,0,.5)}
.node.locked .bubble .gi{width:26px;height:26px;color:#71807a}
.node.locked .info{opacity:.55}
.node.boss .bubble{font-size:2.1rem;color:#ffd9d2}
.node.boss .bubble .gi,.node.bigboss .bubble .gi{width:34px;height:34px;color:#ffe2dc;filter:drop-shadow(0 0 6px rgba(255,90,70,.8))}
.node.boss .bubble::before{inset:9px;background:linear-gradient(135deg,#8e2a22,#3d0f0c);border-color:#d4af37;box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 6px 0 #250806,0 0 26px rgba(224,82,74,.5)}
.node.boss.done .bubble::before{background:linear-gradient(135deg,#b23a2f,#5a160f);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 6px 0 #250806,0 0 22px rgba(212,175,55,.5)}
.node.bigboss .bubble{width:100px;height:100px}
.node.bigboss .bubble::before{inset:10px;background:linear-gradient(135deg,#a8321f,#2e0906);border:3px solid #f0d27a;box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 7px 0 #1d0504,0 0 34px rgba(224,82,74,.6),0 0 0 6px rgba(212,175,55,.15)}
.node.boss.locked .bubble::before,.node.bigboss.locked .bubble::before{background:linear-gradient(135deg,#3a1d1a,#1a0d0b);border-color:#5a3a33;box-shadow:0 5px 0 rgba(0,0,0,.5)}
.node.boss.locked .bubble .gi,.node.bigboss.locked .bubble .gi{color:#a07b74;filter:none}
.node .t{font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:1.05rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.node .s{color:var(--muted);opacity:1;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.node .stars{display:flex;gap:2px}.node:nth-child(even) .stars{justify-content:flex-end}
.node .stars .gi{width:17px;height:17px;color:var(--gold);filter:drop-shadow(0 0 4px rgba(212,175,55,.5))}
.node .stars .off{opacity:1;filter:none}.node .stars .off .gi{color:#3a4a43;filter:none}
.node .preview{color:#e8dcc0;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.needlog{color:#e8b04a !important}
/* bottom dock */
.dock{background:linear-gradient(180deg,rgba(14,24,20,.96),rgba(6,11,9,.98));border-top:1px solid rgba(212,175,55,.35);box-shadow:0 -8px 20px rgba(0,0,0,.4);backdrop-filter:none}
.dockbtn{border-radius:6px;color:#b9c3bb;font-family:var(--disp);font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}
.dockbtn .ic{display:grid;place-items:center;height:28px}
.dockbtn .ic .gi{width:23px;height:23px;color:#e5dcc4}
.dockbtn:active{background:rgba(212,175,55,.12)}
.dockbtn:active .gi{color:var(--gold)}
.badge{background:linear-gradient(#e0524a,#a32a22);border-radius:4px;font-family:var(--disp);box-shadow:0 0 8px rgba(224,82,74,.6)}

/* emblem avatars */
.av.emb{border-radius:8px;transform:none;background:linear-gradient(135deg,#2b4a3d,#132620);border:1.5px solid #d4af37;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 2px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.4);color:var(--gold2);clip-path:none}
.av.emb .ini{font-family:var(--disp);font-weight:600;letter-spacing:.04em;font-size:calc(var(--s)*.4);color:#f3dc92;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.av.emb .emg{width:58%;height:58%;color:#f0d27a;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}
.av.emb.big{border-width:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 4px rgba(212,175,55,.12),0 8px 20px rgba(0,0,0,.5)}
.av.emb.sm{border-radius:6px;border-width:1px}
.av.emb.e-c1{background:linear-gradient(135deg,#5a4512,#2a2008)}.av.emb.e-c2{background:linear-gradient(135deg,#1f5a43,#0c2a1f)}.av.emb.e-c3{background:linear-gradient(135deg,#5a1f22,#2a0c0e)}
.av.emb.e-c4{background:linear-gradient(135deg,#1e2f4f,#0c1426)}.av.emb.e-c5{background:linear-gradient(135deg,#3a2052,#150b22)}
.oppav.emb{border-color:#c0c8cc}.oppav.emb .ini{color:#e3e9ec}

/* ---------- PLAY / QUIZ ---------- */
.play{background:radial-gradient(120% 60% at 50% 0%,#15291f,#0b1411 60%,#080d0c) !important}
.playbar{background:linear-gradient(180deg,#0a1210,#0d1714);border-bottom:1px solid rgba(212,175,55,.25);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.step{border-radius:4px;background:#14211c;border:1px solid rgba(255,255,255,.06);opacity:1;color:#6f7d76}
.step .gi{width:16px;height:16px}
.step.on{background:linear-gradient(#f0d27a,#c49a26);color:#1c1504;box-shadow:0 0 12px rgba(212,175,55,.45);border-color:transparent}
.step.ok{background:#173a2a;color:#4cc38a;border-color:rgba(76,195,138,.3)}
.lvtag{color:var(--gold2);font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.gtitle{color:var(--ink);font-size:1.1rem}
.gtitle .gi{color:var(--gold)}
.qtop{font-family:var(--disp);font-weight:600;letter-spacing:.04em;color:var(--muted)}
.qtop .combo,.combo{color:#e8913a}
.timer{height:6px;background:#07100d;border:1px solid rgba(255,255,255,.06);border-radius:2px}
.timer i{background:linear-gradient(90deg,#9c7a1c,#d4af37,#f6e19a);border-radius:2px;box-shadow:0 0 10px rgba(212,175,55,.6)}
.qcard{background:radial-gradient(120% 100% at 50% 0%,#1f3129,#111c18);border:1px solid rgba(212,175,55,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.45)}
.qcard .he{color:#f6ecd2;text-shadow:0 2px 12px rgba(212,175,55,.15)}
.qcard .en,.lface .en,.fhead .en,.bprompt .en{color:var(--gold2)}
.qcard .ask{color:var(--muted);font-family:var(--disp);letter-spacing:.1em}
.opt{background:linear-gradient(#1d2e28,#141f1b);border:1px solid rgba(255,255,255,.09);color:var(--ink);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 0 var(--edge),0 6px 12px rgba(0,0,0,.3);font-weight:600;transition:transform .07s,box-shadow .07s,background .15s}
.opt:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}
.opt .he{color:#f6ecd2}
.opt.right{background:linear-gradient(#22834f,#14603a);border-color:#4cc38a;color:#fff;box-shadow:0 4px 0 #082a18,0 0 22px rgba(76,195,138,.5);animation:gqflash .35s}
.opt.wrong{background:linear-gradient(#7a2620,#561a15);border-color:#e0524a;color:#fff;box-shadow:0 4px 0 #2a0b08,0 0 18px rgba(224,82,74,.4)}
.opt.gone{opacity:.25 !important}
@keyframes gqflash{0%{filter:brightness(1.9)}100%{filter:none}}
.pubtn{border-radius:6px !important;background:#16241f !important;border:1px solid rgba(212,175,55,.3) !important;color:var(--ink) !important;box-shadow:0 2px 0 var(--edge) !important;font-weight:700}
.pubtn b{background:var(--gold) !important;color:#1c1504 !important;border-radius:4px !important}
.pubtn .gi{color:var(--gold)}
.cmeter{border-radius:6px !important;background:linear-gradient(#2a1a0c,#1a1008) !important;border:1px solid rgba(232,145,58,.6) !important;color:#ffd7a8 !important;font-family:var(--disp);letter-spacing:.04em;box-shadow:0 0 14px rgba(232,145,58,.35) !important}
.cmeter.lost{background:#2a0e0c !important;border-color:#e0524a !important;color:#ffb3ab !important}
.combocele{font-family:var(--disp) !important;font-weight:600 !important;letter-spacing:.06em;text-transform:uppercase;color:#fff4d6 !important;text-shadow:0 0 18px rgba(212,175,55,.9),0 3px 0 rgba(0,0,0,.6) !important;background:none !important}
.combocele small{color:var(--gold2) !important;letter-spacing:.3em}
/* learn / match / falling / builder */
.lface{background:radial-gradient(120% 100% at 50% 0%,#1f3129,#111c18);border:1px solid rgba(212,175,55,.38);box-shadow:0 6px 0 var(--edge),0 12px 26px rgba(0,0,0,.45)}
.lface.back{background:radial-gradient(120% 100% at 50% 0%,#2c2615,#17140b);border-color:rgba(212,175,55,.6)}
.lface .num,.face .tagk{color:var(--muted)}
.dots i{background:#24332d}.dots i.on{background:var(--gold)}.dots i.seen{background:#6d7f77}
.mt-tile{background:linear-gradient(#1d2e28,#141f1b);border:1px solid rgba(255,255,255,.09);box-shadow:0 4px 0 var(--edge);color:var(--ink)}
.mt-tile .cap{color:var(--muted)}
.mt-tile.sel{background:linear-gradient(#3a321a,#251f0f);box-shadow:0 4px 0 var(--edge),0 0 0 2px var(--gold),0 0 16px rgba(212,175,55,.35)}
.mt-tile.ok{background:linear-gradient(#1e6b44,#134a2f);box-shadow:0 4px 0 #082a18;border-color:#4cc38a}
.mt-tile.bad{background:linear-gradient(#6b2520,#4a1714)}
.line{stroke:var(--gold)}
.fhead{background:#0e1815;border-bottom:1px solid rgba(212,175,55,.25)}
.fhead .lbl{color:var(--muted)}
.sky{background:linear-gradient(#0c1a22,#10221c 60%,#15281f) !important}
.sky .ground{background:repeating-linear-gradient(90deg,#2a4a3a 0 18px,#22402f 18px 36px) !important;border-top:1px solid rgba(212,175,55,.35)}
.cloud,.cloud::before,.cloud::after{background:#1b2f39 !important;opacity:.5}
.fb{background:linear-gradient(#22352e,#17251f);border:1px solid rgba(212,175,55,.35);border-radius:8px;box-shadow:0 4px 0 var(--edge),0 6px 14px rgba(0,0,0,.4);color:var(--ink)}
.fb.hit{background:linear-gradient(#22834f,#14603a)}
.fb.reveal{background:linear-gradient(#3a321a,#251f0f);box-shadow:0 0 0 3px var(--gold),0 0 18px rgba(212,175,55,.5)}
.pop{color:var(--gold2) !important;font-family:var(--disp);text-shadow:0 0 10px rgba(212,175,55,.7)}
.hearts .gi{width:18px;height:18px}
.bprompt{background:radial-gradient(120% 100% at 50% 0%,#1f3129,#111c18);border:1px solid rgba(212,175,55,.38);box-shadow:0 6px 16px rgba(0,0,0,.4)}
.tile,.slot{border-radius:7px !important}
.tile{background:linear-gradient(#2a3f36,#1a2a23) !important;border:1px solid rgba(212,175,55,.35) !important;color:#f6ecd2 !important;box-shadow:0 4px 0 var(--edge) !important}
.tile.used{opacity:.25}
.slot{background:#0b1411 !important;border:1px dashed rgba(212,175,55,.35) !important;color:#f6ecd2 !important}
.slot.f{background:#1a2a23 !important;border-style:solid !important}
.slots.win .slot.f{background:linear-gradient(#22834f,#14603a) !important;border-color:#4cc38a !important}
/* results */
.res h2{color:var(--ink)}
.kv div{background:#0e1815 !important;border:1px solid rgba(212,175,55,.25);border-radius:8px !important;color:var(--ink);font-family:var(--disp);font-weight:600}
.kv small{color:var(--muted);font-family:system-ui,sans-serif;font-weight:600}
.bigstars span{color:#33433c}.bigstars span .gi{width:46px;height:46px}
.bigstars span.on{color:var(--gold);filter:drop-shadow(0 0 10px rgba(212,175,55,.7))}
.near{color:var(--gold2) !important;background:rgba(212,175,55,.08) !important;border:1px solid rgba(212,175,55,.3);border-radius:6px !important}
.missed span{background:#2a1513 !important;border:1px solid rgba(224,82,74,.35);border-radius:5px !important;color:#ffd6d1 !important}
.savenudge{background:linear-gradient(#1a2b25,#111c18) !important;border:1px solid rgba(212,175,55,.35) !important;color:var(--ink)}
.savenudge span{color:var(--muted)}

/* ---------- plain screens: shop, account, board, duel, cards, list, placement ---------- */
.plain{background:radial-gradient(120% 50% at 50% 0%,#152820,#0b1411 55%,#080d0c) !important;color:var(--ink)}
.plainhead{background:linear-gradient(180deg,#0a1210,#0d1714) !important;border-bottom:1px solid rgba(212,175,55,.28);box-shadow:0 4px 14px rgba(0,0,0,.35) !important;color:var(--ink)}
.plainhead h2{font-size:1.15rem;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink)}
.plainhead h2 .gi{color:var(--gold)}
.known{color:var(--gold2);font-family:var(--disp);font-weight:600;letter-spacing:.03em}
.acard{background:linear-gradient(180deg,#18271f,#111c18) !important;border:1px solid rgba(212,175,55,.28);box-shadow:0 8px 18px rgba(0,0,0,.35) !important;color:var(--ink)}
.acard h3{color:var(--gold2)}
.acard.warnc{border-color:#e8b04a !important}
.an{color:var(--ink)}.au{color:var(--muted)}
.aform label{color:var(--muted)}
.tabs2,.stabs,.btabs,.lbtabs{background:#0b1411 !important;border:1px solid rgba(255,255,255,.07);border-radius:8px !important;padding:3px !important}
.t2,.stab,.btab{border-radius:6px !important;color:var(--muted) !important;background:transparent !important;font-family:var(--disp);font-weight:600 !important;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem !important;box-shadow:none !important}
.t2.on,.stab.on,.btab.on{background:linear-gradient(#e7c75f,#c49a26) !important;color:#1c1504 !important;box-shadow:0 2px 0 #6b520f !important}
.stab .gi,.btab .gi{width:15px;height:15px}
.profile{background:linear-gradient(180deg,#18271f,#111c18) !important;border:1px solid rgba(212,175,55,.3);border-radius:10px !important}
.profile label{color:var(--muted)}
.pcard,.puitem{background:linear-gradient(180deg,#1b2b25,#121d19) !important;border:1px solid rgba(212,175,55,.25);box-shadow:0 4px 0 var(--edge) !important;color:var(--ink)}
.pcard .pprice,.item .price{color:var(--gold2) !important;font-family:var(--disp);font-weight:600}
.pcard small,.puitem .pui small{color:var(--muted) !important}
.puitem .pue{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:radial-gradient(circle,#24392f,#0f1a16);border:1px solid rgba(212,175,55,.45);color:var(--gold);font-size:1.4rem}
.puitem .pue .gi{width:24px;height:24px}
.puitem .have{color:var(--gold2) !important}
.pcard .pemo .gi{width:40px;height:40px;color:var(--gold)}
.shop h3{color:var(--gold2);font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.shopnote,.shoperr{color:var(--muted)}
.hofwall{background:radial-gradient(120% 80% at 50% 0%,#2a2414,#14110a) !important;border:1px solid rgba(212,175,55,.55) !important;box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 24px rgba(212,175,55,.15) !important}
.hofhd{font-family:var(--disp);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2) !important}
.hofrow{background:rgba(0,0,0,.25) !important;border:1px solid rgba(212,175,55,.2);border-radius:6px !important;color:var(--ink)}
.hofrow.me{border-color:var(--gold) !important}
.hofrow small{color:var(--muted)}
.emopick .emo{border-radius:6px !important;background:#16241f !important;border:1px solid rgba(255,255,255,.08) !important}
.emopick .emo.on{border-color:var(--gold) !important;box-shadow:0 0 10px rgba(212,175,55,.4) !important}
.rlist li{background:#111c18 !important;border:1px solid rgba(255,255,255,.07);border-radius:6px !important}
.rar.r1{color:#b9c3bb !important}.rar.r2{color:#6fc3e0 !important}.rar.r3{color:var(--gold2) !important}
.prize{background:#0e1815 !important;border:1px solid rgba(212,175,55,.3)}
.prize .pzic{color:var(--gold)}
.prize .pzic .gi{width:28px;height:28px}
.chestbtn{background:linear-gradient(#2c2615,#17140b) !important;border:1px solid rgba(212,175,55,.6) !important;color:var(--gold2) !important;border-radius:8px !important;box-shadow:0 4px 0 var(--edge),0 0 18px rgba(212,175,55,.25) !important;font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase}
.chestbtn .cb .gi,.chestbig .gi{color:var(--gold)}
/* Beis Medrash Board (leaderboard) */
.brow{background:linear-gradient(90deg,#15231e,#111c18) !important;border:1px solid rgba(255,255,255,.06);border-radius:6px !important;color:var(--ink)}
.brow.mine{border-color:var(--gold) !important;box-shadow:0 0 12px rgba(212,175,55,.25)}
.brow.top{border-color:rgba(212,175,55,.35)}
.brow.t1{background:linear-gradient(90deg,#2c2615,#15120a) !important}
.brk{font-family:var(--disp);font-weight:600;color:var(--muted)}
.brow.top .brk .gi{width:24px;height:24px}
.bnm b{color:var(--ink)}.bnm small,.bsub{color:var(--muted) !important}
.brow.anon .bnm b{color:#9aa69f}
.bxp{font-family:var(--disp);font-weight:600;color:var(--gold2) !important}
.bxp small{color:var(--muted)}
.boardme,.bme{background:linear-gradient(180deg,#1a2b25,#0f1a16) !important;border-top:1px solid rgba(212,175,55,.45) !important;color:var(--ink)}
.bempty{color:var(--muted)}
/* duel */
.duelscr{background:radial-gradient(110% 60% at 50% 0%,#2a1412,#120c0b 50%,#080b0a) !important}
.dhero{background:transparent !important;color:var(--ink)}
.dhero p,.dnote,.dclock{color:var(--muted)}
.dswords{color:#ff8a7a !important;border-color:rgba(224,82,74,.7) !important;box-shadow:0 0 0 5px rgba(224,82,74,.1),0 0 30px rgba(224,82,74,.35),inset 0 2px 8px rgba(0,0,0,.6) !important}
.dswords .gi{filter:drop-shadow(0 0 8px rgba(255,107,91,.6)) !important}
.dbig{font-size:1.15rem !important;padding:16px !important}
.donline{color:#4cc38a !important}
.dcode input{text-transform:uppercase;letter-spacing:.3em;font-family:var(--disp)}
.dbigcode{font-family:var(--disp) !important;letter-spacing:.25em !important;color:var(--gold2) !important;background:#0b1411 !important;border:1px solid rgba(212,175,55,.5) !important;border-radius:8px !important}
.radar{border-color:rgba(224,82,74,.5) !important;background:radial-gradient(circle,rgba(224,82,74,.12),transparent 70%) !important}
.radar::before,.radar::after{border-color:rgba(224,82,74,.6) !important}
.radar span{color:#ff8a7a}.radar span .gi{width:40px;height:40px}
.dvsx{font-family:var(--disp) !important;color:var(--gold) !important;text-shadow:0 0 16px rgba(212,175,55,.7)}
.dcount{font-family:var(--disp) !important;color:var(--gold2) !important;text-shadow:0 0 24px rgba(212,175,55,.8)}
.dpl b{color:var(--ink)}.dpl small{color:var(--muted)}
.dbar .dn{color:var(--muted);font-family:var(--disp);letter-spacing:.04em;text-transform:uppercase}
.dtrack{background:#07100d !important;border:1px solid rgba(255,255,255,.08);border-radius:3px !important}
.dbar.mine i{background:linear-gradient(90deg,#17804b,#34c47d) !important;box-shadow:0 0 10px rgba(52,196,125,.5)}
.dbar.opp i{background:linear-gradient(90deg,#8e2a22,#e0524a) !important;box-shadow:0 0 10px rgba(224,82,74,.5)}
.dbar b{font-family:var(--disp);color:var(--ink)}
.dopt{background:linear-gradient(#1d2e28,#141f1b) !important;border:1px solid rgba(255,255,255,.09) !important;color:var(--ink) !important;border-radius:8px !important;box-shadow:0 4px 0 var(--edge) !important}
.dopt.picked{border-color:var(--gold) !important;box-shadow:0 4px 0 var(--edge),0 0 14px rgba(212,175,55,.4) !important}
.dopt.right{background:linear-gradient(#22834f,#14603a) !important;border-color:#4cc38a !important}
.dopt.wrong{background:linear-gradient(#7a2620,#561a15) !important;border-color:#e0524a !important}
.dqhead,.dtimer{color:var(--muted)}
.dtimer i{background:linear-gradient(90deg,#9c7a1c,#d4af37) !important}
.demob{border-radius:8px !important;background:#16241f !important;border:1px solid rgba(255,255,255,.08) !important}
.dres.win h2{color:var(--gold2) !important}
.dresic{color:var(--gold) !important}
.dres.loss .dresic{color:#b9c3bb !important;border-color:rgba(185,195,187,.4) !important;box-shadow:inset 0 2px 8px rgba(0,0,0,.6) !important}
.dfinal div,.dstats div{background:#0e1815 !important;border:1px solid rgba(212,175,55,.25) !important;border-radius:8px !important;color:var(--ink)}
.dfinal small,.dstats small{color:var(--muted) !important}
.dbanner{background:#2a1d0c !important;border:1px solid #e8b04a !important;color:#ffe2b0 !important;border-radius:6px !important}
.derr{color:#ffb3ab !important}
/* Word Dash menus (the canvas art stays) */
.dhud .iconbtn{background:rgba(8,15,12,.75) !important;border:1px solid rgba(212,175,55,.35) !important;color:var(--ink) !important;box-shadow:none !important}
.dsc,.dhs{font-family:var(--disp) !important;letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 12px rgba(0,0,0,.5)}
.dsc{color:#fff4d6 !important}
.dpanel{background:linear-gradient(180deg,rgba(24,40,34,.97),rgba(12,20,17,.97)) !important;border:1px solid rgba(212,175,55,.45) !important;border-radius:10px !important;color:var(--ink) !important;box-shadow:0 0 0 4px rgba(0,0,0,.35),0 20px 50px rgba(0,0,0,.6) !important}
.dpanel h3{color:var(--ink)}
.dpanel .dbig{color:var(--gold2) !important;font-family:var(--disp) !important}
.dpanel .dbig small{color:var(--muted) !important}
.dlogo{font-family:var(--disp) !important;letter-spacing:.06em;text-transform:uppercase;color:var(--gold2) !important}
.dlogo span{color:var(--ink) !important}
.dmen,.dhow{color:var(--muted) !important}
.drank{color:var(--gold2) !important}
.dmiss{background:#0e1815 !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:8px !important}
.dmiss h4{color:var(--gold2) !important;font-family:var(--disp);letter-spacing:.05em;text-transform:uppercase}
.dmw{border-color:rgba(255,255,255,.06) !important}
.dmen,.dmhe{color:#f6ecd2}
.dword{border-radius:8px !important;background:linear-gradient(180deg,rgba(24,40,34,.95),rgba(12,20,17,.95)) !important;border:1px solid rgba(212,175,55,.5) !important;color:#f6ecd2 !important;box-shadow:0 8px 20px rgba(0,0,0,.45) !important}
.dword.boss{border-color:#e0524a !important}
.dwtag{font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase}
.dtoast,#toast{border-radius:8px !important;background:rgba(10,18,15,.96) !important;border:1px solid rgba(212,175,55,.45) !important;color:var(--ink) !important;box-shadow:0 10px 30px rgba(0,0,0,.5) !important}
#toast .gi{color:var(--gold)}
/* flashcards + list */
.flip .face{background:radial-gradient(120% 100% at 50% 0%,#1f3129,#111c18) !important;border:1px solid rgba(212,175,55,.38);box-shadow:0 6px 0 var(--edge),0 12px 26px rgba(0,0,0,.45) !important;border-radius:12px !important}
.flip .face.back{background:radial-gradient(120% 100% at 50% 0%,#2c2615,#17140b) !important}
.face .en{color:var(--gold2) !important}
.face .tagk.k{color:#4cc38a !important}
.wlist li{background:linear-gradient(90deg,#15231e,#111c18) !important;border:1px solid rgba(255,255,255,.06);border-radius:6px !important}
.wlist .n{color:var(--muted)}.wlist .en{color:var(--ink)}.wlist .k{color:#4cc38a}
.pic.nopic{background:#16241f !important;color:var(--gold)}
.pic.nopic .gi{width:40%;height:40%}
/* placement */
.pltest .plbar{background:#07100d !important;border:1px solid rgba(212,175,55,.3);border-radius:3px !important}
.pltest .plbar i{background:linear-gradient(90deg,#9c7a1c,#d4af37) !important}
/* misc */
.iostip{background:#14221d !important;color:var(--ink) !important;border:1px solid rgba(212,175,55,.35)}
.zoomov{background:rgba(3,7,6,.92) !important}
.linkbtn{color:var(--gold2) !important}
.ttlbadge,.ttl{color:var(--gold2) !important}
.vs .x{font-family:var(--disp);color:var(--gold) !important}
.syncl{color:var(--muted)}
/* gold spark burst (ui.js) */
.gspark{position:fixed;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:1px;background:#f6e19a;box-shadow:0 0 8px #d4af37;pointer-events:none;z-index:99;animation:gqspark .65s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes gqspark{to{transform:translate(var(--dx),var(--dy)) rotate(90deg) scale(.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.node.current .bubble::after,.btn::after{animation:none;display:none}}

/* fixes after first look */
.pbtn,.pbtn b{color:var(--ink) !important}
.dpanel .btn.gold,.dpanel .btn.gold *{color:#1c1504 !important}
.duelscr .plainhead h2{color:var(--ink) !important}
.rvb.plb,.rvb.chb{background:linear-gradient(#1b2b25,#121d19)}
.rvb.lockb{background:linear-gradient(#2c2615,#17140b);border-color:rgba(212,175,55,.6);color:var(--ink)}
.rvb.lockb .go{background:linear-gradient(#e7c75f,#c49a26);color:#1c1504}
.dword.ok{background:linear-gradient(#1e6b44,#134a2f) !important;border-color:#4cc38a !important}
.dword.bad{background:linear-gradient(#6b2520,#4a1714) !important;border-color:#e0524a !important}
.dword.wod{background:linear-gradient(#5a4512,#2a2008) !important;border-color:var(--gold2) !important}
.dsc{border-color:rgba(212,175,55,.6) !important}
.brow.t1{box-shadow:0 0 14px rgba(212,175,55,.25) !important}
.conf{width:6px !important;height:12px !important;border-radius:1px !important;box-shadow:0 0 6px rgba(212,175,55,.5)}
.pathwrap{position:relative}.pathwrap>.path{position:relative;z-index:1}.pathwrap>.road{z-index:0}
.needlog{display:inline-flex;align-items:center;gap:5px;background:rgba(232,176,74,.12) !important;border:1px solid rgba(232,176,74,.45) !important;color:#f0c46a !important;border-radius:5px !important;font-weight:700}
.node.locked .info{opacity:1}.node.locked .t{color:#9aa69f}.node.locked .s,.node.locked .preview{opacity:.75}
.path .tierhd.soon b{color:#9aa69f !important}
.rlist .rs-approved small,.rlist .rs-delivered small,.dperfect{color:#4cc38a !important}
.rlist .rs-rejected small{color:#e8b04a !important}
.dxp,.dxpv,.dscore b,.dstats b{color:var(--gold2) !important}
.dwtag{color:#9fe3bf !important}.dword.bad .dwtag{color:#ffb3ab !important}.dword.boss .dwtag{color:#ffb3ab !important}
.dwhe,.dmhe{color:#f6ecd2 !important}

/* ---------- get the app (Nov 2026): top-bar button, map tip, install sheet ---------- */
.getapp{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 10px 0 8px;border-radius:var(--r);border:1px solid rgba(240,210,122,.7);
  background:linear-gradient(#2a2410,#17140a);color:var(--gold2);font-family:var(--disp);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,240,190,.18),0 3px 0 #3d2f08,0 0 14px rgba(212,175,55,.22);cursor:pointer}
.getapp .gi{width:18px;height:18px;color:var(--gold)}
.getapp:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,240,190,.18),0 1px 0 #3d2f08}
.getapp.compact{padding:0 7px}.getapp.compact span{display:none}
.maphead .me{flex:0 1 auto}
.iostip{display:flex;align-items:center;gap:9px;padding:10px 38px 10px 11px !important;border-radius:var(--r) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 16px rgba(0,0,0,.35) !important}
.iostip>.gi{width:26px;height:26px;flex:0 0 auto}
.iostip span{flex:1 1 auto;font-size:.88rem;line-height:1.3}
.iostip .howbtn{flex:0 0 auto;border:0;border-radius:6px;padding:7px 10px;background:linear-gradient(#f3d77e,#c49a26);color:#1c1504;font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;box-shadow:0 2px 0 #6b520f}
.iostip .x{color:var(--muted);display:grid;place-items:center;top:50% !important;transform:translateY(-50%);right:6px !important}
.iostip .x .gi{width:16px;height:16px}
.gasheet{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:auto}
.gaback{position:absolute;inset:0;background:rgba(2,6,5,.66);opacity:0;transition:opacity .2s}
.gasheet.on .gaback{opacity:1}
.gapanel{position:relative;width:100%;max-width:520px;max-height:calc(var(--vh) - 70px);overflow:auto;-webkit-overflow-scrolling:touch;
  background:linear-gradient(180deg,#15251f,#0c1612 60%) ,var(--bg1);border:1px solid rgba(212,175,55,.45);border-bottom:0;border-radius:14px 14px 0 0;
  padding:18px 16px calc(74px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,240,190,.12);transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);color:var(--ink)}
.gasheet.on .gapanel{transform:none}
.gapanel::before{content:"";position:absolute;top:7px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:rgba(255,255,255,.18)}
.gax{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:var(--r);border:1px solid rgba(255,255,255,.1);background:#14221d;color:var(--ink);display:grid;place-items:center}
.gax .gi{width:18px;height:18px}
.gahead{display:flex;gap:12px;align-items:center;padding:4px 40px 12px 0;border-bottom:1px solid var(--line);margin-bottom:12px}
.gahead h3{margin:0 0 2px;font-size:1.3rem;color:var(--gold2)}
.gahead p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.3}
.gaicon{width:48px;height:48px;border-radius:11px;flex:0 0 auto;box-shadow:0 0 0 1px rgba(212,175,55,.5),0 4px 12px rgba(0,0,0,.5)}
.gasteps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.gasteps li{display:flex;gap:11px;align-items:flex-start}
.gan{flex:0 0 auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#f3d77e,#c49a26);color:#1c1504;font-family:var(--disp);font-weight:700;font-size:1rem;box-shadow:0 0 12px rgba(212,175,55,.35)}
.gat{flex:1 1 auto;min-width:0}
.gat p{margin:3px 0 7px;font-size:.95rem;line-height:1.35}
.gat p b{color:#fff}.gat small{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}
.gi.inl{width:1.05em;height:1.05em;color:#58a6ff;vertical-align:-.15em}
.gamock{border-radius:10px;background:#1c1f22;border:1px solid rgba(255,255,255,.1);color:#d7dade;font-family:-apple-system,system-ui,sans-serif}
.gamock .hot{color:#58a6ff}
.gamock.bar{display:flex;align-items:center;justify-content:space-around;height:44px;padding:0 8px}
.gamock.bar .gi{width:21px;height:21px;color:#8e959c}
.gamock.bar .gi.hot{color:#58a6ff;width:25px;height:25px;filter:drop-shadow(0 0 6px rgba(88,166,255,.7));animation:gapulse 1.4s ease-in-out infinite}
.gamock.bar .addr{flex:0 1 auto;font-size:.78rem;background:#2b2f33;border-radius:8px;padding:5px 12px;color:#c9ced3}
@keyframes gapulse{50%{transform:scale(1.15)}}
.gamock.list{overflow:hidden}
.gamock.list .row{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.86rem;border-top:1px solid rgba(255,255,255,.07)}
.gamock.list .row:first-child{border-top:0}
.gamock.list .row .gi{width:19px;height:19px;color:#aeb4ba}
.gamock.list .row.hot{background:#2a3b52;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 #58a6ff}
.gamock.list .row.hot .gi{color:#fff}
.gamock.add{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:9px 12px;font-size:.84rem}
.gamock.add b{text-align:center;font-weight:600;color:#fff}
.gamock.add span{color:#58a6ff}.gamock.add .hot{font-weight:700;border:2px solid #58a6ff;border-radius:7px;padding:1px 7px}
.gamock.add .appl{grid-column:1/-1;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:9px;margin-top:3px}
.gamock.add .appl .gaicon{width:38px;height:38px;border-radius:9px}
.gamock.add .appl i{font-style:normal;color:#fff}
.gasafari{display:flex;gap:11px;align-items:flex-start;background:rgba(88,166,255,.08);border:1px solid rgba(88,166,255,.35);border-radius:var(--r);padding:10px 11px;margin-bottom:10px}
.gasafari>.gi{width:30px;height:30px;color:#58a6ff;flex:0 0 auto}
.gasafari b{color:#fff}.gasafari p{margin:3px 0 0;font-size:.86rem;color:var(--muted);line-height:1.35}
.gacopy{width:100%;margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:8px}
.gacopy .gi{width:18px;height:18px}
.gadone{width:100%;margin-top:16px}
.gahint{position:absolute;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0;color:var(--gold2);font-family:var(--disp);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s .2s;text-shadow:0 1px 3px #000}
.gasheet.on .gahint{opacity:1}
.gahint .gi{width:28px;height:28px;color:var(--gold);filter:drop-shadow(0 0 8px rgba(212,175,55,.8));animation:gabob 1s ease-in-out infinite}
@keyframes gabob{50%{transform:translateY(6px)}}
.gasheet.ipad .gahint.up{top:6px;bottom:auto;left:auto;right:18%;transform:none;flex-direction:column-reverse}
.gasheet.ipad .gahint.up .gi{transform:rotate(180deg);animation:gabobup 1s ease-in-out infinite}
@keyframes gabobup{0%,100%{transform:rotate(180deg)}50%{transform:rotate(180deg) translateY(6px)}}
@media (prefers-reduced-motion:reduce){.gahint .gi,.gamock.bar .gi.hot{animation:none}.gapanel{transition:none}}

/* ===== Get Gemara Words (Nov 2026 rename, by Getting Gemara) ===== */
.logoh{display:flex;align-items:center;gap:9px;line-height:1;margin:0}
.logoh img{display:block;height:56px;width:auto;background:none !important;padding:0 !important;border-radius:0 !important;box-shadow:none !important}
.logoh .lgt{display:flex;flex-direction:column;line-height:1.02;text-transform:none;letter-spacing:0}
.logoh .lgt b{font-family:var(--disp);font-weight:600;font-size:1.34rem;letter-spacing:.035em;text-transform:uppercase;color:var(--gold2);text-shadow:0 2px 8px rgba(0,0,0,.6)}
.logoh .lgt small{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.05em;color:var(--muted);margin-top:3px}
@media (max-width:360px){.logoh img{height:46px}.logoh .lgt b{font-size:1.12rem}}
.acard.hero .herologo{width:110px;background:none !important;padding:0 !important;box-shadow:none !important;border-radius:0 !important;margin:2px auto 4px}
.acard.hero .herowm{text-align:center;margin:0 0 8px;line-height:1.1}
.acard.hero .herowm b{display:block;font-family:var(--disp);font-weight:600;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;color:var(--gold2)}
.acard.hero .herowm small{display:block;font-size:.76rem;font-weight:600;letter-spacing:.05em;color:var(--muted);margin-top:2px}
.path .tierhd .ttag{display:inline-block;margin-left:8px;padding:1px 6px;border:1px solid rgba(212,175,55,.4);border-radius:4px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);vertical-align:2px}
.wlist .k.gotten{display:inline-block;margin-left:4px;padding:0 5px;border:1.5px solid #d4af37;border-radius:3px;color:#d4af37 !important;font-family:var(--disp);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-6deg);line-height:1.35;box-shadow:0 0 8px rgba(212,175,55,.25)}
.gotit{position:fixed;left:50%;top:21%;z-index:60;pointer-events:none;font-family:var(--disp);font-weight:600;font-size:1.7rem;letter-spacing:.06em;text-transform:uppercase;color:#f3d77e;text-shadow:0 0 14px rgba(212,175,55,.7),0 3px 0 rgba(0,0,0,.55);transform:translate(-50%,0) scale(.6);opacity:0;animation:gotit .75s ease-out forwards}
@keyframes gotit{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}18%{opacity:1;transform:translate(-50%,0) scale(1.08)}35%{transform:translate(-50%,0) scale(1)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-18px) scale(1)}}
@media (prefers-reduced-motion:reduce){.gotit{animation:none;opacity:1;transform:translate(-50%,0)}}
.res .siyum{margin:-2px 0 8px;color:var(--gold2);font-size:1.02rem}