.dice-main{max-width:920px;margin:auto;padding:18px 18px 40px}.dice-start{text-align:center;max-width:740px;margin:15px auto 35px;padding:25px;background:#f1f7e9;border:2px solid #d3e4cc;border-radius:28px}.dice-start h1{font-size:clamp(1.6rem,4vw,2.5rem);margin:12px 0}.dice-start p{line-height:1.6}.dice-hero{display:flex;justify-content:center;gap:18px;padding:20px;transform:rotate(-5deg)}.dice-hero .dice-face:last-child{transform:rotate(14deg);background:#e2f1ea}.dice-face{width:116px;height:116px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:7px;background:#fffbee;border:3px solid #d2b991;border-radius:24px;box-shadow:0 7px 0 #d5c3a0,0 12px 18px #455e4420;flex:none;box-sizing:border-box}.dice-pip{border-radius:50%;background:transparent}.dice-pip.filled{background:#49796c;box-shadow:inset 0 2px 2px #294a4330}.dice-pip.counting{background:#edac39;outline:5px solid #f7cb79}.dice-toolbar{display:flex;gap:10px;align-items:center}.dice-toolbar strong{margin-right:auto;font-size:1rem}.dice-toolbar button{padding:9px 14px}.dice-progress{display:flex;align-items:center;gap:14px;margin:12px 0}.dice-progress progress{flex:1;height:9px;accent-color:#6a9b7e}.dice-question-row{display:flex;align-items:center;gap:10px;min-height:68px}.dice-question-row h2{font-size:clamp(1.1rem,2.5vw,1.45rem);line-height:1.35;margin:8px 0;flex:1}.dice-question-row button{padding:10px;min-width:46px;min-height:46px}.dice-table{border:2px solid #c8dfcb;background:radial-gradient(ellipse at 20% 15%,#fff8df,transparent 70%),#e5f0df;border-radius:28px;padding:20px 18px;box-shadow:0 10px 24px #385b4710}.dice-model{display:flex;justify-content:center;padding:4px 0 24px}.dice-area{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dice-choice{min-height:145px;display:flex;align-items:center;justify-content:center;border:2px solid #b8d0c1;border-radius:23px;background:#fffdf2;box-shadow:0 5px 0 #bcccb8;padding:13px;touch-action:manipulation}.dice-choice:hover{background:#fff4d5;transform:translateY(-2px)}.dice-choice .dice-face{width:92px;height:92px;padding:15px;gap:5px;border-radius:19px;box-shadow:0 4px 0 #d5c3a0}.dice-object-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.dice-object-group img{width:47px;height:47px;object-fit:contain}.dice-choice.correct{outline:4px solid #7bb48d}.dice-choice.try-again{animation:dice-wiggle .3s}.dice-feedback{min-height:46px;font-size:1rem;line-height:1.45;text-align:center;padding:10px 0 0;margin:0;color:#526e60}.dice-feedback.good{color:#37734d;font-weight:750}.dice-hint{font-size:.85rem;line-height:1.5;text-align:center;margin:10px 0;color:#63756a}.dice-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.dice-actions button{min-height:46px}.dice-area.walk{display:block}.dice-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:12px 4px 17px;max-width:600px;margin:auto;position:relative}.board-cell{height:60px;background:#f5edd8;border:3px solid #cdbb8e;border-radius:16px;position:relative;box-shadow:0 4px 0 #bba97f}.board-cell:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#c2af83;top:50%;left:50%}.board-cell.visited{background:#d7e9c8;border-color:#a5bd96}.board-cell.occupied{background:#fff0ba;border-color:#dcae57}.cell-5{grid-column:5;grid-row:2}.cell-6{grid-column:4;grid-row:2}.cell-7{grid-column:3;grid-row:2}.cell-8{grid-column:2;grid-row:2}.board-cell[data-start]:before{content:attr(data-start);font-size:9px;letter-spacing:1px;position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#6e7b5e}.board-pawn{position:absolute;z-index:2;width:32px;height:42px;bottom:12px;left:calc(50% - 16px);filter:drop-shadow(0 3px 2px #56756340);animation:pawn-hop .25s}.board-pawn:before{content:'';position:absolute;width:23px;height:23px;border-radius:50%;background:#dd8b59;border:2px solid #a45f3d;top:0;left:5px}.board-pawn:after{content:'';position:absolute;bottom:0;width:34px;height:25px;background:#edaa70;border:2px solid #a45f3d;border-radius:12px 12px 8px 8px;left:0}.board-controls{display:flex;gap:10px;justify-content:center;margin-top:6px}.board-controls button{min-height:48px}.dice-result{text-align:center;padding:30px;border:2px solid #c9ddc4;border-radius:26px;background:#f1f6e8}.dice-result h2{font-size:1.6rem}.dice-result p{line-height:1.55}.dice-result .result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.dice-result details{margin-top:22px;text-align:left}.dice-thumb{display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(135deg,#e3efda,#fdf0d4);min-height:240px}.dice-thumb .dice-face{width:92px;height:92px;padding:16px;gap:5px;transform:rotate(-9deg)}.dice-thumb .dice-face:last-child{transform:rotate(11deg);background:#e6f2ed}@keyframes pawn-hop{50%{transform:translateY(-9px)}}@keyframes dice-wiggle{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@media(max-width:600px){.dice-main{padding:12px 12px 30px}.dice-start{padding:18px}.dice-table{padding:15px 10px;border-radius:23px}.dice-face{width:94px;height:94px;padding:16px;gap:5px;border-radius:20px}.dice-model{padding-bottom:20px}.dice-area{gap:9px}.dice-choice{min-height:120px;padding:7px;border-radius:17px}.dice-choice .dice-face{width:72px;height:72px;padding:11px;gap:4px;border-width:2px;border-radius:15px}.dice-object-group img{width:34px;height:34px}.dice-question-row{min-height:76px}.dice-question-row h2{font-size:1.1rem}.dice-question-row button{min-width:42px;padding:8px}.dice-feedback{min-height:56px;font-size:.93rem}.dice-toolbar strong{font-size:.94rem}.dice-toolbar button{padding:8px 10px}.board-cell{height:52px;border-radius:13px}.dice-board{gap:8px}.board-controls button{font-size:.86rem;padding:10px}.dice-thumb{min-height:260px;flex-direction:column;gap:25px}.dice-thumb .dice-face{width:82px;height:82px;padding:13px}.dice-hint{font-size:.8rem}.dice-actions{margin-top:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.dice-main button:not(.dice-choice){border:2px solid #c8d9c7;border-radius:15px;background:#fffdf4;padding:10px 16px;min-height:44px;box-shadow:0 3px 0 #b8cbb52b;font-weight:650}.dice-main .primary{display:inline-flex;align-items:center;justify-content:center;background:#578775!important;border:2px solid #497360!important;color:white!important;border-radius:16px;padding:12px 20px;text-decoration:none;font-weight:750;box-shadow:0 4px 0 #385f50!important}.dice-main button:disabled{opacity:.55}.dice-main .dice-question-row button{padding:8px}.dice-progress progress{appearance:none;border:0;border-radius:8px;overflow:hidden;background:#dae5d4}.dice-progress progress::-webkit-progress-bar{background:#dae5d4;border-radius:8px}.dice-progress progress::-webkit-progress-value{background:#83ad8b;border-radius:8px}.dice-progress progress::-moz-progress-bar{background:#83ad8b}.dice-result .result-actions a{font-size:1rem}
.dice-preview-path{display:flex;gap:8px;align-items:center;transform:rotate(5deg)}.dice-preview-path span{width:42px;height:44px;border:2px solid #cbb88e;border-radius:11px;background:#fff6de;box-shadow:0 4px 0 #bba97f}.dice-preview-path .board-pawn-preview{font-size:40px;line-height:40px;color:#c78650;text-shadow:0 2px #8d5a36;background:#fff0ba}.dice-toolbar{gap:7px}.dice-toolbar button{min-height:38px}.dice-progress{margin:8px 0}.dice-question-row{min-height:60px}.dice-question-row h2{font-size:clamp(1.05rem,2.5vw,1.35rem)}.dice-feedback{min-height:40px}.dice-hint{max-width:600px;margin:8px auto}@media(max-width:600px){.dice-main{padding-top:8px}.dice-main .dice-toolbar button{padding:7px 10px;min-height:38px}.dice-question-row{min-height:65px}.dice-model{padding-bottom:16px}.dice-feedback{min-height:42px}.dice-actions{margin-top:0}.dice-thumb .dice-preview-path{flex-wrap:wrap;justify-content:center;width:90px;gap:6px}.dice-thumb .dice-preview-path span{width:35px;height:38px}.dice-thumb .dice-preview-path .board-pawn-preview{font-size:34px;line-height:34px}}
.two-dice{gap:30px;min-height:145px;align-items:center}.two-dice .dice-face{transform:rotate(-7deg)}.two-dice .dice-face:last-child{transform:rotate(8deg)}.two-dice.unrolled{opacity:.35}.two-dice.rolling .dice-face{animation:dice-roll .65s ease-in-out}.two-dice.rolling .dice-face:last-child{animation-direction:reverse}.dice-total{height:38px;font-size:1.5rem;font-weight:800;text-align:center;margin:0 0 10px}.sum-answers{max-width:480px;margin:10px auto;gap:16px}.dice-main .sum-choice{font-size:2rem!important;min-height:80px!important;border-radius:20px!important;background:#fffdf1!important;border:2px solid #b9d0be!important;box-shadow:0 5px 0 #aabd9b!important}.dice-main .sum-choice:hover{background:#fff0c2!important}.dice-table>.dice-actions{min-height:52px;margin:14px 0 2px}.dice-toolbar strong{font-size:.92rem}.dice-main .dice-toolbar button{font-size:.8rem;padding:7px 10px}.dice-thumb{flex-direction:row}.dice-thumb .dice-face:last-child{transform:rotate(11deg)}@keyframes dice-roll{0%{transform:translateY(0) rotate(0)}30%{transform:translateY(-18px) rotate(70deg)}70%{transform:translateY(4px) rotate(-35deg)}100%{transform:translateY(0) rotate(-7deg)}}@media(max-width:600px){.two-dice{gap:24px;min-height:135px}.two-dice .dice-face{width:116px;height:116px;padding:20px;gap:7px}.dice-model.two-dice{padding-bottom:16px}.dice-main .sum-choice{min-height:68px!important;font-size:1.8rem!important}.sum-answers{gap:12px}.dice-toolbar strong{font-size:.84rem}.dice-total{font-size:1.3rem}.dice-thumb{flex-direction:column}.dice-start .dice-hero{gap:20px}.dice-table>.dice-actions{margin-top:12px}}