.pz-page{background:radial-gradient(1100px 600px at 20% -10%, #1262ad59, transparent 70%), linear-gradient(180deg, var(--deep) 0%, var(--abyss) 100%);background-color:var(--abyss);flex-direction:column;display:flex}html:has(.pz-page){background:var(--abyss)}.pz{width:min(82rem, 100% - 2 * var(--gutter));flex:1;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:1.25rem;margin:0 auto;padding-block:1.25rem 2rem;display:grid}.stage{gap:.9rem;display:grid}.stage__bar{gap:.6rem;display:grid}.stage__hint{color:var(--muted);font-size:var(--fs-sm);min-height:2.6em}.stage__actions{flex-wrap:wrap;gap:.6rem;display:flex}.stage__actions .btn{flex:1}.seg{border:1px solid var(--line);border-radius:var(--r-pill);background:#021529b3;grid-template-columns:1fr 1fr;gap:.25rem;width:fit-content;max-width:100%;padding:.25rem;display:inline-grid}.seg__btn{border-radius:var(--r-pill);color:var(--muted);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:0;justify-content:center;align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-weight:500;display:inline-flex}.seg__btn:hover{color:var(--text)}.seg__btn[aria-checked=true]{background:linear-gradient(180deg, #ffd27a, var(--gold));color:#2a1d00;font-weight:700}.board{isolation:isolate;border:2px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-2), inset 0 0 0 1px #ffffff0f;background:#4a5260;position:relative;overflow:hidden;container-type:inline-size}.board__img{user-select:none;-webkit-user-drag:none;width:100%;height:auto}.torch{left:var(--x);top:var(--y);z-index:2;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;outline:none;width:max(11cqw,2.75rem);padding:0;position:absolute;translate:-50% -50%}.torch:after{content:"";transition:border-color var(--t-fast), box-shadow var(--t-fast);border:2px solid #0000;border-radius:50%;position:absolute;inset:18%}.torch:hover:after,.torch:focus-visible:after{border-color:#8cffcdcc;box-shadow:0 0 .8rem #50ffaa8c}.flame{aspect-ratio:16/24;transform-origin:50% 100%;opacity:0;pointer-events:none;width:6cqw;image-rendering:pixelated;transition:opacity .25s, scale .35s var(--ease);background:url(../Img/puzzle_antorchas/flame.png) 0 0/800% 100% no-repeat;position:absolute;bottom:44%;left:50%;translate:-50%;scale:.3}.torch.is-on .flame{opacity:1;animation:.8s steps(8,end) infinite flame;animation-delay:var(--d,0s);scale:1}@keyframes flame{to{background-position-x:114.286%}}.glow{aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#78ffc39e 0%,#28c88242 38%,#0000 68%);border-radius:50%;width:16cqw;transition:opacity .3s;position:absolute;top:50%;left:50%;translate:-50% -58%}.torch.is-on .glow{opacity:1;animation:1.5s ease-in-out infinite alternate flick;animation-delay:var(--d,0s)}@keyframes flick{0%{opacity:.72;scale:.94}to{opacity:1;scale:1.05}}.badge-n{z-index:3;background:linear-gradient(145deg, #ffd27a, var(--gold));color:#2a1d00;border:2px solid #fff3d0;border-radius:50%;place-items:center;min-width:max(1.2rem,3.2cqw);height:max(1.2rem,3.2cqw);padding:0 .25em;font-size:max(.72rem,2cqw);font-weight:900;line-height:1;display:grid;position:absolute;top:4%;right:4%;box-shadow:0 0 .7rem #f2b84bb3}.badge-n.is-done{background:var(--ok);color:#04301f;border-color:#caffee;box-shadow:0 0 .7rem #4fd1a599}.torch.is-target:before{content:"";border:3px solid var(--gold);border-radius:50%;animation:1.15s ease-out infinite ring;position:absolute;inset:6%}@keyframes ring{0%{opacity:1;scale:.75}to{opacity:0;scale:1.3}}.cube{z-index:1;width:13cqw;height:auto;image-rendering:pixelated;pointer-events:none;transition:opacity .7s ease .1s, translate .8s var(--ease), scale .8s var(--ease), rotate .8s var(--ease);position:absolute;top:56.7%;left:50.2%;translate:-50% -50%}.gem-glow{z-index:1;aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle,#64ffbebf,#28c88240 45%,#0000 68%);border-radius:50%;width:18cqw;transition:opacity .8s .2s;position:absolute;top:55.2%;left:48.7%;translate:-50% -50%}.board.is-open .cube{opacity:0;translate:-50% -88%;rotate:-6deg;scale:1.15}.board.is-open .gem-glow{opacity:1;animation:2.4s ease-in-out infinite alternate gem}@keyframes gem{0%{scale:.9}to{scale:1.12}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-1);gap:.9rem;padding:1.1rem 1.2rem 1.2rem;display:grid}.panel__title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-xl);color:var(--gold);letter-spacing:.03em;line-height:1}.panel__info{color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.panel__info strong{color:var(--gold-soft)}.solve{min-height:3.1rem}.steps-box{border:1px solid var(--line-soft);border-radius:var(--r-md);background:#02152980}.steps-box__head{border-bottom:1px solid var(--line-soft);color:var(--gold-soft);justify-content:space-between;align-items:center;padding:.7rem .9rem;font-weight:700;display:flex}.steps-box__body{gap:.45rem;max-height:min(24rem,48dvh);padding:.7rem;display:grid;overflow-y:auto}.step{text-align:left;background:var(--panel-flat);border:1px solid var(--line-soft);border-radius:var(--r-md);width:100%;transition:border-color var(--t-fast), background var(--t-fast);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.55rem .75rem;display:grid}.step:hover{border-color:var(--line)}.step__n{background:linear-gradient(145deg, #ffd27a, var(--gold));color:#2a1d00;width:1.9rem;height:1.9rem;font-weight:900;font-size:var(--fs-sm);border-radius:50%;place-items:center;display:grid}.step__name{font-weight:700;display:grid}.step__name small{color:var(--muted);font-size:.75rem;font-weight:400}.step .material-symbols-sharp{color:var(--ok);opacity:0}.step.is-current{border-color:var(--gold);box-shadow:var(--ring-gold);background:#f2b84b24}.step.is-done{opacity:.62}.step.is-done .step__n{background:var(--ok);color:#04301f}.step.is-done .material-symbols-sharp{opacity:1}.note{text-align:center;color:var(--muted);font-size:var(--fs-sm);justify-items:center;gap:.5rem;padding:1.4rem .8rem;display:grid}.note .material-symbols-sharp{color:var(--gold-deep);font-size:2.2rem}.note--ok{color:var(--ok);font-weight:700}.note--ok .material-symbols-sharp{color:var(--ok)}.sim{border-top:1px solid var(--line-soft);gap:.7rem;padding-top:.9rem;display:grid}.sim__top{font-size:var(--fs-sm);color:var(--gold-soft);gap:.45rem;font-weight:700;display:grid}.sim__btns{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}dialog.tutorial[open]{flex-direction:column;width:min(40rem,100vw - 2rem);max-height:min(38rem,100dvh - 2rem);display:flex}.tutorial__head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.tutorial__head h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:var(--gold);letter-spacing:.03em}.tutorial__body{flex:1;padding:1.25rem;overflow-y:auto}.tstep{color:var(--muted);gap:.8rem;line-height:1.55;display:grid}.tstep h3{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:var(--text);letter-spacing:.02em;align-items:center;gap:.7rem;display:flex}.tstep h3 span{background:linear-gradient(145deg, #ffd27a, var(--gold));color:#2a1d00;width:2rem;height:2rem;font-family:var(--font-body);font-weight:900;font-size:var(--fs-sm);border-radius:50%;place-items:center;display:grid}.tstep strong{color:var(--gold-soft)}.tnote{font-size:var(--fs-sm);font-style:italic}.diagram{border:1px solid var(--line-soft);border-radius:var(--r-md);background:#0215298c;grid-template-columns:repeat(3,3.4rem);justify-content:center;gap:.4rem;padding:1rem;display:grid}.diagram b,.diagram i{border-radius:var(--r-sm);height:3.4rem;font-size:var(--fs-sm);place-items:center;font-style:normal;display:grid}.diagram b{color:var(--ok);background:#4fd1a529;border:1px solid #4fd1a5a6}.diagram i{border:1px dashed var(--line);color:var(--gold-soft);width:auto;font-size:1.7rem}.diagram b:nth-child(4){translate:-35%}.diagram b:nth-child(6){translate:35%}.tutorial__foot{border-top:1px solid var(--line-soft);background:#02152973;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.dots{gap:.45rem;display:flex}.dots i{background:var(--line);width:.6rem;height:.6rem;transition:background var(--t-fast), scale var(--t-fast);border-radius:50%}.dots i.is-on{background:var(--gold);scale:1.3}@media (width<=62rem){.pz{grid-template-columns:1fr}.stage,.panel{width:min(100%,44rem);margin-inline:auto}}@media (width<=480px){.seg{width:100%}.seg__btn{font-size:var(--fs-sm);padding:.5rem}.stage__actions .btn{flex-basis:100%}}