.m3-tool .m3-layout{align-items: flex-start;row-gap: 16px}.m3-tool .tool-content-container{overflow-x: clip}.m3-board-panel,.m3-side-panel{min-width: 0}.m3-side{display: flex;flex-direction: column;gap: 16px}.m3-panel-header{gap: 12px}.m3-panel-header>span:first-child{flex: 1;min-width: 0}.m3-panel-header i{margin-right: 6px}.m3-panel-header .m3-hint{flex: 0 1 auto;min-width: 0;color: var(--text-3);font-size: 12.5px;text-align: right}.m3-board-body,.m3-side-body{display: flex;flex-direction: column;gap: 14px;min-width: 0}.m3-board-body{--m3-board-max: 640px}.m3-side-body>.m3-field,.m3-side-body>.m3-seed-row,.m3-side-body>.m3-load-row{flex: 0 0 auto}.m3-hud{display: flex;align-items: stretch;justify-content: space-between;gap: 8px;width: 100%;max-width: var(--m3-board-max);margin: 0 auto}.m3-hud-box{display: inline-flex;flex: 1 1 0;align-items: center;justify-content: center;gap: 6px;min-width: 0;padding: 8px 9px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);color: var(--text);font-size: 20px;font-weight: 800;line-height: 1.1;font-variant-numeric: tabular-nums;white-space: nowrap;transition: border-color .18s,box-shadow .18s,background .18s}.m3-hud-box i{flex: 0 0 auto;color: var(--text-3);font-size: 14px}.m3-hud-box em{flex: 0 0 auto;color: var(--text-3);font-size: 11px;font-style: normal;font-weight: 600}.m3-level-box{flex: 1.3 1 0;font-size: 14px;letter-spacing: .01em}.m3-level-box i{color: #e06b9a}.m3-hud-box.is-bump{border-color: #e8a92c;box-shadow: 0 0 0 3px rgba(232,169,44,.18);animation: m3-bump .3s ease}.m3-moves-box.is-danger{background: var(--danger-soft);border-color: var(--danger);color: var(--danger)}.m3-moves-box.is-danger em,.m3-moves-box.is-danger i{color: var(--danger)}@keyframes m3-bump{0%,100%{transform: scale(1)}45%{transform: scale(1.06)}}.m3-progress-row{display: flex;align-items: center;gap: 10px;width: 100%;max-width: var(--m3-board-max);margin: 0 auto;color: var(--text-2);font-size: 12.5px;font-weight: 600}.m3-progress-row>span{flex: 0 0 auto}.m3-progress-row>strong{flex: 0 0 auto;color: var(--text);font-size: 12.5px;font-variant-numeric: tabular-nums}.m3-progress-track{flex: 1 1 auto;height: 10px;min-width: 60px;background: rgba(148,163,184,.2);border-radius: 999px;overflow: hidden}.m3-progress-bar{display: block;width: 0;height: 100%;background: linear-gradient(90deg,#f3b34b,#e06b9a 55%,#4fb07a);border-radius: inherit;transition: width .45s cubic-bezier(.2,.8,.3,1)}.m3-progress-track.is-full .m3-progress-bar{background: linear-gradient(90deg,#4fb07a,#2f9b68)}.m3-star-goal{display: flex;align-items: center;justify-content: center;gap: 6px;width: 100%;max-width: var(--m3-board-max);margin: -4px auto 0;color: var(--text-3);font-size: 12px;font-variant-numeric: tabular-nums;text-align: center}.m3-star-goal i{color: #e8a92c}.m3-stage{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;max-width: var(--m3-board-max);margin: 0 auto}.m3-board{display: grid;grid-template-columns: repeat(8,minmax(0,1fr));gap: clamp(3px,.55vw,7px);width: 100%;padding: clamp(6px,1.1vw,12px);background: radial-gradient(circle at 18% 10%,rgba(255,255,255,.9),transparent 42%),radial-gradient(circle at 82% 92%,rgba(255,202,214,.45),transparent 46%),linear-gradient(150deg,#fff5e3,#f7e6cd 58%,#f1ddc1);border: 1px solid #ead4b4;border-radius: 18px;box-shadow: inset 0 1px 0 rgba(255,255,255,.8),var(--shadow-sm);outline: none;touch-action: none}.m3-tile{position: relative;display: flex;align-items: center;justify-content: center;width: 100%;min-width: 0;padding: 0;aspect-ratio: 1 / 1;border: 1px solid rgba(84,54,12,.12);border-radius: clamp(8px,1.25vw,14px);color: #fff;font-size: clamp(14px,2.1vw,27px);line-height: 1;cursor: pointer;user-select: none;-webkit-tap-highlight-color: transparent;box-shadow: inset 0 2px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(0,0,0,.1),0 3px 0 rgba(92,56,16,.13);transition: transform .12s ease,box-shadow .12s ease,filter .12s ease}.m3-tile i{pointer-events: none;filter: drop-shadow(0 1px 1px rgba(0,0,0,.22));transform: translateY(-1px)}.m3-tile[data-type="0"]{background: linear-gradient(160deg,#ff9caa 0%,#f05f7c 55%,#d83a5c 100%);border-color: #c23a54}.m3-tile[data-type="1"]{background: linear-gradient(160deg,#ffd877 0%,#f3b032 55%,#dd8e14 100%);border-color: #c08216}.m3-tile[data-type="2"]{background: linear-gradient(160deg,#9adcf3 0%,#55b0dd 55%,#3386bc 100%);border-color: #2f79a7}.m3-tile[data-type="3"]{background: linear-gradient(160deg,#c2a8f2 0%,#9670d8 55%,#7244bb 100%);border-color: #6840a8}.m3-tile[data-type="4"]{background: linear-gradient(160deg,#ffb3d3 0%,#ef78ab 55%,#d64f85 100%);border-color: #bc4677}.m3-tile[data-type="5"]{background: linear-gradient(160deg,#8fe6c6 0%,#4fbd9b 55%,#2b987a 100%);border-color: #2c846c}.m3-tile:hover{transform: translateY(-2px) scale(1.03);filter: brightness(1.05);box-shadow: inset 0 2px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(0,0,0,.1),0 6px 0 rgba(92,56,16,.13);z-index: 2}.m3-tile:active{transform: scale(.94)}.m3-tile:focus-visible{outline: 3px solid #2563eb;outline-offset: 2px;z-index: 3}.m3-tile.is-selected{transform: translateY(-2px) scale(1.07);box-shadow: 0 0 0 3px #fff,0 0 0 6px rgba(37,99,235,.65),0 7px 0 rgba(92,56,16,.16);z-index: 4}.m3-tile.is-hint{animation: m3-hint 1s ease-in-out infinite;z-index: 3}@keyframes m3-hint{0%,100%{box-shadow: 0 0 0 2px rgba(255,255,255,.9),0 0 0 6px rgba(232,169,44,.55),0 3px 0 rgba(92,56,16,.13);transform: scale(1)}50%{box-shadow: 0 0 0 3px rgba(255,255,255,.95),0 0 0 9px rgba(232,169,44,.25),0 6px 0 rgba(92,56,16,.13);transform: scale(1.06)}}.m3-tile.is-swapping{animation: m3-swap .2s ease}@keyframes m3-swap{0%,100%{transform: scale(1)}45%{transform: scale(.84);filter: brightness(1.12)}}.m3-tile.is-deny{animation: m3-deny .32s ease}@keyframes m3-deny{0%,100%{transform: translateX(0)}20%{transform: translateX(-4px) rotate(-2deg)}45%{transform: translateX(4px) rotate(2deg)}70%{transform: translateX(-3px)}}.m3-tile.is-clearing{animation: m3-clear .22s ease forwards;pointer-events: none;z-index: 5}@keyframes m3-clear{0%{transform: scale(1);opacity: 1}45%{transform: scale(1.22);filter: brightness(1.5)}100%{transform: scale(.2) rotate(12deg);opacity: 0}}.m3-tile.is-dropping{animation: m3-drop .26s cubic-bezier(.2,.9,.3,1.25)}@keyframes m3-drop{0%{transform: translateY(-16px) scale(.92);opacity: .35}70%{transform: translateY(2px) scale(1.02);opacity: 1}100%{transform: translateY(0) scale(1)}}.m3-float-layer{position: absolute;inset: 0;overflow: hidden;border-radius: 18px;pointer-events: none;z-index: 8}.m3-float-score{position: absolute;color: #fff;font-size: clamp(15px,2vw,22px);font-weight: 900;letter-spacing: .01em;text-shadow: 0 1px 0 rgba(92,56,16,.55),0 2px 8px rgba(92,56,16,.35);white-space: nowrap;transform: translate(-50%,-50%);animation: m3-float .9s ease-out forwards}@keyframes m3-float{0%{opacity: 0;transform: translate(-50%,-35%) scale(.7)}22%{opacity: 1;transform: translate(-50%,-60%) scale(1.1)}100%{opacity: 0;transform: translate(-50%,-150%) scale(1)}}.m3-combo{position: absolute;top: 13%;left: 50%;z-index: 9;padding: 7px 16px;background: linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,238,214,.96));border: 2px solid #e8a92c;border-radius: 999px;color: #9a5c0a;font-size: clamp(14px,1.8vw,19px);font-weight: 900;letter-spacing: .04em;box-shadow: 0 10px 24px rgba(154,92,10,.22);opacity: 0;pointer-events: none;transform: translate(-50%,-8px) scale(.8)}.m3-combo.is-on{animation: m3-combo-pop .95s ease forwards}@keyframes m3-combo-pop{0%{opacity: 0;transform: translate(-50%,-4px) scale(.7)}18%{opacity: 1;transform: translate(-50%,0) scale(1.08)}72%{opacity: 1;transform: translate(-50%,0) scale(1)}100%{opacity: 0;transform: translate(-50%,-14px) scale(.96)}}.m3-confetti{position: absolute;inset: 0;overflow: hidden;border-radius: 18px;pointer-events: none;z-index: 25}.m3-confetti-bit{position: absolute;top: -12px;width: 8px;height: 13px;border-radius: 2px;animation: m3-fall 1.5s ease-in forwards}@keyframes m3-fall{0%{opacity: 1;transform: translateY(0) rotate(0deg)}100%{opacity: .2;transform: translateY(620px) rotate(540deg)}}.m3-overlay{position: absolute;inset: 0;z-index: 20;display: flex;align-items: center;justify-content: center;padding: 12px;background: rgba(250,245,235,.84);border-radius: 18px;opacity: 0;visibility: hidden;transition: opacity .2s ease,visibility .2s ease}.m3-overlay.is-on{opacity: 1;visibility: visible}.m3-overlay-card{position: relative;display: flex;flex-direction: column;width: min(94%,360px);max-height: 100%;overflow: hidden;padding: 22px 20px 18px;background: linear-gradient(180deg,#fffdf6,#fbf0d9);border: 1px solid #ecd9b4;border-radius: 16px;box-shadow: 0 20px 46px rgba(112,68,18,.22);text-align: center;animation: m3-card-in .26s cubic-bezier(.2,.9,.3,1.2)}.m3-overlay-body{min-height: 0;overflow-y: auto;overscroll-behavior: contain}@keyframes m3-card-in{0%{transform: translateY(10px) scale(.92);opacity: 0}100%{transform: translateY(0) scale(1);opacity: 1}}.m3-overlay-icon{display: inline-flex;align-items: center;justify-content: center;width: 58px;height: 58px;margin-bottom: 8px;background: linear-gradient(145deg,#fff0c9,#f6d57d);border: 1px solid #e3bd55;border-radius: 50%;color: #a56c0b;font-size: 26px;box-shadow: inset 0 1px 0 rgba(255,255,255,.8),0 6px 14px rgba(154,92,10,.16)}.m3-overlay.is-lost .m3-overlay-icon{background: linear-gradient(145deg,#ffe0e0,#f6b0b0);border-color: #e38a8a;color: #b93a3a}.m3-overlay-title{margin-bottom: 4px;color: var(--text);font-size: 22px;font-weight: 900;letter-spacing: .01em}.m3-overlay-stars{margin-bottom: 6px;color: #d9d2c2;font-size: 24px;letter-spacing: .14em;line-height: 1}.m3-overlay-stars i.is-on{color: #efad1f;text-shadow: 0 2px 0 rgba(154,92,10,.18)}.m3-overlay-text{margin-bottom: 14px;color: var(--text-2);font-size: 13.5px;line-height: 1.7;font-variant-numeric: tabular-nums}.m3-overlay-text strong{color: var(--text);font-size: 15px}.m3-overlay-actions{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px}.m3-overlay-actions .btn{flex: 1 1 42%;min-width: 0}.m3-overlay-actions .btn[hidden]{display: none}.m3-overlay-close{position: absolute;top: 9px;right: 9px;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;padding: 0;background: rgba(255,255,255,.7);border: 1px solid var(--border);border-radius: 50%;color: var(--text-3);font-size: 13px;cursor: pointer;transition: color .15s,background .15s}.m3-overlay-close:hover{background: #fff;color: var(--text)}.m3-message{width: 100%;max-width: var(--m3-board-max);margin: 0 auto;padding: 0 10px;border: 1px solid transparent;border-radius: var(--radius);color: var(--text-2);font-size: 13px;line-height: 1.6;max-height: 0;opacity: 0;overflow: hidden;transition: max-height .22s ease,opacity .22s ease,padding .22s ease,background .22s ease}.m3-message.is-on{max-height: 80px;padding: 8px 10px;opacity: 1}.m3-message.is-good{background: var(--success-soft);border-color: #bbf7d0;color: #166534}.m3-message.is-error{background: var(--danger-soft);border-color: #fecaca;color: #991b1b}.m3-tools{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px;width: 100%;max-width: var(--m3-board-max);margin: 0 auto}.m3-tools .btn{flex: 0 1 auto;min-width: 0}.m3-prop-count{display: inline-block;min-width: 18px;padding: 0 4px;background: rgba(148,163,184,.2);border-radius: 4px;font-size: 11px;font-weight: 700;font-variant-numeric: tabular-nums}.m3-tools .btn:disabled{opacity: .5;cursor: not-allowed}.m3-status{width: 100%;max-width: var(--m3-board-max);margin: 0 auto;color: var(--text-3);font-size: 12.5px;line-height: 1.7;text-align: center}.m3-levels{display: flex;flex-direction: column;gap: 8px}.m3-level-card{display: flex;flex-direction: column;gap: 3px;width: 100%;padding: 9px 12px;background: var(--bg-soft);border: 1px solid var(--border);border-left: 4px solid var(--border-strong);border-radius: var(--radius);color: var(--text);text-align: left;cursor: pointer;transition: border-color .16s,background .16s,transform .12s}.m3-level-card:hover{border-color: var(--border-strong);border-left-color: #e06b9a;transform: translateY(-1px)}.m3-level-card.is-active{background: linear-gradient(120deg,rgba(224,107,154,.13),rgba(224,107,154,.03));border-color: #eab4cb;border-left-color: #e06b9a}.m3-level-top{display: flex;align-items: baseline;justify-content: space-between;gap: 10px}.m3-level-top strong{font-size: 14.5px;font-weight: 800}.m3-level-top em{flex: 0 0 auto;padding: 1px 7px;background: rgba(224,107,154,.14);border-radius: 999px;color: #a84669;font-size: 11px;font-style: normal;font-weight: 700}.m3-level-card.is-active .m3-level-top em{background: #e06b9a;color: #fff}.m3-level-meta{color: var(--text-3);font-size: 12px;font-variant-numeric: tabular-nums}.m3-level-target{color: var(--text-2);font-size: 11.5px;font-variant-numeric: tabular-nums}.m3-daily{width: 100%;min-width: 0}.m3-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}.m3-field>span{display: flex;align-items: baseline;justify-content: space-between;gap: 8px}.m3-field .form-control{width: 100%;min-width: 0;padding-top: 8px;padding-bottom: 8px;font-size: 14px;font-variant-numeric: tabular-nums}.m3-seed-row{display: flex;align-items: flex-end;gap: 8px}.m3-seed-row .m3-field{flex: 1 1 auto}.m3-seed-row .btn{flex: 0 0 auto}.m3-action-row{display: flex;flex-wrap: wrap;gap: 8px}.m3-action-row .btn{flex: 1 1 120px;min-width: 0}.m3-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}.m3-share-row{display: flex;align-items: flex-end;gap: 8px}.m3-share-row .m3-field{flex: 1 1 auto}.m3-share-row .btn{flex: 0 0 auto}.m3-load-row{display: flex;align-items: center;gap: 8px}.m3-load-row .form-control{flex: 1 1 auto;min-width: 0}.m3-load-row .btn{flex: 0 0 auto}.m3-fingerprint{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;padding: 7px 10px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);color: var(--text-3);font-size: 12.5px}.m3-fingerprint strong{color: var(--text);font-family: var(--mono);font-size: 13px;letter-spacing: .06em}.m3-record-head,.m3-record-row{display: grid;grid-template-columns: 1.35fr 1fr .85fr .6fr;gap: 8px;align-items: baseline}.m3-record-head{padding: 0 4px;color: var(--text-3);font-size: 11.5px;font-weight: 700}.m3-record-head span:not(:first-child),.m3-record-row span:not(:first-child),.m3-record-row strong:not(:first-child){text-align: right}.m3-records{display: flex;flex-direction: column;gap: 4px}.m3-record-row{padding: 7px 10px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: 8px;color: var(--text-2);font-size: 12.5px;font-variant-numeric: tabular-nums}.m3-record-row strong{color: var(--text);font-size: 13px;font-weight: 700}.m3-record-row .m3-record-stars{color: #d9d2c2;letter-spacing: .06em}.m3-record-row .m3-record-stars i.is-on{color: #e8a92c}.m3-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}.m3-note i{margin-right: 5px;color: var(--info)}.m3-samples{display: flex;flex-direction: column;gap: 12px;margin-top: 12px}.m3-sample{display: flex;flex-direction: column;gap: 6px;padding: 12px 14px;background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius)}.m3-sample-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 12px}.m3-sample-head strong{flex: 1 1 auto;min-width: 0;color: var(--text);font-size: 14px}.m3-sample p{margin: 0;color: var(--text-2);font-size: 13.5px}.m3-sample code{padding: 1px 5px;background: #fff;border: 1px solid var(--border);border-radius: 4px;font-family: var(--mono);font-size: 12.5px}.m3-chip{flex: 0 0 auto}:root[data-theme="dark"] .m3-board{background: radial-gradient(circle at 18% 10%,rgba(255,255,255,.05),transparent 42%),radial-gradient(circle at 82% 92%,rgba(224,107,154,.16),transparent 46%),linear-gradient(150deg,#2a2333,#221c2b 58%,#1c1724);border-color: #3d3249;box-shadow: inset 0 1px 0 rgba(255,255,255,.04),var(--shadow-sm)}:root[data-theme="dark"] .m3-tile{border-color: rgba(0,0,0,.35);box-shadow: inset 0 2px 0 rgba(255,255,255,.26),inset 0 -2px 0 rgba(0,0,0,.2),0 3px 0 rgba(0,0,0,.32)}:root[data-theme="dark"] .m3-tile:hover{box-shadow: inset 0 2px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(0,0,0,.2),0 6px 0 rgba(0,0,0,.32)}:root[data-theme="dark"] .m3-overlay{background: rgba(26,20,32,.84)}:root[data-theme="dark"] .m3-overlay-card{background: linear-gradient(180deg,#2e2537,#241d2d);border-color: #4a3d58;box-shadow: 0 24px 50px rgba(0,0,0,.5)}:root[data-theme="dark"] .m3-overlay-icon{background: linear-gradient(145deg,#5b4a1c,#3f3413);border-color: #7a6426;color: #f7c948}:root[data-theme="dark"] .m3-overlay.is-lost .m3-overlay-icon{background: linear-gradient(145deg,#5a2424,#3d1717);border-color: #7f3333;color: #fca5a5}:root[data-theme="dark"] .m3-overlay-stars{color: #554a5f}:root[data-theme="dark"] .m3-overlay-close{background: rgba(255,255,255,.06);border-color: #4a3d58;color: var(--text-3)}:root[data-theme="dark"] .m3-overlay-close:hover{background: rgba(255,255,255,.12);color: var(--text)}:root[data-theme="dark"] .m3-combo{background: linear-gradient(135deg,rgba(64,51,34,.96),rgba(48,38,25,.96));border-color: #a47a22;color: #f7c948;box-shadow: 0 10px 24px rgba(0,0,0,.4)}:root[data-theme="dark"] .m3-level-top em{background: rgba(240,150,185,.18);color: #f0a4c4}:root[data-theme="dark"] .m3-level-card.is-active{background: linear-gradient(120deg,rgba(224,107,154,.22),rgba(224,107,154,.05));border-color: #6f4a5c;border-left-color: #e98ab1}:root[data-theme="dark"] .m3-level-card.is-active .m3-level-top em{background: #d7628e;color: #fff}:root[data-theme="dark"] .m3-sample code{background: var(--bg);color: var(--text-2)}:root[data-theme="dark"] .m3-message{color: var(--info)}:root[data-theme="dark"] .m3-message.is-good{color: var(--success)}:root[data-theme="dark"] .m3-message.is-error{color: var(--danger)}@media (max-width: 991px){.m3-side{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px}}@media (max-width: 767px){.m3-board-body{--m3-board-max: 100%}.m3-side{grid-template-columns: minmax(0,1fr)}.m3-panel-header{flex-wrap: wrap;gap: 4px 12px}.m3-panel-header>span:first-child{flex: 1 1 auto;white-space: nowrap}.m3-panel-header .m3-hint{flex: 1 1 100%;text-align: left}.m3-hud-box{padding: 7px 7px;font-size: 18px}.m3-hud-box i{font-size: 12px}.m3-level-box{font-size: 13px}.m3-overlay-card{padding: 20px 16px 16px}.m3-overlay-title{font-size: 20px}}@media (max-width: 479px){.m3-hud{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px}.m3-hud-box{font-size: 17px}.m3-tile{font-size: clamp(13px,5vw,22px)}.m3-tools .btn,.m3-action-row .btn{flex: 1 1 auto}.m3-star-goal{font-size: 11px}.m3-overlay{padding: 8px}.m3-overlay-card{padding: 14px 14px 12px;border-radius: 14px}.m3-overlay-icon{width: 44px;height: 44px;margin-bottom: 4px;font-size: 21px}.m3-overlay-title{margin-bottom: 2px;font-size: 18px}.m3-overlay-stars{margin-bottom: 2px;font-size: 18px;letter-spacing: .1em}.m3-overlay-text{margin-bottom: 8px;font-size: 12.5px;line-height: 1.55}.m3-overlay-actions{gap: 6px}.m3-overlay-actions .btn{padding: 5px 8px;font-size: 12.5px}}@media (max-width: 359px){.m3-overlay-icon{display: none}.m3-overlay-title{font-size: 17px}}