body{background:#1c2f5e}.k2-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.k2{--ink:#fff8e6;--gold:#f2c94c;--wood:#8a5a2a;--wood-d:#4a3c30;color:var(--ink);flex-direction:column;align-items:center;padding:10px 12px 28px;font-family:DotGothic16,ui-monospace,Hiragino Kaku Gothic ProN,sans-serif;display:flex}.k2-loading{margin:40px 0;font-size:14px}.k2-loading[hidden],.k2 [hidden]{display:none!important}.k2-back{color:#e7d5a2;white-space:nowrap;border:1px solid #c9a227;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:13px;text-decoration:none}.k2-snd{color:#e7d5a2;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:0 0;border:1px solid #c9a227;border-radius:999px;margin-left:6px;padding:4px 9px;font-size:13px}.k2-snd[aria-pressed=true]{color:#14244a;background:#c9a227}.k2-snd[aria-pressed=false]{opacity:.75;text-decoration:line-through}.k2-rank{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:440px;display:flex}.k2-rank-h{letter-spacing:.1em;margin:6px 0 0;font-size:24px;font-weight:400}.k2-rank-tabs{grid-template-columns:repeat(4,1fr);gap:6px;width:100%;display:grid}.k2-rank-tabs button{cursor:pointer;font:inherit;color:#20202a;background:#e8e6dc;border:0;border-radius:4px;padding:6px 2px;font-size:14px;box-shadow:inset 0 -3px #b8b8c0,0 0 0 2px #20202a}.k2-rank-tabs button[aria-pressed=true]{background:var(--gold);box-shadow:inset 0 -3px #a8741e,0 0 0 2px #20202a}.k2-rank-note{opacity:.85;margin:0;font-size:12px}.k2-rank-list{justify-content:center;width:100%;display:flex}.rk-list{text-align:left;width:100%;max-width:340px;margin:0;padding:0;font-size:13px;list-style:none}.rk-row{border-bottom:1px dashed #fff8e640;grid-template-columns:2.2em 1fr auto auto;align-items:baseline;gap:6px;padding:4px 6px;display:grid}.rk-row.is-me{background:#f2c94c38}.rk-rank,.rk-score{color:var(--gold);text-align:right}.rk-score{min-width:4em}.rk-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rk-stage{opacity:.8;font-size:11px}.rk-empty,.rk-mine,.rk-line{margin:0;font-size:13px}.rk-line{color:#b0d870;min-height:1.2em}.rk-mine a,.rk-line a{color:var(--gold)}.k2-title{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:440px;display:flex}.k2-logo{letter-spacing:.08em;color:var(--ink);text-shadow:3px 3px #20202a,-1px -1px #20202a,1px -1px #20202a,-1px 1px #20202a;margin:6px 0 0;font-size:34px;font-weight:400;line-height:1}.k2-logo span{color:var(--gold);margin-left:6px}.k2-modes{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.k2-mode{cursor:pointer;text-align:left;font:inherit;color:#20202a;background:#f4e2b0;border:0;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex;box-shadow:inset 0 -4px #c4b48e,0 0 0 2px #20202a,3px 3px 0 2px #20202a}.k2-mode:active{transform:translate(2px,2px);box-shadow:inset 0 -2px #c4b48e,0 0 0 2px #20202a,1px 1px 0 2px #20202a}.k2-mode:focus-visible,.k2-btn:focus-visible,.k2-z:focus-visible,.k2-board:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.k2-mode b{font-size:17px;font-weight:400}.k2-mode-best{color:#6e1e24;margin-top:2px;font-size:12px}.k2-mode[data-mode=daily]{background:#d0ecff;box-shadow:inset 0 -4px #8cc4f0,0 0 0 2px #20202a,3px 3px 0 2px #20202a}.k2-mode[data-mode=speed]{background:#f2c9a0;box-shadow:inset 0 -4px #e08a3c,0 0 0 2px #20202a,3px 3px 0 2px #20202a}.k2-zukan-box{background:#0d1a388c;border:2px solid #20202a;border-radius:4px;width:100%;padding:10px 10px 8px}.k2-zukan-box h3{margin:0 0 8px;font-size:15px;font-weight:400}.k2-zukan-box h3 small{opacity:.85;font-size:12px}.k2-zukan-box h3 b{color:var(--gold);font-weight:400}.k2-zukan{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.k2-z{aspect-ratio:1;cursor:pointer;background:#e8e6dc;border:0;border-radius:3px;place-items:center;padding:4px;display:grid;box-shadow:inset 0 -3px #0000002e,0 0 0 2px #20202a}.k2-z .k2-art{width:100%;height:100%}.k2-z.is-unknown{background:#3a3a4a}.k2-z.is-unknown .k2-art{filter:brightness(0);opacity:.45}.k2-zukan-line{text-align:left;min-height:1.6em;margin:8px 0 0;font-size:12px;line-height:1.6}.k2-zukan-line:empty{min-height:0;margin:0}.k2-show{--side:min(240px, calc(100vw - 120px));justify-content:center;display:flex}.k2-show--howto{--side:min(200px, calc(100vw - 140px))}.k2-board--demo{pointer-events:none}.k2-board--demo.is-rest .k2-tiles{animation:.6s steps(2,end) 3 k2Blink}.k2-finger{z-index:3;opacity:0;pointer-events:none;background:#fff8e6d9;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #20202a,0 0 0 6px #f2c94cb3}.k2-finger.is-on[data-dir=left]{animation:.26s steps(5,end) both k2SwipeL}.k2-finger.is-on[data-dir=right]{animation:.26s steps(5,end) both k2SwipeR}.k2-finger.is-on[data-dir=up]{animation:.26s steps(5,end) both k2SwipeU}.k2-finger.is-on[data-dir=down]{animation:.26s steps(5,end) both k2SwipeD}@keyframes k2SwipeL{0%{opacity:.95;transform:translate(28%)}to{opacity:0;transform:translate(-260%)}}@keyframes k2SwipeR{0%{opacity:.95;transform:translate(-28%)}to{opacity:0;transform:translate(260%)}}@keyframes k2SwipeU{0%{opacity:.95;transform:translateY(28%)}to{opacity:0;transform:translateY(-260%)}}@keyframes k2SwipeD{0%{opacity:.95;transform:translateY(-28%)}to{opacity:0;transform:translateY(260%)}}.k2-title-btns{justify-content:center;gap:10px;width:100%;display:flex}.k2-title-btns .k2-btn{flex:1 1 0}.k2-howto-box{z-index:50;background:#0d1a38e6;justify-content:center;align-items:flex-start;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.k2-howto-card{text-align:center;background:#24396e;border:2px solid #20202a;border-radius:6px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;margin:auto 0;padding:14px 14px 16px;display:flex;box-shadow:0 0 0 2px #c9a227,4px 4px 0 2px #20202a}.k2-howto-h{letter-spacing:.1em;color:var(--gold);margin:0;font-size:22px;font-weight:400}.k2-howto{text-align:left;margin:0;font-size:13px;line-height:1.6}.k2-howto b{color:var(--gold);font-weight:400}.k2-pair{justify-content:center;align-items:center;gap:10px;height:48px;display:flex;position:relative}.k2-pair .k2-tile{width:44px;height:44px;position:relative;transform:none}.k2-pair .k2-pair-a{animation:2.4s steps(8,end) infinite k2PairA}.k2-pair .k2-pair-b{animation:2.4s steps(8,end) infinite k2PairB}.k2-pair .k2-pair-c{margin-left:-22px;animation:2.4s steps(8,end) infinite k2PairC;position:absolute;left:50%}@keyframes k2PairA{0%,25%{opacity:1;transform:translate(0)}45%{opacity:1;transform:translate(27px)}50%,to{opacity:0;transform:translate(27px)}}@keyframes k2PairB{0%,25%{opacity:1;transform:translate(0)}45%{opacity:1;transform:translate(-27px)}50%,to{opacity:0;transform:translate(-27px)}}@keyframes k2PairC{0%,45%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.2)}65%,92%{opacity:1;transform:none}to{opacity:0}}.k2-ladder{grid-template-columns:repeat(10,1fr);gap:3px;width:100%;display:grid}.k2-ladder .k2-z{cursor:default;animation:5s step-end infinite k2Step;animation-delay:calc(var(--i) * .5s - 5s);padding:2px}@keyframes k2Step{0%{box-shadow:0 0 0 2px #20202a, 0 0 0 4px var(--gold);transform:translateY(-4px)}10%,to{transform:none}}.k2-howto-modes{text-align:left;gap:4px;width:100%;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.k2-howto-modes b{min-width:5em;color:var(--gold);font-weight:400;display:inline-block}.k2-play{--side:max(280px, min(calc(100vw - 24px), 440px, calc(100dvh - 200px)));width:var(--side);flex-direction:column;align-items:stretch;gap:8px;display:flex}.k2-hud{gap:6px;display:flex}.k2-cell{background:#4a3c30;border:2px solid #20202a;border-radius:4px;flex-direction:column;flex:1 1 0;justify-content:center;min-width:0;padding:4px 8px;display:flex;position:relative;box-shadow:inset 0 2px #6b5b45}.k2-cell small{color:#e6c39a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.k2-cell b{color:var(--gold);font-size:18px;font-weight:400;line-height:1.2}.k2-cell span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.k2-cell span b{color:var(--ink);font-size:11px}.k2-cell:first-child{flex:1.4 1 0}.k2-cell--score b{font-size:22px}.k2-time.is-low b{color:#ff8a7a;animation:.5s steps(2,end) infinite k2Blink}.k2-gain{color:var(--ink);pointer-events:none;text-shadow:0 2px #20202a;font-size:14px;animation:.7s steps(6,end) forwards k2Gain;position:absolute;top:4px;right:8px}.k2-stage{position:relative}.k2-board{--n:4;--gap:calc(var(--side) * .025);--cell:calc((var(--side) - 20px - var(--gap) * (var(--n) + 1)) / var(--n));width:var(--side);height:var(--side);box-sizing:border-box;touch-action:none;background:var(--wood);box-shadow:inset 0 0 0 2px #20202a, inset 3px 3px 0 2px #a8741e, inset -3px -3px 0 2px var(--wood-d), 0 6px 0 #20202a;border-radius:6px;outline:none;padding:10px;position:relative}.k2-grid,.k2-tiles{position:absolute;inset:10px}.k2-grid{background:#5c5c6e;border-radius:2px}.k2-slot,.k2-tile{--r:0;--c:0;width:var(--cell);height:var(--cell);transform:translate(calc(var(--gap) + var(--c) * (var(--cell) + var(--gap))), calc(var(--gap) + var(--r) * (var(--cell) + var(--gap))));position:absolute;top:0;left:0}.k2-slot{opacity:.55;background:#8a8a96;border-radius:3px;box-shadow:inset 2px 2px #b8b8c0,inset -2px -2px #5c5c6e}.k2-tile{background:var(--plate,#e8e6dc);border-radius:3px;place-items:center;transition:transform .11s steps(4,end);display:grid;box-shadow:inset 0 -4px #0003,inset 0 3px #ffffff59,0 0 0 2px #20202a}.k2-tile .k2-art{width:80%;height:80%}.k2-art{image-rendering:pixelated;background-repeat:no-repeat;display:block}.k2-tile[data-s="1"],.k2-z[data-s="1"]{--plate:#e8e6dc}.k2-tile[data-s="2"],.k2-z[data-s="2"]{--plate:#c4b48e}.k2-tile[data-s="3"],.k2-z[data-s="3"]{--plate:#8cc4f0}.k2-tile[data-s="4"],.k2-z[data-s="4"]{--plate:#d0ecff}.k2-tile[data-s="5"],.k2-z[data-s="5"]{--plate:#b0d870}.k2-tile[data-s="6"],.k2-z[data-s="6"]{--plate:#f4e2b0}.k2-tile[data-s="7"],.k2-z[data-s="7"]{--plate:#e08a3c}.k2-tile[data-s="8"],.k2-z[data-s="8"]{--plate:#6ad0c8}.k2-tile[data-s="9"],.k2-z[data-s="9"]{--plate:#d4738f}.k2-tile[data-s="10"],.k2-z[data-s="10"],.k2-tile[data-s="11"]{--plate:#f2c94c}.k2-z:not(.is-unknown){background:var(--plate)}.k2-tile[data-s="10"],.k2-tile[data-s="11"]{box-shadow:inset 0 -4px #a8741e,inset 0 3px #f4e2b0,0 0 0 2px #20202a,0 0 0 4px #f2c94c}.k2-plus{color:#6e1e24;text-shadow:1px 1px #f4e2b0;font-size:12px;font-weight:400;position:absolute;bottom:0;right:2px}.k2-tile.is-new{animation:.16s steps(3,end) both k2Appear}.k2-tile.is-merged{z-index:1;animation:.2s steps(4,end) both k2Pop}.k2-callout{z-index:4;text-align:center;pointer-events:none;opacity:0;color:var(--gold);text-shadow:0 2px #20202a,2px 0 #20202a,-2px 0 #20202a,0 -2px #20202a;font-size:20px;position:absolute;top:40%;left:0;right:0}.k2-callout.is-on{animation:2.4s steps(12,end) forwards k2Callout}.k2-board.is-tight,.k2-board.is-tight:focus-visible{outline-offset:3px;outline:3px solid #ff6a5a}.k2-board.is-stuck,.k2-board.is-stuck:focus-visible{outline-offset:3px;outline:4px solid #ff4a3a;animation:.35s steps(2,end) 4 k2Blink}.k2-callout.is-warn{color:#fff8e6;text-shadow:0 2px #20202a;background:#6e1e24eb;border:2px solid #20202a;border-radius:4px;padding:6px 4px;left:8%;right:8%}.k2-over{z-index:5;text-align:center;background:#0d1a38db;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;inset:0;overflow-y:auto}@media (height<=520px),(width<=440px){.k2-over{gap:4px;padding:8px}.k2-over-why{font-size:12px}.k2-over-tip{font-size:11px}.k2-over-top .k2-art{width:28px;height:28px}.k2-over-btns{margin-top:0}.k2-over h2{font-size:20px}.k2-over-score b{font-size:28px}.k2-over .k2-btn{padding:6px 14px;font-size:14px}}.k2-over-btns{justify-content:center;gap:12px;width:100%;margin-top:4px;display:flex}.k2-over-btns .k2-btn{white-space:nowrap;flex:0 150px;min-width:0;padding-left:8px;padding-right:8px}.k2-over-why{color:#ff9d8a;font-size:14px;line-height:1.5}.k2-over-tip{opacity:.9;font-size:12px;line-height:1.5}.k2-over h2{letter-spacing:.1em;margin:0;font-size:26px;font-weight:400}.k2-over p{margin:0}.k2-over-score{font-size:16px}.k2-over-score b{color:var(--gold);font-size:40px;font-weight:400}.k2-over-record{color:#ff9d8a;animation:.8s steps(2,end) infinite k2Blink}.k2-over-top{align-items:center;gap:8px;font-size:14px;display:flex}.k2-over-top .k2-art{width:40px;height:40px}.k2-over-line{font-size:13px}.k2-over-line b{color:var(--gold);font-weight:400}.k2-btn{cursor:pointer;min-width:150px;font:inherit;color:#20202a;background:#e8e6dc;border:0;border-radius:4px;padding:10px 18px;font-size:16px;box-shadow:inset 0 -4px #b8b8c0,0 0 0 2px #20202a,3px 3px 0 2px #20202a}.k2-btn--go{background:var(--gold);box-shadow:inset 0 -4px #a8741e,0 0 0 2px #20202a,3px 3px 0 2px #20202a}.k2-btn:active{transform:translate(2px,2px)}.k2-foot{justify-content:center;gap:12px;margin-top:6px;display:flex}.k2-btn--small{min-width:0;padding:6px 14px;font-size:13px}@keyframes k2Appear{0%{transform:translate(calc(var(--gap) + var(--c) * (var(--cell) + var(--gap))), calc(var(--gap) + var(--r) * (var(--cell) + var(--gap)))) scale(.3)}}@keyframes k2Pop{50%{transform:translate(calc(var(--gap) + var(--c) * (var(--cell) + var(--gap))), calc(var(--gap) + var(--r) * (var(--cell) + var(--gap)))) scale(1.18)}}@keyframes k2Gain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-22px)}}@keyframes k2Blink{50%{opacity:.45}}@keyframes k2Callout{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.k2-tile{transition:none}.k2-tile.is-new,.k2-tile.is-merged,.k2-over-record,.k2-time.is-low b,.k2-board.is-stuck,.k2-finger.is-on[data-dir],.k2-pair .k2-pair-a,.k2-pair .k2-pair-b,.k2-ladder .k2-z,.k2-board--demo.is-rest .k2-tiles{animation:none}.k2-finger.is-on[data-dir]{opacity:.8}.k2-pair .k2-pair-c{margin:0;animation:none;position:relative;left:auto}}