/* ===== שכבת המשחק ===== */
.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}
.hud{display:flex;align-items:center;gap:8px;min-height:40px}
.hud a{text-decoration:none;color:#fff}
.hudav{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.22);overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
.hudav svg{width:40px;height:40px;display:block}
.hudpts{position:relative;display:flex;align-items:center;gap:5px;background:rgba(20,10,60,.28);padding:5px 11px 5px 9px;border-radius:999px;font-size:1.02rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.hudpts .hcoin{display:inline-grid;place-items:center;width:22px;height:22px}
.hudpts .hcoin svg{width:22px;height:22px}
.hudpts.bump{animation:bump .5s}
@keyframes bump{40%{transform:scale(1.18)}}
.hudgain{position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-weight:800;color:#ffe066;text-shadow:0 1px 2px rgba(0,0,0,.4);animation:floatup 1.3s ease forwards;pointer-events:none}
@keyframes floatup{to{transform:translate(-50%,-26px);opacity:0}}
.hudpct{display:flex;align-items:center;gap:5px;font-size:.9rem}
.hudoff{opacity:.8;font-size:1.1rem}
.hudjoin{background:#fff;color:var(--pri)!important;font-weight:700;padding:7px 14px;border-radius:999px;font-size:.9rem;white-space:nowrap}
.top .brand{white-space:nowrap;font-size:1.02rem;min-width:0}
@media (max-width:420px){.top .brand small{display:none}}
.ring{--p:0;display:inline-block;width:24px;height:24px;border-radius:50%;background:conic-gradient(#ffe066 calc(var(--p)*1%),rgba(255,255,255,.3) 0);-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%)}
.ring.big{width:56px;height:56px;background:conic-gradient(var(--pri) calc(var(--p)*1%),#e6e0f5 0)}
.ring.big.m{background:conic-gradient(#14966f calc(var(--p)*1%),#e6e0f5 0)}
.navbtn.game{background:linear-gradient(135deg,#fff,#f3eeff);border-color:#d9cdfb;font-weight:600}
.navbtn.game.on{background:var(--pri);color:#fff}
.avfb{display:inline-grid;place-items:center;border-radius:50%;background:#eee8ff;font-size:1.4em}
.linkbtn{background:none;border:0;padding:0;color:var(--pri);text-decoration:underline;cursor:pointer;font:inherit}
.muted{color:var(--muted)} .small{font-size:.85rem}
.row.center{justify-content:center}
.btn.huge{font-size:1.25rem;padding:16px 34px;border-radius:999px}
.btn.big{font-size:1.08rem;padding:13px 26px}

/* ---- מסך פתיחה ---- */
.opening{position:relative;margin:-16px -14px 0;padding:26px 16px 30px;text-align:center;background:radial-gradient(120% 70% at 50% 0%,#3b1f9e 0%,#24135f 45%,#160b3d 100%);color:#fff;border-radius:0 0 28px 28px;overflow:hidden}
.op-sky{position:absolute;inset:0;pointer-events:none}
.op-sky::before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 70% 20%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 85% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 35% 75%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 55% 45%,#fff,transparent),radial-gradient(1.5px 1.5px at 10% 85%,rgba(255,255,255,.6),transparent);opacity:.8}
.op-m{position:absolute;opacity:.55;filter:drop-shadow(0 0 10px rgba(160,130,255,.6));animation:drift 9s ease-in-out infinite}
.op-m svg{width:auto;height:46px}
.op-m.m1{top:9%;right:5%}.op-m.m2{top:40%;left:3%;animation-delay:-3s}.op-m.m3{top:62%;right:4%;animation-delay:-5s}.op-m.m4{top:16%;left:8%;animation-delay:-7s}
@keyframes drift{50%{transform:translateY(-14px) rotate(12deg)}}
.op-title{position:relative;margin:4px 0 2px;font-size:clamp(1.75rem,7vw,2.8rem);line-height:1.15;font-weight:800;background:linear-gradient(90deg,#ffe066,#ff9ec0,#b9a6ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(255,160,220,.25)}
.op-sub{position:relative;margin:4px auto 12px;max-width:26em;font-size:1.08rem;color:#e7defe}
.op-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}
.op-av{position:relative;display:flex;flex-direction:column;align-items:center}
.op-av::before{content:"";position:absolute;top:16px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(160,120,255,.55),rgba(160,120,255,0) 70%);animation:glow 4s ease-in-out infinite}
@keyframes glow{50%{transform:scale(1.08);opacity:.75}}
.op-av svg{position:relative;width:210px;height:210px}
.op-name{position:relative;margin-top:-8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:4px 14px;border-radius:999px;font-weight:700}
.op-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:520px}
.op-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:10px 8px}
.op-stat span svg{width:30px;height:30px}
.op-stat b{font-size:1.35rem;line-height:1.2}
.op-stat small{color:#d9ccff}
.op-stat.wide{grid-column:1/-1;flex-direction:column}
.op-stat.wide b{font-size:1.05rem}
.op-stat .ring.big{width:44px;height:44px;background:conic-gradient(#ffe066 calc(var(--p)*1%),rgba(255,255,255,.2) 0)}
.op-start{position:relative;display:inline-block;margin:18px auto 6px;background:linear-gradient(135deg,#ffcf4a,#ff7aa8);color:#2b1060;font-weight:800;box-shadow:0 8px 30px rgba(255,120,170,.45);text-decoration:none;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 8px 40px rgba(255,200,80,.7);transform:translateY(-2px)}}
.op-ach{position:relative;margin:16px auto 6px;max-width:560px;background:rgba(255,255,255,.08);border-radius:18px;padding:10px}
.op-achh{font-weight:700;margin-bottom:6px}.op-achh small{color:#cdbffd;font-weight:500}
.op-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.op-b{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08)}
.op-b svg{width:40px;height:40px}
.op-b:not(.on){opacity:.55}
.op-links{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px auto 0;max-width:640px;text-align:start}
.op-link{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i b" "i s";column-gap:8px;align-items:center;text-decoration:none;background:#fff;color:var(--ink);border-radius:16px;padding:11px 12px;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .15s}
.op-link:active{transform:scale(.97)}
.op-link span{grid-area:i;font-size:1.6rem;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f1ecff}
.op-link b{grid-area:b;font-size:.98rem;line-height:1.25}.op-link small{grid-area:s;color:var(--muted);font-size:.8rem;line-height:1.3}
.op-link.l2 span{background:#e3f7f3}.op-link.l3 span{background:#fff4dc}.op-link.l4 span{background:#ffe9f0}.op-link.l5 span{background:#e8f1ff}.op-link.l6 span{background:#f2f2f2}
.op-acc{position:relative;margin:16px auto 0;font-size:.88rem;color:#d9ccff;max-width:36em}
.op-acc a,.op-acc .linkbtn{color:#ffe066}

/* ---- מסכים כלליים ---- */
.gscreen{padding:6px 0 20px}
.gscreen.center{text-align:center}
.gs-head{text-align:center;margin-bottom:12px}
.gs-head.row{display:flex;align-items:center;gap:14px;text-align:start;justify-content:flex-start}
.gs-head h1{margin:.1em 0;font-size:1.55rem}
.gs-head p{margin:.2em auto;color:var(--muted);max-width:34em}
.gs-av{display:flex;justify-content:center}
.gs-alt,.gs-note{text-align:center;font-size:.88rem;color:var(--muted)}
.gs-or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted)}
.gs-or::before,.gs-or::after{content:"";flex:1;height:1px;background:var(--line)}
.gscreen .btn.guest{display:block;margin:0 auto;max-width:420px;width:100%}
.gform{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto;background:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow)}
.gform label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.95rem}
.gform input,.ave-name input{font:inherit;padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);background:#fbfaff}
.gform input:focus,.ave-name input:focus{border-color:var(--pri);outline:none;box-shadow:0 0 0 3px var(--priSoft)}
.gform input[name=code]{direction:ltr;text-align:center;letter-spacing:.15em;font-weight:700;text-transform:uppercase}
.gform input[name=pin]{direction:ltr;text-align:center;letter-spacing:.5em;font-size:1.3rem}
.gerr{color:var(--bad);font-weight:600;min-height:1.2em;font-size:.92rem}
.gtoast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:90;background:#24135f;color:#fff;padding:11px 18px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.25);font-weight:600;width:max-content;max-width:92vw;text-align:center;animation:tin .3s ease}
.gtoast svg{width:20px;height:20px;vertical-align:-4px}
.gtoast.out{opacity:0;transition:opacity .4s}
@keyframes tin{from{transform:translate(-50%,20px);opacity:0}}
.gmodal{position:fixed;inset:0;z-index:80;background:rgba(20,10,50,.55);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadein .2s}
@keyframes fadein{from{opacity:0}}
.gmbox{background:#fff;border-radius:24px;padding:20px;max-width:440px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:popin .35s cubic-bezier(.2,1.4,.4,1)}
@keyframes popin{from{transform:scale(.85);opacity:0}}
.gmodal.sheet{align-items:flex-end}
@media (min-width:700px){.gmodal.sheet{align-items:center}}
.gmodal.sheet .gmbox{border-radius:24px 24px 18px 18px}
.confetti{position:fixed;inset:0;z-index:95;pointer-events:none}
.cel .gmbox{text-align:center}
.cel-av svg{width:120px;height:120px}
.cel-line{font-size:1.1rem;margin:8px 0}
.cel-medal{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:800;font-size:1.1rem;margin:6px 0}
.cel-medal svg{width:84px;height:84px;animation:spinin .8s ease}
@keyframes spinin{from{transform:rotateY(180deg) scale(.4)}}
.cel-ach{display:flex;align-items:center;gap:12px;text-align:start;background:#fff8e6;border:1px solid #ffe2a3;border-radius:16px;padding:10px;margin:8px 0}
.cel-ach svg{width:64px;height:64px;flex:none}
.cel-ach b{display:block}.cel-ach small{display:block;color:var(--muted)}
.cel-ach .cel-item{color:#9a5b00}
@media (prefers-reduced-motion: reduce){
  .op-m,.op-av::before,.op-start,.cel-medal svg,.gmbox,.gtoast,.hudpts.bump,.node.current .nic,.node.bossnode.ready .nic,.gatenode.justopened .nic{animation:none!important}
}

/* ---- עורך דמות ---- */
.ave{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:760px){.ave{grid-template-columns:240px 1fr;align-items:start}.ave-prev{position:sticky;top:70px}}
.ave-prev{display:flex;justify-content:center;background:radial-gradient(circle at 50% 40%,#efe8ff,#fff 70%);border-radius:24px;padding:10px}
.ave-prev svg{width:200px;height:200px}
.ave-ctl{background:#fff;border-radius:20px;padding:14px;box-shadow:var(--shadow)}
.ave-name{display:flex;flex-direction:column;gap:5px;font-weight:600}
.ave-h{font-weight:700;margin:14px 0 6px}.ave-h small{color:var(--muted);font-weight:500}
.ave-bases{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}
.ave-base{border:2px solid var(--line);background:#faf8ff;border-radius:16px;padding:3px;cursor:pointer}
.ave-base svg{width:100%;height:auto;display:block}
.ave-base.sel,.ave-opt.sel,.ave-item.sel{border-color:var(--pri);box-shadow:0 0 0 3px var(--priSoft)}
.ave-row{display:flex;flex-wrap:wrap;gap:8px}
.ave-opt{min-width:40px;height:40px;border-radius:12px;border:2px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;padding:3px 6px}
.ave-opt i{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.ave-opt small{font-size:.78rem}
.ave-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.ave-item{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid var(--line);background:#fff;border-radius:16px;padding:8px;cursor:pointer;text-align:center}
.ave-item svg{width:44px;height:44px}
.ave-item small{color:var(--muted);font-size:.75rem}
.ave-item.locked{background:#f4f2f8;filter:grayscale(1);opacity:.7}

/* ---- הישגים ---- */
.ach-pts{font-weight:800;font-size:1.2rem;color:var(--pri)}.ach-pts svg{width:24px;height:24px;vertical-align:-5px}
.twin{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:700px){.twin{grid-template-columns:1fr 1fr}}
.tcard{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow)}
.tcard h2{margin:0;font-size:1.15rem}
.tcard.prog{border-top:5px solid var(--pri)}.tcard.mast{border-top:5px solid #14966f}
.tc-sub{margin:2px 0 8px;color:var(--muted);font-size:.9rem}
.tcard ul{margin:8px 0 0;padding-inline-start:18px}.tcard li{margin:3px 0}
.tcard li svg{width:20px;height:20px;vertical-align:-4px}
.tc-note{font-size:.84rem;color:var(--muted);background:#f3fbf8;border-radius:12px;padding:8px 10px;margin:10px 0 0}
.bigline{display:flex;align-items:center;gap:12px}.bigline b{font-size:1.8rem}
.sech{font-size:1.15rem;margin:20px 0 8px}.sech small{color:var(--muted);font-weight:500}
.regm{display:flex;flex-direction:column;gap:8px}
.regrow{display:grid;grid-template-columns:1fr;gap:3px;background:#fff;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow);border-inline-start:5px solid var(--rc)}
.rbar{height:10px;border-radius:99px;background:#eee8ff;overflow:hidden}.rbar i{display:block;height:100%;background:var(--rc);border-radius:99px}
.regrow small{color:var(--muted)}
.achgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.achc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;background:#fff;border-radius:18px;padding:12px 10px;box-shadow:var(--shadow);border:2px solid transparent}
.achc.on{border-color:#ffd166;background:linear-gradient(180deg,#fffaf0,#fff)}
.achc:not(.on){opacity:.82}
.achb svg{width:70px;height:70px}
.achc small{color:var(--muted);font-size:.8rem;line-height:1.35}
.achc .achit{color:#9a5b00}
.medlist{display:grid;grid-template-columns:1fr;gap:6px}
@media (min-width:700px){.medlist{grid-template-columns:1fr 1fr}}
.medrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:7px 10px;text-decoration:none;box-shadow:var(--shadow);font-size:.92rem}
.medrow .mi svg{width:28px;height:28px}.medrow small{color:var(--muted)}

/* ---- לוח כיתתי ---- */
.awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.award{display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(160deg,#fff,#f5f0ff);border-radius:16px;padding:10px;box-shadow:var(--shadow)}
.award span{font-size:1.5rem}.award small{color:var(--muted)}
.tblwrap{overflow-x:auto;background:#fff;border-radius:16px;box-shadow:var(--shadow)}
table.board{width:100%;border-collapse:collapse;font-size:.92rem}
.board th,.board td{padding:8px;text-align:center;border-bottom:1px solid var(--line)}
.board th{background:#f6f2ff;font-size:.82rem}
.board td.who{text-align:start;white-space:nowrap}
.board .bav svg{width:30px;height:30px;vertical-align:middle;margin-inline-end:6px}
.board tr.me{background:#fff8e1;font-weight:700}
.board td.rk{font-weight:800;color:var(--pri)}

/* ---- תחנה ---- */
.stbar{display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,color-mix(in srgb,var(--rc,#6a4ce0) 66%,#000),color-mix(in srgb,var(--rc,#6a4ce0) 74%,#000));color:#fff;border-radius:18px;padding:8px 12px;margin-bottom:12px;box-shadow:0 6px 18px color-mix(in srgb,var(--rc) 35%,transparent)}
.stback{text-decoration:none;font-size:1.3rem;width:38px;height:38px;display:grid;place-items:center;background:rgba(255,255,255,.22);border-radius:12px}
.stav svg{width:38px;height:38px;display:block}
.stt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.stt small{opacity:.9}.stt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stmed svg{width:34px;height:34px;display:block}
.btn.retry{margin-inline-end:8px}
.fbpts{display:inline-flex;align-items:center;gap:3px;margin-inline-start:8px;background:#fff3c4;color:#8a5a00;border-radius:999px;padding:1px 9px;font-size:.88rem;font-weight:800;animation:popin .4s}
.fbpts svg{width:16px;height:16px}
.revealslot,.rxslot{margin-top:10px}
.gpanel{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.gp-pts{font-size:1.1rem}.gp-pts svg{width:24px;height:24px;vertical-align:-6px}
.gp-medal{display:flex;align-items:center;gap:10px;text-align:start}.gp-medal svg{width:52px;height:52px;flex:none}.gp-medal small{display:block;color:var(--muted)}
.gp-thr{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.gp-thr span{display:inline-flex;align-items:center;gap:3px;font-size:.8rem;background:#f4f2f8;border-radius:999px;padding:2px 8px;color:var(--muted)}.gp-thr span.got{background:#fff6dc;color:#7a4d00;font-weight:700}.gp-thr svg{width:18px;height:18px}
.gp-tip,.gp-boss{color:var(--muted);font-size:.92rem;margin:0}.gp-boss.win{color:#0b7a57;font-weight:800;font-size:1.1rem}
.gp-btns{gap:8px;flex-wrap:wrap}
.bossintro{text-align:center;background:linear-gradient(160deg,#1d0f4a,#3a1b7a 60%,color-mix(in srgb,var(--rc) 60%,#3a1b7a));color:#fff;border-radius:24px;padding:22px 18px;box-shadow:0 10px 30px rgba(30,10,80,.35)}
.bossintro .bi-ic svg{width:96px;height:96px;filter:drop-shadow(0 0 16px rgba(255,120,120,.6))}
.bossintro h1{margin:4px 0 8px;font-size:1.6rem}.bossintro small{color:#d9ccff}
.bossintro ul{list-style:none;padding:0;margin:10px auto;max-width:28em;text-align:start}.bossintro li{margin:6px 0;background:rgba(255,255,255,.08);padding:7px 10px;border-radius:12px}
.bossintro .muted{color:#cdbffd}
.bossintro .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}

/* ---- מפה ---- */
.mapscreen{margin:-16px -14px 0}
.maphead{position:relative;z-index:5;background:rgba(247,244,255,.95);backdrop-filter:blur(6px);padding:10px 14px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between}
.mh-l h1{margin:0;font-size:1.25rem}.mh-l p{margin:0;font-size:.88rem;color:var(--muted)}
.mh-bars{display:flex;flex-direction:column;gap:3px;min-width:220px;flex:1;max-width:360px}
.mhb{display:grid;grid-template-columns:76px 1fr 38px;align-items:center;gap:6px;font-size:.8rem}
.mhb .bar{height:9px;border-radius:99px;background:#e6e0f5;overflow:hidden}.mhb .bar i{display:block;height:100%;background:linear-gradient(90deg,#8f6bff,#ff8fab);border-radius:99px}
.mhb.m .bar i{background:linear-gradient(90deg,#2fb7a5,#14966f)}
.mh-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.76rem;color:var(--muted);align-items:center;width:100%}
.mh-legend svg{width:16px;height:16px;vertical-align:-3px}
.mapworld{position:relative;width:100%;max-width:760px;margin:0 auto;overflow:hidden}
.mapsvg{position:absolute;top:0;left:0}
.mpath-base{fill:none;stroke:#fff;stroke-width:22;stroke-linecap:round;opacity:.9}
.mpath-dash{fill:none;stroke:#cfc3f3;stroke-width:4;stroke-dasharray:2 12;stroke-linecap:round}
.mpath-done{fill:none;stroke:url(#mpg);stroke-width:8;stroke-linecap:round}
.rbanner{position:absolute;left:12px;right:12px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(120deg,color-mix(in srgb,var(--rc,#6a4ce0) 66%,#000),color-mix(in srgb,var(--rc,#6a4ce0) 74%,#000));color:#fff;border-radius:20px;padding:10px 14px;box-shadow:0 8px 22px color-mix(in srgb,var(--rc) 30%,transparent)}
.rb-t{display:flex;flex-direction:column;line-height:1.25}.rb-t small{opacity:.85;font-weight:600}.rb-t b{font-size:1.2rem}.rb-t span{font-size:.84rem;opacity:.95}
.rb-x{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.rb-x small{opacity:.85;font-size:.76rem}
.xchip{background:rgba(255,255,255,.92);color:var(--ink);text-decoration:none;font-size:.78rem;padding:3px 9px;border-radius:999px;font-weight:600}
.xchip.lab{background:#fff;color:#0b6e62}
.node{position:absolute;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:0;padding:0;background:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(60,40,140,.22),inset 0 0 0 4px #d9cdfb;display:grid;place-items:center;transition:transform .15s}
.node:active{transform:translate(-50%,-50%) scale(.94)}
.node .nic{display:grid;place-items:center;width:48px;height:48px}
.node .nic svg{width:46px;height:46px}
.node.done{background:linear-gradient(160deg,#fff,#f3eeff);box-shadow:0 6px 16px rgba(60,40,140,.25),inset 0 0 0 4px #8f6bff}
.node.locked{background:#ecebf2;box-shadow:0 3px 8px rgba(0,0,0,.12),inset 0 0 0 3px #d4d1de}
.node.locked .nic{filter:grayscale(1);opacity:.45}
.node.current{box-shadow:0 0 0 6px rgba(255,209,102,.55),0 8px 22px rgba(255,150,80,.4),inset 0 0 0 4px #ffb703}
.node.current .nic{animation:hop 1.8s ease-in-out infinite}
@keyframes hop{50%{transform:translateY(-4px)}}
.nmed{position:absolute;bottom:-8px;left:-6px;width:30px;height:30px}.nmed svg{width:30px;height:30px}
.nlock{position:absolute;top:-6px;left:-4px;width:24px;height:24px;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.18);font-size:.8rem}.nlock svg{width:18px;height:18px}
.nlbl{position:absolute;top:50%;transform:translateY(-50%);width:max-content;max-width:min(40vw,230px);display:flex;flex-direction:column;background:rgba(255,255,255,.94);border-radius:12px;padding:4px 9px;box-shadow:0 3px 10px rgba(60,40,140,.12);text-align:start;line-height:1.25}
.nlbl.lbl-r{right:78px}.nlbl.lbl-l{left:78px}
.nlbl b{font-size:.86rem}.nlbl small{font-size:.74rem;color:var(--muted)}
.node.current .nlbl{background:#fff6d6}
.nav-me{position:absolute;top:-30px;width:54px;height:54px;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.nav-me.l{left:-52px}.nav-me.r{right:-52px}.nav-me svg{width:54px;height:54px}
.node.bossnode{width:86px;height:86px;background:radial-gradient(circle at 50% 35%,#5b2bbf,#24105e);box-shadow:0 8px 24px rgba(40,10,90,.45),inset 0 0 0 4px #ff6b8b}
.node.bossnode .nic{width:62px;height:62px}.node.bossnode .nic svg{width:60px;height:60px}
.node.bossnode.ready .nic{animation:hop 1.4s ease-in-out infinite}
.node.bossnode.done{box-shadow:0 8px 24px rgba(40,10,90,.45),inset 0 0 0 4px #ffd166}
.node.bossnode.locked{background:#4b4560}
.node.bossnode .nlbl.lbl-r{right:94px}.node.bossnode .nlbl.lbl-l{left:94px}
.node.gatenode{width:60px;height:60px;border-radius:16px;background:#fff}
.node.gatenode.done{box-shadow:0 6px 16px rgba(20,150,111,.3),inset 0 0 0 4px #2fb7a5}
.gatenode.justopened .nic{animation:gateopen 1.2s ease}
@keyframes gateopen{0%{transform:scale(.6) rotate(-10deg)}60%{transform:scale(1.25)}}
.node.flagnode{background:linear-gradient(160deg,#fff7d6,#ffe08a)}
.labhost{margin:0}
@media (min-width:700px){.op-links{grid-template-columns:repeat(3,1fr)}.opening{border-radius:0 0 36px 36px;padding:36px 24px 34px}.op-hero{flex-direction:row;justify-content:center;gap:28px}.op-stats{max-width:360px}}

.achbanner{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:92;display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#fffaf0,#fff);border:2px solid #ffd166;border-radius:18px;padding:8px 14px 8px 10px;box-shadow:0 10px 30px rgba(120,80,0,.25);animation:dropin .45s cubic-bezier(.2,1.4,.4,1);max-width:92vw;pointer-events:none}
.achbanner .abb svg{width:52px;height:52px;display:block}
.achbanner small{display:block;color:#9a5b00;font-size:.78rem}.achbanner b{display:block;font-size:1.05rem}
.achbanner.out{opacity:0;transition:opacity .5s}
@keyframes dropin{from{transform:translate(-50%,-40px);opacity:0}}
@media (prefers-reduced-motion: reduce){.achbanner{animation:none}}

@media (max-width:520px){.board th,.board td{padding:7px 3px;font-size:.8rem}.board th{font-size:.72rem}.board .bav svg{width:24px;height:24px;margin-inline-end:3px}.board td.who{white-space:normal;max-width:110px}}

a.btn{text-decoration:none}

/* הגעה למפה אחרי שלב */
.arrive-ban{position:fixed;z-index:40;bottom:calc(14px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;transition:opacity .5s,transform .5s;border-radius:16px;background:linear-gradient(120deg,#fff4d6,#ffe3ec);border:1.5px solid #ffd27a;box-shadow:0 4px 14px rgba(246,166,59,.18);animation:abIn .5s cubic-bezier(.2,.9,.3,1.3) both}
.arrive-ban .ab-ic{font-size:1.6rem}
.arrive-ban div{flex:1;display:flex;flex-direction:column}
.arrive-ban small{color:#6b5a2e}
.arrive-ban .ab-pts{font-weight:800;color:#6a4ce0;background:#fff;border-radius:999px;padding:3px 10px}
@keyframes abIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
.arrive-ban.out{opacity:0;transform:translateY(16px)}
@keyframes abInOld{from{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}
.nav-fly{position:absolute;width:54px;height:54px;margin:-62px 0 0 -27px;z-index:6;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));transition:left 1.4s cubic-bezier(.45,0,.2,1),top 1.4s cubic-bezier(.45,0,.2,1)}
.nav-fly svg{width:54px;height:54px}
.nav-fly.go{animation:flyHop 1.4s ease-in-out}
@keyframes flyHop{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px) scale(1.12)}}
.nav-me.waiting{opacity:0}
.nav-me{transition:opacity .3s}
.node.justdone .nic{animation:nodeDone 1.1s ease .2s both}
@keyframes nodeDone{0%{transform:scale(1)}35%{transform:scale(1.28);box-shadow:0 0 0 10px rgba(255,209,102,.55)}100%{transform:scale(1)}}
.node.justdone .nmed{animation:medPop .7s cubic-bezier(.2,.9,.3,1.5) .5s both}
@keyframes medPop{from{transform:scale(0) rotate(-30deg)}to{transform:none}}
.node.justopened .nic{animation:nodeOpen 1.2s ease 1.6s both}
@keyframes nodeOpen{0%{box-shadow:0 0 0 0 rgba(106,76,224,.6)}60%{box-shadow:0 0 0 18px rgba(106,76,224,0)}100%{box-shadow:0 0 0 0 rgba(106,76,224,0)}}
@media (prefers-reduced-motion: reduce){.arrive-ban,.node.justdone .nic,.node.justdone .nmed,.node.justopened .nic,.nav-fly.go{animation:none!important}.nav-fly{transition:none}}

/* מצב תרגול חופשי (/practice) */
.op-links.five .op-link:last-child{grid-column:span 2}
.practice-note{font-size:.86rem}
.practice-note .small-link{font-size:.8rem;opacity:1}
.gs-alt.practice-note{color:var(--muted)}
.foot .practice-pill{display:inline-block;margin-bottom:4px;background:#f1ecff;color:#4b2fc0;border-radius:999px;padding:2px 10px;font-weight:600}
.op-practice{position:relative;display:inline-block;max-width:100%;box-sizing:border-box;margin:8px auto 0;padding:4px 10px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(255,224,102,.16);border:1px solid rgba(255,224,102,.45);color:#ffe9a3;font-size:.8rem;font-weight:600}
@media (max-width:400px){.op-practice{font-size:.72rem;padding:3px 9px}}

/* כפתור השתקת צלילים בכותרת */
.top .hud{margin-inline-start:auto}
.sndbtn{flex:none;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff;font-size:1.15rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .15s}
.sndbtn:hover{background:rgba(255,255,255,.28)}
.sndbtn:active{transform:scale(.92)}
.sndbtn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.sndbtn.off{opacity:.8;background:rgba(0,0,0,.12)}
@media (max-width:420px){.sndbtn{width:34px;height:34px;font-size:1rem}}

/* קרדיט במסך הפתיחה (נטע, 4.11) */
.op-credit{position:relative;margin:16px auto 0;font-size:.72rem;color:rgba(231,222,254,.62);letter-spacing:.01em}
/* במסך הפתיחה הקרדיט כבר מופיע בתוכו – לא להציג פעמיים */
body:has(.opening) .foot .credit{display:none}