.story-crumbs{margin-bottom:.2rem;font-size:.78rem;color:var(--muted)}.story-crumbs a,.story-all{color:var(--terracotta);text-decoration:none}.story-crumbs a:hover,.story-all:hover{text-decoration:underline}.story-all{align-self:center;white-space:nowrap;font-size:.9rem}.sub-nav.stacked.story-course-header>.title-row{padding-bottom:0;border-bottom:0}.story-scene{scrollbar-width:auto}.filter-row .story-sides{margin-left:auto}.story-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem .8rem;margin:0 0 1rem}.story-sides button:before{display:none}.story-sides button{display:inline-flex;align-items:center;gap:.3rem}.story-side-piece{font-size:1.6em;line-height:.8}.story-sides button{--band: var(--terracotta)}.story-layout{display:inline-flex;gap:.25rem}.story-layout button{display:inline-grid;place-items:center;width:2rem;height:2rem;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted)}.story-layout button svg{width:1.15rem;height:1.15rem}.story-layout button:hover{color:var(--terracotta);border-color:var(--terracotta)}.story-layout button[aria-pressed=true]{border-color:var(--terracotta);background:color-mix(in srgb,var(--terracotta) 14%,transparent);color:var(--terracotta)}.story{--story-panel: var(--surface);--story-card: color-mix(in srgb, var(--surface) 88%, transparent);--story-card-top: color-mix(in srgb, var(--surface) 70%, rgba(255, 255, 255, .06));--story-soft: color-mix(in srgb, var(--accent) 10%, transparent);--studio-good: #6f9a52;--studio-bad: #c0533a;--story-bar: 0rem;--story-sticky: calc(var(--story-bar) + .6rem);--story-height: calc(var(--scene-height, 80vh) - var(--story-bar) - 1.6rem);flex:1;display:grid;grid-template-columns:var(--story-board-width, minmax(18rem, min(52rem, calc(var(--story-height) - 2.6rem - var(--story-board-below, 0rem))))) minmax(0,1fr) 12rem;gap:1.2rem;align-items:start;width:100%;max-width:140rem;overflow-x:clip;margin:0 auto;padding:1.2rem 1.5rem 1rem}.story[hidden],.story-overview[hidden]{display:none}.story .overline{margin:0 0 .35rem;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta)}.story-small{font-size:.78rem;color:var(--muted)}.story-log{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.6rem}.story-log summary{cursor:pointer;font-size:.85rem;color:var(--terracotta)}.story-making .story-log{margin-top:.6rem;padding-top:0;border-top:0}.story-making .story-log summary{width:fit-content;margin-left:auto;font-size:.8rem}.story-making .story-log[open]{border-top:1px solid var(--line);padding-top:.5rem}.story-log-wrap{overflow-x:auto;margin-top:.5rem}.story-log-table{width:100%;border-collapse:collapse;font-size:.78rem}.story-log-table th{text-align:left;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);padding:.2rem .4rem;white-space:nowrap}.story-log-table td{padding:.2rem .4rem;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);vertical-align:top;white-space:nowrap}.story-log-table td:last-child{white-space:normal}.story-log-line{display:block}.story-log-move{font-weight:600}.story-side{position:sticky;top:var(--story-sticky);max-height:var(--story-height);overflow-y:auto;overscroll-behavior:contain;padding:.8rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--story-card-top),var(--story-card))}.story.side-closed .story-side{padding:.4rem .2rem;overflow:visible}.story-side-toggle{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.8rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:9px;background:none;color:var(--light);font:inherit;font-size:.8rem;cursor:pointer}.story-side-toggle:hover{border-color:var(--terracotta)}.story-side-icon{font-size:1.1rem;line-height:1;transition:transform .2s}.story.side-closed .story-side-toggle{flex-direction:column;margin:0;padding:.5rem .15rem;border:0}.story.side-closed .story-side-icon{transform:rotate(180deg)}.story.side-closed .story-side-label{writing-mode:vertical-rl;letter-spacing:.1em}.story-side-content[hidden]{display:none}.story-courses{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.2rem}.story-course{display:flex;gap:.6rem;align-items:center;padding:.55rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--black);color:var(--light);font:inherit;text-align:left;cursor:pointer}.story-course:hover{border-color:var(--terracotta)}.story-course.on{border-color:var(--terracotta);background:var(--story-soft)}.story-course b{display:block;font-size:.84rem;font-weight:600}.story-course small{display:block;font-size:.72rem;color:var(--muted)}.story-course-side{font-size:1.3rem;line-height:1}.story-progress{height:5px;margin:.35rem 0 1rem;border-radius:999px;background:var(--line);overflow:hidden}.story-progress i{display:block;width:0;height:100%;background:var(--terracotta);transition:width .4s}.story-chapter+.story-chapter{margin-top:.9rem}.story-chapter h3{display:flex;align-items:baseline;gap:.45rem;margin:0 0 .3rem;font-size:.85rem;font-weight:600;color:var(--light)}.story-chapter-move{white-space:nowrap}.story-chapter-name{flex:1;min-width:0;font-weight:400;font-size:.75rem;color:var(--muted)}.story-chapter h3 small{font-weight:400;font-size:.7rem;color:var(--muted)}.story-chapter ul{margin:0;padding:0 0 0 .6rem;list-style:none;border-left:1px solid var(--line)}.story-line{position:relative;display:block;width:100%;padding:.35rem 1.2rem .35rem .5rem;border:0;border-radius:7px;background:none;color:var(--light);font:inherit;text-align:left;cursor:pointer}.story-line b{display:block;font-size:.8rem;font-weight:600}.story-line small{display:block;font-size:.72rem;color:var(--muted)}.story-line em{position:absolute;top:.35rem;right:.4rem;font-style:normal;font-weight:700;color:var(--studio-bad)}.story-line:hover{background:var(--story-soft)}.story-line.on{background:var(--story-soft);box-shadow:inset 2px 0 var(--terracotta)}.story-line.learned b:after{content:" ✓";color:var(--studio-good)}.story-board{position:sticky;top:var(--story-sticky);z-index:1}.story-card.structures,.story-card.story-log-card,.story-card.models{opacity:1;cursor:default}.story-log-card h3{margin-bottom:.6rem}.story-card .story-card-log{margin:-.2rem 0 .5rem;color:var(--muted);font-size:.76rem;line-height:1.5}.story-card .story-card-log b{font-weight:600;color:var(--muted)}.story-card .story-card-log:empty{display:none}.story.sized .story-card-board{max-width:none}.story-divider{position:absolute;top:0;bottom:0;right:calc(-.6rem - 7px);z-index:2;width:14px;cursor:col-resize;touch-action:none}.story-divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:transparent;transition:background .15s,width .15s}.story-divider:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:2.4rem;border:1px solid var(--line-strong, var(--line));border-radius:999px;background:var(--story-card, var(--surface));transform:translate(-50%,-50%)}.story-divider:hover:before,.story-divider.dragging:before,.story-divider:focus-visible:before{width:2px;background:var(--terracotta)}.story-divider:hover:after,.story-divider.dragging:after,.story-divider:focus-visible:after{border-color:var(--terracotta)}.story-divider:focus{outline:none}@media (max-width: 860px){.story-divider{display:none}}.story-card-board{padding:.75rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--story-card-top),var(--story-card));box-shadow:0 12px 30px -18px #00000073;max-width:calc(var(--story-height) - 2.6rem - var(--story-board-below, 0rem))}.story-board-row{display:flex;gap:.5rem}.square-map-bar{margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--line)}.square-map-bar[hidden]{display:none}.square-map-label{margin:0 0 .35rem;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.square-map-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden}.square-map-modes button{padding:.4rem .3rem;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;font-size:.82rem;color:var(--light);cursor:pointer}.square-map-modes button:last-child{border-right:0}.square-map-bar .square-map-modes button{border-radius:0;border-color:var(--line)}.square-map-modes button:hover{color:var(--terracotta)}.square-map-modes button[aria-pressed=true]{background:var(--terracotta);color:#fff}.square-map-info{display:grid;gap:.35rem;margin-top:.6rem}.square-map-info[hidden]{display:none}.square-map-legend{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin:0;font-size:.74rem;color:var(--muted)}.square-map-legend i{display:inline-block;width:.7rem;height:.7rem;margin-right:.25rem;border-radius:3px;vertical-align:-1px}.square-map-title{margin:.2rem 0 0;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.square-map-meter{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--line)}.square-map-meter span{transition:flex-grow .3s}.square-map-numbers{display:flex;justify-content:space-between;gap:.6rem;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.76rem;font-variant-numeric:tabular-nums}.board .map-square{opacity:.88}.board .map-tag{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.17px;fill:#1b1f1d;opacity:.8}@media (prefers-reduced-motion: reduce){.square-map-meter span{transition:none}}.story-frame{flex:1;min-width:0}.story-frame .board{display:block;width:100%;border-radius:6px;box-shadow:0 12px 30px -16px #0009}.story-frame svg{display:block;width:100%;height:auto}.story-frame .board .hint{fill:#e0a028a6}.studio-eval{position:relative;flex:none;width:.55rem;border-radius:999px;background:#f0e9df;overflow:hidden}.studio-eval i{position:absolute;top:0;left:0;right:0;height:50%;background:#2b2420;transition:height .4s}.studio-eval.flipped i{top:auto;bottom:0}.studio-eval.unknown{opacity:.35}.story-controls{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:10px}.story-controls .move-buttons{display:flex;gap:.35rem}.story-controls .move-buttons button{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.1rem;padding:0;border:1px solid var(--line);border-radius:8px;background:none;color:var(--light);cursor:pointer}.story-controls .move-buttons svg{width:1.15rem;height:1.15rem}.story-controls .move-buttons button:hover:not(:disabled){color:var(--terracotta);border-color:var(--terracotta)}.story-controls .move-buttons button:disabled{opacity:.35;cursor:default}.story-cards{display:flex;flex-direction:column;gap:1.3rem;min-width:0}.story-card{padding:1.3rem 1.5rem;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--story-card-top),var(--story-card));line-height:1.75;font-size:.95rem;opacity:.6;transition:opacity .3s,border-color .3s;cursor:pointer}.story-card.active,.story-card.intro,.story-card.quiz,.story-card.end{opacity:1}.story-card.active{border-left-color:var(--terracotta)}.story-card h2{margin:.2rem 0 .6rem;font:600 1.8rem/1.2 Georgia,Palatino Linotype,serif;color:var(--light)}.story-card h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;margin:.1rem 0 .5rem;color:var(--light)}.story-card p+p{margin-top:.5rem}.story-start{font-size:.85rem;color:var(--muted)}.story-lead{font-size:1rem;color:var(--light)}.story-card.story-making{opacity:1;cursor:default}.story-making .overline{margin:0 0 .4rem}.story-making ul{margin:0;padding-left:1.1rem;display:grid;gap:.25rem;font-size:.86rem;color:var(--muted)}.story-making .story-num{font-weight:700;color:var(--terracotta);font-variant-numeric:tabular-nums}.story-card.story-learned{opacity:1;cursor:default}.progress-overview{--progress-sure: #6f9a52;--progress-shaky: #d9a520;--progress-lost: #c0533a}.progress-overview .overline{margin:0 0 .4rem}.progress-bar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--line)}.progress-bar i{display:block}.progress-bar .sure{background:var(--progress-sure)}.progress-bar .shaky{background:var(--progress-shaky)}.progress-bar .new{background:transparent}.progress-overview p{margin:.45rem 0 0;font-size:.82rem;color:var(--muted)}.progress-counts .progress-sure{color:var(--progress-sure);font-weight:700}.progress-counts .progress-shaky{color:var(--progress-shaky);font-weight:700}.progress-counts .progress-new{color:var(--light);font-weight:700}.progress-counts>span,.progress-counts small{white-space:nowrap}.progress-due.any{color:var(--light);font-weight:600}.progress-due a{margin-left:.3rem;color:var(--terracotta);font-weight:600;text-decoration:none}.progress-weak>p{margin:.7rem 0 .2rem;font-size:.82rem;font-weight:600;color:var(--light)}.progress-weak ol{margin:0;padding:0;list-style:none;display:grid;gap:.15rem;font-size:.82rem;color:var(--muted)}.progress-weak-move{display:block;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.progress-weak-move b{color:var(--light)}.progress-weak-move b,.progress-weak-move span{white-space:nowrap}.progress-weak-move .progress-wrong{color:var(--progress-lost)}.progress-weak-move:hover b:first-child{color:var(--terracotta)}.progress-week{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.progress-days{display:inline-flex;gap:3px}.progress-days i{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;border:1px solid var(--line);border-radius:3px;font-style:normal;font-size:.6rem;color:var(--muted)}.progress-days i.trained{background:var(--progress-sure);border-color:var(--progress-sure);color:#fff}.progress-kept{font-size:.74rem!important}.progress-kept.warning{color:var(--progress-lost)!important}.story-line-end em.story-shaky{font-style:normal;color:#d9a520}.story-ideas{margin:.8rem 0 0;padding-left:1.2rem}.story-hint{margin-top:1rem!important;font-size:.8rem;color:var(--muted)}.story-downloads{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;margin:0}.story-downloads>.story-buttons{margin:0;justify-content:flex-end}@media (min-width: 801px){.story-downloads>.story-buttons:first-child{flex-wrap:nowrap}}.story-download{display:inline-flex;align-items:center;gap:.4rem;color:var(--light);text-decoration:none;font-weight:600;font-size:.85rem}.story-download svg{width:1rem;height:1rem;color:var(--terracotta)}.story-who{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.story-move{font:600 1.6rem/1 Georgia,Palatino Linotype,serif}.story-badge{padding:.15rem .6rem;border-radius:999px;background:var(--story-soft);color:var(--terracotta);font-size:.72rem;font-weight:700}.story-eval{margin-left:auto;font:600 .85rem ui-monospace,monospace;color:var(--muted)}.story-name,.story-facts{font-size:.8rem;color:var(--muted)}.story-card.ours .story-badge{background:#6f9a5226;color:var(--studio-good)}.story-card.kind-mistake,.story-card.kind-frequentMistake{border-left-color:var(--studio-bad)}.story-card.kind-mistake .story-badge,.story-card.kind-frequentMistake .story-badge{background:#c0533a26;color:var(--studio-bad)}.story-results{display:flex;height:4px;margin-top:.7rem;border-radius:999px;overflow:hidden}.story-results i{display:block}.story-results .w{background:#efe7dc}.story-results .d{background:#8f877e}.story-results .b{background:#2b2420}.story-fork{margin-top:.8rem!important;font-size:.82rem;color:var(--muted)}.story-chip{padding:.15rem .6rem;border:1px solid var(--line);border-radius:999px;background:var(--story-panel);color:var(--light);font:inherit;font-size:.8rem;cursor:pointer}.story-chip:hover{border-color:var(--terracotta)}.story-chip.kind-mistake,.story-chip.kind-frequentMistake{border-color:var(--studio-bad)}.story-button{padding:.45rem .85rem;border:1px solid var(--line);border-radius:9px;background:var(--story-panel);color:var(--light);font:inherit;font-size:.82rem;cursor:pointer}.story-button:hover{border-color:var(--terracotta)}.story-button.primary{background:var(--terracotta);border-color:var(--terracotta);color:var(--black);font-weight:600}.story-button small{font-weight:400;opacity:.8}.story-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.story-card.quiz{border-left-color:var(--studio-good);cursor:default}.story-feedback{font-weight:600;color:var(--light)}.story-card.end{cursor:default}.story-card .story-and-now{margin:1.2rem 0 .4rem}.story-card .story-read-course{margin:.9rem 0 0;font-size:.9rem}.story-card .story-read-course a{color:var(--accent);text-decoration:none}.story-card .story-read-course a:hover,.story-card .story-read-course a:focus-visible{text-decoration:underline}.story-models{display:grid;gap:.35rem;margin:.4rem 0 .8rem}.story-model{padding:.45rem .7rem;border:1px solid var(--line);border-radius:9px;background:var(--story-panel);color:var(--light);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.story-model span{color:var(--muted)}.story-all-games{margin-top:.8rem}.story-all-games a{color:var(--terracotta);text-decoration:none}.story-all-games a:hover{text-decoration:underline}.story-model:hover,.story-model.on{border-color:var(--story-gold, #d9a520)}.game-window,.structure-window{--story-panel: var(--surface);--story-soft: color-mix(in srgb, var(--accent) 10%, transparent);--story-gold: #d9a520;width:min(64rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--popup-full, var(--surface));color:var(--text, var(--light));box-shadow:var(--shadow-popup, 0 20px 50px -10px rgba(0, 0, 0, .75));overflow:auto}.game-window::backdrop,.structure-window::backdrop{background:#00000073}.structure-window{width:min(56rem,calc(100vw - 2rem))}.structure-window-body{padding:.4rem 1.3rem 1.4rem}.structure-window .structure-positions{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.8rem}html.game-window-open,html.structure-window-open{overflow:hidden}.game-window-head{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;border-bottom:1px solid var(--line);background:var(--popup-full, var(--surface))}.game-window-head h2{margin:0;font-size:1.2rem}.game-window-head p{margin:.25rem 0 0;font-size:.85rem;color:var(--muted)}.game-window-close{flex:none;width:2rem;height:2rem;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:inherit;font-size:1.2rem;line-height:1;cursor:pointer}.game-window-close:hover,.game-window-close:focus-visible{border-color:var(--terracotta);color:var(--terracotta)}.game-window-body{padding:1rem 1.3rem 1.4rem;display:grid;grid-template-columns:minmax(0,min(34rem,calc(100vh - 12rem))) minmax(12rem,1fr);gap:1.2rem;align-items:start}.game-window-note{margin:0 0 .6rem;color:var(--muted);font-size:.85rem}.game-window .game-steps{--step: #2f6f9e;display:flex;justify-content:space-between;gap:.6rem;margin:0 0 .8rem}.game-window .game-step{padding:0;border:0;background:none;box-shadow:none;font:inherit;font-size:.9rem;color:var(--step);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--step) 45%,transparent);text-underline-offset:3px;cursor:pointer}.game-window .game-step:hover:not(:disabled){text-decoration-color:currentColor;text-decoration-thickness:2px}.game-window .game-step:disabled{color:var(--muted);text-decoration:none;opacity:.5;cursor:default}[data-design=modern-dark] .game-window .game-steps,:root:not([data-design]) .game-window .game-steps{--step: #6aa8d8}.game-window-moves{margin:0;max-height:calc(100vh - 14rem);overflow:auto}@media (max-width: 760px){.game-window-body{grid-template-columns:minmax(0,1fr)}.game-window-moves{max-height:none}}@media (max-width: 640px){.game-window,.structure-window{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}.game-window-head,.game-window-body,.structure-window-body{padding-left:.8rem;padding-right:.8rem}.game-window[open]{display:flex;flex-direction:column;overflow:hidden}.game-window-head{flex:none;padding-top:.7rem;padding-bottom:.7rem}.game-window-body{flex:1 1 auto;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:.6rem;padding-top:.6rem;padding-bottom:.6rem}.game-window-left .game-window-board{max-width:min(100%,46svh);margin:0 auto}.game-window-left .story-controls{margin-top:.5rem}.game-window-right{align-self:stretch;min-height:0;overflow-y:auto;overscroll-behavior:contain}.game-window-note{display:none}.game-window .game-steps{margin-bottom:.4rem}}.story-card.structures{opacity:1;cursor:default}.structure-line-note{margin:.5rem 0 .8rem!important;padding:.45rem .7rem;border-left:3px solid var(--story-gold, #d9a520);background:color-mix(in srgb,var(--story-gold, #d9a520) 8%,transparent)}.structure-line-note a{color:var(--terracotta);text-decoration:none}.structure-line-note a:hover{text-decoration:underline}.structure-example{display:flex;align-items:center;gap:.6rem}.structure-example .story-model{flex:1 1 auto;min-width:0}.structure-game-link{flex:none;font-size:.78rem;color:var(--terracotta);text-decoration:none;white-space:nowrap}.structure-game-link:hover{text-decoration:underline}.structure-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.structure-item,.structure-position{display:grid;grid-template-columns:9rem 1fr;gap:.9rem;align-items:start;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--story-panel);color:var(--light);font:inherit;text-align:left;cursor:pointer}.structure-item:hover,.structure-position:hover{border-color:var(--story-gold, #d9a520)}.structure-text{display:grid;gap:.15rem;min-width:0;line-height:1.45}.structure-name{font-size:.95rem}.structure-board svg{display:block;width:100%;height:auto}.structure-board .structure-core{fill:color-mix(in srgb,var(--terracotta) 45%,transparent)}.structure-item .structure-core{fill:color-mix(in srgb,var(--terracotta) 75%,transparent)}.structure-share{display:block;height:4px;border-radius:999px;background:color-mix(in srgb,var(--line) 60%,transparent);overflow:hidden}.structure-share i{display:block;height:100%;background:var(--terracotta)}.structure-item .story-results{margin-top:.2rem}.structures h4{margin:1rem 0 .4rem;font-size:.9rem;color:var(--light)}.structure-positions{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem}.structure-position{grid-template-columns:1fr;gap:.3rem}.structure-about{margin-top:1rem}.structures .structure-about h4{margin-top:0}.structure-about h5{margin:.6rem 0 .2rem;font-size:.85rem}.structure-about ul{margin:0;padding-left:1.2rem;font-size:.85rem}.structure-footer{margin-top:.9rem}.structures a{color:var(--terracotta);text-decoration:none}.structures a:hover{text-decoration:underline}@media (max-width: 860px){.structure-list{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.structure-item{grid-template-columns:6.5rem 1fr;gap:.6rem}}.story-game{margin-top:.6rem;padding:.8rem;border-radius:10px;background:var(--story-soft)}.story-game-moves{margin:.5rem 0 .8rem;line-height:1.9;font-size:.85rem}.story-game-moves .in-course{color:var(--terracotta)}.story-game-moves .story-move-pick.here{color:var(--story-gold, #d9a520);font-weight:700}.studio-move-ref{padding:.05rem .3rem;border-radius:5px;background:var(--story-soft);color:var(--terracotta);font-weight:600;white-space:nowrap}.story-top{grid-column:1 / -1;position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:.6rem;height:var(--story-bar);margin:-1.2rem -1.5rem 0;padding:0 1.5rem;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.story-left{position:sticky;top:var(--story-sticky);display:flex;flex-direction:column;gap:.9rem;height:var(--story-height)}.story-back{align-self:flex-start;padding:.45rem .8rem;border:1px solid var(--line);border-radius:9px;background:var(--story-panel);color:var(--light);font:inherit;font-size:.85rem;cursor:pointer}.story-back:hover{border-color:var(--terracotta);color:var(--terracotta)}.story-rail{position:relative;flex:1;min-height:0}.story-rail .story-rail-bar{position:absolute;top:0;bottom:0;left:4.6rem}.story-rail .story-rail-marks{position:absolute;inset:0;pointer-events:none}.story-rail .story-rail-marks>*{pointer-events:auto}.story-rail .story-rail-lines{pointer-events:none}.story-linepick{position:relative;min-width:0}.story-line-toggle{display:flex;align-items:baseline;gap:.55rem;max-width:min(300px,70vw);padding:.45rem .8rem;border:1px solid var(--line);border-radius:9px;background:var(--story-panel);color:var(--light);font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.story-line-toggle:hover,.story-line-toggle[aria-expanded=true]{border-color:var(--terracotta)}.story-line-label{font-weight:600}.story-line-toggle small{font-size:.75rem;color:var(--terracotta);white-space:nowrap}.story-line-toggle b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--muted)}.story-line-caret{color:var(--muted);transition:transform .2s}.story-line-toggle[aria-expanded=true] .story-line-caret{transform:rotate(180deg)}.story-line-panel{position:absolute;z-index:20;top:calc(100% + .5rem);left:0;width:min(44rem,calc(100vw - 3rem));max-height:var(--story-height);overflow-y:auto;overscroll-behavior:contain;padding:1rem 1.1rem;border:1px solid var(--terracotta);border-radius:14px;background:var(--popup-full, var(--surface));box-shadow:var(--shadow-popup, 0 20px 50px -10px rgba(0, 0, 0, .75))}.story-line-panel[hidden]{display:none}.story-line-panel .story-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem 1.2rem}.story-line-panel .story-lines>p{grid-column:1 / -1}.story-line-panel .story-line-index-title{grid-column:1 / -1;margin:.2rem 0 -.4rem}.story-line-index{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.6rem 2rem}.story-index-tree,.story-index-tree ul{margin:0;padding:0;list-style:none}.story-index-tree ul{margin-left:.9rem;padding-left:.8rem;border-left:1px solid var(--line)}.story-index-tree li{position:relative;margin-top:.3rem}.story-index-tree ul>li:before{content:"";position:absolute;left:-.8rem;top:.95em;width:.65rem;border-top:1px solid var(--line)}.story-index-item{display:inline-flex;align-items:baseline;gap:.4rem;padding:0;border:0;background:none;color:var(--terracotta);font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.story-index-item:hover .story-label,.story-index-item:focus-visible .story-label{text-decoration:underline;text-underline-offset:3px}.story-index-item.main{font-weight:600}.story-index-item.main .story-name{color:var(--light)}.story-line-panel .story-name,.story-line-panel .story-index-item.main .story-name,.story-line-panel .story-chapter-name,.story-line-panel .story-eco-name{color:var(--story-name)}.story-line-panel{--story-name: #8fb4e3}[data-design=modern-light] .story-line-panel{--story-name: #2f5f9e}.story-index-item small{font-size:.7rem;font-weight:400;color:var(--muted)}.story-line-divider{grid-column:1 / -1;width:100%;margin:.2rem 0;border:0;border-top:1px solid var(--line)}.story-line-panel .story-chapter+.story-chapter{margin-top:0}.story-line-panel .story-line-list{margin-top:.15rem}.story-line-panel .story-line-list{padding-left:0;border-left:0}.story-line-panel .story-chapter ul.story-move-tree{margin:0;padding:0;list-style:none;border-left:0}.story-line-panel .story-chapter ul.story-move-tree ul.story-move-tree{margin-left:.7rem;padding-left:.6rem;border-left:1px solid var(--line)}.story-move-tree .story-line{padding-top:.15rem;padding-bottom:.15rem}.story-line-end{margin-left:.15rem;font-weight:700;color:var(--studio-good)}.story-learned-mark{font-weight:700;color:var(--studio-good)}.story-eco-name{font-size:.72rem;font-style:italic;color:var(--muted)}.story-line-end em{position:static;margin-left:.2rem}.story-line-end em.story-transposes{font-style:normal;font-weight:400;color:var(--muted)}.story-line-panel .story-line-list+.story-line-list{margin-top:.5rem}.story-line-panel h4{margin:0 0 .1rem;font-size:.78rem;font-weight:600;color:var(--light)}.story-line-panel .story-line{padding:.2rem 1.2rem .2rem .5rem;font-size:.8rem;color:var(--muted)}.story-line-panel .story-line:hover,.story-line-panel .story-line.on{color:var(--light)}.story-line-panel .story-line.on{box-shadow:none}.story-line-panel .story-line.learned:after{content:" ✓";color:var(--studio-good)}.story-line-panel .story-line{cursor:default}.story-move-pick,.story-variation{padding:.05rem .2rem;border:0;border-radius:4px;background:none;color:inherit;font:inherit;cursor:pointer}.story-move-pick:hover,.story-variation:hover{background:var(--story-soft);color:var(--terracotta)}.story-move-pick.here{color:var(--story-gold, #d9a520);font-weight:700}.story-variation{padding:0;font-weight:600;color:var(--light);text-align:left}.story-rail-marks{position:relative;flex:1}.story-rail-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.story-rail-line{fill:none;stroke:var(--muted);stroke-width:1;opacity:.45;transition:opacity .15s,stroke-width .15s}.story-rail-line.active{opacity:1;stroke-width:1.6;stroke:var(--terracotta)}.story-rail-mark{position:absolute;height:14px;padding:0 .25rem;color:var(--muted);font:inherit;font-size:.7rem;line-height:14px;white-space:nowrap;transform:translateY(-50%);cursor:pointer}.story-rail-mark{display:inline-flex;align-items:center;gap:.25rem}.story-rail-mark button{padding:0;border:0;background:none;color:inherit;font:inherit;line-height:14px;cursor:pointer}.story-rail-mark:hover,.story-rail-mark.active{color:var(--light)}.story{--story-gold: #d9a520}.story-rail-mark.on-way>.story-rail-move{color:var(--story-gold)}.story-rail-mark.active>.story-rail-move{color:var(--story-gold);font-weight:800;text-shadow:0 0 8px rgba(217,165,32,.45)}.story-rail-line.on-way{stroke:var(--story-gold);opacity:.9;stroke-width:1.4}.story-rail-line.active{stroke:var(--story-gold);opacity:1;stroke-width:2}.story-rail-segments i.on-way{background:var(--story-gold);opacity:.75}.story-rail-segments i.active{background:var(--story-gold);opacity:1;box-shadow:0 0 10px #d9a52099}.story-rail-alt{position:absolute;height:14px;padding:0 .25rem;border:0;border-radius:4px;background:none;color:var(--muted);opacity:.7;font:inherit;font-size:.7rem;line-height:14px;white-space:nowrap;transform:translate(-100%,-50%);cursor:pointer}.story-rail-alt:hover{opacity:1;color:var(--light);background:var(--story-soft)}.story-rail-alt.kind-mistake,.story-rail-alt.kind-frequentMistake{color:var(--studio-bad)}.story-rail-alt-line{stroke:var(--muted);opacity:.3;stroke-dasharray:2 2}.story-rail-alt.visited{color:var(--story-gold);opacity:1;font-weight:700}.story-rail-alt-line.visited{stroke:var(--story-gold);opacity:.9;stroke-dasharray:none}.story-rail-alt.current{opacity:1;font-weight:700;color:var(--light)}.story-rail-alt.current.visited{color:var(--story-gold)}.story-rail-alt.current.kind-mistake,.story-rail-alt.current.kind-frequentMistake{color:var(--studio-bad)}.story-rail-alt-line.current{opacity:.75}.story-rail-line.story-rail-transpose{stroke:#7fb0dc;stroke-width:1.3;stroke-dasharray:4 3;opacity:.9;fill:none}.story-rail-arrow-head{fill:#7fb0dc}.story-rail-alt.transposes-here{opacity:1;color:#7fb0dc;font-weight:700}.story-rail-mark.active{font-weight:700}.story-rail-mark.rail-ours{color:var(--studio-good)}.story-rail-mark.rail-trap{color:var(--studio-bad)}.story-rail-bar{position:relative;flex:none;width:.9rem;border-radius:999px;background:#ffffff0d;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.story-rail-bar:focus{outline:none}.story-rail-bar:focus-visible{box-shadow:0 0 0 2px var(--terracotta)}.story-rail-segments{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.story-rail-segments i{position:absolute;left:0;right:0;opacity:.45;background:var(--muted)}.story-rail-segments i+i{border-top:2px solid var(--black)}.story-rail-segments .rail-ours{background:var(--studio-good)}.story-rail-segments .rail-trap{background:var(--studio-bad);opacity:.8}.story-rail-segments .rail-intro,.story-rail-segments .rail-quiz,.story-rail-segments .rail-models,.story-rail-segments .rail-structures,.story-rail-segments .rail-log{background:var(--terracotta);opacity:.3}.story-rail-mark.rail-models,.story-rail-mark.rail-structures,.story-rail-mark.rail-log{color:var(--terracotta)}.story-rail-thumb{position:absolute;left:-.2rem;right:-.2rem;min-height:1.2rem;border:2px solid var(--light);border-radius:999px;background:#ffffff2e;pointer-events:none}.story-rail-bar.dragging .story-rail-thumb{border-color:var(--terracotta)}.story-controls{flex-wrap:wrap}.story-views{display:flex;justify-content:flex-end}.story-views .button-group{display:flex;flex-wrap:wrap;gap:.35rem}.story-overview{width:100%;max-width:92rem;margin:0 auto;padding:1.5rem 1.5rem 3rem}.story-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:1.4rem}.story-tiles.as-table{display:block}.story-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--card-bg, var(--surface))}.story-table{width:100%;border-collapse:collapse;font-size:.88rem}.story-table th{padding:.7rem .75rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.story-table-sort{padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.story-table-sort:hover,.story-table th[aria-sort=ascending] .story-table-sort,.story-table th[aria-sort=descending] .story-table-sort{color:var(--terracotta)}.story-table th[aria-sort=ascending] .story-table-sort:after{content:" ▲";font-size:.8em}.story-table th[aria-sort=descending] .story-table-sort:after{content:" ▼";font-size:.8em}.story-table td{padding:.65rem .75rem;border-bottom:1px solid var(--line);vertical-align:middle}.story-table tbody tr:last-child td{border-bottom:0}.story-table tbody tr{cursor:pointer;transition:background .15s}.story-table tbody tr.soon{cursor:default;opacity:.6}.story-table tbody tr:hover{background:color-mix(in srgb,var(--terracotta) 8%,transparent)}.story-table td.col-nr{width:1%;box-shadow:inset 3px 0 0 var(--band, var(--terracotta));font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}.story-table .col-variations,.story-table .col-until,.story-table .col-models,.story-table .col-games{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.story-table .col-side{text-align:center}.story-table td.col-side{font-size:1.3em;line-height:1}.story-table .story-table-open{font-weight:600;color:var(--light);text-decoration:none}.story-table .story-table-open:hover{color:var(--terracotta)}.story-table .col-course small{display:block;color:var(--muted)}.story-table .col-answers{white-space:nowrap}.story-table-answer{display:inline-flex;align-items:baseline;gap:.3rem;margin-right:.9rem}.story-table-answer small{color:var(--muted)}.story-tile{position:relative;display:grid;gap:.8rem;align-content:start;min-width:0;padding:1.3rem 1.4rem 1.2rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--story-card-top, var(--surface)),var(--story-card, var(--surface)));color:var(--light);cursor:pointer;transition:border-color .2s,transform .2s}.story-tile:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:16px 16px 0 0;background:var(--band)}.story-tile:hover{border-color:var(--band);transform:translateY(-2px)}.story-tile-kind{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta)}.story-tile-side{font-size:1.6rem;line-height:.8;letter-spacing:0}.story-tile-kind .story-eco{margin-left:auto;letter-spacing:0}.story-tile-kind .story-tile-nr{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:400;letter-spacing:0;color:var(--muted)}.story-eco{padding:.05rem .55rem;border-radius:999px;color:var(--band);box-shadow:inset 0 0 0 1px var(--band);font-size:.78rem}.story-tile h3{margin:-.3rem 0 0;font-size:1.08rem;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root .story-tile h3{font-family:var(--sans);letter-spacing:-.01em}.story-tile-opening{display:grid;grid-template-columns:minmax(8rem,10rem) minmax(0,1fr);gap:1rem;align-items:start}.story-tile-board .board{display:block;width:100%;border-radius:6px;box-shadow:0 12px 30px -16px #0009}.story-tile-board>svg{display:block;width:100%;height:auto}.story-tile-board .board-links{flex-wrap:wrap}.story-tile-moves{margin:0;padding:.35rem .6rem;border:1px solid var(--line);border-radius:8px;background:#00000014;font-size:.9rem}.story-tile-name{margin-top:.4rem;font-size:.78rem;color:var(--muted)}.story-tile-summary{margin-top:.4rem;font-size:.86rem;line-height:1.55;color:var(--muted)}.story-tile-learn{min-width:0}.story-tile-learn .overline{margin:0}.story-tile-learn .story-tile-chapter:first-of-type{margin-top:.3rem}.story-tile-chapter{display:grid;grid-template-columns:3.8rem minmax(0,1fr) 2.6rem;grid-template-rows:auto 4px;column-gap:.6rem;align-items:baseline;margin-top:.45rem;font-size:.85rem}.story-tile-chapter span:not(.story-tile-share){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.story-tile-chapter small{text-align:right;color:var(--light)}.story-tile-chapter .story-tile-eco{margin-right:.2rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--light)}.story-tile-share{grid-column:1 / -1;height:4px;margin-top:.2rem;border-radius:999px;background:var(--line);overflow:hidden}.story-tile-share i{display:block;height:100%;background:var(--band);opacity:.8}.story-tile-facts{margin:-.4rem 0 0;font-size:.8rem;color:var(--muted)}.story-tile-learn .story-tile-moves{margin-bottom:1rem}.story-tile-more{margin:.3rem 0 0;text-align:center;color:var(--muted);font-weight:700;letter-spacing:.1em;cursor:help}.story-tile-more:hover,.story-tile-more:focus-visible{color:var(--light)}.story-tile h3 .story-tile-open{all:unset;cursor:pointer}.story-tile h3 .story-tile-open:focus-visible{outline:2px solid var(--band);outline-offset:3px;border-radius:3px}.story-tile-open{justify-self:start;padding:.5rem 1rem;border-radius:9px;background:var(--terracotta);color:var(--black);font-weight:600;font-size:.9rem;text-decoration:none}.story-tile-open:hover{filter:brightness(1.1)}@media (max-width: 640px){.story-tiles,.story-tile-opening{grid-template-columns:minmax(0,1fr)}.story-tile-board{max-width:none}.story-tile{padding:1.1rem .9rem 1rem}}.story-choose{margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--line)}.story-choose summary{cursor:pointer;font-weight:600;color:var(--light)}.story-choose .story-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.8rem 1.2rem;margin-top:.6rem}.story-choose .story-lines>p{grid-column:1 / -1}.story-choose .story-chapter+.story-chapter{margin-top:0}.story-line-list{padding-left:.6rem;border-left:1px solid var(--line)}.story>.story-main{grid-column:1 / 3;grid-row:1;display:grid;grid-template-columns:subgrid;align-items:start}.story-main>.story-board{grid-column:1;grid-row:1}.story-main>.story-cards{grid-column:2;grid-row:1}.story>.story-left{grid-column:3;grid-row:1 / span 4}.story>.story-below{grid-column:1 / 3;grid-row:2;min-width:0}.story>.story-below:empty{display:none}@media (max-width: 1100px){.story{grid-template-columns:var(--story-board-width, minmax(16rem, min(34rem, calc(var(--story-height) - 2.6rem - var(--story-board-below, 0rem))))) minmax(0,1fr) 11.5rem;gap:1rem}.story-rail .story-rail-bar{left:4rem}}@media (max-width: 860px){.story{grid-template-columns:minmax(0,1fr)}.story>.story-main,.story-main>.story-cards,.story-main>.story-board,.story>.story-left,.story>.story-below{grid-column:auto;grid-row:auto}.story>.story-main{grid-template-columns:minmax(0,1fr);gap:1rem}.story-main>.story-board{order:-1}.story>.story-left{order:3}.story-line-toggle{max-width:min(300px,calc(100vw - 9rem))}.story-left{position:static;height:auto}.story-rail{display:none}.story-board{max-width:26rem;width:100%;justify-self:center}}@media (max-width: 640px){.story-card-board{max-width:none;margin-inline:auto}.story-board-row{max-width:min(100%,36svh);margin-inline:auto}.story-board .square-map-label,.story-board .square-map-info{display:none}.story,.story-overview{padding:.8rem .8rem 3rem}.story-top{margin:-.8rem -.8rem 0;padding:0 .8rem}.story{--story-sticky: 0px}.story-board{max-width:none;background:var(--black);padding-top:20px;padding-bottom:.4rem}.story-card-board{padding:.6rem}.story-card{opacity:1;padding:1rem}.story>.story-main{gap:1.3rem}.story-main>.story-cards{display:contents}.story-cards>.story-making,.story-cards>.story-downloads{order:-2}.story-downloads{margin-top:-.5rem}.story-cards>.intro{margin-top:.45rem}}.story-preview{position:fixed;z-index:40;width:13rem;padding:.5rem;border:1px solid var(--terracotta);border-radius:10px;background:var(--popup-full, var(--surface));box-shadow:var(--shadow-popup, 0 20px 50px -10px rgba(0, 0, 0, .75));pointer-events:none}.story-preview[hidden]{display:none}.story-preview .board{display:block;width:100%;border-radius:4px;box-shadow:none}.story-preview p{margin-top:.35rem;font-size:.72rem;line-height:1.4;color:var(--muted)}.story-preview .story-preview-name{margin-top:.45rem;font-weight:600;color:#8fb4e3}[data-design=modern-light] .story-preview .story-preview-name{color:#2f5f9e}.story-top-games a{color:var(--terracotta);text-decoration:none}.story-top-games a:hover{text-decoration:underline}.story-card .story-facts a,.story-card.move>p a{color:var(--terracotta);text-decoration:none}.story-card .story-facts a:hover,.story-card.move>p a:hover{text-decoration:underline}.story-tile.soon{cursor:default;opacity:.75}.story-tile.soon:hover{transform:none;border-color:var(--line)}.story-tile.soon .story-tile-board{filter:grayscale(.4)}.story-tile-soon{justify-self:start;padding:.35rem .9rem;border:1px dashed var(--terracotta);border-radius:999px;color:var(--terracotta);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.story-about{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr);gap:1.2rem 2.2rem;margin-bottom:1.5rem;padding:1.3rem 1.6rem;border:1px solid var(--line);border-radius:22px;background:radial-gradient(40rem 18rem at 0% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(30rem 16rem at 100% 100%,rgba(111,154,82,.1),transparent 70%),linear-gradient(180deg,var(--story-card-top, var(--surface)),var(--story-card, var(--surface)));overflow:hidden}.story-about .story-about-purpose .story-about-overline{margin:0;font-family:var(--mono, ui-monospace, Menlo, Consolas, monospace);font-size:.76rem;letter-spacing:.04em;color:var(--terracotta)}.story-about h2{margin:.4rem 0 .8rem;font-family:inherit;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:400;letter-spacing:-.01em;line-height:1.05;color:var(--light)}.story-about h2 span{color:var(--quiet, color-mix(in srgb, var(--muted) 72%, transparent))}.story-about-purpose p{font-size:.84rem;line-height:1.55;color:var(--muted)}.story-about-purpose p+p{margin-top:.5rem}.story-about-lead{font-size:.92rem!important;color:var(--light)!important}.story-about .story-about-portals{grid-column:1 / -1;margin:-.6rem 0 0;font-size:.66rem;line-height:1.4;color:var(--muted);opacity:.7;text-align:left}.story-about-human{color:var(--light)!important}.story-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.story-fact{display:grid;align-content:start;gap:.2rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:12px;background:#ffffff08;transition:border-color .2s,transform .2s}.story-fact:hover{border-color:var(--terracotta);transform:translateY(-2px)}.story-fact b{font:700 1.1rem/1.1 Georgia,Palatino Linotype,serif;color:var(--terracotta);white-space:nowrap}.story-fact span{font-size:.68rem;line-height:1.35;color:var(--muted)}.story-fact.fact-mistake b{color:var(--studio-bad)}.story-fact.fact-tolerance b{color:var(--studio-good)}.story-ai{display:flex;align-items:flex-start;gap:.8rem;margin-top:.6rem;padding:.5rem .8rem;border-radius:12px;background:#7fb0dc14;border:1px solid rgba(127,176,220,.3);font-size:.72rem;line-height:1.45;color:var(--muted);align-items:center;white-space:nowrap}.story-ai span{overflow:hidden;text-overflow:ellipsis}@media (max-width: 1000px){.story-ai{white-space:normal}}.story-ai b{flex:none;padding:.15rem .5rem;border-radius:6px;background:#7fb0dc;color:var(--black);font-size:.72rem;letter-spacing:.08em}.story-support{display:flex;flex-direction:column;gap:.55rem;align-self:stretch;padding:1.1rem 1.2rem;border:1px solid color-mix(in srgb,#ff5f5f 35%,var(--line));border-radius:16px;background:color-mix(in srgb,#ff5f5f 6%,transparent)}.story-support .story-about-overline{margin:0;font-family:var(--mono, ui-monospace, Menlo, Consolas, monospace);font-size:.76rem;letter-spacing:.04em;color:#e2564f}.story-support h3{margin:0;font-family:inherit;font-size:1.2rem;font-weight:400;line-height:1.2;color:var(--light)}.story-support p{margin:0;font-size:.8rem;line-height:1.55;color:var(--muted)}.story-support-uses{display:grid;gap:.3rem;margin:0;padding:0;list-style:none;font-size:.78rem;line-height:1.45;color:var(--light)}.story-support-uses li{position:relative;padding-left:1.1rem}.story-support-uses li:before{content:"♟︎";position:absolute;left:0;top:0;font-size:.75rem;color:#e2564f}.story-support-uses b{color:var(--light);font-weight:600}.story-support-uses{color:var(--muted)}.story-support .story-support-promise{margin-top:auto;font-size:.72rem;font-style:italic}.story-support-button{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;margin-top:.2rem;padding:.45rem 1rem;border:1px solid #000;border-radius:999px;background:#ff5f5f;color:#fff;font-size:.85rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .15s}.story-support-button svg{width:1.1rem;height:1.1rem}.story-support-button:hover,.story-support-button:focus-visible{color:#fff;filter:brightness(1.08);transform:translateY(-1px);outline:none}@media (min-width: 1001px) and (max-width: 1300px){.story-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1000px){.story-about{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.story-about{padding:1rem}.story-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.story-header-with-lines{position:relative;z-index:10}.story-header-side{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:0}.story-header-side .story-all{align-self:flex-end}.story-header-side .story-line-panel{left:auto;right:0;max-height:min(70vh,40rem)}.story-header-row{display:flex;align-items:center;gap:.5rem}.story-header-row>a.story-button{text-decoration:none;white-space:nowrap}@media (max-width: 800px){.story-header-side{align-items:stretch;width:100%}.story-header-side .story-line-toggle{max-width:min(300px,100%)}.story-header-side .story-line-panel{width:calc(100vw - 2rem)}}.story-button.story-continue{margin-top:.8rem}.sub-nav>.course-tabs{flex-basis:100%}.course-tabs{display:flex;gap:.1rem;margin:.35rem 0 0;overflow-x:auto;scrollbar-width:none}.course-tabs::-webkit-scrollbar{display:none}.course-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .75rem .4rem;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:600;white-space:nowrap}a.course-tab:hover,a.course-tab:focus-visible{color:var(--terracotta)}.course-tab[aria-current=page]{color:var(--light);border-bottom-color:var(--terracotta)}.course-tab-icon{font-size:1.05em;line-height:1}.course-tab small{font-size:.72rem;font-weight:400;color:var(--muted)}.course-tab-short{display:none}@media (max-width: 720px){.course-tab-long{display:none}.course-tab-short{display:inline}.course-tab{padding:.4rem .55rem .35rem}}body:has(>.course-text,>.course-lines){height:auto;min-height:100%}.course-text h3{margin-top:1.4rem;font-size:.98rem;line-height:1.4}.course-text-start{color:var(--muted)}.course-text-moves{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.35rem .9rem;margin:.5rem 0 0}.course-text-moves dt{font-family:var(--mono);font-size:.88rem;font-weight:600;color:var(--accent);white-space:nowrap}.course-text-moves dd{margin:0}.course-text b{font-weight:600;color:var(--light)}.content.course-lines{max-width:72rem}.course-lines .lines-chapter{margin:1.6rem 0 0}.course-lines .lines-chapter h3{margin:0 0 .5rem;font-size:1rem;color:var(--light)}.course-lines .lines-chapter h3 .overline{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.course-lines .lines-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.course-lines table.lines{width:100%;border-collapse:collapse;font-size:.82rem;line-height:1.35;font-variant-numeric:tabular-nums}.course-lines table.lines thead th{padding:.45rem .45rem .35rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 6%,transparent);font-weight:700;color:var(--accent);text-align:left}.course-lines table.lines td,.course-lines table.lines tbody th{padding:.3rem .45rem;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.course-lines table.lines td>span{white-space:nowrap}.course-lines table.lines tbody th{text-align:left;white-space:nowrap;font-weight:600}.course-lines table.lines tbody th a{text-decoration:none}.course-lines table.lines tbody th a:hover,.course-lines table.lines tbody th a:focus-visible{text-decoration:underline}.course-lines .lines-variation{margin:1rem 0 1.4rem}.course-lines table.lines thead{position:sticky;top:var(--nav-height, 0px);z-index:1}.course-lines table.lines thead th{background:var(--surface)}.course-lines table.lines tr.lines-name th{padding:.6rem .6rem .45rem;border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);font-weight:400}.course-lines .lines-title{display:block;font-size:.92rem;font-weight:600;color:var(--accent)}.course-lines .lines-before{display:block;font-size:.85rem}@media (min-width: 801px){.course-lines .lines-scroll{overflow:visible}.course-lines table.lines{border-collapse:separate;border-spacing:0}}.course-lines table.lines .tree-mark a{font-weight:600;text-decoration:none}.course-lines table.lines tr:target td,.course-lines table.lines tr:target th{background:color-mix(in srgb,var(--accent) 16%,transparent)}.course-lines table.lines tbody tr{scroll-margin-top:calc(var(--nav-height, 0px) + var(--head, 6rem) + .6rem)}.course-lines table.lines .ours{color:var(--light)}.course-lines table.lines .theirs{color:var(--muted)}.course-lines table.lines .tree-mark{color:var(--accent)}.course-lines table.lines td.eval{text-align:right;white-space:nowrap;color:var(--muted)}.course-lines table.lines tbody tr:hover td{background:color-mix(in srgb,var(--accent) 7%,transparent)}.course-lines .figurine{font-size:1.1em;line-height:0}.course-lines .lines-contents{margin:1.4rem 0 .6rem}.course-lines .lines-contents ul{margin:.3rem 0 0;padding:0;list-style:none}.course-lines .lines-contents>ul>li{margin:.6rem 0 0;font-weight:600}.course-lines .lines-contents ul ul{padding-left:1.1rem;font-weight:400;font-size:.9rem}.course-lines .lines-contents ul ul li{margin:.15rem 0 0}.course-lines .lines-contents a{text-decoration:none}.course-lines .lines-contents a:hover,.course-lines .lines-contents a:focus-visible{text-decoration:underline}.course-lines .lines-contents .muted{color:var(--muted);font-weight:400;font-size:.85em}.course-lines .eco{font-family:var(--mono, ui-monospace, monospace);font-size:.85em;font-weight:600;color:var(--muted)}.course-lines a.to-contents{margin-left:.35em;font-size:.85em;font-weight:400;color:var(--accent);text-decoration:none}.course-lines #contents,.course-lines .lines-chapter,.course-lines .lines-variation{scroll-margin-top:calc(var(--nav-height, 0px) + .8rem)}.course-lines table.lines [data-ply]{border-radius:3px}.course-lines table.lines [data-ply]:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.content.course-structures,.content.course-modules,.content.course-module{display:block;max-width:72rem}.course-modules .story-card,.course-module .story-card{opacity:1;cursor:default}.course-module,.course-module .modules{display:flex;flex-direction:column;gap:1.1rem}.module-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.8rem;margin:.5rem 0 1rem}.module-card{display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--story-card);color:inherit;text-decoration:none}.module-card:hover,.module-card:focus-visible{border-color:var(--terracotta)}.module-card b{font-size:1.05rem;color:var(--light)}.module-variation{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--terracotta)}.module-solved{font-size:.78rem;color:var(--studio-good, #6f9a52);font-weight:600}.module-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.5rem 0 0}.module-tag{font-size:.72rem;padding:.12rem .5rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.module-tag.level{border-color:var(--terracotta);color:var(--terracotta)}.module-tag.plan{background:var(--story-soft)}.module-tag.break{font-family:var(--mono, ui-monospace, monospace)}.module-head h2{margin:.1rem 0 .3rem}.module-overline-move{text-transform:none;letter-spacing:0}.module-source a{color:var(--terracotta);text-decoration:none}.module-source a:hover{text-decoration:underline}.module-move{display:inline;padding:0 .1em;border:0;border-radius:4px;background:transparent;color:var(--light);font:inherit;font-weight:600;white-space:nowrap}button.module-move{cursor:pointer}button.module-move:hover{background:var(--story-soft);color:var(--terracotta)}.module-show{display:inline-block;margin-top:.4rem;padding:0;border:0;background:transparent;color:var(--terracotta);cursor:pointer}.module-show:hover{text-decoration:underline}.module-jumps-row{width:100%;box-sizing:border-box;padding:10px 1.5rem 0}.module-jumps{flex-wrap:nowrap;margin:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.module-jumps::-webkit-scrollbar{display:none}.module-jumps a{flex:none;white-space:nowrap}.module-jumps-row+.content.course-module{padding-top:1.2rem}.module-question-source a{color:var(--terracotta);text-decoration:none}.module-question-source a:hover{text-decoration:underline}.module-game-row,.module-key-row,.module-question-row,.module-setup-row{display:grid;grid-template-columns:minmax(16rem,24rem) 1fr;gap:1.2rem;align-items:start}.module-game-row{grid-template-columns:minmax(18rem,30rem) minmax(0,1fr);gap:1.4rem}.module-game-left{display:flex;flex-direction:column;gap:.5rem}.module-board .board,.module-diagram .board{width:100%;max-width:24rem}.module-board .board{max-width:30rem}.module-board-caption{margin:0}.module-controls{justify-content:space-between;align-items:flex-start}.module-controls .board-extras{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;margin-left:auto}.module-controls .extras-row{display:flex;align-items:center;gap:.35rem}.module-controls .board-extras .view-button{width:auto;height:auto;margin:0;padding:.35rem}.module-controls .board-extras .view-button svg{width:1.3rem;height:1.3rem}.module-controls .open-net{display:inline-flex;padding:.35rem;line-height:1}.module-controls .open-net .net-icon{width:1.3rem;height:1.3rem}.module-controls .module-play[aria-pressed=true]{border-color:var(--terracotta);color:var(--terracotta)}.module-play .icon-pause,.module-play[aria-pressed=true] .icon-play{display:none}.module-play[aria-pressed=true] .icon-pause{display:inline}.module-moves{margin:.6rem 0 0;max-height:26rem;overflow:auto;font-size:.98rem;line-height:2.05}.module-moves .nr{margin-left:.25rem;color:var(--quiet, var(--muted))}.module-move-pair{white-space:nowrap}.module-moves .half-move{padding:.05rem .3rem;border:0;border-radius:6px;background:transparent;font:inherit;color:var(--light);cursor:pointer}.module-moves .half-move.in-course{color:var(--terracotta)}.module-moves .half-move.key{text-decoration:underline dotted var(--terracotta);text-underline-offset:.2em}.module-moves .half-move:hover{background:color-mix(in srgb,var(--terracotta) 14%,transparent);color:var(--light)}.module-moves .half-move.current{background:var(--terracotta);color:#fff}.module-moves .final{margin-left:.4rem;font-family:var(--mono);color:var(--muted)}.module-curve svg{display:block;width:100%;height:7rem;border:1px solid var(--line);border-radius:8px;background:var(--story-card);cursor:pointer}.module-curve-zero{stroke:var(--line);stroke-width:1}.module-curve-line{fill:none;stroke:var(--terracotta);stroke-width:2;vector-effect:non-scaling-stroke}.module-curve-area{fill:color-mix(in srgb,var(--terracotta) 18%,transparent)}.module-key-mark{fill:var(--story-gold, #d9a520);stroke:var(--black);stroke-width:1}.module-keys,.module-questions{display:flex;flex-direction:column;gap:1.1rem}.module-keys>h3,.module-questions>h3{margin:.6rem 0 0;color:var(--light)}.module-key h4{margin:0 0 .5rem;font-size:1.15rem;color:var(--light)}.module-key-text p+p{margin-top:.5rem}.module-engine{margin-top:.7rem}.module-engine summary{cursor:pointer;color:var(--terracotta);font-size:.88rem}.module-lines p{margin:.3rem 0;font-size:.88rem}.module-lines b.white-better{color:var(--light)}.module-lines b.black-better{color:var(--muted)}.module-takeaways ol{padding-left:1.3rem}.module-takeaways li{margin:.35rem 0}.module-takeaways li p{display:inline}.module-question-board{touch-action:none}.module-question-state{margin:.4rem 0}.module-right{color:var(--studio-good, #6f9a52);font-weight:600}.module-wrong{color:var(--studio-bad, #c0533a);font-weight:600}.module-answer p+p{margin-top:.5rem}.module-solution{margin:.4rem 0 .6rem}.module-footer{margin-top:.3rem}.module-setup-row .module-diagram .structure-core{fill:color-mix(in srgb,var(--terracotta) 45%,transparent)}@media (max-width: 720px){.module-game-row,.module-key-row,.module-question-row,.module-setup-row{grid-template-columns:1fr}.module-board .board,.module-diagram .board{max-width:none}.module-moves{max-height:14rem}.module-controls{flex-wrap:wrap}}