:root{--ink:#3a3d42;--muted:#6b7078;--bg:#fff;--bar:#f1f2f3;--btn:#f4f5f6;--btn-edge:#c4c9ce;--green:#55b95c;--green-edge:#3f9b47;--yellow:#f0b93a;--yellow-edge:#cf9a22;--white:#f1f1f1;--white-edge:#d3d3d3;--pip:#3a3a3a;--ring:#b7d3e4;--badge:#3f4656;--cell:min(78px, calc((100vw - 32px) / 7.34));--gap:calc(var(--cell) * .14);--sum-size:calc(var(--cell) * .72)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:Dosis,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.topbar{justify-content:center;display:flex}.topbar-inner{background:var(--bar);justify-content:space-between;align-items:center;width:100%;max-width:1050px;padding:10px 16px;display:flex}.topbar-side{gap:8px;width:100px;display:flex}.topbar-actions{justify-content:flex-end}.icon-btn{background:var(--btn);width:44px;height:42px;box-shadow:0 3px 0 var(--btn-edge);color:var(--ink);border:none;border-radius:4px;place-items:center;font-size:30px;font-weight:800;line-height:1;display:grid}.icon-btn svg{width:26px;height:26px;fill:var(--ink)}.icon-btn:active{box-shadow:0 1px 0 var(--btn-edge);transform:translateY(2px)}.logo{-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.logo-badge{border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.logo-badge svg{width:30px;height:30px}.logo-badge-yellow{background:var(--yellow)}.logo-badge-yellow svg{fill:var(--ink)}.logo-badge-green{background:var(--green)}.logo-badge-green svg{fill:none;stroke:#fff;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round}.logo-text{letter-spacing:3px;font-size:38px;font-weight:800;line-height:1}.logo-text .y{color:var(--yellow)}.logo-text .g{color:var(--green)}main{flex-direction:column;align-items:center;padding:0 16px 32px;display:flex}.title{margin:28px 0 22px;font-size:26px;font-weight:500}.title b{margin-left:4px;font-weight:700}.moves{margin:26px 0 0;font-size:28px;font-weight:500}.moves b{margin-right:4px;font-weight:700}.board{grid-template-columns:repeat(5, var(--cell)) var(--sum-size);grid-template-rows:repeat(5, var(--cell)) var(--sum-size);margin-left:calc(var(--sum-size) + var(--gap));gap:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;display:grid}.die{border-radius:calc(var(--cell) * .08);padding:calc(var(--cell) * .12);background:var(--white);box-shadow:0 calc(var(--cell) * .06) 0 var(--white-edge);cursor:grab;grid-template:repeat(3,1fr)/repeat(3,1fr);transition:background-color .25s,box-shadow .25s;display:grid;position:relative}.die.yellow{background:var(--yellow);box-shadow:0 calc(var(--cell) * .06) 0 var(--yellow-edge)}.die.green{background:var(--green);box-shadow:0 calc(var(--cell) * .06) 0 var(--green-edge);cursor:default}.die .pip{width:calc(var(--cell) * .17);height:calc(var(--cell) * .17);background:var(--pip);visibility:hidden;border-radius:50%;place-self:center}.die .pip.on{visibility:visible}.die.green .pip{background:#fff}.die.dragging{z-index:10;cursor:grabbing;filter:drop-shadow(0 8px 10px #00000040);transition:none}.die.drop-target{outline:3px solid var(--badge);outline-offset:2px}.board.locked .die{cursor:default}.die.bounce{animation:.5s both bounce}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-28%)}}.sum{width:calc(var(--cell) * .66);height:calc(var(--cell) * .66);border:2px solid var(--ring);font-size:calc(var(--cell) * .36);border-radius:50%;place-self:center;place-items:center;font-weight:500;display:grid}.sum-badge{background:var(--badge);color:#fff;font-weight:700;font-size:calc(var(--cell) * .2);letter-spacing:.5px;border-radius:4px;place-self:center;padding:2px 6px;position:relative}.sum-badge:before,.sum-badge:after{content:"";border:5px solid #0000;position:absolute}.sum-badge:before{border-bottom-color:var(--badge);margin-bottom:3px;margin-left:-5px;bottom:100%;left:50%}.sum-badge:after{border-right-color:var(--badge);margin-top:-5px;margin-right:3px;top:50%;right:100%}.modal{z-index:100;background:#fff9;justify-content:center;align-items:flex-start;padding:72px 12px 24px;animation:.2s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal[hidden]{display:none}@keyframes fade{0%{opacity:0}}.modal-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:480px;padding:28px 22px 26px;animation:.25s rise;position:relative;box-shadow:0 10px 40px #0000002e}@keyframes rise{0%{transform:translateY(16px)}}.modal-close{color:var(--muted);background:0 0;border:none;font-size:32px;line-height:1;position:absolute;top:6px;right:10px}.modal h2{margin:0 0 14px;font-size:30px;font-weight:800}.ribbon{color:#23402b;letter-spacing:1px;clip-path:polygon(0 0,100% 0,calc(100% - 26px) 50%,100% 100%,0 100%,26px 50%);background:#1fd36b;margin:0 0 18px;padding:0 52px;font-size:44px;font-weight:800;display:inline-block}.ribbon.lost{color:var(--ink);background:#c9ced3}.stars{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.stars svg{width:52px;height:52px}.star-full{fill:#fbd33a;stroke:#c79a1a;stroke-width:1.4px;stroke-linejoin:round}.star-empty{fill:#eceef0;stroke:#c3c8cd;stroke-width:1.4px;stroke-linejoin:round}.message{margin:0 0 22px;font-size:32px;font-weight:500}.result-line{justify-content:center;gap:48px;margin-bottom:24px;font-size:30px;font-weight:500;display:flex}.result-line span{align-items:center;gap:10px;display:flex}.result-line svg{width:30px;height:30px}.next{margin-bottom:22px}.next-label{letter-spacing:.5px;font-size:24px;font-weight:500}.next-time{font-size:36px;font-weight:800}.stats{background:#efefef;border-radius:16px;padding:14px 10px 18px}.stats h3{border-bottom:2px solid #a8a8a8;max-width:70%;margin:0 auto 12px;padding-bottom:8px;font-size:32px;font-weight:800}.stats-grid{grid-template-columns:repeat(5,1fr);display:grid}.stat+.stat{border-left:3px solid #777}.stat-value{font-size:clamp(30px,9vw,46px);font-weight:500;line-height:1.1}.stat-label{padding:0 2px;font-size:clamp(14px,3.6vw,18px);line-height:1.2}.come-back{text-align:left;margin:22px 0 0;font-size:22px;font-weight:500}.help{text-align:left;font-size:19px;line-height:1.4}.help p{margin:0 0 12px}.help-row{align-items:center;gap:14px;margin:10px 0;display:flex}.help-row .die{--cell:44px;cursor:default;flex:none;width:44px;height:44px}@media (width<=480px){.topbar-inner{padding:8px 10px}.topbar-side{gap:6px;width:84px}.icon-btn{width:38px;height:36px;font-size:24px}.icon-btn svg{width:22px;height:22px}.logo-badge{border-radius:7px;width:30px;height:30px}.logo-badge svg{width:23px;height:23px}.logo-text{letter-spacing:2px;font-size:27px}.title{margin:20px 0 18px;font-size:22px}.moves{font-size:22px}.ribbon{font-size:36px}.stars svg{width:44px;height:44px}.message{font-size:26px}.result-line{gap:32px;font-size:26px}.come-back{font-size:18px}}