.lo-board-card{padding:0;overflow:hidden;position:relative}.lo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #252a43;color:#a4acc3}.lo-wrap{padding:16px;display:grid;place-items:center;position:relative}.lo-board{width:min(100%,680px);aspect-ratio:1;display:grid;gap:7px;user-select:none;touch-action:manipulation}.lo-cell{position:relative;border:1px solid #2a3149;background:#12182a;border-radius:12px;cursor:pointer;transition:transform .08s,background .14s,border-color .14s,box-shadow .14s}.lo-cell:hover{border-color:#4a5575}.lo-cell:active{transform:scale(.96)}.lo-cell.on{background:radial-gradient(circle at 38% 32%,#f0feff 0,#87e9ff 14%,#46d6ff 42%,#256b91 72%,#13243b 100%);border-color:#69e1ff;box-shadow:inset 0 0 18px #dffaff55,0 0 18px #46d6ff30}.lo-cell.hint{outline:3px solid #f4e45e;outline-offset:-4px}.lo-cell.solution{outline:2px solid #8b6cff;outline-offset:-4px}.lo-cell.solution-next{outline:3px solid #b59cff;box-shadow:0 0 0 1px #8b6cff66 inset,0 0 20px #8b6cff28}.lo-cell.solution-done{outline-color:#43dca8;opacity:.78}.lo-step{position:absolute;right:6px;top:6px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#8b6cff;color:#fff;font-size:11px;font-weight:900;z-index:2;box-shadow:0 2px 8px #0005}.lo-cell.solution-next .lo-step{background:#a78cff;transform:scale(1.08)}.lo-cell.solution-done .lo-step{background:#2b9e7c;color:#eafff8}.lo-result{position:absolute;inset:16px;display:grid;place-items:center;background:rgba(8,11,20,.96);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:.18s;z-index:20;border-radius:14px}.lo-result.show{opacity:1;pointer-events:auto}.lo-result-panel{width:min(590px,calc(100% - 24px));text-align:center;padding:22px}.lo-result-panel h2{font-size:34px;margin:0 0 4px}.lo-score{font-size:56px;font-weight:950;color:#46d6ff;letter-spacing:-2px}.lo-result-meta,.lo-result-status{color:#9ba4bc;font-size:12px;margin-top:8px}.lo-breakdown{max-width:500px;margin:14px auto;border:1px solid #303650;background:#12182a;border-radius:14px;padding:12px;text-align:left}.lo-break-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.lo-break{background:#171d32;border-radius:9px;padding:9px;text-align:center}.lo-break b{display:block}.lo-break small{font-size:9px;color:#7f89a3}.lo-result-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.lo-result-actions button,.lo-rank-tabs button{border:1px solid #303650;background:#171d32;color:#cbd2e6;border-radius:10px;padding:9px 12px;cursor:pointer}.lo-rank-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.lo-rank-tabs button.active{background:#2b2353;border-color:#7657ff;color:#fff}.lo-rank-list{display:grid;gap:5px}.lo-rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:center;background:#171d32;border-radius:9px;padding:8px}.lo-rank-row b,.lo-rank-row strong{font-size:11px}.lo-rank-row small{display:block;color:#7f89a3;font-size:8px}.lo-empty{color:#7f89a3;font-size:10px;padding:15px 4px;text-align:center}.lo-user{display:none;align-items:center;gap:7px;border:1px solid #303650;background:#12162a;border-radius:999px;padding:5px 8px}.lo-user.show{display:flex}.lo-user img{width:30px;height:30px;border-radius:50%}.lo-user span{font-size:12px;font-weight:700}.lo-user button{border:0;background:none;color:#8792aa}.lo-status{margin-top:11px;padding:10px;border-radius:11px;background:#0b1020;color:#8690a9;font-size:11px;line-height:1.5}@media(max-width:600px){.lo-wrap{padding:8px}.lo-board{gap:5px}.lo-cell{border-radius:9px}.lo-result{inset:8px}.lo-score{font-size:44px}.lo-break-grid{grid-template-columns:repeat(2,1fr)}}