.knowledge-entry{border:1px solid color-mix(in srgb,var(--world) 25%,white)!important;background:var(--world-soft)!important;color:var(--world)!important;font-weight:600;padding:10px 14px!important;border-radius:7px;min-height:40px}.knowledge-list .skill-actions{flex-wrap:wrap;max-width:340px}.knowledge-intro{padding:14px 18px;background:var(--world-soft);border-radius:9px;font-size:16px;line-height:1.9;color:var(--world);margin-bottom:20px}.knowledge-stage .lesson-caption{font-size:18px;line-height:2.1;color:#4f6253}.knowledge-stage .lesson-visual{flex-direction:column;gap:18px;min-height:230px}.concept-svg{width:100%;max-width:560px;stroke:var(--world);fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.concept-svg text{fill:var(--world);stroke:none;font-size:18px;font-family:inherit}.concept-svg rect,.concept-svg circle{fill:color-mix(in srgb,var(--world) 15%,white)}.concept-svg .gold{fill:#f4d995;stroke:#b2944b}.concept-svg .gold-outline{stroke:#b2944b}.concept-svg .group-outline{fill:none;stroke-dasharray:5 5}.concept-svg .height{stroke-dasharray:6 5}.concept-svg .concept-trace{stroke-dasharray:1500;stroke-dashoffset:0;animation:concept-draw 3s ease both;animation-delay:calc(var(--i,0)*.16s)}.concept-svg .perimeter-path{stroke-width:6}.concept-dot{animation:concept-pop .6s both;animation-delay:calc(var(--i,0)*.17s)}.concept-fold{transform-box:fill-box;transform-origin:right;animation:concept-fold 3.4s ease both;fill:#f4d995!important;opacity:.7}.concept-move-right{animation:concept-right 3.4s ease both}.concept-move-left{animation:concept-left 3.4s ease both}.concept-label{text-align:center;width:100%;font-size:18px;line-height:1.9;color:var(--world);margin:0}.concept-pieces{display:grid;grid-template-columns:repeat(var(--n),1fr);width:100%;max-width:490px;border:2px solid var(--world);border-radius:7px;overflow:hidden;min-height:58px}.concept-pieces i{display:grid;place-items:center;border-right:1px solid var(--world);font-size:18px;font-style:normal;color:var(--world);background:#fffdf5}.concept-pieces i:last-child{border:0}.concept-pieces .colored{background:color-mix(in srgb,var(--world) 28%,white);animation:concept-pop .8s both;animation-delay:calc(var(--i)*.2s)}.concept-flow{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:490px;gap:7px}.concept-flow>div{display:grid;grid-template-columns:minmax(80px,1fr) 2.4fr;border:1px solid color-mix(in srgb,var(--world) 25%,white);border-radius:9px;overflow:hidden;background:#fffef8;animation:concept-pop .7s both;animation-delay:calc(var(--i)*.7s)}.concept-flow b,.concept-flow div>span{padding:12px 15px;font-size:18px;line-height:1.8;font-weight:400}.concept-flow b{background:var(--world-soft);color:var(--world);display:flex;align-items:center}.concept-flow div>span{color:#4f6253}.concept-flow>span{text-align:center;font-size:24px;color:var(--world)}.concept-table{width:100%;max-width:490px;border:1px solid #ccd8c5;border-radius:8px;overflow:hidden}.concept-table>div{display:flex;background:#fffef8}.concept-table>div+div{border-top:1px solid #dce4d5}.concept-table span{flex:1;padding:13px 8px;text-align:center;font-size:18px;line-height:1.8;color:#4f6253}.concept-table span+span{border-left:1px solid #dce4d5}.concept-table .table-head{background:var(--world-soft)}.concept-check{padding:22px;width:100%;border:1px dashed var(--world);border-radius:10px;background:#fffef9}.concept-check>span{font-size:16px;color:var(--world)}.concept-check p{font-size:18px;line-height:2;color:#4f6253}.concept-check summary{font-size:18px;cursor:pointer;color:var(--world);padding:10px 0}.concept-reading{background:#fffdf7;padding:20px 24px;border-radius:10px;width:100%;border:1px solid #e8dec8}.concept-reading strong{font-size:20px;color:var(--world)}.concept-reading small{font-size:16px;color:var(--world)}.concept-reading p{font-size:18px;line-height:2.2;color:#615a46}.concept-reading mark{background:#f5dda0;color:#52482a;box-decoration-break:clone;padding:2px}.concept-word{display:grid;justify-items:center;gap:13px}.concept-word>span{font-size:64px;line-height:1.3}.concept-word strong{font-family:Georgia,serif;font-size:37px;color:var(--world)}.concept-word b{font-size:20px;font-weight:400;color:#65566f}.concept-letters{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.concept-letters b{display:grid;place-items:center;min-width:40px;height:53px;padding:6px 10px;background:var(--world-soft);color:var(--world);border:1px solid var(--world);border-radius:7px;font-size:29px;font-weight:400;animation:letter-place .9s both;animation-delay:calc(var(--i)*.35s)}.concept-example{text-align:center;font-size:24px;line-height:1.9;color:var(--world);font-family:Georgia,serif}.knowledge-stage:not(.playing):not(.is-paused) .lesson-visual *{animation:none!important}.knowledge-note{font-size:16px;color:#626c56;line-height:1.9}.knowledge-stage .lesson-stage-label small{font-size:16px}.knowledge-stage .lesson-visual .lesson-flow-card strong{font-size:20px}.knowledge-stage .concept-flow,.knowledge-stage .concept-table{flex-shrink:0}
@keyframes concept-draw{from{stroke-dashoffset:1500}to{stroke-dashoffset:0}}@keyframes concept-pop{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes concept-fold{from{transform:scaleX(1)}to{transform:scaleX(-1)}}@keyframes concept-right{from{transform:translateX(0)}to{transform:translateX(144px)}}@keyframes concept-left{from{transform:translateX(0)}to{transform:translateX(-216px)}}
@media(max-width:700px){.knowledge-stage .lesson-caption{font-size:18px}.concept-flow b,.concept-flow div>span{font-size:18px;padding:10px}.concept-flow>div{grid-template-columns:minmax(65px,1fr) 2fr}.concept-table span{font-size:16px;padding:10px 5px}.concept-reading{padding:16px}.concept-reading p{font-size:18px}.concept-pieces i{font-size:16px}.concept-svg text{font-size:20px}.concept-check{padding:17px}.concept-check p{font-size:18px}.knowledge-list .skill-actions{max-width:none}.concept-word>span{font-size:50px}}
@media(prefers-reduced-motion:reduce){.concept-trace{stroke-dashoffset:0!important}.concept-fold{transform:scaleX(-1)}.concept-move-right{transform:translateX(144px)}.concept-move-left{transform:translateX(-216px)}}

.probability-balls i{background:#c5dcf5;color:#234a70}.probability-balls .colored{background:#efb5ac;color:#75372e}
