@font-face{font-family:Cuneiform;src:url(/fonts/noto-sans-cuneiform-subset.woff2) format("woff2");font-display:swap;unicode-range:U+12000-1247F}:root{color-scheme:light dark;--su-bg: #efe4d2;--su-panel: #fbf5ea;--su-panel-2: #f3e9d8;--su-ink: #2a1d10;--su-muted: rgba(42, 29, 16, .68);--su-line: rgba(90, 60, 30, .24);--su-accent: #a8461a;--su-accent-soft: rgba(168, 70, 26, .12);--su-second: #1c6b66;--su-gold: #8a6413;--su-right: #2c6b3a;--su-right-soft: rgba(44, 107, 58, .14);--su-wrong: #a12d22;--su-wrong-soft: rgba(161, 45, 34, .13);--su-clay: #cfa877;--su-cut: #6d4826;--su-cut-deep: #43290f;--su-ghost: rgba(67, 41, 15, .16);--su-ghost-line: rgba(67, 41, 15, .55);--su-wet: rgba(107, 74, 44, .55);--su-wet-deep: rgba(74, 48, 24, .7);--su-wet-line: rgba(20, 12, 4, .85);--su-shadow: 0 1px 0 rgba(90, 60, 30, .16)}@media(prefers-color-scheme:dark){:root{--su-bg: #12100d;--su-panel: #1c1814;--su-panel-2: #241f19;--su-ink: #f3eade;--su-muted: rgba(243, 234, 222, .7);--su-line: rgba(216, 178, 120, .24);--su-accent: #e08a3c;--su-accent-soft: rgba(224, 138, 60, .16);--su-second: #59c9be;--su-gold: #e0b45f;--su-right: #7fd18b;--su-right-soft: rgba(127, 209, 139, .14);--su-wrong: #ff7a68;--su-wrong-soft: rgba(255, 122, 104, .14);--su-clay: #6d5942;--su-cut: #241a11;--su-cut-deep: #120c07;--su-ghost: rgba(255, 226, 184, .14);--su-ghost-line: rgba(255, 226, 184, .55);--su-wet: rgba(74, 48, 24, .6);--su-wet-deep: rgba(40, 24, 10, .75);--su-wet-line: rgba(255, 240, 214, .85);--su-shadow: 0 1px 0 rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--su-bg);color:var(--su-ink);font-family:Cuneiform,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}.su-glyph,.su-choice-glyph,.su-tile,.su-stat-icon,.su-bubble-face,.su-line-su,.su-line-cf,.su-progress-hearts,.su-rank-su{font-family:Cuneiform,Segoe UI Historic,Noto Sans Cuneiform,system-ui,sans-serif;font-feature-settings:normal}.su-app{--su-tabs: 3.4rem;max-width:900px;margin:0 auto;padding:0 clamp(.75rem,3vw,1.5rem) calc(var(--su-tabs) + 3rem)}.su-app[data-view=lesson] .su-tabs,.su-app[data-view=lesson] .su-colophon{display:none}.su-app:not([data-view=path]) .su-colophon{display:none}a{color:var(--su-accent)}.su-top{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;justify-content:space-between;padding:.6rem 0;background:color-mix(in srgb,var(--su-bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--su-line)}.su-back{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:var(--su-muted)}.su-back:hover{color:var(--su-accent)}.su-stats{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .9rem;font-variant-numeric:tabular-nums}.su-stat{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem}.su-stat-icon{font-size:1.05rem;color:var(--su-accent);line-height:1}.su-stat-icon.is-cold{color:var(--su-muted);opacity:.55}.su-hearts{color:var(--su-wrong)}.su-goal{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--su-muted)}.su-goal-bar{width:72px;height:7px;background:var(--su-panel-2);border:1px solid var(--su-line);overflow:hidden}.su-goal-bar-wide{width:100%;height:10px}.su-goal-bar i{display:block;height:100%;background:var(--su-accent)}.su-rank{display:flex;flex-direction:column;line-height:1.2;font-size:.75rem;text-align:right}.su-rank-su{color:var(--su-gold);font-weight:600}.su-rank-xp{color:var(--su-muted)}.su-flash{display:none;margin:.6rem 0;padding:.65rem .85rem;border:1px solid var(--su-line);background:var(--su-accent-soft);font-size:.9rem}.su-flash.is-on{display:block}.su-panel{display:none;padding-top:1.25rem}.su-panel:focus{outline:none}.su-app[data-view=path] [data-panel=path],.su-app[data-view=signs] [data-panel=signs],.su-app[data-view=grammar] [data-panel=grammar],.su-app[data-view=clay] [data-panel=clay],.su-app[data-view=you] [data-panel=you],.su-app[data-view=lesson] [data-panel=lesson]{display:block}.su-panel-head h2,.su-hero h2{margin:0 0 .35rem;font-size:clamp(1.5rem,5vw,2rem);line-height:1.15}.su-panel-head p{margin:0 0 .9rem;color:var(--su-muted)}.su-sux-note{margin:0 0 .6rem;padding:.5rem .7rem;border-left:3px solid var(--su-second);background:var(--su-panel-2);color:var(--su-muted);font-size:.86rem;line-height:1.5}.su-kicker{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--su-second)}.su-subhead{margin:1.6rem 0 .6rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--su-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.su-muted{color:var(--su-muted);font-size:.88rem}.su-hero{padding:1.1rem 1.2rem 1.3rem;border:1px solid var(--su-line);background:var(--su-panel);box-shadow:var(--su-shadow)}.su-hero-line{margin:.5rem 0 1rem;max-width:46ch}.su-hero-progress{margin:.9rem 0 0;font-size:.82rem;color:var(--su-muted)}.su-hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}.su-btn,.su-mini,.su-chip,.su-choice,.su-tile,.su-stroke,.su-special{font:inherit;color:inherit;background:var(--su-panel);border:1px solid var(--su-line);padding:.6rem 1rem;cursor:pointer}.su-btn:hover,.su-mini:hover,.su-chip:hover,.su-choice:hover:not(:disabled),.su-tile:hover:not(:disabled),.su-stroke:hover{border-color:var(--su-accent)}.su-btn:disabled,.su-mini:disabled,.su-choice:disabled,.su-tile:disabled{cursor:not-allowed;opacity:.55}.su-btn-primary{background:var(--su-accent);border-color:var(--su-accent);color:#fff8ee;font-weight:600}.su-btn-danger{border-color:var(--su-wrong);color:var(--su-wrong)}.su-mini,.su-special{padding:.32rem .6rem;font-size:.8rem}.su-chip{padding:.4rem .8rem;font-size:.85rem}.su-chip.is-on,.su-stroke.is-on{border-color:var(--su-accent);background:var(--su-accent-soft)}.su-unit{margin:1.5rem 0 0;padding:1rem 1.1rem 1.2rem;border:1px solid var(--su-line);border-left:4px solid hsl(var(--hue) 55% 45%);background:var(--su-panel)}.su-unit-flat{border-left-width:4px}.su-unit-head{display:flex;gap:1rem;align-items:baseline;justify-content:space-between}.su-unit-head h3,.su-unit h3{margin:0;font-size:1.12rem}.su-unit-head p{margin:.15rem 0 0;font-size:.86rem;color:var(--su-muted)}.su-unit-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--su-muted);white-space:nowrap}.su-lessons{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.75rem}@media(min-width:700px){.su-lessons{grid-template-columns:1fr 1fr}}.su-lesson{display:flex;align-items:center;gap:.85rem}.su-bubble{position:relative;flex:none;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--su-line);background:var(--su-panel-2);cursor:pointer;padding:0}.su-bubble:hover:not(:disabled){border-color:hsl(var(--hue) 55% 45%)}.su-bubble.is-done{background:hsl(var(--hue) 45% 45% / .18);border-color:hsl(var(--hue) 55% 45%)}.su-bubble.is-locked{opacity:.45;cursor:not-allowed}.su-bubble-face{font-size:1.7rem;line-height:1}.su-bubble-ring{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(hsl(var(--hue) 60% 45%) var(--fill),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));pointer-events:none}.su-lesson-meta{display:flex;flex-direction:column}.su-lesson-title{font-weight:600}.su-lesson-skills{font-size:.76rem;color:var(--su-muted)}.su-note{margin-top:1.1rem;border-top:1px solid var(--su-line);padding-top:.7rem}.su-note summary{cursor:pointer;font-size:.85rem;color:var(--su-muted)}.su-grammar{margin:.9rem 0 0;padding:.85rem 1rem;background:var(--su-panel-2);border:1px solid var(--su-line)}.su-grammar h4{margin:0 0 .35rem;font-size:.98rem}.su-grammar p{margin:0;font-size:.92rem}.su-examples{margin:.7rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .9rem;font-size:.88rem}.su-examples dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--su-second)}.su-examples dd{margin:0;color:var(--su-muted)}.su-search,.su-select,.su-input{font:inherit;color:inherit;width:100%;padding:.6rem .8rem;background:var(--su-panel);border:1px solid var(--su-line)}.su-input{font-size:1.05rem}.su-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.su-card{display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;text-align:left;padding:.7rem .8rem;border:1px solid var(--su-line);background:var(--su-panel);font:inherit;color:inherit}.su-card-sign{cursor:pointer}.su-glyph{font-size:2rem;line-height:1.1}.su-glyph-big{font-size:clamp(3rem,14vw,4.5rem);line-height:1.05}.su-card-name{font-weight:600;font-size:.92rem}.su-card-read{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--su-second)}.su-card-gloss,.su-card-note{font-size:.8rem;color:var(--su-muted)}.su-tag{margin-top:.3rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--su-line);padding:.05rem .35rem;color:var(--su-gold)}.su-line{margin:1rem 0 0;padding:.9rem 1rem;border:1px solid var(--su-line);background:var(--su-panel-2)}.su-line blockquote{margin:0}.su-line-cf{font-size:1.5rem;margin:0 0 .4rem;line-height:1.5}.su-line-su{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;color:var(--su-second)}.su-line-en{margin:.25rem 0 0}.su-line figcaption{margin-top:.4rem;font-size:.78rem;color:var(--su-muted)}.su-progress{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem}.su-quit{font:inherit;font-size:1.4rem;line-height:1;background:none;border:none;color:var(--su-muted);cursor:pointer;padding:0 .2rem}.su-progress-bar{flex:1;height:12px;background:var(--su-panel-2);border:1px solid var(--su-line);overflow:hidden}.su-progress-bar i{display:block;height:100%;background:var(--su-accent);transition:width .25s ease}.su-app[data-motion=off] .su-progress-bar i{transition:none}.su-progress-hearts{font-size:.85rem;color:var(--su-wrong);white-space:nowrap}.su-instruction{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.su-prompt{margin-bottom:1.1rem}.su-prompt-text{margin:0;font-size:clamp(1.2rem,5vw,1.7rem);line-height:1.35}.su-prompt-sub{margin:.3rem 0 0;color:var(--su-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.su-play{font:inherit;font-size:1.4rem;width:68px;height:68px;border-radius:50%;border:2px solid var(--su-accent);background:var(--su-accent-soft);color:var(--su-accent);cursor:pointer}.su-choices{display:grid;gap:.55rem}@media(min-width:520px){.su-choices{grid-template-columns:1fr 1fr}}.su-choice{text-align:left;padding:.85rem 1rem}.su-choice-glyph{font-size:2rem;text-align:center;line-height:1.2}.su-choice.is-on{border-color:var(--su-accent);background:var(--su-accent-soft)}.su-choice.is-right{border-color:var(--su-right);background:var(--su-right-soft)}.su-choice.is-wrong{border-color:var(--su-wrong);background:var(--su-wrong-soft)}.su-specials{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}.su-line-slot{min-height:56px;display:flex;flex-wrap:wrap;gap:.4rem;align-content:flex-start;padding:.5rem;border-bottom:2px solid var(--su-line);margin-bottom:.9rem}.su-tiles{display:flex;flex-wrap:wrap;gap:.4rem}.su-tile{padding:.5rem .75rem;font-size:1.05rem}.su-match{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.su-match-col{display:grid;gap:.5rem;align-content:start}.su-speak{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.su-selfmark{display:flex;gap:.4rem;margin-top:.5rem}.su-exercise-footer{position:sticky;bottom:0;z-index:4;display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between;margin-top:1.6rem;padding:.9rem 0;background:color-mix(in srgb,var(--su-bg) 94%,transparent);border-top:1px solid var(--su-line)}@media(max-width:679px){.su-exercise-footer{margin-top:1rem;padding-bottom:max(.9rem,env(safe-area-inset-bottom));background:var(--su-bg)}.su-exercise{padding-bottom:.25rem}}.su-exercise-footer .su-btn{margin-left:auto}.su-feedback{display:flex;flex-direction:column;gap:.2rem;font-size:.92rem;max-width:46ch}.su-feedback.is-right strong{color:var(--su-right)}.su-feedback.is-close strong{color:var(--su-gold)}.su-feedback.is-wrong strong{color:var(--su-wrong)}.su-answer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.su-note-line,.su-badge-line{color:var(--su-muted);font-size:.84rem;white-space:pre-line}.su-badge-line{color:var(--su-gold)}.su-done{text-align:center;padding:2rem 1rem;border:1px solid var(--su-line);background:var(--su-panel)}.su-done h2{margin:.4rem 0}.su-done-line{color:var(--su-muted);margin:0 0 1.2rem}.su-done-stats{display:flex;justify-content:center;gap:1.6rem;margin-bottom:1.4rem}.su-done-stats>div{display:flex;flex-direction:column;font-size:.78rem;color:var(--su-muted)}.su-done-value{font-size:1.5rem;font-weight:700;color:var(--su-accent)}.su-done .su-hero-actions{justify-content:center}.su-studio,.su-wedge{display:grid;gap:1rem}.su-wedge-sign{display:flex;align-items:center;gap:.7rem}.su-wedge-sign .su-glyph-big{font-size:2.4rem;line-height:1}.su-wedge-sign-text{display:grid;gap:.05rem;margin-right:auto}.su-wedge-count{margin:0;font-size:.8rem}@media(max-width:679px){.su-wedge{gap:.4rem}.su-wedge-sign .su-glyph-big{font-size:2rem}.su-wedge-count{display:none}}.su-studio-sign{display:flex;flex-direction:column;gap:.1rem;align-items:flex-start}.su-studio-side,.su-wedge-side{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start}.su-tablet-wrap{display:flex;flex-direction:column;gap:.6rem}.su-tablet{max-width:420px;width:100%;border:1px solid var(--su-line);box-shadow:inset 0 0 40px #0000002e;line-height:0}.su-canvas{width:100%;height:auto;touch-action:none;cursor:crosshair}@media(max-width:679px){.su-tablet{max-width:min(100%,36vh);margin-inline:auto}}.su-strokes{display:flex;flex-wrap:wrap;gap:.4rem}.su-stroke{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.82rem}.su-stroke-mark{width:22px;height:12px;background:var(--su-cut)}.su-stroke-horizontal{clip-path:polygon(0 0,0 100%,100% 50%)}.su-stroke-vertical{clip-path:polygon(0 0,100% 0,50% 100%)}.su-stroke-oblique{clip-path:polygon(0 0,40% 0,100% 100%)}.su-stroke-winkelhaken{clip-path:polygon(100% 15%,100% 100%,0 0)}.su-tablet-actions{display:flex;gap:.4rem}@media(max-width:679px){.su-tablet-wrap,.su-tablet-actions{gap:.5rem}.su-tablet-actions .su-mini{flex:1;min-height:44px;font-size:.9rem}.su-strokes{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.su-strokes .su-stroke{min-height:52px;flex-direction:column;gap:.15rem;padding:.3rem .15rem;font-size:.62rem;line-height:1.1;text-align:center;overflow-wrap:anywhere}}.su-block{margin:1.4rem 0 0;padding:1rem 1.1rem;border:1px solid var(--su-line);background:var(--su-panel)}.su-block h3{margin:0 0 .7rem;font-size:1.05rem}.su-rank-big{display:flex;flex-direction:column;margin:0 0 .6rem}.su-rank-big .su-rank-su{font-size:1.5rem}.su-skills{display:grid;gap:.6rem}.su-skill{display:grid;grid-template-columns:5.5rem 1fr auto;gap:.6rem;align-items:center;font-size:.85rem}.su-skill-value{color:var(--su-muted);font-variant-numeric:tabular-nums}.su-chart{display:flex;align-items:flex-end;gap:3px;height:90px;padding:.3rem;border:1px solid var(--su-line);background:var(--su-panel-2)}.su-chart-col{flex:1;height:100%;display:flex;align-items:flex-end}.su-chart-col i{display:block;width:100%;min-height:2px;background:var(--su-accent)}.su-league{width:100%;border-collapse:collapse;font-size:.88rem}.su-league td{padding:.35rem .5rem;border-bottom:1px solid var(--su-line)}.su-league td:first-child{width:2.2rem;color:var(--su-muted);font-variant-numeric:tabular-nums}.su-league td:last-child{text-align:right;font-variant-numeric:tabular-nums}.su-league tr.is-you{background:var(--su-accent-soft);font-weight:700}.su-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.su-badge{display:flex;flex-direction:column;gap:.1rem;padding:.7rem;border:1px solid var(--su-line);opacity:.45}.su-badge.is-earned{opacity:1;border-color:var(--su-gold)}.su-badge-name{font-weight:600;font-size:.9rem}.su-shop,.su-goals{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.7rem}.su-toggle,.su-range{display:flex;align-items:center;gap:.5rem;margin:.45rem 0;font-size:.92rem}.su-range{flex-direction:column;align-items:flex-start}.su-range input{width:100%;max-width:260px}.su-tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;border-top:1px solid var(--su-line);background:var(--su-panel)}.su-tab{flex:1;font:inherit;background:none;border:none;border-top:3px solid transparent;color:var(--su-muted);padding:.7rem .2rem calc(.7rem + env(safe-area-inset-bottom));font-size:.78rem;cursor:pointer}.su-tab.is-on{color:var(--su-accent);border-top-color:var(--su-accent)}.su-colophon{margin:2.5rem 0 0;padding-top:1.2rem;border-top:1px solid var(--su-line);font-size:.85rem;color:var(--su-muted)}.su-colophon h2{font-size:1rem;color:var(--su-ink)}.su-static-table{width:100%;border-collapse:collapse;font-size:.88rem}.su-static-table th,.su-static-table td{text-align:left;padding:.3rem .5rem;border-bottom:1px solid var(--su-line);vertical-align:top}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important;scroll-behavior:auto!important}}