.tutorial-reader{--tr-primary: #56478e;--tr-on-primary: #ffffff;--tr-surface: #fcf9f3;--tr-surface-container: #f0eee8;--tr-on-surface: #1c1c18;--tr-on-surface-variant: #484550;--tr-muted: #64748b;--tr-outline: #cac4d1;--tr-radius: .75rem;--tr-radius-sm: .5rem;--tr-font-ui: "Inter", "Noto Sans SC", system-ui, sans-serif;--tr-font-mono: "JetBrains Mono", ui-monospace, monospace;--tr-measure: 60ch;--tr-content-width: 820px;--tr-space: 16px;--tr-figure-min-height: 200px;--tr-figure-max-height: 320px;--tr-figure-max-width: 320px;--tr-topview-size: 220px;--tr-topview-gap: 3px;--tr-stage-foundation: #8a6d4b;--tr-stage-middle: #4f7a6e;--tr-stage-last-layer: #5d5b8a}.tutorial-reader{background:#fff;border:1px solid var(--tr-outline);border-radius:var(--tr-radius);padding:24px;font-family:var(--tr-font-ui);color:var(--tr-on-surface)}.tr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 16px;margin-bottom:20px}.tr-header-text{flex:1 1 auto;min-width:0}.tr-back-btn{position:absolute;right:100%;margin-right:46px;top:0;padding-top:0;font-size:.9rem;font-weight:500;color:var(--tr-primary);text-decoration:none;white-space:nowrap}.tr-back-btn:hover{text-decoration:underline;text-underline-offset:2px}.tr-eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-primary);margin-bottom:6px}.tr-page-title{margin:0;padding:8px 0;font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--tr-on-surface)}.tr-section{margin-top:28px}.tr-lang-top{flex:0 0 auto;padding-top:2px}@media(max-width:560px){.tr-header{flex-wrap:wrap}.tr-lang-top{width:100%;display:flex;justify-content:flex-end;padding-top:0}}.tr-section-title{font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 12px;color:var(--tr-on-surface)}.tr-section-rail{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:1.25rem}.tr-section-rail:before{content:"";position:absolute;top:.75rem;bottom:.75rem;right:.75rem;width:2px;background:var(--tr-outline);z-index:0}.tr-section-rail__item{position:relative;z-index:1;display:flex;align-items:center;gap:.625rem;text-decoration:none}.tr-section-rail__label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:112px;text-align:right;font-size:.78rem;font-weight:500;line-height:1.25;color:var(--tr-on-surface-variant)}.tr-section-rail__item.is-active .tr-section-rail__label{font-weight:700;color:var(--tr-on-surface)}.tr-section-rail__dot{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex:0 0 auto;border-radius:9999px;border:1px solid var(--tr-outline);background:var(--tr-surface);color:var(--tr-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.tr-section-rail__item:hover .tr-section-rail__dot{background:var(--tr-surface-container)}.tr-section-rail__item.is-active .tr-section-rail__dot{background:var(--tr-primary);border-color:var(--tr-primary);color:var(--tr-on-primary);transform:scale(1.18)}.tr-section-rail__sub{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin-right:2.25rem;animation:tr-rail-sub-in .16s ease both}@keyframes tr-rail-sub-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.tr-section-rail__phase{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;text-decoration:none}.tr-section-rail__phase-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:110px;text-align:right;font-size:.72rem;font-weight:500;line-height:1.2;color:var(--tr-on-surface-variant)}.tr-section-rail__phase.is-active .tr-section-rail__phase-label{font-weight:700;color:var(--tr-on-surface)}.tr-section-rail__phase-dot{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:9999px;background:var(--tr-outline);transition:background .12s ease,transform .12s ease}.tr-section-rail__phase:hover .tr-section-rail__phase-dot{background:var(--tr-on-surface-variant)}.tr-section-rail__phase.is-active .tr-section-rail__phase-dot{background:var(--tr-primary);transform:scale(1.25)}@media(max-width:1179px){.tr-section-rail{display:none}}.tr-anchor{margin-top:24px}.tr-group{margin-top:20px;padding:16px 20px;background:var(--tr-surface);border:1px solid var(--tr-outline);border-radius:var(--tr-radius);display:grid;grid-template-columns:1fr minmax(0,var(--tr-figure-max-width));grid-template-rows:repeat(4,auto);column-gap:32px;align-items:start}.tr-group__title{grid-column:1}.tr-group>.tr-anchor{grid-column:1}.tr-group>.tr-details{grid-column:1}.tr-group>.tr-bridge-link{grid-column:1}.tr-group>.tr-figure{grid-column:2;grid-row:1 / -1;margin:0}.tr-group>.tr-anchor{margin-top:0}.tr-group__title{margin:0 0 8px;padding-bottom:8px;font-size:1rem;font-weight:600;color:var(--tr-on-surface);border-bottom:1px solid var(--tr-outline)}.tr-group[data-tone=cross],.tr-group[data-tone=L],.tr-group[data-tone=line],.tr-group[data-tone=dot],.tr-group[data-tone=stage-narrative]{display:block;padding:0;background:none;border:none;border-radius:0;margin-top:22px}.tr-group[data-tone=stage-narrative]{margin-top:26px}.tr-group[data-tone=cross] .tr-group__title,.tr-group[data-tone=L] .tr-group__title,.tr-group[data-tone=line] .tr-group__title,.tr-group[data-tone=dot] .tr-group__title,.tr-group[data-tone=stage-narrative] .tr-group__title{margin:0 0 8px;padding-bottom:0;border-bottom:none;font-weight:400;font-size:.9rem;color:var(--tr-on-surface-variant, #64748b)}.tr-group[data-tone=cross] .tr-group__title strong,.tr-group[data-tone=L] .tr-group__title strong,.tr-group[data-tone=line] .tr-group__title strong,.tr-group[data-tone=dot] .tr-group__title strong,.tr-group[data-tone=stage-narrative] .tr-group__title strong{font-weight:700;font-size:1rem;color:var(--tr-on-surface, #1f2937)}.tr-group[data-tone=stage-narrative] .tr-group__title .tr-inline-link--anchor{font-weight:700;font-size:1rem;color:var(--tr-primary, #2563eb)}.tr-group[data-tone=cross]>.tr-case-list,.tr-group[data-tone=L]>.tr-case-list,.tr-group[data-tone=line]>.tr-case-list,.tr-group[data-tone=dot]>.tr-case-list{margin-top:4px}.tr-group[data-tone=cross]>:not(.tr-group__title),.tr-group[data-tone=L]>:not(.tr-group__title),.tr-group[data-tone=line]>:not(.tr-group__title),.tr-group[data-tone=dot]>:not(.tr-group__title){margin-left:16px}@media(max-width:760px){.tr-group{grid-template-columns:1fr;grid-template-rows:none}.tr-group>.tr-figure{grid-column:1;grid-row:auto;margin:16px 0}}@media(max-width:480px){.tr-group{padding:12px 14px}}.tr-paragraph{line-height:1.6;margin:8px 0}.tr-paragraph--subtitle{font-size:1.05rem;font-weight:700;margin:16px 0 4px}.tr-paragraph--muted{color:var(--tr-on-surface-variant, #64748b);font-size:.9rem}.tr-list{margin:8px 0 8px 20px;line-height:1.6}.tr-list li{margin:4px 0}.tr-callout{border-left:3px solid var(--tr-primary);background:var(--tr-surface-container);padding:12px 16px;border-radius:var(--tr-radius-sm);margin:12px 0;line-height:1.6}.tr-callout--warning{border-left-color:#ba1a1a}.tr-callout--tip{border-left-color:#26a69a}.tr-details{border-left:3px solid var(--tr-primary);background:var(--tr-surface-container);border-radius:var(--tr-radius-sm);margin:12px 0;overflow:hidden}.tr-details>.tr-details__summary{cursor:pointer;font-weight:500;color:var(--tr-on-surface);padding:10px 16px}.tr-details>.tr-details__summary:hover{background:var(--tr-surface)}.tr-details[open]{background:var(--tr-surface)}.tr-details__content{padding:4px 16px 12px}.tr-details--reference{border-left:none;background:none;border-radius:0;margin:10px 0}.tr-details--reference[open]{background:none}.tr-details--reference>.tr-details__summary{padding:4px 0;font-weight:600;font-size:.92rem;color:var(--tr-on-surface)}.tr-details--reference>.tr-details__summary:hover{background:none}.tr-details--reference>.tr-details__content{padding:2px 0 8px}.tr-details--reference:has(.tr-group)>.tr-details__summary{font-size:1.1rem;font-weight:700}.tr-figure{margin:16px 0;display:flex;flex-direction:column;align-items:center;text-align:center}.tr-figure figcaption{font-size:13px;color:var(--tr-on-surface-variant);margin-top:8px;max-width:var(--tr-measure)}.tr-figure__canvas{width:100%;max-width:var(--tr-figure-max-width);aspect-ratio:1 / 1;max-height:var(--tr-figure-max-height);position:relative}.tr-figure__placeholder{position:absolute;inset:0;border-radius:var(--tr-radius-sm);background:var(--tr-surface-container);border:1px solid var(--tr-outline)}.tr-goal-figure{display:flex;flex-direction:column;align-items:center;width:100%;gap:8px}.tr-figure__scope-toggle{display:inline-flex;border:1px solid var(--tr-outline);border-radius:var(--tr-radius-sm);overflow:hidden;background:var(--tr-surface)}.tr-figure__canvas .tr-figure__scope-toggle{position:absolute;top:8px;right:8px;z-index:2}.tr-figure__scope-btn{appearance:none;border:none;background:transparent;color:var(--tr-on-surface-variant);font:inherit;font-size:12px;line-height:1;padding:6px 12px;cursor:pointer;transition:background .12s ease,color .12s ease}.tr-figure__scope-btn:hover{background:var(--tr-surface-container)}.tr-figure__scope-btn.is-active{background:var(--tr-primary);color:var(--tr-on-primary)}.tr-playback-figure{display:flex;flex-direction:column;width:100%;gap:0px}.tr-playback-figure__row{display:flex;flex-direction:row;align-items:stretch;width:100%;gap:0px}.tr-playback-figure__cube{flex:0 0 var(--tr-figure-max-width);max-width:var(--tr-figure-max-width);min-width:0}.tr-playback-figure__panel{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px}.tr-playback-figure__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.tr-playback-step{display:flex;align-items:flex-start;gap:12px;padding:5px 8px;border-radius:var(--tr-radius-sm);font-size:13px;line-height:1.4;color:var(--tr-on-surface-variant);opacity:.5;transition:opacity .15s ease,background .15s ease}.tr-playback-step.is-current{opacity:1;color:var(--tr-on-surface);background:var(--tr-surface-container)}.tr-playback-step.is-current .tr-playback-step__text{font-weight:600}.tr-playback-step.is-done{opacity:1}.tr-playback-step__caption{flex:0 0 132px;min-width:0;display:flex;align-items:center;gap:8px}.tr-playback-step__chip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.4rem;padding:0 .25rem;border-radius:9999px;border:1px solid var(--tr-outline);background:transparent;color:var(--tr-on-surface-variant);font-size:.72rem;font-weight:600;line-height:1}.tr-playback-step.is-current .tr-playback-step__chip{border-color:var(--tr-primary, #56478e);color:var(--tr-primary, #56478e)}.tr-playback-step.is-done .tr-playback-step__chip,.tr-playback-step--goal.is-current .tr-playback-step__chip{background:var(--tr-primary, #56478e);border-color:var(--tr-primary, #56478e);color:var(--tr-on-primary, #fff)}.tr-playback-step__text{min-width:0}.tr-playback-step__moves{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tr-playback-step__verb{font-size:11px;font-weight:500;color:var(--tr-on-surface-variant);opacity:.7}@media(max-width:600px){.tr-playback-figure__row{flex-direction:column;gap:0px}.tr-playback-figure__cube,.tr-playback-figure__panel{flex-basis:auto;width:100%}}.tr-playback-figure__tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tr-playback-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tr-playback-group__label{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--tr-primary, #56478e);text-transform:uppercase;margin-right:2px;opacity:.85}.tr-playback-sep{font-size:15px;font-weight:600;color:var(--tr-outline, #aaa);align-self:center;margin:0 2px}.tr-playback-token{font-family:var(--tr-font-mono, ui-monospace, SFMono-Regular, monospace);font-size:13px;line-height:1;padding:5px 9px;border-radius:var(--tr-radius-sm);border:1px solid var(--tr-outline);background:var(--tr-surface);color:var(--tr-on-surface-variant);transition:background .12s ease,color .12s ease,border-color .12s ease}.tr-playback-token.is-done{background:var(--tr-surface-container);color:var(--tr-on-surface);font-weight:600}.tr-playback-token.is-current{background:var(--tr-primary);border-color:var(--tr-primary);color:var(--tr-on-primary);font-weight:700;transform:scale(1.08);box-shadow:0 0 0 3px color-mix(in srgb,var(--tr-primary, #56478e) 30%,transparent)}.tr-playback-figure__tip{font-size:12px;line-height:1.5;color:var(--tr-on-surface-variant);font-style:italic;padding:4px 0}.tr-playback-figure__controls{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:4px}.tr-playback-btn{appearance:none;font:inherit;font-size:13px;line-height:1;padding:7px 12px;min-width:40px;border:1px solid var(--tr-outline);border-radius:var(--tr-radius-sm);background:var(--tr-surface);color:var(--tr-on-surface-variant);cursor:pointer;transition:background .12s ease,color .12s ease,opacity .12s ease}.tr-playback-btn:hover:not(:disabled){background:var(--tr-surface-container)}.tr-playback-btn:disabled{opacity:.4;cursor:default}.tr-playback-btn--primary{background:var(--tr-primary);border-color:var(--tr-primary);color:var(--tr-on-primary);font-weight:600}.tr-playback-btn--primary:hover:not(:disabled){filter:brightness(.95)}.tr-playback-figure__count{margin-left:4px;font-size:12px;color:var(--tr-on-surface-variant);font-variant-numeric:tabular-nums}.tr-kociemba-demo{flex-direction:row;align-items:center;gap:18px}.tr-kociemba-demo__cube{flex:0 0 280px;max-width:42%}.tr-kociemba-demo__side{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;min-width:0}.tr-kociemba-demo__phase-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tr-kociemba-demo__phase{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:4px 8px;border-radius:var(--tr-radius-sm);border:1px solid var(--tr-outline)}.tr-kociemba-demo__phase--p1{color:#2563eb;border-color:#2563eb}.tr-kociemba-demo__phase--p2{color:#0d9488;border-color:#0d9488}.tr-kociemba-demo__tokens{display:flex;flex-wrap:wrap;gap:6px}.tr-kociemba-demo .tr-playback-token{font-size:11px;padding:3px 6px}.tr-kociemba-demo .tr-playback-figure__controls{align-self:center;padding:10px 0}.tr-kociemba-demo .tr-playback-token.is-phase1.is-done{background:#dbeafe;border-color:#2563eb;color:#1e3a8a}.tr-kociemba-demo .tr-playback-token.is-phase2.is-done{background:#ccfbf1;border-color:#0d9488;color:#134e4a}.tr-kociemba-demo__caption--boundary{background:var(--tr-surface-container);border-left:3px solid var(--tr-primary);padding:8px 12px;border-radius:var(--tr-radius-sm)}@media(max-width:720px){.tr-kociemba-demo{flex-direction:column;align-items:center}.tr-kociemba-demo__cube{flex-basis:auto;max-width:100%}.tr-kociemba-demo__side{align-items:stretch}}.tr-inline-code{font-family:var(--tr-font-mono, ui-monospace, SFMono-Regular, monospace);font-size:.92em;background:var(--tr-surface-container);padding:1px 5px;border-radius:var(--tr-radius-sm)}.tr-topview{display:flex;justify-content:center;width:100%}.tr-topview__grid{gap:var(--tr-topview-gap);max-width:var(--tr-topview-size);border-radius:var(--tr-radius-sm);overflow:hidden}.tr-topview__cell{border-radius:var(--tr-radius-sm);border:1px solid var(--tr-outline)}.tr-isocube{--tr-isocube-size: 96px;--tr-isocube-body: #1c1c18;--tr-isocube-dim: #9a96a0;width:calc(var(--tr-isocube-size) * 1.6);height:calc(var(--tr-isocube-size) * 1.6);perspective:calc(var(--tr-isocube-size) * 3.6);display:flex;align-items:center;justify-content:center}.tr-isocube__cube{width:var(--tr-isocube-size);height:var(--tr-isocube-size);position:relative;transform-style:preserve-3d}.tr-isocube__face{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1px;padding:1px;background:var(--tr-isocube-body);box-sizing:border-box}.tr-isocube__face--U{transform:rotateX(90deg) translateZ(calc(var(--tr-isocube-size) / 2))}.tr-isocube__face--D{transform:rotateX(-90deg) translateZ(calc(var(--tr-isocube-size) / 2))}.tr-isocube__face--F{transform:translateZ(calc(var(--tr-isocube-size) / 2))}.tr-isocube__face--R{transform:rotateY(90deg) translateZ(calc(var(--tr-isocube-size) / 2))}.tr-isocube__sticker{border-radius:2px}.tr-isocube__swap-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.tr-isocube__swap-arrow-line{stroke:var(--tr-primary, #56478e);stroke-width:2.5;opacity:.8}.tr-isocube__swap-arrow-head{fill:var(--tr-primary, #56478e);opacity:.8}.tr-isocube__sticker--dim{background:var(--tr-isocube-dim)}.tr-isocube__sticker--outline{box-shadow:inset 0 0 0 2px var(--tr-primary, #56478e)}.tr-isocube__sticker--hatch-stripe{background-image:repeating-linear-gradient(45deg,transparent 0 3px,color-mix(in srgb,var(--tr-primary, #56478e) 62%,transparent) 3px 4px)}.tr-isocube__sticker--hatch-grid{background-image:repeating-linear-gradient(45deg,transparent 0 3px,color-mix(in srgb,var(--tr-primary, #56478e) 62%,transparent) 3px 4px),repeating-linear-gradient(-45deg,transparent 0 3px,color-mix(in srgb,var(--tr-primary, #56478e) 62%,transparent) 3px 4px)}.tr-isocube__sticker--slot-boundary{outline:2px dashed var(--tr-primary, #56478e);outline-offset:-2px;border-radius:2px}.tr-progression-gallery{--tr-gallery-cube: 72px;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:var(--tr-space);margin:16px 0}.tr-progression-gallery__item{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.tr-progression-gallery__item .tr-isocube{--tr-isocube-size: var(--tr-gallery-cube)}.tr-progression-gallery__placeholder{width:calc(var(--tr-gallery-cube) * 1.6);height:calc(var(--tr-gallery-cube) * 1.6);border-radius:var(--tr-radius-sm);background:var(--tr-surface-container);border:1px dashed var(--tr-outline);opacity:.5}.tr-progression-gallery__caption{font-size:.72rem;line-height:1.2;text-align:center;color:var(--tr-on-surface-variant);max-width:9em}@media(max-width:480px){.tr-progression-gallery{--tr-gallery-cube: 56px}}.tr-stepper{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.tr-stepper-node{list-style:none}.tr-stepper-link{display:flex;align-items:center;gap:.5rem;width:100%;text-decoration:none;color:inherit;border-radius:var(--tr-radius-sm);padding:4px 6px}.tr-stepper-link:hover{background:var(--tr-surface-container);cursor:pointer}.tr-stepper-idx{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .25rem;border-radius:9999px;font-size:.8rem;font-weight:600;background:var(--tr-surface-container);color:var(--tr-primary);flex:0 0 auto}.tr-stepper-link:hover>.tr-stepper-idx{background:var(--tr-surface)}.tr-stepper-label{font-weight:500;color:var(--tr-on-surface)}.tr-stepper-difficulty{font-size:.75rem;color:var(--tr-on-surface-variant)}.tr-stepper-node--branch{background:var(--tr-surface-container);border-radius:var(--tr-radius-sm);padding:6px 8px}.tr-stepper-branch-head{display:flex;align-items:center;gap:.5rem;padding:4px 6px}.tr-stepper-routes{margin-left:auto;font-size:.7rem;color:var(--tr-on-surface-variant);background:var(--tr-surface);border:1px solid var(--tr-outline);border-radius:9999px;padding:1px 8px;flex:0 0 auto}.tr-stepper-routes-list{list-style:none;margin:2px 0 0;padding:0 0 0 1.5rem;display:flex;flex-direction:column;gap:.125rem}.tr-stepper-route{list-style:none}.tr-stepper-route-mark{color:var(--tr-primary);font-weight:600;flex:0 0 auto}.tr-stepper-route-label{color:var(--tr-on-surface)}.tr-stepper-route-link:hover{background:var(--tr-surface)}.tr-roadmap{margin:12px 0}.tr-roadmap-flow .tr-flow-graph__grid{grid-template-columns:repeat(var(--flow-cols),150px);gap:16px 56px;justify-content:center}.tr-flow-graph{position:relative;padding:4px 0}.tr-flow-graph__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}.tr-flow-graph__edge{fill:none;stroke:var(--tr-outline);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.tr-flow-graph__arrow{fill:var(--tr-outline)}.tr-flow-graph__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--flow-cols),minmax(0,1fr));gap:30px clamp(72px,16vw,180px);align-items:stretch}.tr-flow-graph__cell{min-width:0}.tr-flow-graph__cell--solo{display:flex;justify-content:center}.tr-flow-graph__cell--solo .tr-flow-graph__node-anchor{width:min(100%,260px)}.tr-flow-graph__node-anchor,.tr-roadmap-node{height:100%}.tr-roadmap-card{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;height:100%;min-height:40px;padding:6px 10px;background:var(--tr-surface);border:1px solid var(--tr-outline);border-radius:var(--tr-radius-sm);text-decoration:none;color:inherit}.tr-roadmap-card:hover{background:#fff}.tr-roadmap-node.is-active .tr-roadmap-card{box-shadow:0 0 0 2px var(--tr-primary);background:#fff}.tr-roadmap-node.is-active .tr-roadmap-idx{outline:2px solid var(--tr-primary);outline-offset:1px}.tr-roadmap-idx{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;font-size:.72rem;font-weight:700;color:var(--tr-on-primary);background:var(--tr-primary);flex:0 0 auto}.tr-roadmap-title{font-weight:600;font-size:.84rem;line-height:1.25;color:var(--tr-on-surface)}@media(max-width:560px){.tr-roadmap-flow .tr-flow-graph__grid{gap:12px 36px}.tr-roadmap-title{font-size:.8rem}}.tr-stage-roadmap{margin:12px 0}.tr-stage-roadmap-flow .tr-flow-graph__grid{grid-template-columns:repeat(var(--flow-cols),minmax(120px,1fr));gap:16px 48px;justify-content:center}.tr-stage-node{height:100%}.tr-stage-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;width:100%;height:100%;padding:10px 12px;border:1px solid var(--tr-border, #d0d0d0);border-radius:8px;background:#fafafa;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;font:inherit;color:inherit}.tr-stage-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--tr-primary, #2563eb)}.tr-stage-label{display:flex;align-items:center;justify-content:center;min-height:2.5em;font-weight:600;font-size:.84rem;line-height:1.25}.tr-stage-coverage-bar{width:100%;height:4px;border-radius:2px;background:var(--tr-outline, #e2e8f0);background-image:linear-gradient(to right,var(--tr-primary, #2563eb) var(--coverage, 0%),transparent var(--coverage, 0%))}.tr-stage-meta{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.tr-stage-coverage-text{font-size:.78rem;color:var(--tr-primary, #2563eb);font-weight:600}.tr-stage-difficulty{font-size:.72rem;padding:1px 8px;border-radius:999px;background:#eef2ff;color:#475569}.tr-stage-card[data-difficulty=重] .tr-stage-difficulty,.tr-stage-card[data-difficulty=hard] .tr-stage-difficulty{background:#fee2e2;color:#b91c1c}.tr-stage-card[data-difficulty=中] .tr-stage-difficulty,.tr-stage-card[data-difficulty=med] .tr-stage-difficulty{background:#fef3c7;color:#b45309}.tr-stage-card[data-difficulty=易] .tr-stage-difficulty,.tr-stage-card[data-difficulty=easy] .tr-stage-difficulty{background:#d1fae5;color:#047857}@media(max-width:720px){.tr-stage-roadmap-flow .tr-flow-graph__grid{gap:12px 32px}.tr-stage-label{font-size:.8rem}}.tr-decision-tree{margin:14px 0}.tr-decision-tree-flow .tr-flow-graph__grid{gap:40px 14px;align-items:center}.tr-decision-node{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:8px;background:var(--tr-surface, #f8fafc);border:1px solid var(--tr-border, #e2e8f0);text-align:center;min-width:0}.tr-decision-node--root{background:var(--tr-primary, #2563eb);color:#fff;border-color:transparent;font-weight:600;font-size:.9rem}.tr-decision-node--branch{flex-direction:row;gap:6px;align-items:center}.tr-decision-node--branch,.tr-decision-node--summary{width:fit-content;margin-inline:auto}.tr-decision-node--branch[data-edge=L]{border-color:var(--tr-primary, #2563eb)}.tr-decision-node__label{font-weight:600;font-size:.82rem;line-height:1.2}.tr-decision-node__freq{font-size:.74rem;font-weight:700;color:var(--tr-primary, #2563eb)}.tr-decision-node--root .tr-decision-node__freq{color:#fff}.tr-decision-node--summary{font-size:.74rem;line-height:1.3;color:var(--tr-muted, #64748b);background:transparent;border-style:dashed}.tr-decision-node__text{max-width:15em;line-height:1.35}.tr-decision-glyph{display:grid;grid-template-columns:repeat(3,10px);grid-template-rows:repeat(3,10px);gap:1px;margin-bottom:2px}.tr-decision-glyph__cell{background:var(--tr-border, #e2e8f0);border-radius:2px}.tr-decision-glyph__cell[data-on=true]{background:var(--tr-accent, #fbbf24)}.tr-decision-glyph__cell--n{grid-area:1 / 2}.tr-decision-glyph__cell--e{grid-area:2 / 3}.tr-decision-glyph__cell--s{grid-area:3 / 2}.tr-decision-glyph__cell--w{grid-area:2 / 1}.tr-decision-glyph__cell--c{grid-area:2 / 2}@media(max-width:640px){.tr-decision-node--summary{display:none}.tr-decision-node--branch{flex-direction:column}.tr-decision-node__label{font-size:.76rem}}.tr-bridge-link{display:inline-block;margin-top:12px;padding:0;background:none;color:var(--tr-primary);text-decoration:none;font-weight:600}.tr-bridge-link:hover{text-decoration:underline;text-underline-offset:3px}.tr-inline-link{color:var(--tr-primary);text-decoration:underline;text-underline-offset:2px}.tr-table{border-collapse:collapse;margin:12px 0}.tr-table th,.tr-table td{border:1px solid var(--tr-outline);padding:6px 12px;text-align:left}.tr-table th{background:var(--tr-surface-container);font-family:var(--tr-font-mono)}.tr-gallery-item{border-top:1px solid var(--tr-outline);padding:12px 0}.tr-gallery-label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tr-primary);margin-bottom:8px}.tutorial-page{background:var(--tr-surface, #fcf9f3);color:var(--tr-on-surface, #1c1c18);font-family:var(--tr-font-ui, "Inter", system-ui, sans-serif);min-height:100%;padding:32px 24px 64px}.tutorial-page .tutorial-reader{position:relative;max-width:var(--tr-content-width);margin:0 auto;background:transparent;border:none;border-radius:0;padding:0}@media(max-width:600px){.tr-back-btn{position:static;margin-right:0;margin-bottom:8px;padding-top:0}}.tutorial-page--placeholder{display:flex;align-items:center;justify-content:center}.tutorial-placeholder-card{background:#fff;border:1px solid var(--tr-outline, #cac4d1);border-radius:var(--tr-radius, .75rem);padding:48px 32px;text-align:center;max-width:480px}.tutorial-placeholder-card h1{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--tr-on-surface, #1c1c18)}.tutorial-placeholder-card p{color:var(--tr-on-surface-variant, #484550);line-height:1.6}.tr-figure-pair{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0}.tr-figure-pair__cell{flex:1 1 0;min-width:0;margin:0}.tr-figure-pair__arrow{flex:0 0 auto;font-size:22px;line-height:1;color:var(--tr-on-surface-variant);-webkit-user-select:none;user-select:none}@media(max-width:600px){.tr-figure-pair{flex-direction:column;gap:6px}.tr-figure-pair__arrow{transform:rotate(90deg)}}.tr-figure-row{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:12px;margin:16px 0}.tr-figure-row>.tr-figure{flex:1 1 200px;min-width:0;margin:0}.tr-figure-row>.tr-figure figcaption{max-width:150px}@media(max-width:600px){.tr-figure-row{flex-direction:column;gap:6px}}.tr-case-list{display:flex;flex-direction:column;margin:16px 0}.tr-case{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid var(--tr-outline)}.tr-case:first-child{border-top:none;padding-top:4px}.tr-case__thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.tr-case__thumb .tr-isocube{--tr-isocube-size: 72px}.tr-case__thumb .oll-top-view-panel{position:static;inset:auto;width:auto;padding:0;background:none;border:none;box-shadow:none}.tr-case__thumb .oll-top-view-panel__grid{width:72px;height:72px}.tr-case__body{flex:1 1 auto;min-width:0}.tr-case__state{font-weight:600;color:var(--tr-on-surface)}.tr-case__strategy{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--tr-on-surface-variant)}.tr-case__formula{display:block;margin:6px 0 0;font-family:var(--tr-font-mono, ui-monospace, SFMono-Regular, monospace);font-size:12.5px;line-height:1.5;color:var(--tr-on-surface-variant);word-break:break-word}.tr-ref-table{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:6px 14px;align-items:center;margin:12px 0}.tr-ref-table__group{grid-column:1 / -1;margin:10px 0 2px;padding-bottom:3px;border-bottom:1px solid var(--tr-outline);font-size:13px;font-weight:600;color:var(--tr-on-surface-variant)}.tr-ref-table__group:first-child{margin-top:0}.tr-ref-table__case{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;min-width:0}.tr-ref-table__thumb{display:flex;align-items:center;justify-content:center}.tr-ref-table__name{font-size:11.5px;line-height:1.25;text-align:center;color:var(--tr-on-surface-variant);overflow-wrap:anywhere;white-space:nowrap}.tr-ref-table__formula{font-family:var(--tr-font-mono, ui-monospace, SFMono-Regular, monospace);font-size:12.5px;line-height:1.5;color:var(--tr-on-surface);overflow-wrap:anywhere}.tr-ref-table__thumb .oll-top-view-panel{position:static;inset:auto;width:auto;padding:0;background:none;border:none;box-shadow:none}.tr-ref-table__thumb .oll-top-view-panel__grid{width:72px;height:72px}.tr-ref-table__thumb .tr-isocube{--tr-isocube-size: 72px}.tr-ref-table__thumb .pll-perimeter{--pll-cell: 13px;--pll-gap: 2px}.tr-ref-table__thumb .pll-cell--seg{box-shadow:inset 0 0 0 1px #0000004d}.tr-pll-group>.tr-ref-table{width:100%}@media(max-width:760px){.tr-ref-table{grid-template-columns:auto minmax(0,1fr)}}@media(max-width:560px){.tr-ref-table{grid-template-columns:minmax(0,128px)}.tr-ref-table__formula{grid-column:1;padding-left:0}.tr-ref-table__name{white-space:normal}}.tr-case-list--compact{flex-direction:row;flex-wrap:nowrap;gap:0px;margin:8px 0 12px}.tr-case-list--compact .tr-case{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-top:none}.tr-case-list--compact .tr-case__thumb .oll-top-view-panel__grid{width:60px;height:60px}.tr-case-list--compact .tr-case__state{font-size:13px;line-height:1.3;text-align:center}.tr-case-list--compact:not(.tr-case-list--float-start):not(.tr-case-list--float-end){flex-wrap:wrap;gap:14px 18px;justify-content:flex-start}.tr-case-list--compact:not(.tr-case-list--float-start):not(.tr-case-list--float-end) .tr-case{flex:0 0 auto}.tr-case-list--compact:not(.tr-case-list--float-start):not(.tr-case-list--float-end) .tr-case__thumb .oll-top-view-panel__grid{width:72px;height:72px}.tr-case-list--compact:not(.tr-case-list--float-start):not(.tr-case-list--float-end) .tr-case__body{max-width:72px}.tr-case-list--compact:not(.tr-case-list--float-start):not(.tr-case-list--float-end) .tr-case__state{overflow-wrap:anywhere;line-height:1.25}.tr-case-list--float-start{float:left;width:176px;margin:10px 4px 0 0}.tr-case-list--float-end{float:right;width:176px;margin:2px 0 10px 20px}@media(max-width:520px){.tr-case-list--float-start,.tr-case-list--float-end{float:none;width:100%;max-width:320px;justify-content:center;margin:8px auto}}@media(max-width:480px){.tr-case{gap:12px}.tr-case__thumb .tr-isocube{--tr-isocube-size: 60px}.tr-case__thumb .oll-top-view-panel__grid{width:60px;height:60px}}.tr-case-list--f2l-configuration{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.tr-section[data-section=model] .tr-case-list--f2l-configuration{grid-template-columns:repeat(3,1fr)}.tr-case-list--f2l-configuration .tr-case{flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px 6px;border:1px solid var(--tr-outline);border-radius:var(--tr-radius-sm)}.tr-case-list--f2l-configuration .tr-case:first-child{border-top:1px solid var(--tr-outline);padding-top:10px}.tr-case-list--f2l-configuration .tr-case__thumb .tr-isocube{--tr-isocube-size: 72px}.tr-case-list--f2l-configuration .tr-case__body{flex:1 1 auto;min-width:0;text-align:center}.tr-case-list--f2l-configuration .tr-case__state{font-size:13px;font-weight:600;line-height:1.3}.tr-case-list--f2l-configuration .tr-case__cue{margin:3px 0 0;font-size:12px;line-height:1.4;color:var(--tr-on-surface-variant);overflow-wrap:anywhere}.tr-case__badge{display:inline-block;font-size:10px;font-weight:600;line-height:1;padding:3px 6px;margin-right:4px;border-radius:999px;vertical-align:middle;background:var(--tr-primary-container, #e6e0f8);color:var(--tr-on-primary-container, #2a2150)}@media(max-width:360px){.tr-case-list--f2l-configuration .tr-case__thumb .tr-isocube{--tr-isocube-size: 60px}}@media(min-width:420px){.tr-case-list--f2l-configuration{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px){.tr-case-list--f2l-configuration{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px){.tr-case-list--f2l-configuration{grid-template-columns:repeat(5,1fr)}}@media(min-width:1100px){.tr-case-list--f2l-configuration{grid-template-columns:repeat(6,1fr)}}.tr-decision-tree--flow .tr-flow-graph__grid{gap:48px 12px;align-items:center}.tr-flow-graph__edge-labels{position:absolute;inset:0;z-index:1;pointer-events:none}.tr-flow-graph__edge-label{position:absolute;transform:translate(-50%,-50%);padding:1px 7px;border-radius:9999px;background:var(--tr-surface, #f8fafc);color:var(--tr-muted, #64748b);font-size:.7rem;font-weight:500;line-height:1.25;white-space:nowrap}.tr-flow-node{display:flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:8px;min-width:0;background:var(--tr-surface, #f8fafc);border:1px solid var(--tr-border, #e2e8f0);text-align:center;width:fit-content;margin-inline:auto}.tr-flow-node__label{font-size:.8rem;line-height:1.25;font-weight:500}.tr-flow-node--question{background:var(--tr-primary, #2563eb);color:#fff;border-color:transparent;font-weight:600}.tr-flow-node--result{border-color:var(--tr-primary, #2563eb);font-weight:600}.tr-flow-node--linked{cursor:pointer;text-decoration:none;transition:background .12s,color .12s}.tr-flow-node--linked:hover{background:var(--tr-primary, #2563eb);color:#fff}.tr-flow-node--exit{background:transparent;border-style:dashed;color:var(--tr-muted, #64748b);font-weight:500}.pll-perimeter{--pll-cell: 22px;--pll-gap: 4px;display:flex;flex-direction:column;align-items:center;gap:4px;width:fit-content}.pll-perimeter__grid{position:relative;display:grid;grid-template-columns:repeat(5,var(--pll-cell));grid-template-rows:repeat(5,var(--pll-cell));gap:var(--pll-gap)}.pll-cell{border-radius:3px;position:relative}.pll-cell--empty{background:transparent}.pll-cell--seg{box-shadow:inset 0 0 0 1px #0000001a}.pll-seg--unmatched:after{content:"";position:absolute;inset:0;border-radius:3px;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.62) 0 1px,transparent 1px 4px);pointer-events:none}.pll-seg--highlight{outline:2px solid var(--tr-primary, #2563eb);outline-offset:1px;z-index:1}.pll-seg--dimmed{opacity:.12}.pll-seg--dimmed.pll-seg--unmatched:after{content:none}.pll-perimeter__hidden-note{font-size:.68rem;color:var(--tr-muted, #64748b);line-height:1}.pll-perimeter__arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#1a1a1a}.pll-perimeter__arrows line{stroke:currentColor;stroke-width:.14;stroke-linecap:round}.tr-pll-group{display:flex;flex-direction:column;align-items:center;gap:6px}.pll-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.72rem;color:var(--tr-on-surface-variant, #475569)}.pll-legend__chip{display:inline-flex;align-items:center;gap:5px}.pll-legend__sticker{width:14px;height:14px;border-radius:3px;display:inline-block;background:#0046ad}.pll-legend__sticker--permuted{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.62) 0 1px,transparent 1px 4px)}.pll-legend__sticker--u{background:#ffd500}.pll-legend__sticker--dimmed{opacity:.12}.tr-case-list .pll-legend{font-size:.66rem}@media(max-width:480px){.pll-perimeter{--pll-cell: 20px}}@media(max-width:600px){.tr-case-list:has(.pll-perimeter){display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tr-case-list:has(.pll-perimeter) .tr-case{width:100%}}.tr-details--reference[open]>.tr-details__content{padding-left:14px;border-left:2px solid var(--tr-border, #e2e8f0);margin-left:2px}.tr-deflist{margin:12px 0}.tr-deflist__item{margin:14px 0}.tr-deflist__item:first-child{margin-top:4px}.tr-deflist__term{font-size:1rem;font-weight:700;line-height:1.4;color:var(--tr-on-surface, #1c1c18);margin-bottom:2px}.tr-deflist__fields{margin:0 0 0 16px}.tr-deflist__field{font-size:.95rem;line-height:1.6;color:var(--tr-on-surface-variant, #484550)}.tr-deflist__field strong{font-weight:600;color:var(--tr-on-surface, #1c1c18)}.tr-deflist__field--muted{font-size:.85rem;color:var(--tr-muted, #64748b)}.tr-deflist__field--muted strong{font-weight:600;color:var(--tr-muted, #64748b)}.tr-cycle-graph{float:right;width:280px;margin:4px 0 10px 22px}.tr-cycle-graph__svg{width:100%;height:auto;overflow:visible}.tr-cycle-graph__edge{fill:none;stroke:var(--tr-outline, #cac4d1);stroke-width:2px;stroke-linecap:round}.tr-cycle-graph__arrow{fill:var(--tr-outline, #cac4d1)}.tr-cycle-graph__node{fill:var(--tr-surface, #fcf9f3);stroke:var(--tr-outline, #cac4d1);stroke-width:1}.tr-cycle-graph__label{font-family:var(--tr-font-ui, system-ui, sans-serif);font-size:12.5px;fill:var(--tr-on-surface, #1c1c18)}.tr-cycle-graph__center{font-family:var(--tr-font-ui, system-ui, sans-serif);font-size:22px;font-weight:600;fill:var(--tr-primary, #56478e)}@media(max-width:600px){.tr-cycle-graph{float:none;width:160px;margin:8px auto}}.tr-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start;margin:16px 0}.tr-columns__col{min-width:0}