.ms-tool .ms-layout{align-items: flex-start;row-gap: 16px}.ms-tool .tool-content-container{overflow-x: clip}.ms-board-panel,.ms-side-panel{min-width: 0}.ms-side{display: flex;flex-direction: column;gap: 16px}.ms-panel-header{gap: 12px}.ms-panel-header>span:first-child{flex: 1;min-width: 0}.ms-panel-header i{margin-right: 6px}.ms-panel-header .ms-hint{flex: 0 1 auto;min-width: 0;color: var(--text-3);font-size: 12.5px;text-align: right}.ms-board-body,.ms-side-body{display: flex;flex-direction: column;gap: 14px}.ms-side-body>.ms-field,.ms-side-body>.ms-field-row,.ms-field-row>.ms-field{flex: 0 0 auto}.ms-board-body{--ms-board-max: 660px}.ms-hud{display: flex;align-items: center;justify-content: space-between;gap: 10px;width: 100%;max-width: var(--ms-board-max);margin: 0 auto}.ms-hud-box{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-width: 104px;padding: 8px 14px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);color: var(--text);font-size: 21px;font-weight: 800;line-height: 1.1;font-variant-numeric: tabular-nums;letter-spacing: 0.04em}.ms-hud-box i{color: var(--text-3);font-size: 15px}.ms-face{display: inline-flex;flex: 0 0 auto;align-items: center;justify-content: center;width: 46px;height: 46px;padding: 0;background: var(--bg-soft);border: 1px solid var(--border-strong);border-radius: 50%;color: var(--text);font-size: 23px;line-height: 1;cursor: pointer;transition: border-color .15s,color .15s,transform .1s}.ms-face:hover{border-color: var(--primary);color: var(--primary)}.ms-face:active{transform: scale(0.94)}.ms-face.is-win{border-color: var(--success);color: var(--success)}.ms-face.is-lose{border-color: var(--danger);color: var(--danger)}.ms-progress-row{display: flex;align-items: center;gap: 10px;width: 100%;max-width: var(--ms-board-max);margin: 0 auto;color: var(--text-3);font-size: 12px;font-weight: 600;font-variant-numeric: tabular-nums}.ms-progress-track{flex: 1 1 auto;height: 6px;overflow: hidden;background: var(--bg-soft);border: 1px solid var(--border);border-radius: 999px}.ms-progress-bar{display: block;width: 0;height: 100%;background: linear-gradient(90deg,var(--primary),var(--success));border-radius: inherit;transition: width .18s ease}.ms-stage{position: relative;width: 100%;max-width: var(--ms-board-max);margin: 0 auto}.ms-stage.is-boom{animation: ms-boom 0.36s ease-in-out}@keyframes ms-boom{0%,100%{transform: translateX(0)}20%{transform: translateX(-5px)}45%{transform: translateX(4px)}70%{transform: translateX(-3px)}}.ms-board-scroll{max-width: 100%;padding: 8px;overflow-x: auto;overflow-y: hidden;background: var(--bg-soft);border: 1px solid var(--border);border-radius: 12px;box-shadow: var(--shadow-sm);-webkit-overflow-scrolling: touch;touch-action: manipulation}.ms-board{display: grid;grid-template-columns: repeat(var(--cols,9),var(--cell,32px));grid-auto-rows: var(--cell,32px);gap: var(--gap,2px);width: max-content;margin: 0 auto;user-select: none}.ms-cell{display: flex;align-items: center;justify-content: center;width: var(--cell,32px);height: var(--cell,32px);padding: 0;background: linear-gradient(145deg,#f8fafc,#e2e8f0);border: 1px solid #cbd5e1;border-radius: 3px;box-shadow: 0 1px 0 rgba(15,23,42,0.12);color: #1e293b;font-family: var(--mono);font-size: calc(var(--cell,32px) * 0.56);font-weight: 800;line-height: 1;cursor: pointer;transition: background .08s ease,transform .06s ease}.ms-cell:hover{background: linear-gradient(145deg,#ffffff,#eef2f7)}.ms-cell:active{transform: scale(0.94)}.ms-cell:focus-visible{outline: 2px solid var(--primary);outline-offset: 1px;z-index: 1}.ms-cell i{font-size: 0.92em;line-height: 1}.ms-cell.is-open{background: #ffffff;border-color: #dbe3ed;box-shadow: none;cursor: default}.ms-cell.is-open:active{transform: none}.ms-cell.is-flag{background: linear-gradient(145deg,#fef3c7,#fde68a);border-color: #f0c766;color: #b45309}.ms-cell.is-wrong{background: linear-gradient(145deg,#fee2e2,#fecaca);border-color: #f87171;color: #b91c1c}.ms-cell.is-mine{background: linear-gradient(145deg,#e2e8f0,#cbd5e1);color: #334155}.ms-cell.is-exploded{background: linear-gradient(145deg,#ef4444,#b91c1c);border-color: #991b1b;color: #ffffff}.ms-cell.is-hint{box-shadow: 0 0 0 2px #f59e0b,0 0 0 5px rgba(245,158,11,0.22);animation: ms-hint 1s ease-in-out infinite}@keyframes ms-hint{0%,100%{box-shadow: 0 0 0 2px #f59e0b,0 0 0 5px rgba(245,158,11,0.16)}50%{box-shadow: 0 0 0 2px #d97706,0 0 0 7px rgba(245,158,11,0.30)}}.ms-cell.n1{color: #1d4ed8}.ms-cell.n2{color: #047857}.ms-cell.n3{color: #dc2626}.ms-cell.n4{color: #312e81}.ms-cell.n5{color: #9f1239}.ms-cell.n6{color: #0e7490}.ms-cell.n7{color: #111827}.ms-cell.n8{color: #4b5563}.ms-confetti{position: absolute;inset: 0;z-index: 7;overflow: hidden;border-radius: 12px;pointer-events: none}.ms-confetti-bit{position: absolute;top: -14px;width: 8px;height: 12px;border-radius: 2px;animation: ms-fall 1.4s ease-in forwards}@keyframes ms-fall{from{transform: translateY(-16px) rotate(0deg);opacity: 1}to{transform: translateY(var(--fall,420px)) rotate(var(--spin,720deg));opacity: 0.15}}.ms-overlay{position: absolute;inset: 0;z-index: 8;display: none;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding: 18px;background: rgba(236,253,245,0.95);border-radius: 12px;text-align: center}.ms-overlay.is-on{display: flex}:root[data-theme="dark"] .ms-overlay{background: rgba(19,38,27,0.95)}.ms-overlay-title{color: var(--text);font-size: 24px;font-weight: 800}.ms-overlay-text{max-width: 360px;color: var(--text-2);font-size: 13.5px;line-height: 1.7;white-space: pre-line}.ms-overlay-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.ms-overlay-close{position: absolute;top: 10px;right: 10px;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;padding: 0;background: transparent;border: 1px solid var(--border);border-radius: 50%;color: var(--text-3);font-size: 14px;cursor: pointer}.ms-overlay-close:hover{color: var(--text);border-color: var(--border-strong)}.ms-message{display: none;width: 100%;max-width: var(--ms-board-max);margin: 0 auto;padding: 8px 10px;background: var(--info-soft);border: 1px solid var(--info);border-radius: var(--radius);color: #0f5f6d;font-size: 13px;line-height: 1.6;text-align: center}.ms-message.is-on{display: block}.ms-message.is-good{background: var(--success-soft);border-color: var(--success);color: #15803d}.ms-message.is-error{background: var(--danger-soft);border-color: var(--danger);color: #991b1b}:root[data-theme="dark"] .ms-message{color: var(--info)}:root[data-theme="dark"] .ms-message.is-good{color: var(--success)}:root[data-theme="dark"] .ms-message.is-error{color: var(--danger)}.ms-tools{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px}.ms-tools .btn{flex: 0 1 auto;min-width: 0}.ms-flag-mode-state{display: inline-block;min-width: 18px;padding: 0 4px;background: rgba(148,163,184,0.22);border-radius: 4px;font-size: 11px;font-weight: 700}.ms-flag-mode.btn-primary .ms-flag-mode-state{background: rgba(255,255,255,0.24)}.ms-status{color: var(--text-3);font-size: 12.5px;line-height: 1.7;text-align: center}.ms-presets{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}.ms-presets .btn{width: 100%;min-width: 0}.ms-field-row{display: flex;flex-wrap: wrap;gap: 12px}.ms-field{display: flex;flex: 1 1 130px;flex-direction: column;gap: 6px;min-width: 0;margin: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.ms-field>span{display: flex;align-items: baseline;justify-content: space-between;gap: 8px}.ms-field .form-control{width: 100%;min-width: 0;padding-top: 8px;padding-bottom: 8px;font-size: 14px}.ms-seed-row{display: flex;align-items: flex-end;gap: 8px}.ms-seed-row .ms-field{flex: 1 1 auto}.ms-seed-row .btn{flex: 0 0 auto}.ms-action-row{display: flex;flex-wrap: wrap;gap: 8px}.ms-action-row .btn{flex: 1 1 120px;min-width: 0}.ms-metrics{padding: 8px 10px;background: var(--bg-soft);border: 1px dashed var(--border-strong);border-radius: var(--radius);color: var(--text-2);font-size: 12.5px;line-height: 1.6;text-align: center;font-variant-numeric: tabular-nums;overflow-wrap: anywhere}.ms-share-row{display: flex;align-items: flex-end;gap: 8px}.ms-share-row .ms-field{flex: 1 1 auto}.ms-share-row .btn{flex: 0 0 auto}.ms-load-row{display: flex;align-items: center;gap: 8px}.ms-load-row .form-control{flex: 1 1 auto;min-width: 0}.ms-load-row .btn{flex: 0 0 auto}.ms-record{display: flex;flex-direction: column;gap: 7px;padding: 10px 12px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius)}.ms-record>div{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;min-width: 0;color: var(--text-3);font-size: 12.5px}.ms-record strong{color: var(--text);font-size: 13px;font-weight: 700;text-align: right;overflow-wrap: anywhere}.ms-note{padding: 9px 11px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);color: var(--text-2);font-size: 12.5px;line-height: 1.6}.ms-note i{margin-right: 5px;color: var(--info)}.ms-samples{display: flex;flex-direction: column;gap: 12px;margin-top: 12px}.ms-sample{display: flex;flex-direction: column;gap: 6px;padding: 12px 14px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius)}.ms-sample-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 12px}.ms-sample-head strong{flex: 1 1 auto;min-width: 0;color: var(--text);font-size: 14px}.ms-sample p{margin: 0;color: var(--text-2);font-size: 13.5px}.ms-sample code{padding: 1px 5px;background: #fff;border: 1px solid var(--border);border-radius: 4px;font-family: var(--mono);font-size: 12.5px}:root[data-theme="dark"] .ms-sample code{background: var(--bg);color: var(--text-2)}.ms-chip{flex: 0 0 auto}:root[data-theme="dark"] .ms-cell{background: linear-gradient(145deg,#334155,#1e293b);border-color: #475569;color: #e2e8f0;box-shadow: 0 1px 0 rgba(0,0,0,0.35)}:root[data-theme="dark"] .ms-cell:hover{background: linear-gradient(145deg,#3f4d64,#273449)}:root[data-theme="dark"] .ms-cell.is-open{background: #0f172a;border-color: #263449}:root[data-theme="dark"] .ms-cell.is-flag{background: linear-gradient(145deg,#713f12,#422006);border-color: #a16207;color: #fbbf24}:root[data-theme="dark"] .ms-cell.is-wrong{background: linear-gradient(145deg,#7f1d1d,#450a0a);border-color: #b91c1c;color: #fecaca}:root[data-theme="dark"] .ms-cell.is-mine{background: #1e293b;color: #cbd5e1}:root[data-theme="dark"] .ms-cell.is-exploded{background: linear-gradient(145deg,#dc2626,#7f1d1d);border-color: #ef4444;color: #fff}:root[data-theme="dark"] .ms-cell.n1{color: #93c5fd}:root[data-theme="dark"] .ms-cell.n2{color: #6ee7b7}:root[data-theme="dark"] .ms-cell.n3{color: #fca5a5}:root[data-theme="dark"] .ms-cell.n4{color: #c7d2fe}:root[data-theme="dark"] .ms-cell.n5{color: #fda4af}:root[data-theme="dark"] .ms-cell.n6{color: #67e8f9}:root[data-theme="dark"] .ms-cell.n7{color: #f1f5f9}:root[data-theme="dark"] .ms-cell.n8{color: #cbd5e1}@media (max-width: 767px){.ms-board-body{--ms-board-max: 100%}.ms-panel-header{flex-wrap: wrap;gap: 4px 12px}.ms-panel-header>span:first-child{flex: 1 1 auto;white-space: nowrap}.ms-panel-header .ms-hint{flex: 1 1 100%;text-align: left}.ms-hud-box{min-width: 92px;padding: 7px 12px;font-size: 19px}.ms-overlay-title{font-size: 20px}}@media (max-width: 399px){.ms-hud{gap: 8px}.ms-hud-box{min-width: 82px;padding: 7px 9px;font-size: 17px}.ms-face{width: 42px;height: 42px;font-size: 21px}.ms-action-row .btn{flex: 1 1 auto}.ms-tools .btn{flex: 1 1 auto}}