.gmofang-wrap{width:min(100%,420px);margin:0 auto;position:relative}.gmofang-canvas{touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;background:#f6efe3;border-radius:10px;margin:0 auto;display:block;box-shadow:0 2px 10px #0000001f}.gmofang-canvas:active{cursor:grabbing}.gmofang-canvas:focus-visible{outline:3px solid var(--brand-soft);outline-offset:2px}.gmofang-keys{grid-template-columns:repeat(6,1fr);gap:6px;width:min(100%,420px);margin:12px auto 0;display:grid}.gmofang-key{font:700 16px/1 var(--font);font-variant-numeric:tabular-nums;border:1px solid var(--line);background:var(--bg-card);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:9px;padding:11px 0}.gmofang-key:active{background:var(--brand-soft)}.gmofang-key:disabled{opacity:.4;cursor:default}.gmofang-scramble{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(100%,620px);margin:12px auto 0;display:flex}.gmofang-scramble-label{color:var(--text-3);font-size:12px}.gmofang-seq{background:var(--bg-soft);color:var(--text);word-break:break-word;border-radius:7px;padding:5px 9px;font:600 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.gmofang-copy{font:inherit;border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);cursor:pointer;border-radius:7px;padding:5px 10px;font-size:12px}.gmofang-copy:hover{background:var(--bg-soft)}.gmofang-net-title{color:var(--text-3);text-align:center;margin:14px 0 6px;font-size:12px}.gmofang-net{grid-template-columns:repeat(4,42px);justify-content:center;gap:4px;display:grid}.gmofang-net-gap{width:42px;height:42px}.gmofang-face{background:#21201e;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:1px;width:42px;height:42px;padding:1px;display:grid}.gmofang-cell{background:#ccc;border-radius:1px;width:100%;height:100%;display:block}.gmofang-steps{text-align:left;width:min(100%,760px);margin:22px auto 0}.gmofang-steps-title{margin:0 0 6px;font-size:19px;font-weight:800}.gmofang-steps-sub{color:var(--text-2);margin:0 0 14px;font-size:13px}.gmofang-step{background:var(--bg-soft);border-radius:10px;margin:0 0 14px;padding:12px 14px}.gmofang-step-title{margin:0 0 4px;font-size:15px;font-weight:700}.gmofang-step-desc{color:var(--text-2);margin:0 0 10px;font-size:13px}.gmofang-card{background:var(--bg-card);border:1px solid var(--line);border-radius:9px;margin-bottom:8px;padding:10px 12px}.gmofang-card:last-child{margin-bottom:0}.gmofang-card-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.gmofang-card-name{font-size:14px}.gmofang-move{background:var(--brand-soft);color:var(--brand-dark);word-break:break-word;border-radius:6px;padding:3px 8px;font:700 14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.gmofang-demo{font:inherit;white-space:nowrap;border:1px solid var(--line);background:var(--bg-card);color:var(--text-2);cursor:pointer;border-radius:7px;margin-left:auto;padding:5px 10px;font-size:12px}.gmofang-demo:hover{background:var(--brand-soft);color:var(--brand-dark)}.gmofang-card-when{color:var(--text-3);margin:0 0 4px;font-size:12.5px}.gmofang-card-note{color:var(--text-2);margin:0;font-size:13px;line-height:1.7}.is-fs .gmofang-steps,.is-fs .gmofang>.g-hint{display:none}@media (max-width:720px){.gmofang-keys{grid-template-columns:repeat(4,1fr);gap:5px}.gmofang-key{padding:12px 0;font-size:15px}.gmofang-net{grid-template-columns:repeat(4,36px)}.gmofang-net-gap,.gmofang-face{width:36px;height:36px}.gmofang-steps{margin-top:18px}.gmofang-step{padding:10px 11px}.gmofang-demo{margin-left:0}.gmofang-seq{font-size:12px}}.is-fs .gmofang-net,.is-fs .gmofang-net-title{display:none}.gmofang-keys>.gmofang-kgrp{display:contents}.g-side .gmofang-kgrp{grid-template-columns:repeat(2,54px);gap:6px;display:grid}.g-side .gmofang-key{padding:10px 0;font-size:16px}@media (orientation:landscape) and (max-height:540px){.is-fs .gmofang-scramble{display:none}}.gmofang-wrap{max-width:100%}.gmofang-canvas{box-shadow:0 0 0 2px #2b2420,0 5px 0 2px #d9ccb4,0 8px 16px #3c281424}.gmofang-key{color:#2b2420;background:#fffaf1;border:2px solid #2b2420;border-radius:10px;margin-bottom:3px;transition:transform 60ms,box-shadow 60ms;transform:translateY(0);box-shadow:inset 0 2px #fff,0 3px #2b2420}.gmofang-key:hover{background:#fff3e2}.gmofang-key:active:not(:disabled){background:var(--brand-soft);transform:translateY(3px);box-shadow:inset 0 2px #fff,0 0 #2b2420}.gmofang-face{background:#2b2420;border-radius:5px;gap:2px;padding:2px;box-shadow:0 2px #2b242059}.gmofang-cell{border-radius:2px;box-shadow:inset 0 -2px #0000002e,inset 1px 1px #ffffff59}@media (prefers-reduced-motion:reduce){.gmofang-key{transition:none}}