.gyidaomen-wrap{max-width:100%;margin:0 auto;position:relative}.gyidaomen-canvas{touch-action:none;-webkit-tap-highlight-color:transparent;background:#f3e2c4;border-radius:10px;margin:0 auto;display:block;box-shadow:0 0 0 3px #2b2420}.gyidaomen-wrap .g-overlay{background:#faf6efe6;border-radius:10px}.gyidaomen-ov-btns{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.gyidaomen-dead{z-index:4;box-sizing:border-box;text-align:center;background:#fffaf0f2;border:3px solid #2b2420;border-radius:12px;width:min(92%,460px);padding:10px 12px;position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 3px #2b2420}.gyidaomen-dead[hidden]{display:none}.gyidaomen-dead-t{color:#2b2420;font-size:14px;font-weight:800}.gyidaomen-dead-s{color:#6d5f52;margin-top:6px;font-size:12px}.gyidaomen-dead-btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.gyidaomen-pad{justify-content:space-between;align-items:stretch;gap:12px;width:min(100%,520px);margin:12px auto 0;display:none}@media (pointer:coarse){.gyidaomen-pad{display:flex}}.gyidaomen-lr{flex:auto;gap:10px;display:flex}.gyidaomen-key{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1 1 0;padding:18px 0;font-size:22px}.gyidaomen-key.is-down{transform:translateY(3px);box-shadow:inset 0 -2px #e0cfb3,0 0 #2b2420}.gyidaomen-jump{flex:0 0 38%}.g-play.is-side .gyidaomen-lr{flex-direction:row}.g-play.is-side .gyidaomen-key{flex:none;width:76px;min-height:96px}.g-play.is-side .g-side .gyidaomen-key{min-height:96px}.g-play.is-side .g-side .gyidaomen-jump{width:104px;min-height:120px}.g-play.is-side .gyidaomen-wrap{flex:none}.gyidaomen .g-stat-val{font-variant-numeric:tabular-nums}.gyidaomen .g-record{text-align:center;font-variant-numeric:tabular-nums;margin:8px auto 0}.is-fs .gyidaomen>.g-cloud{display:none}.gyidaomen-map{z-index:6;box-sizing:border-box;background:#f6efe2;border:3px solid #2b2420;border-radius:12px;padding:10px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.gyidaomen-map[hidden]{display:none}.gyidaomen-map-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.gyidaomen-map-title{color:#2b2420;font-size:14px;font-weight:900}.gyidaomen-map-ch{color:#6d5f52;margin:6px 0 4px;font-size:12px;font-weight:800}.gyidaomen-map-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.gyidaomen-lv{min-height:42px;font:inherit;color:#2b2420;cursor:pointer;background:#fffaf0;border:2px solid #2b2420;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;display:flex;box-shadow:inset 0 -3px #e2d4bb}.gyidaomen-lv:hover:not(:disabled){background:#fff3d6}.gyidaomen-lv-n{font-size:15px;font-weight:900;line-height:1.1}.gyidaomen-lv-s{color:#8a7a64;white-space:nowrap;font-size:10.5px;line-height:1.2}.gyidaomen-lv.is-done{background:#eaf6dd;box-shadow:inset 0 -3px #b9d99a}.gyidaomen-lv.is-cur{outline-offset:1px;outline:3px solid #ef6a3a}.gyidaomen-lv.is-gate{background:#fff0e0}.gyidaomen-lv.is-lock{opacity:.5;cursor:default}.gyidaomen-map-tip{color:#6d5f52;margin:8px 0 0;font-size:12px}@media (max-width:720px){.gyidaomen .g-record{font-size:12px}.gyidaomen-key{padding:16px 0;font-size:20px}.gyidaomen-dead{padding:7px 8px;bottom:4%}.gyidaomen-dead-t{font-size:12.5px}.gyidaomen-dead-s{font-size:11px}.gyidaomen-map-grid{gap:4px}.gyidaomen-lv{min-height:36px}}