/* Finanční jenga – vše pod #jg (vloženo z jenga.html) */
#jg{--ink:#0a1f2b;--gold:#f4b23e;--gold2:#ffd27a;--txt:#dce8ee;--soft:#9fb6c2;--line:rgba(255,255,255,.1);--ok:#3fb27f;--bad:#e0675f}#jg *{box-sizing:border-box}#jg{color:var(--txt);font:17px/1.6 Inter,system-ui,sans-serif}#jg h2,#jg h3{font-family:"Bricolage Grotesque",Inter,sans-serif;color:#fff;letter-spacing:-.02em;line-height:1.1;margin:0 0 .35em}#jg button{font-family:inherit}#jg .wrap-unused{width:min(1200px,100% - 32px);margin:auto;padding:50px 0 70px}#jg .game{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;border:1px solid var(--line);border-radius:28px;padding:26px 34px;overflow:hidden;
  background:radial-gradient(520px 560px at 28% 55%,rgba(255,210,122,.14),transparent 70%),radial-gradient(1000px 600px at 20% 30%,rgba(23,96,124,.5),transparent 70%),#0c2230}#jg .hud{position:absolute;top:22px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}#jg .stars{display:flex;gap:6px}#jg .st{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#33505f;transition:.3s}#jg .st.on{background:var(--gold);color:var(--ink);box-shadow:0 0 16px rgba(244,178,62,.6);animation:jg-pop .6s cubic-bezier(.2,1.8,.4,1)}
@keyframes jg-pop{0%{transform:scale(.2) rotate(-90deg)}100%{transform:none}}#jg .stab{width:170px;text-align:right;font-size:.8rem;color:var(--soft);font-weight:600}#jg .stab .bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);margin-top:4px;overflow:hidden}#jg .stab .bar i{display:block;height:100%;width:100%;background:var(--ok);transition:width .5s,background .5s}#jg .scene{position:relative;height:640px;align-self:start;position:sticky;top:20px}#jg .scene svg{width:100%;height:100%;overflow:visible}#jg #tower{transform-box:view-box}#jg #tower.wobble{animation:jg-wob 2.6s ease-jg-in-out infinite}
@keyframes jg-wob{0%,100%{transform:rotate(calc(var(--amp,0)*-1deg))}50%{transform:rotate(calc(var(--amp,0)*1deg))}}#jg #tower.quake{animation:jg-quake .9s ease-jg-in-out}
@keyframes jg-quake{0%,100%{transform:none}12%{transform:translateX(-14px) rotate(-2.2deg)}28%{transform:translateX(15px) rotate(2.6deg)}44%{transform:translateX(-10px) rotate(-1.6deg)}60%{transform:translateX(7px) rotate(1deg)}78%{transform:translateX(-3px)}}#jg .blk{transform-box:fill-box;transform-origin:50% 50%}#jg .blk.hidden{display:none}#jg .blk.drop{animation:jg-drop .6s cubic-bezier(.3,1.45,.55,1)}
@keyframes jg-drop{0%{transform:translateY(-140px);opacity:.2}55%{opacity:1}100%{transform:none}}#jg .blk.fall{transition:transform 1.3s cubic-bezier(.45,.05,.85,.55),opacity 1.3s .5s;transform:translate(var(--fx),520px) rotate(var(--fr));opacity:0}#jg .blk.lock path.top{fill:url(#goldTop)}#jg .blk.waiting{animation:none}#jg .hover{animation:jg-bob 1.6s ease-jg-in-out infinite;filter:drop-shadow(0 18px 14px rgba(0,0,0,.35))}
@keyframes jg-bob{50%{transform:translateY(-10px)}}#jg .hover.go-in{animation:none;transition:transform .45s cubic-bezier(.5,0,.8,.6);transform:translateY(var(--dy))}#jg .hover.go-out{animation:none;transition:transform .7s cubic-bezier(.4,0,.8,.5),opacity .7s;transform:translate(360px,120px) rotate(35deg);opacity:0}#jg .hole{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-dasharray:6 6;opacity:0;transition:opacity .4s}#jg .hole.show{opacity:.9;animation:jg-blink 1.2s ease-jg-in-out infinite}
@keyframes jg-blink{50%{opacity:.35}}#jg .panel{position:relative;z-index:2;padding-top:40px}#jg .screen{animation:jg-in .45s cubic-bezier(.2,.8,.2,1)}
@keyframes jg-in{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}#jg .fl{color:var(--gold);font-weight:700;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase}#jg .lead{color:var(--soft);margin:0 0 20px}#jg .pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}#jg .pills span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:.85rem;font-weight:600}#jg .q h3{font-size:clamp(1.6rem,2.8vw,2.3rem)}#jg .q .hint{color:var(--soft);margin:0 0 24px}#jg .btns{display:flex;flex-wrap:wrap;gap:12px}#jg .btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:0;border-radius:99px;padding:16px 28px;font:700 1.05rem Inter;cursor:pointer;text-decoration:none;transition:transform .15s,opacity .2s}#jg .btn:hover{transform:translateY(-2px)}#jg .btn[disabled]{opacity:.4;pointer-events:none}#jg .btn--gold{background:var(--gold);color:var(--ink);box-shadow:0 10px 30px rgba(244,178,62,.3)}#jg .btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}#jg .btn--no{background:rgba(224,103,95,.1);color:#fff;border:2px solid rgba(224,103,95,.6)}#jg .btn--no:hover{background:rgba(224,103,95,.22)}#jg .yn{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(10,31,43,.18);font-size:.85rem}#jg .btn--no .yn{background:rgba(224,103,95,.35)}#jg .btn--wa{background:#25d366;color:#06301a}#jg .dots{display:flex;gap:6px;margin:0 0 16px}#jg .dots i{width:22px;height:5px;border-radius:9px;background:rgba(255,255,255,.12)}#jg .dots i.yes{background:var(--gold)}#jg .dots i.no{background:#5d4a2a}#jg .dots i.cur{background:#fff}#jg .card{background:#fff;color:var(--ink);border-radius:20px;padding:22px;text-align:center;margin:0 0 16px;animation:jg-flip .7s cubic-bezier(.3,1.3,.5,1)}
@keyframes jg-flip{from{transform:perspective(800px) rotateY(90deg)}to{transform:none}}#jg .card .em{width:54px;height:54px;margin:0 auto;border-radius:16px;background:#0a1f2b;color:var(--gold);display:grid;place-items:center}#jg .card .em svg{width:30px;height:30px}#jg .card b{display:block;font:800 1.3rem "Bricolage Grotesque",Inter;margin-top:6px}#jg .card small{color:#52626c}#jg .verdict{border-radius:16px;padding:14px 16px;margin-bottom:16px;font-weight:600;animation:jg-in .4s}#jg .verdict.good{background:rgba(63,178,127,.15);color:#bff0d8}#jg .verdict.bad{background:rgba(224,103,95,.15);color:#ffd2ce}#jg .weak{border:1.5px solid var(--gold);border-radius:16px;padding:12px 16px;background:rgba(244,178,62,.08);margin:8px 0 14px}#jg .weak b{color:var(--gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}#jg .weak p{margin:4px 0 0;color:#fff;font-weight:600}#jg .next{margin:0 0 18px}#jg .next b{color:var(--gold);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}#jg .next ol{margin:8px 0 0;padding:0;list-style:none;counter-reset:n;display:grid;gap:10px}#jg .next li{counter-increment:n;display:grid;grid-template-columns:30px 1fr;gap:10px;font-size:.95rem;line-height:1.5}#jg .next li::before{content:counter(n);width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:800;display:grid;place-items:center;font-size:.85rem}#jg .next li span{color:#fff;font-weight:700}#jg .links{margin-top:14px;display:flex;gap:18px;flex-wrap:wrap}#jg .links button{background:none;border:0;color:var(--soft);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:.92rem}#jg .note{font-size:.76rem;color:#7d97a4;margin-top:14px}#jg .toast{position:absolute;left:25%;top:70px;transform:translate(-50%,-14px);background:var(--gold);color:var(--ink);font-weight:800;border-radius:99px;padding:9px 18px;box-shadow:0 10px 40px rgba(244,178,62,.5);opacity:0;pointer-events:none;transition:.35s;z-index:6;white-space:nowrap}#jg .toast.show{opacity:1;transform:translate(-50%,0)}#jg .confetti{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;z-index:9;animation:jg-cf linear forwards}
@keyframes jg-cf{to{transform:translateY(760px) rotate(720deg);opacity:0}}@media(max-width:900px){#jg .game{grid-template-columns:1fr;padding:70px 16px 22px;gap:0}#jg .scene{height:420px;margin-bottom:10px}#jg .panel{padding-top:0}#jg .toast{left:50%;top:60px}#jg .stab{width:130px;font-size:.72rem;white-space:nowrap}#jg .st{width:26px;height:26px;font-size:.85rem}#jg .btn{padding:14px 20px;font-size:.98rem}
}@media(prefers-reduced-motion:reduce){#jg #tower.wobble,#jg .hover{animation:none}}

/* ===== kompaktní verze: celá hra se vejde na obrazovku PC ===== */
@media (min-width: 901px) {
  #plan.section { padding: 28px 0 36px; }
  #jg .game { max-width: 1100px; margin: 0 auto; padding: 18px 28px; gap: 24px; height: min(640px, calc(100vh - 110px)); min-height: 520px; }
  #jg .scene { height: 100%; position: relative; top: 0; }
  #jg .panel { padding-top: 34px; max-height: 100%; overflow: auto; scrollbar-width: none; }
  #jg .panel::-webkit-scrollbar { display: none; }
  #jg .hud { top: 14px; }
  #jg h2 { font-size: clamp(1.7rem, 2.8vw, 2.4rem) !important; }
  #jg .q h3 { font-size: clamp(1.35rem, 2.2vw, 1.8rem); }
  #jg .lead { margin-bottom: 14px; font-size: .98rem; }
  #jg .pills { margin-bottom: 16px; }
  #jg .btn { padding: 13px 22px; font-size: .98rem; }
  /* výsledek */
  #jg .card { display: flex; align-items: center; gap: 14px; text-align: left; padding: 12px 16px; margin-bottom: 10px; }
  #jg .card .em { width: 42px; height: 42px; margin: 0; flex: none; border-radius: 12px; }
  #jg .card .em svg { width: 24px; height: 24px; }
  #jg .card b { font-size: 1.05rem; margin: 0; }
  #jg .card small { display: none; }
  #jg .verdict { padding: 10px 14px; margin-bottom: 10px; font-size: .92rem; }
  #jg .weak { padding: 10px 14px; margin: 6px 0 10px; }
  #jg .next { margin-bottom: 12px; }
  #jg .next li { font-size: .88rem; line-height: 1.45; }
  #jg .links { margin-top: 10px; }
  #jg .note { margin-top: 8px; }
}
#jg .resh { font-size: 1.35rem; margin: 4px 0 8px; }
@media (min-width: 901px) {
  #jg .game { height: min(680px, calc(100vh - 100px)); }
  #jg .panel { padding-top: 30px; }
  #jg .weak { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
  #jg .weak p { margin: 0; }
  #jg .btns { gap: 8px; }
  #jg .btns .btn { padding: 12px 18px; font-size: .93rem; }
  #jg .next li { font-size: .86rem; }
}
/* záře tlačítek se nesmí oříznout o okraj panelu */
@media (min-width: 901px) {
  #jg .panel { padding-left: 16px; padding-right: 16px; margin-left: -16px; margin-right: -16px; padding-bottom: 16px; }
}
#jg .btn--gold { box-shadow: 0 6px 18px rgba(244,178,62,.28); }

/* ===== „VYZKOUŠEJTE!" – razítko + lákadlo ===== */
#jg .try{display:flex;align-items:center;gap:14px;margin:0 0 14px}
#jg .try__stamp{display:inline-block;font:800 clamp(1.5rem,2.6vw,2rem)/1 "Bricolage Grotesque",Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);
  background:linear-gradient(100deg,var(--gold) 0 40%,#fff3cf 50%,var(--gold) 60% 100%);background-size:260% 100%;background-position:100% 0;
  padding:10px 18px 11px;border-radius:12px;transform:rotate(-4deg);box-shadow:0 0 0 3px rgba(244,178,62,.25),0 14px 34px rgba(244,178,62,.35);opacity:0}
#jg .try__hint{color:var(--gold2);font-weight:700;font-size:.9rem;opacity:0}
#jg .is-armed .try__stamp{animation:jg-stamp .7s cubic-bezier(.2,1.6,.4,1) forwards,jg-shine 2.8s 1s ease-in-out infinite,jg-throb 2.8s 1s ease-in-out infinite}
#jg .is-armed .try__hint{animation:jg-in .5s .55s forwards}
@keyframes jg-stamp{0%{opacity:0;transform:scale(2.6) rotate(-14deg)}60%{opacity:1;transform:scale(.92) rotate(-3deg)}100%{opacity:1;transform:rotate(-4deg)}}
@keyframes jg-shine{0%,55%{background-position:100% 0}90%,100%{background-position:0 0}}
@keyframes jg-throb{0%,100%{box-shadow:0 0 0 3px rgba(244,178,62,.25),0 14px 34px rgba(244,178,62,.35)}50%{box-shadow:0 0 0 10px rgba(244,178,62,0),0 14px 44px rgba(244,178,62,.55)}}
/* tlačítko Start: čistý pulzující prstenec (bez rozmazané záře, která se ořezávala o panel) */
#jg #go{position:relative;box-shadow:none}
#jg #go::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--gold);opacity:0;pointer-events:none}
#jg .is-armed #go::after{animation:jg-ring 2.2s 1.4s ease-out infinite}
@keyframes jg-ring{0%{opacity:.8;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.1,1.4)}}
@media (prefers-reduced-motion:reduce){#jg .try__stamp,#jg .try__hint{opacity:1;animation:none!important}#jg .is-armed #go::after{animation:none}}
@media(max-width:900px){#jg .try{margin-bottom:10px}}
/* panel se posouvá jen u výsledku; jinak bez ořezu → žádný „tmavý obdélník" kolem záře */
@media (min-width:901px){#jg .panel:not(:has(.card)){overflow:visible}}
/* ===== výsledek: kompaktní, 3 tlačítka vedle sebe ===== */
#jg .card .cstars{margin-left:auto;color:var(--gold);letter-spacing:2px;font-size:1.15rem;white-space:nowrap;display:flex;align-items:center;gap:8px}
#jg .card .cstars em{font-style:normal;letter-spacing:0;font:800 .95rem "Bricolage Grotesque",Inter;color:var(--ink)}
#jg .rbtns{display:grid;grid-template-columns:auto auto auto;gap:8px;justify-content:start}
#jg .rbtns .btn{white-space:nowrap}
#jg .links{align-items:center}
#jg .links .note{margin:0;font-size:.76rem;color:#7d97a4}
@media(max-width:900px){
  #jg .card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px}
  #jg .card .em{margin:0;flex:none;width:44px;height:44px}
  #jg .card b{margin:0;font-size:1.08rem}
  #jg .card small{display:none}
  #jg .card .cstars{flex-direction:column;gap:0;font-size:.9rem;letter-spacing:1px}
  #jg .rbtns{grid-template-columns:1fr 1fr}
  #jg .rbtns #book{grid-column:1/-1}
  #jg .links .note{flex-basis:100%}
}
@media(min-width:901px){#jg .rbtns .btn{padding:12px 18px;font-size:.93rem}}
/* ===== mobil: menší scéna, věž blíž k otázce; bez „Hra na 1 minutu" (koliduje s Jendou) ===== */
@media(max-width:900px){
  #jg .scene{height:min(340px,82vw);margin-bottom:6px}
  #jg .try__hint{display:none}
  #jg .game{padding-top:62px}
}