.ghanbao{position:relative}.ghanbao-wrap{max-width:100%;margin:0 auto;position:relative}.ghanbao-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#f7ead2;border-radius:10px;display:block;box-shadow:0 0 0 2px #2b2420}.ghanbao-wrap .g-overlay{cursor:pointer;overscroll-behavior:contain;background:#fff8ece0;justify-content:safe center;gap:6px;overflow-y:auto}.ghanbao-wrap .g-overlay.is-end{cursor:default}.ghanbao-ovpic{flex-shrink:0;width:auto;height:96px;margin:0 auto;display:block}.ghanbao-ovpic[hidden]{display:none}.ghanbao-stars{letter-spacing:4px;color:#e8a317;text-shadow:0 2px #2b2420;font-size:30px;line-height:1.1}.ghanbao-stars:empty,.ghanbao-ovnote:empty,.ghanbao-ovkeys:empty{display:none}.ghanbao-ovsub{text-align:left;align-self:center;width:-moz-fit-content;width:fit-content;max-width:min(32em,100%);margin-left:auto;margin-right:auto}.ghanbao-ovkeys{text-align:left;background:#fffaf1;border:2px solid #2b2420;border-radius:14px;align-self:center;width:-moz-fit-content;width:fit-content;max-width:min(32em,100%);margin:0 auto;padding:4px 12px;font-size:14px;font-weight:800;line-height:1.55}.ghanbao-ovnote{text-align:left;width:-moz-fit-content;width:fit-content;max-width:min(30em,100%);color:var(--text-3,#6b625a);align-self:center;margin:0 auto;font-size:13px;line-height:1.6}.ghanbao-ovacts{flex-direction:column;align-items:center;width:100%;display:flex}.ghanbao-wrap .g-overlay.g-ov-low{gap:3px}.ghanbao-wrap .g-overlay.g-ov-low .ghanbao-ovpic{height:52px}.ghanbao-wrap .g-overlay.g-ov-low .ghanbao-stars{font-size:20px}.ghanbao-wrap .g-overlay.g-ov-low .ghanbao-ovsub{font-size:13px;line-height:1.5}.ghanbao-wrap .g-overlay.g-ov-low .ghanbao-ovkeys{padding:2px 10px;font-size:12px}.ghanbao-wrap .g-overlay.g-ov-low .ghanbao-ovnote{font-size:11.5px;line-height:1.45}.ghanbao-toast{z-index:5;text-align:left;pointer-events:none;background:#fffaf1;border:2px solid #2b2420;border-radius:12px;width:max-content;max-width:86%;padding:6px 12px;font-size:14px;font-weight:800;line-height:1.45;position:absolute;top:46%;left:50%;transform:translate(-50%);box-shadow:0 3px #2b24204d}.ghanbao-toast[hidden]{display:none}.ghanbao .g-status,.ghanbao .g-record{text-align:left;text-wrap:wrap;width:-moz-fit-content;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.ghanbao-pad{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;max-width:1000px;margin:8px auto 2px;padding:0 4px;display:flex}.ghanbao-pad[hidden]{display:none}.ghanbao-grp{flex:360px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:480px;display:grid}.ghanbao-key{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:62px;padding:4px 2px;font-size:13px;font-weight:800;line-height:1.1;display:flex;position:relative}.ghanbao-key:disabled,.ghanbao-key.is-locked{opacity:.35}.ghanbao-kic{pointer-events:none;width:40px;height:24px;display:block}.ghanbao-kname{pointer-events:none;white-space:nowrap}.ghanbao-knum{color:var(--text-3,#6b625a);pointer-events:none;font:700 10px/1 ui-monospace,monospace;position:absolute;top:2px;right:4px}.ghanbao-act{background:#fff1c2}.ghanbao-act.is-serve{background:#ffd45c}.ghanbao-act.is-trash{background:#f6d5d0}.ghanbao-act .ghanbao-kname{font-size:15px}.ghanbao .g-play.is-side .g-side{flex-direction:column;justify-content:center;display:flex}.ghanbao .g-play.is-side .ghanbao-grp{flex:none;grid-template-columns:repeat(2,58px)}.ghanbao .g-play.is-side .ghanbao-key{min-height:54px}.ghanbao .g-play.is-side .ghanbao-knum{display:none}.ghanbao-ghost{z-index:20;pointer-events:none;filter:drop-shadow(0 3px #2b242059);width:56px;height:34px;margin:-17px 0 0 -28px;position:absolute}.ghanbao-ghost canvas{width:56px;height:34px;display:block}.ghanbao-deco{z-index:7;box-sizing:border-box;background:#fffaf1;border:2px solid #2b2420;border-radius:14px;width:min(480px,94%);max-height:94%;padding:10px 12px;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 6px #2b242040}.ghanbao-deco[hidden]{display:none}.ghanbao-deco-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ghanbao-deco-head b{font-size:17px}.ghanbao-deco-head span{color:var(--text-3,#6b625a);text-align:left;flex:1;font-size:12.5px}.ghanbao-deco-row{grid-template-columns:3em repeat(3,minmax(0,1fr));align-items:stretch;gap:6px;margin-bottom:6px;display:grid}.ghanbao-deco-name{align-self:center;font-weight:900}.ghanbao-deco-btn{cursor:pointer;font:inherit;color:inherit;background:#fff;border:2px solid #2b2420;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:13px;font-weight:800;display:flex}.ghanbao-deco-btn.is-on{background:#fff1c2;box-shadow:inset 0 0 0 2px #e8a317}.ghanbao-deco-btn.is-locked{opacity:.55}.ghanbao-deco-btn small{color:var(--text-3,#6b625a);font-size:11px;font-weight:600}.ghanbao-deco-note{color:var(--text-3,#6b625a);text-align:left;width:-moz-fit-content;width:fit-content;max-width:100%;margin:6px auto 0;font-size:12px}@media (max-width:720px){.ghanbao-pad{gap:5px;padding:0 2px}.ghanbao-grp{flex-basis:100%;gap:5px;max-width:none}.ghanbao-key{min-height:56px;font-size:12px}.ghanbao-knum{display:none}.ghanbao-act .ghanbao-kname{font-size:14px}.ghanbao-toast,.ghanbao-ovkeys{font-size:13px}.ghanbao-ovpic{height:72px}}