.mattet-module__Z4YLUW__page{--m-ref:#3d6fe0;--m-target:#d9437a;--m-answer:var(--ink);gap:0}[data-theme=dark] .mattet-module__Z4YLUW__page{--m-ref:#6f98ff;--m-target:#ff6f9f}.mattet-module__Z4YLUW__skeleton{height:520px;margin-top:20px}.mattet-module__Z4YLUW__body{outline:none;flex-direction:column;flex:1 0 auto;display:flex}.mattet-module__Z4YLUW__pips{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.mattet-module__Z4YLUW__pip{background:var(--paper-3);border-radius:99px;height:6px;transition:background-color .3s}.mattet-module__Z4YLUW__pipActive{background:var(--ink)}.mattet-module__Z4YLUW__pipGood{background:var(--g-good)}.mattet-module__Z4YLUW__pipHalf{background:var(--g-half)}.mattet-module__Z4YLUW__pipBad{background:var(--g-bad)}.mattet-module__Z4YLUW__round{animation:mattet-module__Z4YLUW__slideIn .4s var(--ease-soft);flex-direction:column;flex:1 0 auto;gap:12px;margin-top:14px;display:flex}@keyframes mattet-module__Z4YLUW__slideIn{0%{opacity:0;transform:translateY(10px)}}.mattet-module__Z4YLUW__labels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.mattet-module__Z4YLUW__label{align-items:flex-start;gap:8px;min-width:0;margin:0;display:flex}.mattet-module__Z4YLUW__dot{border-radius:4px;flex:none;width:12px;height:12px;margin-top:5px}.mattet-module__Z4YLUW__dotRef{background:var(--m-ref)}.mattet-module__Z4YLUW__dotTarget{background:var(--m-target)}.mattet-module__Z4YLUW__labelText{min-width:0;display:grid}.mattet-module__Z4YLUW__labelName{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:17px;font-weight:600;line-height:1.2}.mattet-module__Z4YLUW__labelMeasure{color:var(--ink-3);font-size:13px}.mattet-module__Z4YLUW__labelMeasure strong{color:var(--ink);font-weight:600}.mattet-module__Z4YLUW__stageWrap{position:relative}.mattet-module__Z4YLUW__stage{background:linear-gradient(to top, color-mix(in srgb, var(--ink) 5%, transparent) 30px, transparent 30px), var(--surface);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:24px;outline:none;height:clamp(280px,52dvh,460px);position:relative;overflow:hidden}.mattet-module__Z4YLUW__svg{display:block}.mattet-module__Z4YLUW__ground{stroke:var(--ink-3);stroke-width:1.5px}.mattet-module__Z4YLUW__ref{fill:var(--m-ref)}.mattet-module__Z4YLUW__target{fill:var(--m-target)}.mattet-module__Z4YLUW__targetGroup{cursor:grab}.mattet-module__Z4YLUW__stageDragging .mattet-module__Z4YLUW__targetGroup,.mattet-module__Z4YLUW__stageDragging{cursor:grabbing}.mattet-module__Z4YLUW__stageLocked .mattet-module__Z4YLUW__targetGroup{cursor:default}.mattet-module__Z4YLUW__targetGuessed{fill:var(--m-target);opacity:.45}.mattet-module__Z4YLUW__hit{fill:#0000}.mattet-module__Z4YLUW__frame{fill:none;stroke:var(--ink-3);stroke-width:1.2px;stroke-dasharray:4 4;pointer-events:none}.mattet-module__Z4YLUW__measure{stroke:var(--m-target);stroke-width:3px;stroke-linecap:round;pointer-events:none}.mattet-module__Z4YLUW__refMeasure{stroke:var(--m-ref);stroke-width:2px;stroke-dasharray:3 4;stroke-linecap:round;pointer-events:none}.mattet-module__Z4YLUW__handle{cursor:nwse-resize}.mattet-module__Z4YLUW__handle_ne{cursor:nesw-resize}.mattet-module__Z4YLUW__handle_n{cursor:ns-resize}.mattet-module__Z4YLUW__handle_w,.mattet-module__Z4YLUW__handle_e{cursor:ew-resize}.mattet-module__Z4YLUW__handleHit{fill:#0000}.mattet-module__Z4YLUW__handleDot{fill:var(--paper);stroke:var(--ink);stroke-width:2px}.mattet-module__Z4YLUW__answer{fill:var(--m-answer);fill-opacity:.16}.mattet-module__Z4YLUW__answerFrame{fill:none;stroke:var(--m-answer);stroke-width:1.5px;stroke-dasharray:5 4}.mattet-module__Z4YLUW__zoom{background:color-mix(in srgb, var(--paper) 88%, transparent);box-shadow:0 1px 0 var(--line);border-radius:14px;gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px}.mattet-module__Z4YLUW__zoom button{width:36px;height:36px;color:var(--ink);background:0 0;border:0;border-radius:10px;place-items:center;font-size:20px;font-weight:600;line-height:1;display:grid}.mattet-module__Z4YLUW__zoom button:active{background:var(--surface-hover)}@media (hover:hover){.mattet-module__Z4YLUW__zoom button:hover{background:var(--surface-hover)}}.mattet-module__Z4YLUW__dock{gap:10px}.mattet-module__Z4YLUW__hint{text-align:center;color:var(--ink-3);margin:0;font-size:13px}.mattet-module__Z4YLUW__verdict{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 14px;display:grid}.mattet-module__Z4YLUW__verdict>button{grid-column:1/-1;margin-top:6px}.mattet-module__Z4YLUW__points{letter-spacing:-.05em;margin:0;font-size:44px;font-weight:600;line-height:1}.mattet-module__Z4YLUW__points span{color:var(--ink-3);font-size:20px}.mattet-module__Z4YLUW__verdictText{margin:0;font-size:14px;line-height:1.4}.mattet-module__Z4YLUW__verdictText strong{font-size:16px;display:block}.mattet-module__Z4YLUW__source{color:var(--ink-3)}.mattet-module__Z4YLUW__source a{color:inherit}.mattet-module__Z4YLUW__done{background:var(--surface);text-align:center;animation:mattet-module__Z4YLUW__slideIn .4s var(--ease-soft);border-radius:28px;justify-items:center;gap:8px;margin-top:22px;padding:36px 20px;display:grid}.mattet-module__Z4YLUW__done p{margin:0}.mattet-module__Z4YLUW__doneScore{letter-spacing:-.05em;font-size:64px;font-weight:600;line-height:1}.mattet-module__Z4YLUW__doneScore span{color:var(--ink-3);font-size:26px}.mattet-module__Z4YLUW__doneList{gap:4px;width:min(100%,340px);margin:10px 0 14px;padding:0;font-size:14px;list-style:none;display:grid}.mattet-module__Z4YLUW__doneList li{text-align:left;justify-content:space-between;gap:12px;display:flex}.mattet-module__Z4YLUW__summary{gap:6px;margin:0;padding:0;list-style:none;display:grid}.mattet-module__Z4YLUW__summaryRow{background:var(--paper-2);border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.mattet-module__Z4YLUW__summaryN{background:var(--ink);width:24px;height:24px;color:var(--on-ink);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.mattet-module__Z4YLUW__summaryText{min-width:0;display:grid}.mattet-module__Z4YLUW__summaryName{overflow-wrap:anywhere;font-weight:600;line-height:1.25}.mattet-module__Z4YLUW__summaryDetail{color:var(--ink-2);font-size:.8rem}.mattet-module__Z4YLUW__summaryPoints{font-weight:700}.mattet-module__Z4YLUW__distRow{grid-template-columns:62px 1fr}@media (orientation:landscape) and (max-height:520px){.mattet-module__Z4YLUW__page{max-width:980px}.mattet-module__Z4YLUW__round{grid-template:"stage labels""stage dock"minmax(0,1fr)/minmax(0,3fr) minmax(0,2fr);gap:12px 20px;margin-top:10px;display:grid}.mattet-module__Z4YLUW__labels{grid-area:labels;grid-template-columns:minmax(0,1fr)}.mattet-module__Z4YLUW__stageWrap{grid-area:stage}.mattet-module__Z4YLUW__stage{height:max(200px,100dvh - 120px)}.mattet-module__Z4YLUW__dock{padding:0 0 max(12px, env(safe-area-inset-bottom));background:0 0;grid-area:dock;align-self:end;margin:0;position:static}}