.un-screen{box-sizing:border-box;width:100%;min-width:0}.un-card{box-sizing:border-box;align-items:center;gap:12px;width:100%;padding:8px 12px 18px}.un-prompt{text-align:center;color:var(--ink);text-wrap:balance;margin:0;font-size:21px;font-weight:800;line-height:1.3}.un-pic{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-width:100%;height:auto;display:block}.un-pick{border:2px solid var(--line);border-radius:var(--radius-button);background:var(--paper);min-width:0;min-height:72px;box-shadow:0 4px 0 var(--edge);cursor:pointer;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;transition:transform 60ms,box-shadow 60ms;display:flex}.un-pick:active:not(:disabled){box-shadow:0 0 0 var(--edge);transform:translateY(4px)}.un-pick:disabled{cursor:default}.un-pick.is-right,.un-text.is-right{border-color:var(--leaf);background:var(--leaf-soft);box-shadow:0 4px 0 var(--leaf-edge)}.un-pick.is-wrong,.un-text.is-wrong{border-color:var(--coral);background:var(--coral-soft)}.un-pick-label{text-align:center;text-wrap:balance;font-size:16px;font-weight:800;line-height:1.2}.un-num{font-variant-numeric:tabular-nums;font-size:22px}.un-texts{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.un-text{font-variant-numeric:tabular-nums;min-width:104px;min-height:56px;padding:10px 14px;font-size:20px}.un-texts-wide .un-text{flex:1 1 0;min-width:0;max-width:220px}.un-table{box-sizing:border-box;background:#ead3ae;border-radius:18px;justify-content:center;align-items:flex-end;gap:8px;width:100%;max-width:420px;padding:14px 12px 12px;display:flex;position:relative;box-shadow:0 5px #c8a574}.un-thing{min-height:120px}.un-dim-tall{flex:none;width:22px;height:116px}.un-dim-long{width:120px;height:20px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.un-thing-dim:has(.un-dim-long){padding-bottom:30px}.un-ruler-wrap{justify-content:center;width:calc(100% + 20px);margin:0 -10px;display:flex}.un-ruler{width:100%;max-width:440px;height:auto;display:block}.un-answer{justify-content:center;align-items:center;gap:8px;display:flex}.un-answer .place-value-answer-box{font-variant-numeric:tabular-nums}.un-answer-unit{color:var(--ink);font-size:22px;font-weight:800}.un-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:440px;display:grid}.un-card-pick{justify-content:space-between;min-height:136px;padding:12px 4px 10px}.un-card-pick .un-pic{width:100%;max-width:96px;height:76px}.un-stick{width:100%;max-width:400px;height:auto;display:block}.un-ribbons{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:420px;display:grid}.un-ribbon{min-height:110px}.un-roll{width:96px;height:44px}.un-k-path .un-card,.un-k-sq-count .un-card,.un-k-cm-count .un-card{gap:8px}.un-path{flex:auto;width:100%;min-width:0;max-width:300px;height:auto;max-height:150px;display:block}.un-piece-hit,.un-sq[role=button]{cursor:pointer}.un-sq-side{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.un-squares{flex:auto;width:100%;min-width:0;height:auto;display:block}.un-sq-side .un-answer{flex-direction:column;flex:none;gap:4px}.un-sq-side .un-answer-unit{font-size:18px}.un-sq{transition:fill .12s}.un-dial{width:58%;max-width:210px;height:auto;display:block}.un-k-scale-mark .un-texts{flex-wrap:nowrap}.un-k-scale-mark .un-text{flex:1 1 0;min-width:0;max-width:130px;padding:10px 6px}.un-side{width:100%;max-width:300px;height:auto;display:block}.un-demo{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.un-demo-eyebrow{background:var(--page-deep);color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin:0;padding:4px 12px;font-size:14px;font-weight:800}.un-demo-scene{justify-content:center;width:100%;display:flex}.un-demo-svg{width:100%;max-width:380px;height:auto;display:block;overflow:visible}.un-demo-8 .un-demo-svg{max-width:190px}.un-demo-lines{flex-direction:column;gap:6px;width:100%;min-height:84px;display:flex}.un-demo-line{text-align:center;color:var(--ink);text-wrap:balance;opacity:0;margin:0;font-size:19px;font-weight:800;line-height:1.3;transition:opacity .35s,transform .35s;transform:translateY(6px)}.un-demo-line.is-on{opacity:1;transform:none}.un-demo-two{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.un-demo-two figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.un-demo-two figcaption{color:var(--ink);background:var(--leaf-soft);border:2px solid var(--leaf);border-radius:999px;padding:4px 12px;font-size:17px;font-weight:800}.un-start{border-radius:var(--radius-button);background:var(--leaf);min-width:180px;min-height:56px;color:var(--paper);box-shadow:0 4px 0 var(--leaf-edge);cursor:pointer;border:0;padding:12px 36px;font-size:20px;font-weight:800}.un-start:active{box-shadow:0 0 0 var(--leaf-edge);transform:translateY(4px)}.un-fade{animation:.45s both un-fade}@keyframes un-fade{0%{opacity:0}to{opacity:1}}.un-move{transition:transform .45s,opacity .3s}.un-pop{animation:.3s both un-fade}@media (width<=400px){.un-prompt{font-size:19px}.un-demo-line{font-size:17px}.un-card-pick{min-height:128px}.un-pick-label{font-size:15px}}@media (prefers-reduced-motion:reduce){.un-pick,.un-start,.un-move,.un-sq,.un-demo-line{transition:none}.un-fade,.un-pop{animation:none}}
