.sum-page{max-width:1080px}.sum-shell{background:#fff;color:#17101f;color-scheme:light;border:3px solid #17101f;border-radius:18px;padding:clamp(1rem,3vw,1.6rem);box-shadow:8px 8px 0 #b79ce7}.sum-top,.sum-stats,.sum-actions,.sum-pad{display:flex;gap:.7rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.sum-top h2{margin:0}.sum-top label{font-weight:800}.sum-stats{margin:1rem 0}.sum-stats div{min-width:82px;border:2px solid #17101f;border-radius:10px;padding:.4rem .6rem;background:#f6f0ff}.sum-stats small,.sum-stats strong{display:block}.sum-stage{display:grid;place-items:center;padding:.8rem;background:#17101f;border-radius:14px}.sum-board{--s:4;width:min(78vw,560px);aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--s),1fr)}.sum-cell{position:relative;min-width:0;border-style:solid;border-color:#17101f;background:#fff;color:#17101f;padding:0}.sum-cell[data-shade="1"]{background:#f4effc}.sum-cell[data-shade="2"]{background:#eee2ff}.sum-cell[data-shade="3"]{background:#faf7ff}.sum-cell small{position:absolute;top:3px;left:5px;font-weight:900;font-size:clamp(.65rem,2vw,.9rem)}.sum-cell strong{font-size:clamp(1.25rem,5vw,2.4rem)}.sum-cell.selected,.sum-cell:focus-visible{outline:4px solid #8e58c7;outline-offset:-7px;z-index:2}.sum-cell.wrong{background:#ffd8e1}.sum-pad{justify-content:center;margin:1rem 0}.sum-pad button{min-width:52px;min-height:48px;font-weight:900}.sum-actions{margin-top:.8rem}.sum-status,.sum-note{font-weight:700}.sum-status{min-height:1.5em}@media(max-width:600px){.sum-shell{padding:.7rem}.sum-board{width:min(88vw,520px)}.sum-stats div{min-width:66px}.sum-actions button{flex:1 1 45%}}