.gm .dots3{vertical-align:middle;gap:5px;display:inline-flex}.gm .dots3 i{background:#1f22301f;border-radius:50%;width:10px;height:10px}.gm .dots3 i.d{background:var(--lamp);box-shadow:inset 0 0 0 1.5px var(--lamp-deep)}.gm .arr{place-items:center;line-height:0;display:inline-grid}.gm .arr svg{width:1em;height:1em}.gm .gm-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.gm .gm-card{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:16px;transition:transform .15s,box-shadow .15s;display:grid;position:relative}.gm .gm-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.gm .gm-hit{border-radius:inherit;position:absolute;inset:0}.gm .gm-hit:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.gm .gm-ico{background:var(--blue-soft);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:3px;width:72px;height:72px;padding:8px;display:grid}.gm .gm-ico span{color:#2a55b8;background:#fff;border-radius:5px;place-items:center;font-size:12px;font-weight:800;line-height:1;display:grid}.gm .gm-ico.ar span{background:0 0;font-size:12px}.gm .gm-ico.ar span.on{background:#fff}.gm .gm-name{font-size:18px;font-weight:800}.gm .gm-desc{color:var(--ink-2);margin-top:2px;font-size:14px;font-weight:600}.gm .gm-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:10px;font-size:13px;font-weight:700;display:flex}.gm .gm-meta span{white-space:nowrap}.gm .gm-meta b{color:var(--ink)}.gm .gm-card .btn{grid-column:1/-1;justify-self:end;min-width:120px;position:relative}.gm .sc-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.gm .sc-start{flex-direction:column;gap:18px;display:flex}.gm .sc-today{flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.gm .sc-today b{font-weight:800}.gm .sc-today .muted{font-size:13px;font-weight:700}.gm .sc-size{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gm .sc-size .lab{color:var(--ink-2);font-size:14px;font-weight:800}.gm .sc-size .seg button{font-family:inherit}.gm .sc-size .seg small{color:var(--ink-3);margin-left:4px;font-size:11px;font-weight:700}.gm .sc-prev{--n:5;aspect-ratio:1;grid-template-columns:repeat(var(--n), 1fr);align-self:center;gap:5px;width:min(320px,78%);display:grid;container-type:inline-size}.gm .sc-prev span{background:var(--surface-2);border:1px solid var(--line);font-size:calc(100cqw / var(--n) * .4);color:var(--ink-2);border-radius:9px;place-items:center;font-weight:800;display:grid}.gm .sc-tip{text-align:center;color:var(--ink-3);font-size:14px;font-weight:700}.gm .sc-act{justify-content:center;gap:10px;display:flex}.gm .sc-act .btn-lg{min-width:200px}.gm .how{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.gm .how>div{background:var(--surface-2);border:1px solid var(--line);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 14px;display:flex}.gm .how .pic{place-items:center;height:92px;display:grid}.gm .how p{color:var(--ink);font-size:14px;font-weight:800;line-height:1.4}.gm .how p small{color:var(--ink-3);margin-top:2px;font-size:12px;font-weight:700;display:block}.gm .how .flash{border:1.5px solid var(--line-strong);width:72px;height:72px;color:var(--ink);background:#fff;border-radius:18px;place-items:center;font-size:46px;display:grid}.gm .how .seq{gap:4px;display:flex}.gm .how .seq .cell{border:1.5px solid var(--line-strong);width:34px;height:34px;color:var(--ink);background:#fff;border-radius:9px;place-items:center;font-size:20px;display:grid}.gm .how .seq .cell.new{background:var(--lamp-soft);border-color:var(--lamp-deep)}.gm .how .mini-pad{grid-template-rows:repeat(3,26px);grid-template-columns:repeat(3,26px);gap:3px;display:grid}.gm .how .mini-pad span{border:1.5px solid var(--line-strong);color:var(--ink-2);background:#fff;border-radius:7px;place-items:center;font-size:14px;display:grid}.gm .how .mini-pad .u{grid-area:1/2}.gm .how .mini-pad .l{grid-area:2/1}.gm .how .mini-pad .r{grid-area:2/3}.gm .how .mini-pad .d{grid-area:3/2}.gm .how .mini-pad .on{background:var(--lamp);border-color:var(--lamp-deep);color:#2a2100}.gm .sc-rec .best{align-items:baseline;gap:6px;display:flex}.gm .sc-rec .best .k{color:var(--ink-3);margin-right:4px;font-size:13px;font-weight:800}.gm .sc-rec .best b{font-size:40px;font-weight:800;line-height:1.1}.gm .sc-rec .best small{color:var(--ink-3);font-size:15px;font-weight:800}.gm .sc-rec .chart{align-items:flex-end;gap:6px;height:120px;margin-top:16px;padding-top:20px;display:flex}.gm .sc-rec .chart>div{background:#1f22301a;border-radius:6px 6px 3px 3px;flex:1;max-width:32px;position:relative}.gm .sc-rec .chart>div.best{background:var(--lamp)}.gm .sc-rec .chart>div.new{background:var(--ink-2)}.gm .sc-rec .chart>div.best.new{background:var(--lamp);box-shadow:inset 0 0 0 2px var(--lamp-deep)}.gm .sc-rec .chart>div span{color:var(--ink-2);white-space:nowrap;margin-bottom:3px;font-size:11px;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.gm .sc-rec .cap{color:var(--ink-3);margin-top:8px;font-size:12px;font-weight:700}.gm .sc-rec .week{border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:16px;padding-top:14px;font-size:14px;font-weight:700;display:flex}.gm .sc-rec .week b{color:var(--ink);font-weight:800}.gm .sc-rec .empty{text-align:center;color:var(--ink-3);padding:26px 0 8px;font-size:14px;font-weight:700}.gm .sc-rec .note{color:var(--ink-3);margin-top:14px;font-size:12px;font-weight:600;line-height:1.6}.gm .play{z-index:45;padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:var(--bg);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.gm .play-top{grid-template-columns:96px 1fr 96px;align-items:center;width:min(600px,100%);display:grid}.gm .play-find{background:var(--lamp-soft);color:#8a5a00;white-space:nowrap;border-radius:999px;justify-self:center;align-items:baseline;gap:8px;height:56px;padding:0 24px;font-size:17px;font-weight:800;line-height:56px;display:inline-flex}.gm .play-find b{color:var(--ink);text-align:center;min-width:1.3em;font-size:34px}.gm .play-time{justify-self:end;font-size:24px;font-weight:800}.gm .play-time small,.gm .play-best{color:var(--ink-3);margin-left:2px;font-size:13px}.gm .play-best{white-space:nowrap;justify-self:end;font-weight:800}.gm .play-best b{color:var(--ink);font-size:18px}.gm .play.done .play-find,.gm .play.done .play-time,.gm .play.done .play-best{visibility:hidden}.gm .play .bar{width:min(600px,100%);height:6px;margin-top:14px}.gm .play .bar>i{transition:width .2s}.gm .board-wrap{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.gm .board{--n:5;aspect-ratio:1;grid-template-columns:repeat(var(--n), 1fr);gap:7px;width:min(600px,100%,100dvh - 150px);display:grid;container-type:inline-size}.gm .board button{border:1.5px solid var(--line-strong);background:var(--surface);min-width:0;box-shadow:0 2px 0 var(--line-strong);font-family:var(--font-ui);font-size:calc(100cqw / var(--n) * .42);font-variant-numeric:tabular-nums;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;padding:0;font-weight:800}.gm .board.wait button{color:#0000;cursor:default}.gm .board button.ok{animation:.4s gm-ok}.gm .board button.bad{animation:.4s gm-bad}@keyframes gm-ok{0%,40%{background:var(--green-soft);border-color:var(--green);box-shadow:0 2px 0 var(--green)}}@keyframes gm-bad{0%,60%{background:var(--red-soft);border-color:var(--red);box-shadow:0 2px 0 var(--red)}20%{transform:translate(-4px)}40%{transform:translate(4px)}}.gm .count{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.gm .count b{background:var(--lamp);width:132px;height:132px;box-shadow:0 6px 0 var(--lamp-deep);color:#2a2100;border-radius:50%;place-items:center;font-size:64px;font-weight:800;animation:.5s gm-pop;display:grid}@keyframes gm-pop{0%{opacity:0;transform:scale(.6)}}.gm .ar-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;width:100%;min-height:0;display:flex}.gm .ar-top,.gm .ar-bottom{flex-direction:column;align-items:center;gap:14px;display:flex}.gm .ar-say{min-height:28px;color:var(--ink-2);text-align:center;font-size:18px;font-weight:800}.gm .ar-say.g{color:#1d7a4f}.gm .ar-say.r{color:#b8292e}.gm .ar-stage{background:var(--surface);border:1.5px solid var(--line-strong);width:220px;height:220px;box-shadow:var(--shadow);color:var(--ink);border-radius:36px;place-items:center;font-size:132px;display:grid}.gm .ar-stage .arr{animation:.18s ease-out gm-arr}@keyframes gm-arr{0%{transform:var(--rot) scale(.7);opacity:0}}.gm .ar-stage.hint{background:var(--lamp-soft);border-color:var(--lamp-deep)}.gm .ar-stage .wait{background:var(--line-strong);border-radius:50%;width:18px;height:18px}.gm .ar-stage svg.ok{width:96px;height:96px;color:var(--green);stroke-width:3px}.gm .ar-slots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(520px,100%);min-height:40px;display:flex}.gm .ar-slots i{width:40px;height:40px;color:var(--ink);background:#1f22300f;border-radius:11px;place-items:center;font-size:22px;font-style:normal;display:grid}.gm .ar-slots i.lit:after{content:"";background:var(--lamp-deep);border-radius:50%;width:10px;height:10px}.gm .ar-slots i.got,.gm .ar-slots i.ans{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line-strong)}.gm .ar-slots i.miss{background:var(--lamp-soft);box-shadow:inset 0 0 0 2px var(--lamp-deep)}.gm .ar-pad{grid-template-rows:repeat(3,84px);grid-template-columns:repeat(3,84px);gap:8px;display:grid}.gm .ar-pad button{border:1.5px solid var(--line-strong);background:var(--surface);box-shadow:0 4px 0 var(--line-strong);color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:22px;place-items:center;padding:0;font-size:40px;transition:opacity .2s;display:grid}.gm .ar-pad button:active{box-shadow:0 1px 0 var(--line-strong);transform:translateY(3px)}.gm .ar-pad [data-d=up]{grid-area:1/2}.gm .ar-pad [data-d=left]{grid-area:2/1}.gm .ar-pad [data-d=right]{grid-area:2/3}.gm .ar-pad [data-d=down]{grid-area:3/2}.gm .ar-pad.off button{opacity:.3;cursor:default}.gm .ar-pad button.ok{animation:.35s gm-pad-ok}.gm .ar-pad button.bad{animation:.4s gm-pad-bad}@keyframes gm-pad-ok{0%,40%{background:var(--green-soft);border-color:var(--green);box-shadow:0 4px 0 var(--green)}}@keyframes gm-pad-bad{0%,60%{background:var(--red-soft);border-color:var(--red);box-shadow:0 4px 0 var(--red)}20%{transform:translate(-4px)}40%{transform:translate(4px)}}.gm .ar-kbd{color:var(--ink-3);font-size:13px;font-weight:700}.gm .ar-kbd .kbd{margin:0 2px}.gm .res{text-align:center;flex-direction:column;align-items:center;width:min(440px,100%);padding:30px 24px 24px;display:flex}.gm .res .k{color:var(--ink-2);margin-top:6px;font-size:16px;font-weight:800}.gm .res .k.rec{color:#8a5a00}.gm .res .big{font-size:64px;font-weight:800;line-height:1.1}.gm .res .big small{color:var(--ink-3);margin-left:4px;font-size:22px}.gm .res .line{color:var(--ink-2);font-size:15px;font-weight:700}.gm .res .line .g{color:#1d7a4f}.gm .res .today{background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--ink-2);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.gm .res .today.full{background:var(--lamp-soft);color:#5c4300;border-color:#0000}.gm .res .today .star-ico{vertical-align:-3px;width:16px;height:16px;margin-right:2px}.gm .res .save-again{margin-top:12px}.gm .res .act{gap:10px;width:100%;margin-top:20px;display:flex}.gm .res .act .btn{flex:1}.gm .res .demo{color:var(--ink-3);margin-top:12px;font-size:12px;font-weight:700}.gm .res .demo .link{font:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:1100px){.gm .sc-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:900px){.gm .card{padding:18px}.gm .gm-list{grid-template-columns:1fr}.gm .gm-card .btn{justify-self:stretch}.gm .sc-grid{grid-template-columns:1fr;gap:14px}.gm .sc-start{gap:14px}.gm .sc-prev{width:min(240px,70%)}.gm .sc-act{bottom:calc(68px + env(safe-area-inset-bottom));z-index:5;background:var(--surface);border-top:1px solid var(--line);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 -18px -18px;padding:12px 18px 14px;position:sticky}.gm .sc-act .btn{flex:1}.gm .play{padding-top:12px}.gm .play-top{grid-template-columns:68px 1fr 68px}.gm .play-find{height:50px;padding:0 18px;line-height:50px}.gm .play-find b{font-size:30px}.gm .play-time{font-size:20px}.gm .play-best{font-size:12px}.gm .board{gap:5px}.gm .board button{border-radius:10px}.gm .ar-main{justify-content:flex-start;gap:12px;padding-top:12px}.gm .ar-top{flex:1;justify-content:center}.gm .ar-stage{border-radius:30px;width:168px;height:168px;font-size:100px}.gm .ar-slots i{border-radius:9px;width:34px;height:34px;font-size:18px}.gm .ar-pad{grid-template-rows:repeat(3,80px);grid-template-columns:repeat(3,80px)}.gm .ar-kbd{display:none}}@media (max-width:600px){.gm .how{grid-template-columns:1fr;gap:8px}.gm .how>div{text-align:left;flex-direction:row;gap:14px;padding:10px 14px}.gm .how .pic{flex-shrink:0;width:100px;height:64px}.gm .how .flash{border-radius:14px;width:54px;height:54px;font-size:32px}.gm .how .mini-pad{grid-template-rows:repeat(3,20px);grid-template-columns:repeat(3,20px);gap:2px}.gm .how .mini-pad span{border-radius:5px;font-size:11px}.gm .how .seq .cell{border-radius:6px;width:22px;height:22px;font-size:13px}.gm .how p{font-size:15px}}
