.board-card{padding:0;overflow:hidden;position:relative}.board-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #252a43;color:#a4acc3}.board-wrap{padding:12px;position:relative;display:grid;place-items:center}.board{width:min(100%,720px);aspect-ratio:1;display:grid;gap:4px;touch-action:none;user-select:none}.cell{position:relative;border:1px solid #252c43;background:#151b30;border-radius:8px;display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;transition:background .12s,border-color .12s,box-shadow .12s;overflow:hidden}.cell.blocked{background:#090d19;border-color:#1b2134;box-shadow:inset 0 0 0 1px #080b14;cursor:not-allowed}.cell.blocked::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(133,145,173,.10) 8px 10px);pointer-events:none}.cell.blocked::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#4b5570;font-size:clamp(13px,2.2vw,24px);font-weight:700;line-height:1;opacity:.72;pointer-events:none}.cell.path{background:linear-gradient(135deg,#2b2456,#231d48);border-color:#715eea}.cell.head{box-shadow:0 0 0 2px #46d6ff inset,0 0 18px #46d6ff33}.cell.hint-cell{box-shadow:0 0 0 2px #46d6ff inset,0 0 16px #46d6ff55}.cell.solution-cell{background:#102a31;border-color:#2e94ad;box-shadow:inset 0 0 0 2px #46d6ff44}.cell.solution-cell.path{background:linear-gradient(135deg,#2b2456,#231d48);border-color:#8b6cff;box-shadow:inset 0 0 0 2px #46d6ff77}.cell.solution-cell.head{box-shadow:inset 0 0 0 3px #46d6ff,0 0 20px #46d6ff44}.solution-guide-step{position:absolute;left:5px;top:5px;z-index:4;min-width:22px;height:22px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#0f2630;border:1px solid #46d6ff;color:#bff5ff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 2px 8px #0005}.solution-guide-arrow{position:absolute;right:5px;bottom:5px;z-index:4;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#46d6ff;color:#07131c;font-size:14px;font-weight:950;line-height:1;box-shadow:0 2px 8px #0005}.cell.path .solution-guide-step{background:#332866;border-color:#9c8cff;color:#fff}.checkpoint{width:58%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#f7f8ff;color:#11162a;font-weight:900;font-size:clamp(10px,2vw,18px);box-shadow:0 4px 18px #0005;position:relative;z-index:3}.checkpoint.done{background:#46d6ff;color:#07131c}.checkpoint.finish{background:#dffcf3;border:2px solid #43dca8;box-shadow:0 0 16px #43dca833}.checkpoint.finish.done{background:#43dca8;color:#06140f}.board.solved{animation:solvePulse .55s ease;filter:saturate(.82)}@keyframes solvePulse{50%{filter:brightness(1.18) saturate(1.15)}}.result-overlay{position:absolute;inset:12px;display:grid;place-items:center;background:rgba(8,11,20,.95);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .18s;z-index:20;border-radius:13px}.result-overlay.show{opacity:1;pointer-events:auto}.result-panel{width:min(600px,calc(100% - 30px));text-align:center;padding:24px}.result-panel h2{font-size:34px;margin:0 0 6px}.result-score{font-size:56px;font-weight:950;color:#46d6ff;letter-spacing:-2px}.result-level{color:#c2c9dc;margin:4px 0 14px}.result-breakdown{max-width:520px;margin:0 auto 12px;border:1px solid #303650;background:#12182a;border-radius:14px;padding:12px}.result-breakdown-head{display:flex;justify-content:space-between;margin-bottom:9px}.result-breakdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.result-break{background:#171d32;border-radius:9px;padding:9px}.result-break b{display:block;font-size:17px}.result-break small{color:#7f89a3;font-size:9px}.result-chips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:10px 0}.result-chip{border:1px solid #303650;background:#171d32;border-radius:999px;padding:6px 10px;color:#bfc6da;font-size:11px}.result-status,.result-xp{color:#9aa5ba;font-size:12px;margin-top:7px}.result-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.result-actions button{border:1px solid #303650;background:#171d32;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.result-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#173b35;border:1px solid #2c6a59;color:#74f1bf;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:10px}.rules p{font-size:12px;line-height:1.55;color:#97a1b8}.rules strong{color:#fff}.profile-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.profile-head h3{margin:0}.profile-head span{color:#8d97ad;font-size:11px}.xp-track{height:7px;background:#0d1221;border-radius:999px;overflow:hidden;margin:10px 0}.xp-fill{height:100%;width:0;background:linear-gradient(90deg,#7453ff,#46d6ff)}.profile-stats{grid-template-columns:repeat(3,1fr)}.solution-note{color:#46d6ff!important;border-color:#245468!important}.np-daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.np-daily-level{background:#171d32;border:1px solid #252b42;border-radius:10px;padding:10px;font-size:12px}.np-activity-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:600px){.board-wrap{padding:7px}.board{gap:3px}.cell{border-radius:6px}.cell.blocked::before{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(133,145,173,.12) 5px 7px)}.cell.blocked::after{font-size:18px}.solution-guide-step{left:3px;top:3px;min-width:18px;height:18px;font-size:8px;padding:0 4px}.solution-guide-arrow{right:3px;bottom:3px;width:18px;height:18px;font-size:11px}.result-overlay,.result-overlay.show{position:fixed;inset:0;z-index:1000;border-radius:0;overflow-y:auto;overscroll-behavior:contain;display:block;padding:max(18px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom));background:rgba(8,11,20,.97)}.result-overlay:not(.show){visibility:hidden}.result-panel{width:min(100%,560px);min-height:min-content;margin:0 auto;padding:18px 10px 28px}.result-panel h2{font-size:30px;line-height:1.08}.result-score{font-size:48px}.result-breakdown-grid{grid-template-columns:repeat(2,1fr)}.result-actions{position:sticky;bottom:0;padding:12px 0 max(2px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(8,11,20,0),rgba(8,11,20,.98) 32%)}.result-actions button{flex:1;min-height:46px}.np-daily-grid,.np-activity-list{grid-template-columns:1fr}}