.tj{--o:#ff8a3c;--ink:#f5efe7;--mx:0;--my:0;color:var(--ink);font-family:var(--font-birzia), system-ui, sans-serif;direction:rtl;background:#0a0510;position:fixed;inset:0;overflow:hidden}.tj-scenes{z-index:0;position:absolute;inset:0}.tj-scene{opacity:0;z-index:1;will-change:opacity, transform;transition:opacity .95s,transform 1.15s cubic-bezier(.5,0,.2,1);position:absolute;inset:0;transform:scale(1.04)}.tj-scene-inner{transform:translate(calc(var(--mx) * -16px), calc(var(--my) * -12px));transition:transform .5s ease-out;position:absolute;inset:0}.tj-scene img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.08)}.tj-scene.is-active{opacity:1;z-index:2;transform:scale(1)}.tj-scene.is-active img{animation:20s ease-out forwards tj-ken}.tj-scene.is-past{opacity:0;transform:translate(-7%)scale(1.16)}.tj-scene.is-future{opacity:0;transform:translate(7%)scale(.9)}@keyframes tj-ken{0%{transform:scale(1.06)}to{transform:scale(1.16)}}.tj-scrim{z-index:3;pointer-events:none;background:linear-gradient(270deg,#0a0510db 0%,#0a051073 26%,#0000 52%),linear-gradient(#0000 70%,#0a051099 100%),linear-gradient(#0a051080 0%,#0000 22%);position:absolute;inset:0}.tj-vignette{z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 220px -40px #000000e6}.tj-hud{top:0;z-index:6;justify-content:space-between;align-items:center;gap:14px;padding:clamp(14px,2vw,22px) clamp(16px,3vw,32px);display:flex;position:absolute;inset-inline:0}.tj-back{color:#f5efe7d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0a060e80;border:1px solid #ffffff1a;border-radius:999px;padding:8px 14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.tj-back:hover{color:var(--o);border-color:#ff8a3c80}.tj-railwrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a060e80;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;display:flex}.tj-rail{align-items:center;gap:9px;display:flex}.tj-rail-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:50%;width:11px;height:11px;padding:0;transition:transform .25s,background .25s,box-shadow .25s}.tj-rail-dot.is-done{background:var(--o)}.tj-rail-dot.is-view{background:#ffd27a;transform:scale(1.55);box-shadow:0 0 0 4px #ff8a3c47}.tj-rail-dot:disabled{cursor:default;opacity:.45}.tj-chev{cursor:pointer;width:30px;height:30px;color:var(--ink);background:#ffffff14;border:none;border-radius:50%;place-items:center;font-size:1.2rem;line-height:1;transition:background .2s,color .2s;display:grid}.tj-chev:hover:not(:disabled){color:var(--o);background:#ff8a3c40}.tj-chev:disabled{opacity:.3;cursor:default}.tj-chapter{font-family:var(--font-birzia), sans-serif;color:#ffd9b8;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff8a3c24;border:1px solid #ff8a3c4d;border-radius:999px;padding:7px 15px;font-size:.8rem;font-weight:700}.tj-cardwrap{z-index:5;pointer-events:none;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:clamp(20px,4vw,60px)}.tj-card{pointer-events:auto;-webkit-backdrop-filter:blur(22px)saturate(1.25);scrollbar-width:thin;scrollbar-color:#ff8a3c66 transparent;background:linear-gradient(#1c14248c,#0c0814a8);border-radius:28px;width:min(430px,40vw);max-height:80svh;padding:clamp(22px,1.7vw,32px);animation:.6s cubic-bezier(.16,1,.3,1) both tj-card-in,7s ease-in-out .7s infinite tj-card-float;position:relative;overflow-y:auto;box-shadow:0 40px 100px -34px #000000e6,0 4px 30px -10px #ff8a3c2e,inset 0 1px #ffffff24}.tj-card:before{content:"";pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(150deg,#ffc8968c,#ffffff14 32%,#ffffff0a 70%,#ff96504d);border-radius:28px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tj-card:after{content:"";top:0;pointer-events:none;background:linear-gradient(#ffffff14,#0000);border-radius:28px 28px 0 0;height:38%;position:absolute;inset-inline:0}.tj-card>*{z-index:1;position:relative}@keyframes tj-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tj-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tj-card::-webkit-scrollbar{width:7px}.tj-card::-webkit-scrollbar-thumb{background:#ff8a3c66;border-radius:4px}.tj-card-kicker{font-family:var(--font-birzia), sans-serif;letter-spacing:.06em;color:var(--o);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 .7rem;font-size:.78rem;font-weight:700;display:flex}.tj-solved-badge{color:#4ade80;background:#4ade8029;border:1px solid #4ade8066;border-radius:999px;padding:2px 9px;font-size:.72rem}.tj-scenario{font-family:var(--font-birzia), sans-serif;margin:0 0 1.2rem;font-size:clamp(1.18rem,1.5vw,1.5rem);font-weight:700;line-height:1.45}.tj-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tj-options .tj-tool{animation:.45s cubic-bezier(.16,1,.3,1) both tj-tool-in}.tj-options .tj-tool:first-child{animation-delay:.12s}.tj-options .tj-tool:nth-child(2){animation-delay:.2s}.tj-options .tj-tool:nth-child(3){animation-delay:.28s}@keyframes tj-tool-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tj-tool{cursor:pointer;text-align:center;color:var(--ink);background:#ffffff0d;border:1px solid #ffffff21;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:15px 7px;transition:transform .16s,border-color .2s,background .2s,opacity .2s;display:flex}.tj-tool:hover:not(:disabled){background:#ff8a3c1a;border-color:#ff8a3c99;transform:translateY(-3px)}.tj-tool:disabled{cursor:default}.tj-tool-glyph{width:44px;height:44px;color:var(--o);background:linear-gradient(150deg,#2a2a2e,#0c0c0e);border:1px solid #ff8a3c4d;border-radius:13px;place-items:center;display:grid}.tj-tool-glyph svg{width:23px;height:23px}.tj-tool-glyph.is-lg{flex:none;width:54px;height:54px}.tj-tool-glyph.is-lg svg{width:29px;height:29px}.tj-tool-name{font-family:var(--font-birzia), sans-serif;font-size:.98rem;font-weight:800;line-height:1.1}.tj-tool-cat{color:#f5efe78c;font-size:.71rem}.tj-tool.is-wrong{opacity:.7;background:#ff5a4617;border-color:#ff5a4699;animation:.4s tj-shake}@keyframes tj-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}60%{transform:translate(5px)}}.tj-hint{text-align:center;color:#ffb27a;margin:.9rem 0 0;font-size:.93rem;font-weight:600}.tj-reveal{margin-top:.4rem;animation:.4s cubic-bezier(.16,1,.3,1) both tj-reveal-in;position:relative}@keyframes tj-reveal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tj-reveal-verdict{color:#4ade80;margin:0 0 .7rem;font-size:1.05rem;font-weight:800}.tj-reveal-tool{background:#ff8a3c14;border:1px solid #ff8a3c3d;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.tj-reveal-tool h3{font-family:var(--font-birzia), sans-serif;margin:0 0 .3rem;font-size:1.25rem;font-weight:900}.tj-reveal-does{color:#f5efe7d6;margin:0;font-size:.95rem;line-height:1.5}.tj-reveal-why{color:#f5efe7b8;margin:.9rem 0 0;font-size:.93rem;line-height:1.55}.tj-reveal-why b{color:var(--o)}.tj-cta{cursor:pointer;background:var(--o);color:#1a0d07;width:100%;font-family:var(--font-birzia), sans-serif;border:none;border-radius:14px;margin-top:1.2rem;padding:14px;font-size:1.06rem;font-weight:800;transition:transform .16s,box-shadow .25s}.tj-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px -16px #ff8a3cb3}.tj-warp{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tj-warp>span{position:absolute;top:50%;left:50%}.tj-warp-bloom{mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#ffe2b88c 0%,#ff96464d 30%,#ff8a3c1f 50%,#0000 70%);border-radius:50%;width:150vmax;height:150vmax;animation:.92s cubic-bezier(.33,0,.2,1) forwards tj-bloom;transform:translate(-50%,-50%)scale(.5)}@keyframes tj-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.tj-warp-sweep{filter:blur(26px);mix-blend-mode:screen;opacity:0;background:linear-gradient(90deg,#0000,#ffeccd80,#0000);width:45vmax;height:230vmax;animation:.92s cubic-bezier(.4,0,.2,1) forwards tj-sweep;transform:translate(-50%,-50%)rotate(16deg)translate(-120vmax)}@keyframes tj-sweep{0%{opacity:0;transform:translate(-50%,-50%)rotate(16deg)translate(-120vmax)}35%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)rotate(16deg)translate(120vmax)}}.tj.is-warping .tj-scenes{animation:.92s cubic-bezier(.33,0,.2,1) tj-pull}@keyframes tj-pull{0%{filter:blur();transform:scale(1)}42%{filter:blur(2.5px);transform:scale(1.05)}to{filter:blur();transform:scale(1)}}.tj-win{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(70% 60% at 50% 42%,#06030c6b,#06030ca8);place-items:center;padding:1.2rem;animation:.6s both tj-reveal-in;display:grid;position:fixed;inset:0}.tj-win-card{text-align:center;-webkit-backdrop-filter:blur(26px)saturate(1.2);background:linear-gradient(#1e1526b8,#0c0814d1);border-radius:30px;width:100%;max-width:600px;max-height:92svh;padding:clamp(30px,5vw,48px) clamp(22px,5vw,44px) clamp(24px,5vw,40px);animation:.7s cubic-bezier(.22,1,.36,1) both tj-win-pop;position:relative;overflow-y:auto;box-shadow:0 50px 130px -40px #000000eb,0 0 70px -30px #ff964666}.tj-win-card:before{content:"";pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(150deg,#ffd296b3,#ffffff0f 40%,#ff965066);border-radius:30px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tj-win-card>*{z-index:1;position:relative}@keyframes tj-win-pop{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.tj-win-crest{color:#ffd27a;place-items:center;width:84px;height:84px;margin:0 auto 1.1rem;animation:.8s cubic-bezier(.22,1,.36,1) .15s both tj-crest-in;display:grid;position:relative}.tj-win-crest svg{z-index:1;filter:drop-shadow(0 2px 8px #ff964699);width:52px;height:52px;position:relative}.tj-win-crest-glow{background:radial-gradient(circle,#ffaa5a80,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite tj-crest-pulse;position:absolute;inset:-10px}@keyframes tj-crest-in{0%{opacity:0;transform:scale(.5)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tj-crest-pulse{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}.tj-win-eyebrow{font-family:var(--font-birzia), sans-serif;letter-spacing:.22em;color:var(--o);margin:0 0 .5rem;font-size:.8rem;font-weight:700}.tj-win-card h2{font-family:var(--font-birzia), sans-serif;background:linear-gradient(100deg,#fff 10%,#ffd9a8 40%,#ff9a52 60%,#fff 90%) 0 0/200%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .7rem;font-size:clamp(1.8rem,5.5vw,2.6rem);font-weight:900;line-height:1.1;animation:5s linear infinite tj-shimmer}@keyframes tj-shimmer{to{background-position:200%}}.tj-win-sub{color:#f5efe7c7;max-width:30rem;margin:0 auto 1.6rem;line-height:1.6}.tj-recap{text-align:right;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1.5rem;display:grid}.tj-recap-row{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;align-items:flex-start;gap:13px;padding:12px 14px;animation:.5s cubic-bezier(.16,1,.3,1) both tj-recap-in;display:flex}.tj-recap-row:first-child{animation-delay:.28s}.tj-recap-row:nth-child(2){animation-delay:.35s}.tj-recap-row:nth-child(3){animation-delay:.42s}.tj-recap-row:nth-child(4){animation-delay:.49s}.tj-recap-row:nth-child(5){animation-delay:.56s}.tj-recap-row:nth-child(6){animation-delay:.63s}@keyframes tj-recap-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tj-recap-row b{font-family:var(--font-birzia), sans-serif;font-size:1.05rem}.tj-recap-cat{color:var(--o);font-size:.82rem;font-weight:700}.tj-recap-row p{color:#f5efe7b3;margin:.25rem 0 0;font-size:.9rem;line-height:1.5}.tj-win-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tj-win-actions .tj-cta{width:auto;margin-top:0;padding:14px 30px}.tj-ghost{color:var(--ink);border:1px solid #f5efe742;border-radius:14px;align-items:center;padding:14px 26px;font-weight:600;text-decoration:none;display:inline-flex}.tj-ghost:hover{border-color:var(--o);color:var(--o)}.tj-loading{z-index:30;background:#0a0510;position:absolute;inset:0}@media (max-width:820px){.tj-scrim{background:linear-gradient(#0000 42%,#0a05108c 70%,#0a0510eb 100%),linear-gradient(#0a05108c 0%,#0000 24%)}.tj-hud{flex-wrap:wrap;justify-content:center;gap:10px}.tj-chapter{order:-1}.tj-cardwrap{display:block;inset:auto 0 0}.tj-card{width:100%;max-width:100%;max-height:58svh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:.6s cubic-bezier(.16,1,.3,1) 1.15s both tj-card-up}.tj-card:after{border-radius:26px 26px 0 0}@keyframes tj-card-up{0%{opacity:0;transform:translateY(104%)}to{opacity:1;transform:translateY(0)}}.tj-scene-inner{transform:none}.tj-recap{grid-template-columns:1fr}}@media (max-width:420px){.tj-tool{padding:12px 4px}.tj-tool-glyph{width:40px;height:40px}.tj-tool-name{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.tj-scene,.tj-scene-inner{transition:opacity .3s}.tj-scene.is-active img{animation:none}.tj-scene img{transform:scale(1.04)}.tj-card,.tj-reveal,.tj-win,.tj-win-card,.tj-tool.is-wrong,.tj.is-warping .tj-scenes{animation:none}.tj-warp{display:none}}