.dh-art{display:block;aspect-ratio:1;background:url('../images/hitung-worlds.webp') 0 0/300% 200% no-repeat;border-radius:15px;width:100%}.dh-art-tambah{background-position:0 0}.dh-art-kurang{background-position:50% 0}.dh-art-kali{background-position:100% 0}.dh-art-bagi{background-position:0 100%}.dh-art-akar{background-position:50% 100%}.dh-art-jelajah{background-position:100% 100%}
.dh-body .ds-world{display:flex;flex-direction:column}.dh-body .ds-world-progress{margin-top:auto}.dh-world-heading{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px}.dh-body p{color:#50647c}.dh-body .ds-levels{grid-template-columns:repeat(10,minmax(0,1fr))}
.dh-game{box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:100dvh;inset:0;margin:0;border:0;border-radius:0;padding:12px;background:linear-gradient(135deg,#edf5ff,#fffaf0);color:#17365c;--dh-cell:clamp(23px,3vw,38px)}.dh-game[open]{display:flex;flex-direction:column;gap:8px;overflow:auto}.dh-game-header{display:flex;align-items:center;gap:10px;flex-shrink:0}.dh-game-header>div{flex:1;min-width:0}.dh-game-header strong{display:block;font-size:1rem}.dh-game-header small{display:block;font-size:.72rem;color:#50647c}.dh-game .ds-btn{font-size:.76rem;padding:9px 12px;min-height:38px}.dh-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:16px;min-height:0;flex:1}.dh-board-viewport{position:relative;overflow:auto;min-height:0;min-width:0;display:block;padding:12px;border:1px solid #d9e6f3;border-radius:18px;background:#fff;scroll-behavior:smooth}.dh-board{width:fit-content;max-width:none;margin:0 auto;position:relative}.dh-row{display:grid;align-items:center;gap:3px;padding:4px 0;border-bottom:1px solid #e6edf6;min-height:36px}.dh-row-label{font-size:.63rem;line-height:1.2;overflow-wrap:anywhere;color:#50647c}.dh-cell{display:grid;place-items:center;min-height:30px;min-width:0;border-radius:5px;font:700 clamp(18px,2vw,27px)/1.3 ui-monospace,monospace;font-variant-numeric:tabular-nums;position:relative}.dh-cell.answer{color:#50647c;background:#f0f4fa}.dh-cell.filled{color:#145e4b;background:#eaf9f0}.dh-cell.dh-active{outline:3px solid #2457b5;background:#fff0a9;color:#15396c;box-shadow:0 0 0 5px #2457b510}.dh-column-focus.fixed{background:#edf4ff}.dh-replaced{text-decoration:line-through;color:#68778b}.dh-before-decimal::after{content:',';position:absolute;right:-4px;bottom:0;color:#17365c}.dh-controls{min-width:0;overflow:auto;padding:12px 16px;border:1px solid #d9e6f3;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:9px}.dh-step{font-size:.7rem;font-weight:700;color:#2457b5!important;margin:0}.dh-controls #dh-prompt{font-size:1rem;line-height:1.5;margin:0}.dh-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dh-keypad button{border:1px solid #d8e3ef;border-radius:10px;background:#f4f7fc;color:#17365c;min-height:42px;font:700 1.1rem/1 system-ui;cursor:pointer}.dh-keypad button:hover{background:#e3ecff}.dh-keypad button:focus-visible{outline:3px solid #b66e09;outline-offset:1px}.dh-help{display:flex;gap:6px;flex-wrap:wrap}.dh-controls output{padding:7px 12px;background:#edf4ff;border:1px solid #cddff3;border-radius:9px;min-height:36px;font:700 1.2rem/1.3 ui-monospace,monospace}.dh-feedback{flex-shrink:0;padding:9px 14px;background:#fff7da;border:1px solid #e5cd80;border-radius:12px;max-height:24dvh;overflow:auto}.dh-feedback p{font-size:.83rem;line-height:1.4;margin:0 0 7px;color:#4b452b}.dh-game>.global-copyright{padding:1px;font-size:9px;flex-shrink:0}.dh-game #dh-results{margin:auto;max-width:640px;text-align:center;padding:25px}.dh-game #dh-results h2{font-size:2.5rem;color:#8a590a}.dh-game #dh-results .ds-btn{margin:6px}.dh-game #dh-learn-controls{flex-shrink:0;gap:6px}.dh-game #dh-learn-controls label{display:flex;align-items:center;gap:5px;font-size:.75rem}.dh-game #dh-learn-controls select{width:auto;padding:6px}
@media(max-width:650px){.dh-body .ds-levels{grid-template-columns:repeat(5,minmax(0,1fr))}.dh-world-heading{grid-template-columns:100px minmax(0,1fr);gap:15px}.dh-world-heading h1{font-size:1.3rem}.dh-game{padding:7px;--dh-cell:clamp(21px,6vw,32px)}.dh-game-header{gap:5px}.dh-game-header .ds-btn{font-size:.65rem;padding:7px;min-height:34px}.dh-game-header strong{font-size:.84rem}.dh-game-header small{font-size:.59rem}.dh-play{display:flex;flex-direction:column;gap:7px}.dh-board-viewport{flex:1;min-height:110px;padding:6px}.dh-controls{flex:none;overflow:visible;padding:8px;gap:5px}.dh-controls #dh-prompt{font-size:.78rem;line-height:1.3;max-height:65px;overflow:auto}.dh-keypad{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.dh-keypad button{min-height:34px;font-size:.95rem;border-radius:7px}.dh-cell{min-height:25px;font-size:20px}.dh-row{padding:2px 0;gap:1px;min-height:29px}.dh-game .ds-btn{min-height:32px;font-size:.67rem;padding:7px 10px}.dh-feedback p{font-size:.74rem}.dh-feedback{padding:7px 10px}.dh-game #dh-learn-controls{max-height:100px;overflow:auto}}
@media(max-height:450px) and (min-width:600px){.dh-game{padding:6px;gap:4px;--dh-cell:27px}.dh-play{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,.7fr);gap:8px}.dh-controls{padding:7px;gap:4px}.dh-controls #dh-prompt{font-size:.76rem;line-height:1.25;max-height:57px;overflow:auto}.dh-keypad{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.dh-keypad button{min-height:31px;font-size:.9rem}.dh-game .ds-btn{min-height:28px;padding:5px 8px;font-size:.65rem}.dh-feedback{max-height:65px;padding:5px 10px}.dh-feedback p{font-size:.7rem;margin-bottom:3px}.dh-game-header small{font-size:.6rem}.dh-cell{min-height:26px;font-size:20px}.dh-row{padding:1px 0;min-height:27px}.dh-game #dh-learn-controls{max-height:62px;overflow:auto}}
@media(prefers-reduced-motion:reduce){.dh-board-viewport{scroll-behavior:auto}.dh-body *{animation:none!important;transition:none!important}}

.dh-board .dh-cell{font-size:clamp(20px,calc(var(--dh-cell)*.72),36px);min-height:var(--dh-cell)}
@media(min-height:700px) and (max-width:650px){.dh-keypad button{min-height:42px}}

.dh-square-model{display:grid;gap:3px;aspect-ratio:1;width:min(150px,100%);margin:5px auto 15px}.dh-square-unit{background:#e7cbff;border:1px solid #8962b5;border-radius:3px}.dh-place-row{display:grid;gap:3px;align-items:end;color:#50647c;margin:5px 0;font-size:9px}.dh-place-row small{font-size:8px;text-align:center;line-height:1.2;overflow-wrap:anywhere}
.dh-world-heading>div{min-width:0}.dh-world-heading h1{overflow-wrap:anywhere}
@media(max-height:650px) and (max-width:650px){.dh-controls{gap:4px;padding:7px}.dh-controls #dh-prompt{max-height:42px;font-size:.76rem}.dh-controls output{min-height:30px;padding:4px 8px}.dh-keypad button{min-height:32px}.dh-game .dh-controls .ds-btn{min-height:28px;padding:5px 8px}.dh-board-viewport{min-height:100px}}
.dh-body .atlas-journey-heading p{color:#284e75}

.dh-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dh-recommendation-grid article{background:#fff;border:1px solid #cedbe7;border-radius:16px;padding:16px;color:#243a52;min-width:0}.dh-recommendations h2{font-size:1.25rem}.dh-recommendation-grid h3{font-size:1rem}.dh-assistance-label{display:flex;gap:8px;align-items:center;font-size:.8rem}.dh-assistance-label select{width:auto;min-height:30px;padding:4px 8px}.dh-guidance{font-size:.8rem;color:#29455f;background:#edf6ff;border-radius:9px;padding:8px;max-height:68px;overflow:auto;margin:0}.dh-game .dh-controls{overflow:auto;min-height:0}
@media(max-width:750px){.dh-recommendation-grid{grid-template-columns:1fr}}
@media(max-height:650px){.dh-guidance{max-height:42px;padding:4px;font-size:.72rem}.dh-assistance-label{font-size:.72rem}.dh-assistance-label select{min-height:26px}}