.tyb-visual{color:#2f3c35;margin:24px 0 26px;padding:25px;background:linear-gradient(145deg,#fffef8,#f1f4ea);border:1px solid #dfe5d6;border-radius:24px;box-shadow:0 5px 0 #d9e0d1,0 13px 24px #3342380b;overflow:hidden;min-width:0}.tyb-visual *{box-sizing:border-box}.tyb-visual>svg{display:block;width:min(240px,100%);height:auto;margin:auto}.tyb-visual-note{font-size:12px;line-height:1.5;text-align:center;color:#52604f;margin:17px 0 0}.tyb-token-row,.tyb-color-row,.tyb-shape-row,.tyb-letter-row{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}.tyb-token{background:#e8ecdf;border:1px solid #d2ddc9;border-radius:16px;min-width:70px;max-width:100%;padding:17px 20px;text-align:center;box-shadow:0 4px 0 #c4cfb8}.tyb-token strong{font-size:clamp(20px,3vw,32px);overflow-wrap:anywhere}.tyb-token small{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:7px;color:#607554}.tyb-symbol-grid{display:grid;grid-template-columns:21px repeat(5,minmax(0,1fr));gap:7px;max-width:400px;margin:auto}.tyb-axis{font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#67745e}.tyb-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:#eff3e9;border:1px solid #cbd6c2;border-radius:10px;box-shadow:0 3px 0 #d1dac8;color:#2d4636;padding:0}.tyb-cell-glyph{display:block;font-size:clamp(20px,3.5vw,34px);font-family:inherit;line-height:1}.tyb-cell button{font:inherit}.tyb-symbol-grid button{cursor:pointer;touch-action:manipulation;min-height:44px}.tyb-symbol-grid button:hover{background:#e1edd7}.tyb-symbol-grid button:focus-visible{outline:3px solid #a36543;outline-offset:3px}.tyb-solution{outline:3px solid #578652;outline-offset:-2px;background:#d2e6c1}.tyb-memory-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px}.tyb-memory-item{padding:21px 10px;border:1px solid #d0c6e1;border-radius:15px;background:linear-gradient(145deg,#f1edf9,#e2d9ef);box-shadow:0 4px 0 #c1b2d3;text-align:center;min-width:0}.tyb-memory-item small{display:block;font-weight:700;font-size:11px;color:#716080;margin-bottom:9px}.tyb-memory-item strong{font-size:clamp(17px,3vw,24px);overflow-wrap:anywhere}.tyb-study-note{text-align:center;font-size:13px;font-weight:700;color:#655371;margin:21px 0 0}.tyb-memory-hidden{text-align:center;padding:24px 12px}.tyb-memory-hidden>span{display:block;font-size:43px;color:#9d8aad;margin-bottom:14px}.tyb-memory-hidden>p{font-size:15px;line-height:1.6;max-width:300px;margin:auto}.tyb-code-key{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:24px}.tyb-code-key>div{display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid #cbd3e0;border-radius:14px;background:#e8edf5}.tyb-code-key span{font-size:30px}.tyb-code-key strong{font-size:20px}.tyb-equation{text-align:center;font-size:clamp(24px,4vw,40px);font-weight:700;white-space:pre-wrap;line-height:1.4;overflow-wrap:anywhere;padding:17px 0}.tyb-word-display{white-space:pre-line;font-size:clamp(23px,4vw,36px);letter-spacing:.035em;font-weight:700;line-height:1.7;text-align:center;padding:13px 0;overflow-wrap:anywhere}.tyb-statements{display:grid;gap:12px}.tyb-statements>p{display:flex;align-items:start;gap:15px;line-height:1.6;font-size:16px;background:#fffdf8;border:1px solid #dde2d4;border-radius:12px;margin:0;padding:15px 18px}.tyb-statement-index{color:#8b9781;font-size:11px;font-weight:700;margin-top:4px;flex-shrink:0}.tyb-shape{width:clamp(54px,10vw,100px);height:auto;fill:none;stroke:#456351;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.tyb-shape-row .tyb-shape:first-child:last-child{width:170px}.tyb-symbol{font-size:35px;font-weight:700}.tyb-maze-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-width:300px;margin:auto;background:#d2dbcb;padding:6px;border-radius:12px}.tyb-maze-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fffdf6;border-radius:4px;font-size:19px;font-weight:700;color:#385a46}.tyb-maze-cell.tyb-wall{background:#344b3d}.tyb-maze-cell.tyb-route{background:#bcd8a5}.tyb-color-token{min-width:85px;max-width:100%;padding:21px 16px;border-radius:14px;color:#fff;font-weight:700;font-size:15px;letter-spacing:.03em;border:2px solid #ffffff9c;box-shadow:0 4px 0 #3443352c;overflow-wrap:anywhere}.tyb-receipt{background:#fffdf8;max-width:350px;border:1px dashed #afb8a6;box-shadow:0 7px 14px #43463810;padding:23px 25px;margin:auto;border-radius:7px}.tyb-receipt h4{font-size:14px;letter-spacing:.1em;text-transform:uppercase;text-align:center;border-bottom:1px dashed #b9c2af;padding-bottom:17px;margin:0 0 15px}.tyb-receipt p,.tyb-receipt footer{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:16px;line-height:1.5;margin:10px 0}.tyb-receipt footer{padding-top:14px;border-top:1px dashed #b9c2af;margin-top:18px;font-size:17px}.tyb-letter{display:flex;align-items:center;justify-content:center;min-width:50px;height:62px;background:linear-gradient(145deg,#fff8d8,#ece0aa);border:1px solid #d5c78b;border-radius:11px;box-shadow:0 4px 0 #b8aa72;font-size:29px}.tyb-calendar-paper{max-width:300px;margin:auto;text-align:center;border:1px solid #c4cdb9;border-radius:17px;overflow:hidden;background:#fffdf5;box-shadow:0 6px 0 #c3cdb5}.tyb-calendar-paper header{padding:13px 15px;background:#7b9670;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.tyb-calendar-paper>strong{display:block;font-size:clamp(25px,5vw,39px);letter-spacing:-.03em;padding:27px 15px;overflow-wrap:anywhere}.tyb-turns{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:17px}.tyb-turns strong{border:1px solid #d8caae;border-radius:9px;background:#f5edda;padding:8px 12px;font-size:12px}.tyb-balance-equation{display:flex;align-items:center;justify-content:center;gap:15px}.tyb-balance-equation>div{display:flex;align-items:center;flex-direction:column;gap:8px}.tyb-balance-equation .tyb-shape{width:65px}.tyb-balance-equation small{font-size:19px;font-weight:700}.tyb-balance-equation>strong{font-size:27px}
@media(max-width:600px){.tyb-visual{margin-top:20px;padding:20px 15px;border-radius:20px}.tyb-symbol-grid{gap:5px;grid-template-columns:17px repeat(5,minmax(0,1fr))}.tyb-cell{border-radius:7px}.tyb-cell-glyph{font-size:24px}.tyb-token{padding:13px 15px;min-width:58px;border-radius:12px}.tyb-token-row{gap:10px}.tyb-memory-items{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.tyb-memory-item{padding:18px 7px}.tyb-memory-item strong{font-size:17px}.tyb-statements>p{font-size:14px;padding:14px 12px;gap:11px}.tyb-code-key{gap:9px}.tyb-code-key>div{padding:9px 12px;gap:10px}.tyb-code-key span{font-size:25px}.tyb-code-key strong{font-size:18px}.tyb-word-display{font-size:24px}.tyb-color-row{gap:9px}.tyb-color-token{font-size:12px;min-width:73px;padding:17px 12px}.tyb-letter-row{gap:8px}.tyb-letter{min-width:39px;height:51px;font-size:24px}.tyb-receipt{padding:21px 18px}.tyb-receipt p,.tyb-receipt footer{font-size:15px}.tyb-balance-equation{gap:10px}.tyb-balance-equation .tyb-shape{width:49px}.tyb-balance-equation>strong{font-size:23px}.tyb-shape-row{gap:10px}.tyb-shape{width:50px}.tyb-shape-row .tyb-shape:first-child:last-child{width:155px}}
@media(prefers-reduced-motion:reduce){.tyb-visual *{transition:none!important;animation:none!important}}
.tyb-visual-rule{font-size:16px;line-height:1.7;padding:15px 18px;margin:0 0 18px;border:1px solid #d2d9cb;border-radius:12px;background:#fffdf8;overflow-wrap:anywhere}.tyb-maze-paths{display:grid;gap:7px;max-width:360px;margin:16px auto 0}.tyb-maze-paths p{display:flex;gap:12px;margin:0;font-size:14px;line-height:1.6}.tyb-maze-paths span{letter-spacing:.035em;overflow-wrap:anywhere}.tyb-visual[data-theme]{background:linear-gradient(135deg,color-mix(in srgb,var(--tyb-game-bg) 93%,var(--tyb-game-secondary)),var(--tyb-game-bg));color:var(--tyb-game-fg);border-color:color-mix(in srgb,var(--tyb-game-secondary) 45%,var(--tyb-game-bg));box-shadow:0 5px 0 color-mix(in srgb,var(--tyb-game-bg) 80%,#000),0 20px 45px #1b17321c}.tyb-visual[data-theme] .tyb-token,.tyb-visual[data-theme] .tyb-memory-item,.tyb-visual[data-theme] .tyb-statements>p,.tyb-visual[data-theme] .tyb-visual-rule,.tyb-visual[data-theme] .tyb-code-key>div{background:color-mix(in srgb,var(--tyb-game-bg) 90%,var(--tyb-game-secondary));color:var(--tyb-game-fg);border-color:color-mix(in srgb,var(--tyb-game-secondary) 55%,var(--tyb-game-bg));box-shadow:0 4px 0 color-mix(in srgb,var(--tyb-game-bg) 75%,#000)}.tyb-visual[data-theme] small,.tyb-visual[data-theme] .tyb-statement-index,.tyb-visual[data-theme] .tyb-study-note,.tyb-visual[data-theme] .tyb-memory-hidden>span{color:var(--tyb-game-accent)}.tyb-visual[data-theme] .tyb-maze-grid{background:color-mix(in srgb,var(--tyb-game-bg) 70%,var(--tyb-game-secondary))}.tyb-visual[data-theme] .tyb-maze-cell{background:var(--tyb-game-fg);color:var(--tyb-game-bg)}.tyb-visual[data-theme] .tyb-wall{background:var(--tyb-game-bg)}.tyb-visual[data-theme] .tyb-route{background:var(--tyb-game-accent)}.tyb-visual[data-theme] .tyb-visual-note{color:var(--tyb-game-fg)}