:root{--paper:#fff3df;--paper-2:#ffe9c6;--paper-3:#f7dcb2;--ink:#2f2620;--ink-2:#6b5b4d;--ink-3:#7a6857;--line:#2f262057;--line-2:#2f262029;--signal:#cf3320;--signal-deep:#a8291a;--go:#15794b;--c1:#ff6f5e;--c2:#ffc23d;--c3:#46c98a;--c4:#56b4f0;--c5:#b58cf0;--c6:#ff97c2;--void:var(--paper);--void-2:var(--paper-2);--void-3:var(--paper-3);--fg:var(--ink);--fg-2:var(--ink-2);--fg-3:var(--ink-3);--gold:var(--signal);--display:var(--font-maru), "Hiragino Maru Gothic ProN", "Hiragino Sans", sans-serif;--gothic:var(--font-zen), "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--mincho:var(--display);--aw:clamp(38px, calc((100vw - 46px) / 6.9), 52px);--ah:calc(var(--aw) * 1.2);--rw:var(--aw);--rh:calc(var(--rw) * 1.2);--tgap:calc(var(--aw) * .16);--r:10px;--r-s:7px}*{box-sizing:border-box}html,body{height:100%;margin:0}html{height:100dvh}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--gothic);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input{font-family:inherit}button{touch-action:manipulation}:focus{outline:none}:focus-visible{outline:3px solid var(--signal);outline-offset:3px;border-radius:3px}body.km-playing #playroom-cta{display:none!important}.km{min-height:100dvh}.km-app{isolation:isolate;background:var(--paper);width:100%;height:100dvh;position:relative;overflow:hidden}.km-app:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(96% 62% at 18% 6%,#ffc23d47,#ffc23d00 68%),radial-gradient(88% 58% at 88% 12%,#ff97c238,#ff97c200 66%),radial-gradient(120% 78% at 50% 112%,#56b4f03d,#56b4f000 70%);position:absolute;inset:0}.km-app:after{content:"";z-index:0;pointer-events:none;opacity:.75;background-image:radial-gradient(#2f262017 1.1px,#0000 1.2px);background-position:0 0;background-size:9px 9px;position:absolute;inset:0}.km-app>*{z-index:1;position:relative}.km-eyebrow{font:700 12px/1 var(--gothic);letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;white-space:nowrap}.km-eyebrow-jp{font:700 12px/1 var(--gothic);letter-spacing:.14em;color:var(--ink-3)}.km-en{font:700 12px/1 var(--gothic);letter-spacing:.16em;color:var(--ink-3)}.km-h2{font:700 25px/1.4 var(--display);letter-spacing:.06em;color:var(--ink);margin:0}.km-h3{font:700 20px/1.4 var(--display);letter-spacing:.06em;color:var(--ink);margin:0 0 6px}.km-wait{font:500 13px/1.7 var(--gothic);letter-spacing:.04em;color:var(--ink-2)}.km-res-sub{font:500 12.5px/1.7 var(--gothic);letter-spacing:.02em;color:var(--ink-2)}.km-res-sub b{color:var(--ink);font-weight:700}.km-link{appearance:none;cursor:pointer;font:700 13px/1 var(--gothic);letter-spacing:.06em;color:var(--ink-2);background:0 0;border:0;align-items:center;min-height:44px;padding:0 8px;text-decoration:none;display:inline-flex}.km-link:hover{color:var(--signal)}.km-back{appearance:none;cursor:pointer;font:700 12.5px/1 var(--gothic);letter-spacing:.06em;color:var(--ink-2);background:0 0;border:0;align-items:center;min-width:44px;min-height:44px;padding:0 10px;display:inline-flex}.km-back:hover{color:var(--signal)}.km-hair{background:var(--line-2);border:0;border-radius:2px;width:100%;height:2px}.km-mute{appearance:none;cursor:pointer;min-width:44px;height:44px;color:var(--ink-2);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.km-mute-lab{font:700 12px/1 var(--gothic);letter-spacing:.06em;font-style:normal}.km-mute:hover{color:var(--ink);background:#2f262012}.km-conn{font:700 12px/1 var(--gothic);letter-spacing:.12em;color:var(--ink-3);z-index:5;position:absolute;top:14px;left:50%;transform:translate(-50%)}.km-toast{background:var(--ink);color:var(--paper);font:700 13px/1.6 var(--gothic);letter-spacing:.03em;border-radius:var(--r-s);cursor:pointer;z-index:30;border:0;max-width:86%;padding:12px 18px;position:absolute;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 4px #2f262047}.km-btn{appearance:none;cursor:pointer;font:700 15.5px/1.2 var(--display);letter-spacing:.04em;color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);border-radius:var(--r);box-shadow:0 4px 0 var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:14px 24px;text-decoration:none;transition:transform .1s,box-shadow .1s,background .15s,color .15s;display:inline-flex}.km-btn small,.km-btn span{font:600 12px/1.3 var(--gothic);letter-spacing:.06em;color:var(--ink-2)}.km-btn:hover{background:#ffdfa8}.km-btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.km-btn--solid{background:var(--signal);color:#fffdfa;border-color:var(--ink);box-shadow:0 4px 0 var(--ink)}.km-btn--solid small,.km-btn--solid span{color:#fffdfaeb}.km-btn--solid:hover{background:#bd2817}.km-btn--min{box-shadow:0 3px 0 var(--ink);border-width:2px;padding:11px 16px;font-size:13px}.km-btn--min:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.km-btn--ghost{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.km-btn--ghost:hover{box-shadow:none;color:var(--ink);background:#2f26200f;border-color:#0000}.km-btn--ghost:active{box-shadow:none;transform:none}.km-btn--wide{width:100%}.km-btn--attn{border-color:var(--signal);box-shadow:0 4px 0 var(--signal);color:var(--signal)}.km-btn--attn:active{box-shadow:0 0 0 var(--signal)}.km-btn--big{padding:17px 28px;font-size:17px}.km-btn--big2{padding:16px 26px;font-size:16px}.km-btn:disabled{cursor:default;color:var(--ink-3);background:var(--paper);border-color:var(--line-2);box-shadow:0 3px 0 var(--line-2)}.km-btn:disabled:hover{background:var(--paper);border-color:var(--line-2)}.km-btn:disabled:active{box-shadow:0 3px 0 var(--line-2);transform:none}.km-btn:disabled small,.km-btn:disabled span{color:var(--ink-3)}.km-btn--solid:disabled{background:var(--paper);color:var(--ink-3);border-color:var(--line-2);box-shadow:0 3px 0 var(--line-2)}.km-btn--solid:disabled:hover{background:var(--paper)}.km-btn--line{color:#fff;border-color:var(--ink);background:#06c755;flex-direction:row;gap:8px;padding:12px 18px;font-size:13.5px}.km-btn--line:hover{background:#05b34c}.km-btn--line svg{color:#fff}.km-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.km-btns--col{flex-direction:column;width:min(300px,100%)}.km-btns--col .km-btn{width:100%}.km-label{font:700 12px/1 var(--gothic);letter-spacing:.18em;color:var(--ink-2)}.km-input{width:min(260px,82vw);font:700 16px/1.2 var(--gothic);letter-spacing:.04em;text-align:left;color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--r-s);box-shadow:0 3px 0 var(--line-2);-webkit-user-select:text;user-select:text;background:#fffaf0;padding:13px 15px}.km-input::placeholder{color:var(--ink-3);font-weight:500}.km-input:focus,.km-input:focus-visible{border-color:var(--signal);box-shadow:0 3px 0 var(--signal);outline:none}.km-input--code{letter-spacing:.22em;text-transform:uppercase;text-align:center;width:140px;font-family:var(--display);font-weight:700}.km-panel{justify-items:center;gap:12px;width:min(300px,88vw);display:grid}.km-or{font:700 12px/1 var(--gothic);letter-spacing:.2em;color:var(--ink-3)}.km-joinrow{justify-content:center;gap:8px;width:100%;display:flex}.km-joinrow .km-btn{flex:1}.km-code{font:900 32px/1 var(--display);color:var(--signal);letter-spacing:.16em;text-indent:.16em}.km-tile{width:var(--rw);height:var(--rh);border-radius:var(--r);border:2.5px solid var(--ink);background:var(--tile,var(--c2));color:var(--ink);box-shadow:inset 0 3px 0 #ffffff80, inset 0 -3px 0 #2f26201c, 0 4px 0 var(--ink);flex:none;justify-content:center;align-items:center;padding:0;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.km-rack-cell:nth-child(6n+1) .km-tile,.km-answer>:nth-child(6n+1) .km-tile{--tile:var(--c1)}.km-rack-cell:nth-child(6n+2) .km-tile,.km-answer>:nth-child(6n+2) .km-tile{--tile:var(--c2)}.km-rack-cell:nth-child(6n+3) .km-tile,.km-answer>:nth-child(6n+3) .km-tile{--tile:var(--c3)}.km-rack-cell:nth-child(6n+4) .km-tile,.km-answer>:nth-child(6n+4) .km-tile{--tile:var(--c4)}.km-rack-cell:nth-child(6n+5) .km-tile,.km-answer>:nth-child(6n+5) .km-tile{--tile:var(--c5)}.km-rack-cell:nth-child(6n+6) .km-tile,.km-answer>:nth-child(6n+6) .km-tile{--tile:var(--c6)}button.km-tile{cursor:pointer}button.km-tile:hover{box-shadow:inset 0 3px 0 #ffffff80, inset 0 -3px 0 #2f26201c, 0 7px 0 var(--ink);transform:translateY(-3px)}button.km-tile:active{box-shadow:inset 0 3px 0 #ffffff80, inset 0 -3px 0 #2f26201c, 0 1px 0 var(--ink);transform:translateY(3px)}button.km-tile:disabled{cursor:default}button.km-tile:after{content:"";position:absolute;inset:-4px}.km-tf{pointer-events:none;justify-content:center;align-items:baseline;display:flex}.km-tc{font-family:var(--display);font-weight:900;line-height:1;font-size:calc(var(--rh) * .5);color:var(--ink);transform:translateY(-.02em)}.km-tc--yoon{font-size:calc(var(--rh) * .3)}.km-tc--xtsu{font-size:calc(var(--rh) * .4);display:inline-block;transform:translateY(8%)}.km-xdot{background:#2f262066;border-radius:50%;width:4px;height:4px;position:absolute;top:11%;right:11%}.km-tile--drop{animation:.36s cubic-bezier(.3,1.5,.5,1) backwards kmDrop}@keyframes kmDrop{0%{opacity:0;transform:translateY(-26px)rotate(-6deg)}70%{opacity:1;transform:translateY(3px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.km-tile--ink{animation:.46s cubic-bezier(.25,1.4,.4,1) forwards kmLit}@keyframes kmLit{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-11px)rotate(-4deg)}70%{transform:translateY(2px)rotate(1.5deg)}to{box-shadow:inset 0 3px 0 #ffffff80, inset 0 -3px 0 #2f26201c, 0 0 0 4px #1f9c6357, 0 4px 0 var(--ink);transform:translateY(0)rotate(0)}}.km-board{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.km-answer{gap:var(--tgap);justify-content:center;max-width:100%;display:flex;position:relative}.km-answer--wrong{animation:.3s kmShake}@keyframes kmShake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-7px)rotate(-1deg)}55%{transform:translate(7px)rotate(1deg)}85%{transform:translate(-3px)rotate(0)}}.km-slot{width:var(--aw);height:calc(var(--ah) + 6px);background:0 0;border:0;flex:none;justify-content:center;align-items:flex-end;padding:0;display:flex;position:relative}button.km-slot{cursor:pointer}.km-slot:before{content:"";border:2.5px dashed var(--line-2);border-radius:var(--r);transition:border-color .18s,background .18s;position:absolute;inset:0 0 6px}.km-slot:after{content:"";background:var(--signal);opacity:0;border-radius:3px;height:4px;transition:opacity .18s;position:absolute;bottom:0;left:12%;right:12%}.km-slot--cursor:before{border-style:solid;border-color:var(--signal);background:#e8412c17}.km-slot--cursor:after{opacity:1}.km-slot--filled:after,.km-slot--locked:after,.km-slot--print:after,.km-slot--filled:before,.km-slot--locked:before,.km-slot--print:before{opacity:0}.km-slot .km-tile{width:var(--aw);height:var(--ah)}.km-slot .km-tc{font-size:calc(var(--ah) * .5)}.km-slot .km-tc--yoon{font-size:calc(var(--ah) * .3)}.km-slot .km-tc--xtsu{font-size:calc(var(--ah) * .4)}.km-slot--locked .km-tile{filter:saturate(.55)}.km-slot--print .km-tile{animation:.36s backwards kmReveal}@keyframes kmReveal{0%{opacity:0;transform:translateY(-10px)rotate(-4deg)}}.km-miss{pointer-events:none;z-index:3;width:100%;height:100%;animation:.6s ease-out forwards kmMissFade;position:absolute;inset:0}.km-miss path{stroke:var(--signal);stroke-dasharray:240;stroke-dashoffset:240px;animation:.34s ease-out forwards kmMissDraw}@keyframes kmMissDraw{to{stroke-dashoffset:0}}@keyframes kmMissFade{0%,70%{opacity:1}to{opacity:0}}.km-cross{right:calc(var(--aw) * -.34);top:calc(var(--ah) * -.3);z-index:3;pointer-events:none;animation:.34s cubic-bezier(.2,1.5,.4,1) both kmStampIn;position:absolute}.km-answer--stuck .km-slot--filled .km-tile{box-shadow:0 4px 0 var(--signal)}.km-stamp{right:calc(var(--aw) * -.34);top:calc(var(--ah) * -.3);z-index:3;pointer-events:none;animation:.46s cubic-bezier(.2,1.5,.4,1) .12s both kmStampIn;position:absolute}@keyframes kmStampIn{0%{opacity:0;transform:scale(1.7)rotate(-16deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}@keyframes kmPopIn{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.km-remain{min-height:16px;font:700 12.5px/1.3 var(--gothic);letter-spacing:.14em;color:var(--ink-2);text-align:center;margin-top:14px}.km-remain--wrong{color:var(--signal);letter-spacing:.16em;flex-direction:column;align-items:center;gap:5px;font-size:15px;font-weight:700;animation:.24s ease-out kmPopIn;display:flex}.km-remain--wrong i{letter-spacing:.08em;color:var(--ink-2);font-size:12px;font-style:normal;font-weight:600}.km-racklab{width:min(560px,100%);font:700 12px/1 var(--gothic);letter-spacing:.16em;color:var(--ink-3);align-items:center;gap:14px;margin-top:22px;display:flex}.km-racklab:before,.km-racklab:after{content:"";background:var(--line-2);border-radius:2px;flex:1;height:2px}.km-rack{gap:var(--tgap);justify-content:center;max-width:100%;margin-top:14px;display:flex}.km-rack-cell{flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.km-void{width:var(--rw);height:var(--rh);border:2.5px dashed var(--line-2);border-radius:var(--r);flex:none;position:relative}.km-keyno{font:700 12px/1 var(--gothic);letter-spacing:.06em;color:var(--ink-3);font-variant-numeric:tabular-nums;opacity:0;height:0}.km-rack--dim{opacity:.42;transition:opacity .3s}.km-title{grid-template-rows:auto 1fr auto auto;grid-template-areas:"eyebrow""stage""acts""nav";padding:0 26px;display:grid;position:absolute;inset:0;overflow-y:auto}.km-title-top{padding-top:calc(env(safe-area-inset-top,0px) + 34px);grid-area:eyebrow;justify-content:space-between;align-items:center;display:flex}.km-title-stage{text-align:center;flex-direction:column;grid-area:stage;justify-content:safe center;align-items:center;gap:0;min-height:0;display:flex;overflow:hidden}.km-mark{align-items:flex-end;gap:11px;display:flex}.km-mark .km-tile{width:62px;height:72px;animation:.62s cubic-bezier(.25,1.5,.4,1) backwards kmMarkIn}.km-mark .km-tc{font-size:36px}.km-mark .km-tile:first-child{--tile:var(--c1);animation-delay:50ms;transform:translateY(8px)rotate(-5deg)}.km-mark .km-tile:nth-child(2){--tile:var(--c2);animation-delay:.14s;transform:translateY(-2px)rotate(1.5deg)}.km-mark .km-tile:nth-child(3){--tile:var(--c4);animation-delay:.23s;transform:translateY(-10px)rotate(5deg)}.km-mark .km-tile:nth-child(4){--tile:var(--c6);animation-delay:.32s;transform:translateY(6px)rotate(-2deg)}@keyframes kmMarkIn{0%{opacity:0;transform:translateY(-30px)rotate(-14deg)}}.km-mark .km-tile:nth-child(4){display:none}.km-title-kana{font:900 66px/1 var(--display);letter-spacing:.14em;text-indent:.14em;color:var(--ink);margin:40px 0 0}.km-title-latin{font:700 12px/1 var(--gothic);letter-spacing:.44em;color:var(--ink-3);margin-top:16px}.km-title-tag{font:700 16px/2 var(--display);letter-spacing:.05em;color:var(--ink-2);margin:26px 0 0}.km-title-acts{grid-area:acts;gap:12px;padding-top:24px;display:grid}.km-title-acts .km-btn{width:100%;height:64px;padding:0}.km-title-nav{padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 54px);flex-wrap:wrap;grid-area:nav;justify-content:center;align-items:center;gap:2px 20px;display:flex}.km-title-stats{text-align:center;flex-basis:100%}.km-title-stats:empty{display:none}.km-title-stats{font:600 12.5px/1 var(--gothic);letter-spacing:.08em;color:var(--ink-2)}.km-title-nav .km-mute{margin-left:-6px}.km-title-stats b{color:var(--signal);font-weight:700;font-family:var(--display);font-size:14px}.km-title-meta{display:none}.km-play{grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"top""meta""stage""rail""tools";display:grid;position:absolute;inset:0}.km-top{padding:calc(env(safe-area-inset-top,0px) + 26px) 22px 0;grid-area:top;justify-content:space-between;align-items:center;gap:10px;display:flex}.km-top-l{align-items:center;gap:20px;min-width:0;display:flex}.km-top-c{font:700 12px/1 var(--gothic);letter-spacing:.08em;color:var(--ink-2);white-space:nowrap}.km-top-c i{font-style:normal}.km-qnum i{opacity:.75;font-style:normal}.km-pc-only{display:none}.km-meta{flex-direction:column;grid-area:meta;padding:0 22px;display:flex}.km-tmr{align-self:flex-end;align-items:baseline;gap:6px;display:flex}.km-tmr b{font:900 30px/1 var(--display);color:var(--signal);font-variant-numeric:tabular-nums}.km-tmr b i{letter-spacing:.04em;margin-left:.14em;font-size:.45em;font-style:normal}.km-tmr span{font:700 12px/1 var(--gothic);letter-spacing:.12em;color:var(--ink-2)}.km-tmr span i{font-style:normal;display:none}.km-tmr--count b{color:var(--go)}.km-tmr--low b{animation:.9s ease-in-out infinite kmLowPulse}@keyframes kmLowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.06)}}.km-track{background:var(--paper-3);border:2px solid var(--ink);border-radius:99px;height:8px;margin-top:12px;position:relative;overflow:hidden}.km-track i{background:var(--signal);transition:width .14s linear;position:absolute;top:0;bottom:0;left:0}.km-meta-list{display:none}.km-stage{flex-direction:column;grid-area:stage;justify-content:flex-start;align-items:center;min-height:0;padding:0 16px;display:flex;position:relative}.km-stage:before{content:"";flex:.45 1 0;min-height:8px}.km-stage:after{content:"";flex:.55 1 0}.km-qcap{text-align:center;font:700 12px/1 var(--gothic);letter-spacing:.18em;color:var(--ink-2);order:-1;margin:10px 0 14px;display:block;position:static}.km-kbd{display:none}.km-rail{border-top:2px solid var(--line-2);padding:14px 0 calc(env(safe-area-inset-bottom,0px) + 16px);grid-area:rail;align-items:stretch;margin:0 22px;display:flex}.km-rail-row{background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;padding:0;display:flex}.km-rail-no{font:700 17px/1 var(--display);color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:baseline;display:flex}.km-rail-no i{letter-spacing:.04em;font-size:12px;font-style:normal}.km-rail-nm{font:600 12px/1.3 var(--gothic);letter-spacing:.02em;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.km-rail-pt{display:none}.km-rail-row--done .km-rail-no{color:var(--signal)}.km-rail-row--done .km-rail-nm{color:var(--ink-2)}.km-rail-row--you .km-rail-nm{color:var(--ink);font-weight:700}.km-rail-row--fresh{animation:.36s cubic-bezier(.2,1.5,.4,1) kmPopIn}.km-rail-lab{display:none}.km-tools{padding:16px 22px calc(env(safe-area-inset-bottom,0px) + 22px);grid-area:tools;grid-template-columns:1fr 1fr;gap:10px;display:grid}.km-tools .km-btn{letter-spacing:.06em;min-height:50px;padding:6px 8px;font-size:13.5px}.km-tools .km-btn span{letter-spacing:.04em;font-size:12px}.km-rail--recent{border-top:0;flex-direction:column;align-items:center;gap:10px;padding-top:0;padding-bottom:4px}.km-recent{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.km-recent-more{font:700 12px/1 var(--gothic);letter-spacing:.06em;color:var(--ink-3);align-self:center}.km-rail--recent .km-rail-lab{font:700 12px/1 var(--gothic);letter-spacing:.16em;color:var(--ink-3);display:block}.km-rail--recent .km-sheet--word{padding:7px 11px;font-size:13.5px}.km-recent-empty{font:600 12.5px/1.4 var(--gothic);letter-spacing:.08em;color:var(--ink-3)}.km-turnend{z-index:10;pointer-events:none;background:radial-gradient(70% 48%,#fff3dff7,#fff3dfe0 60%,#fff3df6b 100%);justify-content:center;align-items:center;padding:0 22px;display:flex;position:absolute;inset:0}.km-turnend-panel{text-align:center;justify-items:center;gap:12px;animation:.44s cubic-bezier(.25,1.4,.4,1) both kmPanelIn;display:grid}@keyframes kmPanelIn{0%{opacity:0;transform:translateY(-18px)scale(.94)}}.km-turnend-label{font:700 12px/1 var(--gothic);letter-spacing:.24em;color:var(--ink-2)}.km-turnend-word{font:900 44px/1.2 var(--display);letter-spacing:.08em;text-indent:.08em;color:var(--ink)}.km-turnend-sub{font:700 12px/1 var(--gothic);letter-spacing:.16em;color:var(--ink-3)}.km-turnend-panel--ok .km-turnend-label{color:var(--go)}.km-board-dim{opacity:.16;transition:opacity .3s}.km-donecard{text-align:center;justify-items:center;gap:14px;animation:.48s cubic-bezier(.25,1.4,.4,1) both kmPanelIn;display:grid}.km-donecard-rank{justify-content:center;align-items:center;display:flex}.km-donecard-word{font:700 36px/1.2 var(--display);letter-spacing:.08em;text-indent:.08em;color:var(--ink)}.km-donecard-points{font:700 19px/1 var(--display);color:var(--signal);letter-spacing:.04em}.km-result{padding:calc(env(safe-area-inset-top,0px) + 44px) 26px calc(env(safe-area-inset-bottom,0px) + 26px);text-align:center;flex-direction:column;justify-content:safe center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.km-result .km-en{letter-spacing:.22em}.km-res-main{align-items:baseline;gap:8px;margin-top:26px;display:flex}.km-res-score{font:900 88px/.95 var(--display);color:var(--signal);font-variant-numeric:tabular-nums;letter-spacing:.01em}.km-res-unit{font:700 13.5px/1 var(--gothic);letter-spacing:.14em;color:var(--ink-2)}.km-res-rule{background:var(--line-2);border:0;border-radius:3px;width:56px;height:4px;margin:24px 0 0}.km-sheets{flex-wrap:wrap;justify-content:center;gap:9px;width:min(560px,100%);margin-top:26px;display:flex}.km-sheet{border-radius:var(--r-s);background:var(--paper-2);border:2.5px solid var(--ink);min-width:68px;box-shadow:0 3px 0 var(--ink);justify-items:center;gap:6px;padding:10px 13px 8px;animation:.42s cubic-bezier(.25,1.4,.4,1) backwards kmSheetIn;display:grid}@keyframes kmSheetIn{0%{opacity:0;transform:translateY(-12px)rotate(-4deg)}}.km-sheet-word{font:700 16px/1.2 var(--display);letter-spacing:.04em;color:var(--ink)}.km-sheet-tag{font:700 12px/1 var(--gothic);letter-spacing:.04em;color:var(--ink-2)}.km-sheet--open{background:#fff0cf}.km-sheet--open .km-sheet-word{color:var(--ink)}.km-sheet--answer{background:var(--paper)}.km-sheet--answer .km-sheet-word{color:var(--ink-2)}.km-sheet--word{font:700 14px/1.4 var(--display);letter-spacing:.03em;color:var(--ink);justify-content:center;align-items:center;min-width:0;padding:9px 12px;display:inline-flex}.km-result .km-res-sub{max-width:40em;margin-top:18px}.km-sharebtns{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px;display:flex}.km-result .km-btns{margin-top:18px}.km-result .km-result-foot{margin-top:34px;padding-top:0}.km-fb{text-align:left;width:min(420px,100%);margin-top:24px}.km-crown{justify-items:center;gap:12px;margin-top:26px;animation:.52s both kmPopIn;display:grid}.km-crown-rank{font:700 12px/1 var(--display);letter-spacing:.34em;text-indent:.34em;color:var(--signal)}.km-crown-name{font:900 46px/1 var(--display);letter-spacing:.06em;text-indent:.06em;color:var(--ink)}.km-crown-pt{font:700 12.5px/1 var(--gothic);letter-spacing:.14em;color:var(--ink-2)}.km-orows{gap:0;width:min(560px,100%);margin-top:26px;display:grid}.km-orow{border-bottom:2px solid var(--line-2);opacity:0;align-items:center;gap:14px;padding:15px 4px;display:flex;position:relative;transform:translateY(12px)}.km-orow--in{animation:.44s cubic-bezier(.25,1.4,.4,1) forwards kmRowIn}@keyframes kmRowIn{to{opacity:1;transform:translateY(0)}}.km-orow--top{border-bottom-color:var(--signal)}.km-orow-rank{font:700 19px/1 var(--display);color:var(--ink-3);text-align:left;font-variant-numeric:tabular-nums;min-width:2.4em}.km-orow-rank i{letter-spacing:.04em;font-size:12px;font-style:normal}.km-orow--top .km-orow-rank{color:var(--signal)}.km-orow-name{text-align:left;font:600 14.5px/1.2 var(--gothic);letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.km-orow--top .km-orow-name,.km-orow--you .km-orow-name{color:var(--ink);font-weight:700}.km-orow-info{flex:none;align-items:baseline;gap:8px;display:flex}.km-orow-info b{font:700 18px/1 var(--display);color:var(--ink-2);font-variant-numeric:tabular-nums}.km-orow--top .km-orow-info b{color:var(--signal)}.km-diff{font:600 12px/1 var(--gothic);color:var(--ink-3);font-style:normal}.km-burst{pointer-events:none;position:absolute;top:50%;left:26px}.km-burst i{background:var(--signal);border-radius:2px;width:6px;height:6px;animation:1.15s cubic-bezier(.15,.6,.4,1) both kmBurst;position:absolute}.km-burst i:nth-child(3n){background:var(--c2)}.km-burst i:nth-child(3n+1){background:var(--c4)}.km-burst i.dim{background:var(--c3)}@keyframes kmBurst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(220deg)}}.km-penalty{text-align:left;border-radius:var(--r);background:var(--paper-2);border:2.5px solid var(--ink);width:min(560px,100%);box-shadow:0 4px 0 var(--ink);justify-items:start;gap:8px;margin-top:24px;padding:16px 18px;animation:.42s backwards kmPopIn;display:grid}.km-penalty--me{border-color:var(--signal);box-shadow:0 4px 0 var(--signal);background:#ffe0d6}.km-penalty-label{font:700 12px/1 var(--gothic);letter-spacing:.22em;color:var(--ink-2)}.km-penalty-who{font:600 12.5px/1.5 var(--gothic);letter-spacing:.04em;color:var(--ink-2)}.km-penalty-text{font:700 17px/1.7 var(--display);letter-spacing:.03em;color:var(--ink);text-wrap:balance}.km-lobby{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 26px;display:flex;position:absolute;inset:0;overflow-y:auto}.km-lobby .km-en{margin-bottom:4px}.km-entry{justify-items:center;gap:11px;width:min(300px,88vw);display:grid}.km-entry>.km-input{width:100%}.km-hintline{font:600 12.5px/1.6 var(--gothic);letter-spacing:.04em;color:var(--ink-2)}.km-invite{gap:8px;width:min(320px,88vw);display:grid}.km-lobby .km-btn--wide{width:min(320px,88vw)}.km-members{border-top:2px solid var(--line-2);gap:0;width:min(320px,88vw);display:grid}.km-member{border-bottom:2px solid var(--line-2);font:700 14px/1 var(--gothic);letter-spacing:.04em;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:8px;padding:13px 4px;animation:.38s cubic-bezier(.25,1.4,.4,1) backwards kmMemberIn;display:flex}@keyframes kmMemberIn{0%{opacity:0;transform:translate(-18px)}}.km-member.off{opacity:.55}.km-member-name{align-items:center;gap:8px;display:flex}.km-member-you{font:700 12px/1 var(--gothic);letter-spacing:.04em;color:#fffdfa;background:var(--signal);border-radius:99px;padding:4px 8px;font-style:normal}.km-member-tag{font:700 12px/1 var(--gothic);letter-spacing:.1em;color:var(--ink);background:var(--c2);border:2px solid var(--ink);border-radius:99px;padding:3px 9px}.km-member-tag.off{color:var(--ink-2);background:var(--paper-3);border-color:var(--line-2)}.km-practice-link{appearance:none;cursor:pointer;background:var(--paper-2);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);font:700 12.5px/1 var(--gothic);letter-spacing:.06em;color:var(--ink);border-radius:var(--r-s);padding:12px 18px}.km-practice-link:hover{background:#ffdfa8}.km-practice-link:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.km-overlay{z-index:18;background:var(--paper);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.km-overlay:before{content:"";pointer-events:none;background:radial-gradient(96% 60% at 20% 4%,#ffc23d4d,#ffc23d00 68%),radial-gradient(110% 70% at 50% 110%,#56b4f038,#56b4f000 70%);position:absolute;inset:0}.km-overlay-panel{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:620px;padding:26px 16px;display:flex;position:relative}.km-practice-tag{font:700 12px/1 var(--gothic);letter-spacing:.12em;color:var(--ink-2);align-items:center;gap:9px;display:inline-flex}.km-practice-tag i{background:var(--c3);border:2px solid var(--ink);border-radius:50%;flex:none;width:8px;height:8px}.km-practice-ok{justify-items:center;gap:14px;display:grid}.km-practice-word{font:700 38px/1 var(--display);letter-spacing:.08em;text-indent:.08em;color:var(--ink)}.km-gauge{flex-direction:column-reverse;gap:9px;width:min(340px,86%);display:flex}.km-gauge .km-track{margin-top:0}.km-gauge-num{font:700 22px/1 var(--display);color:var(--signal);font-variant-numeric:tabular-nums;text-align:right}.km-gauge-num i{letter-spacing:.16em;color:var(--ink-2);margin-left:6px;font-size:12px;font-style:normal}.km-modal{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2f26206b;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.km-modal-panel{background:var(--paper);border:3px solid var(--ink);box-shadow:0 8px 0 var(--ink);text-align:center;border-radius:14px;justify-items:center;gap:14px;width:min(420px,100%);padding:28px 24px 22px;animation:.34s cubic-bezier(.25,1.4,.4,1) both kmPanelIn;display:grid;position:relative}.km-modal-panel--shelf{max-height:min(78vh,620px);overflow-y:auto}.km-modal-panel{max-height:calc(100dvh - 36px);overflow-y:auto}.km-shelf-sub{border-top:2px solid var(--line-2);margin-top:18px;padding-top:16px}.km-sheet--seen{opacity:.62;border-style:dashed}.km-rules{gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.km-rules li{text-align:left;font:500 13.5px/1.8 var(--gothic);letter-spacing:.02em;color:var(--ink-2);gap:12px;display:flex}.km-rules .no{font:700 12px/1.6 var(--display);color:#fffdfa;background:var(--signal);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.km-shelf{flex-wrap:wrap;justify-content:center;gap:9px;width:100%;padding-top:4px;display:flex}.jumpmenu{justify-items:center;gap:8px;width:100%;display:grid}.jumpmenu__toggle{appearance:none;cursor:pointer;background:var(--paper-2);border:2.5px solid var(--ink);width:100%;box-shadow:0 3px 0 var(--ink);font:700 12.5px/1 var(--gothic);letter-spacing:.06em;color:var(--ink);border-radius:var(--r-s);padding:13px 14px}.jumpmenu__toggle:hover{background:#ffdfa8}.jumpmenu__toggle:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.jumpmenu__list{border:2.5px solid var(--line-2);border-radius:var(--r);gap:8px;width:100%;padding:12px;display:grid}.jumpmenu__note{font:600 12px/1.6 var(--gothic);letter-spacing:.03em;color:var(--ink-2);margin:0 0 2px}.jumpmenu__item{appearance:none;cursor:pointer;background:var(--paper);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:var(--r-s);font:700 13px/1 var(--display);letter-spacing:.04em;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.jumpmenu__item:hover{background:var(--paper-2)}.jumpmenu__item:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.jumpmenu__item span{font:600 12px/1 var(--gothic);letter-spacing:.04em;color:var(--ink-2)}@media (max-height:780px){.km-mark .km-tile{width:52px;height:61px}.km-mark .km-tc{font-size:30px}.km-title-kana{margin-top:24px;font-size:52px}.km-title-latin{letter-spacing:.38em;margin-top:12px}.km-title-tag{margin-top:18px;font-size:14.5px;line-height:1.85}.km-title-top{padding-top:calc(env(safe-area-inset-top,0px) + 22px)}.km-title-acts{gap:10px;padding-top:16px}.km-title-acts .km-btn{height:56px}.km-title-nav{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 50px)}}@media (max-height:660px){.km-mark .km-tile{width:44px;height:52px}.km-mark .km-tc{font-size:25px}.km-title-kana{margin-top:18px;font-size:42px}.km-title-tag{margin-top:14px;font-size:13.5px}.km-title-acts .km-btn{height:52px}}@media (min-width:600px){.km-title-tag br{display:none}}@media (min-width:600px) and (max-width:1023px){:root{--aw:66px;--ah:80px;--rw:66px;--rh:80px;--tgap:12px;--r:13px}.km-title-acts,.km-tools,.km-rail{width:min(560px,100%);margin-inline:auto}.km-title-stage{justify-content:safe center}.km-mark{gap:16px}.km-mark .km-tile:nth-child(4){display:flex}.km-mark .km-tile{width:clamp(88px,10vh,116px);height:clamp(102px,11.6vh,134px)}.km-mark .km-tc{font-size:clamp(52px,6.4vh,70px)}.km-title-kana{margin-top:clamp(40px,5vh,62px);font-size:clamp(74px,8vh,92px)}.km-title-latin{margin-top:clamp(18px,2.2vh,28px)}.km-title-tag{letter-spacing:.06em;margin-top:clamp(34px,4.2vh,54px);font-size:clamp(18px,2vh,22px)}.km-title-acts{grid-auto-columns:1fr;grid-auto-flow:column;gap:14px;padding-bottom:6px}.km-title-acts .km-btn{height:74px}.km-title-meta{padding:20px 0 calc(env(safe-area-inset-bottom,0px) + 22px);justify-content:center;align-items:center;gap:34px;display:flex}.km-title-nav{padding-bottom:6px}}@media (min-width:1024px){:root{--aw:96px;--ah:116px;--rw:76px;--rh:92px;--tgap:15px;--r:14px}.km-stage{container:kmstage/inline-size}.km-board{--aw:min(96px, calc((100cqi - 16px) / 6.9));--ah:calc(var(--aw) * 1.208);--rw:calc(var(--aw) * .792);--rh:calc(var(--rw) * 1.21);--tgap:calc(var(--aw) * .156)}.km-title{grid-template:"eyebrow nav""stage stage"1fr"acts acts""meta meta"/1fr auto;padding:0}.km-title-top{border-bottom:2px solid var(--line-2);justify-content:flex-start;height:78px;padding:0 64px}.km-title-nav{border-bottom:2px solid var(--line-2);grid-area:nav;justify-content:flex-end;gap:30px;height:78px;padding:0 64px}.km-title-top .km-eyebrow-jp{display:none}.km-title-stage{padding-top:40px}.km-mark{gap:20px}.km-mark .km-tile:nth-child(4){display:flex}.km-mark .km-tile{width:112px;height:130px}.km-mark .km-tc{font-size:68px}.km-title-kana{letter-spacing:.16em;text-indent:.16em;margin-top:62px;font-size:80px}.km-title-latin{letter-spacing:.5em;margin-top:20px}.km-title-tag{letter-spacing:.07em;margin-top:28px;font-size:20px;line-height:1.8}.km-title-acts{grid-auto-flow:column;justify-content:center;gap:16px;padding:0 0 64px}.km-title-acts .km-btn{width:auto;min-width:236px;height:66px}.km-title-meta{border-top:2px solid var(--line-2);grid-area:meta;justify-content:center;align-items:center;gap:52px;padding:26px 0;display:flex}.km-play{grid-template:"top top top""meta stage rail"minmax(0,1fr)"meta stage tools"/280px minmax(0,1fr) 300px}.km-top{border-bottom:2px solid var(--line-2);height:74px;padding:0 48px}.km-meta{border-right:2px solid var(--line-2);padding:44px 34px}.km-pc-only{display:inline}.km-top-c{letter-spacing:.18em}.km-tmr{align-self:flex-start;display:block}.km-tmr b{font-size:80px;line-height:.9;display:block}.km-tmr b i{font-size:.32em}.km-tmr span{letter-spacing:.2em;margin-top:14px;display:block}.km-tmr span i{display:inline}.km-track{margin-top:26px}.km-meta-list{gap:22px;margin-top:40px;display:grid}.km-meta-list .k{font:700 12px/1 var(--gothic);letter-spacing:.14em;color:var(--ink-2)}.km-meta-list .v{font:700 28px/1 var(--display);letter-spacing:.03em;color:var(--ink);margin-top:9px}.km-qcap{margin:0;position:absolute;top:26px;left:0;right:0}.km-remain{margin-top:18px}.km-racklab{width:min(700px,100%);margin-top:44px}.km-rack{margin-top:24px}.km-keyno{opacity:1;height:auto}.km-kbd{font:600 12px/1 var(--gothic);letter-spacing:.04em;color:var(--ink-2);white-space:nowrap;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding:0 16px;display:flex;position:absolute;bottom:30px;left:0;right:0}.km-kbd span{align-items:center;display:inline-flex}.km-kbd kbd{font:700 12px/1 var(--gothic);letter-spacing:.04em;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);border-radius:5px;margin-right:7px;padding:4px 7px}.km-kbd kbd+kbd{margin-left:4px}.km-rail{border-top:0;border-left:2px solid var(--line-2);flex-direction:column;align-items:stretch;margin:0;padding:40px 30px 0;overflow-y:auto}.km-rail-lab{font:700 12px/1 var(--gothic);letter-spacing:.14em;color:var(--ink-2);margin-bottom:16px;display:block}.km-rail-row{border-bottom:2px solid var(--line-2);flex-direction:row;flex:none;align-items:center;gap:12px;padding:14px 0}.km-rail-no{min-width:2.2em;font-size:16px}.km-rail-nm{text-align:left;flex:1;font-size:13px}.km-rail-pt{font:600 12px/1 var(--gothic);letter-spacing:.04em;color:var(--ink-2);flex:none;margin-left:auto;display:block}.km-rail-row--done .km-rail-pt{color:var(--signal);font-weight:700}.km-rail--recent{align-items:stretch;gap:0;padding:40px 30px 0}.km-recent{justify-content:flex-start;max-height:none}.km-rail--recent .km-rail-lab{letter-spacing:.14em;margin-bottom:16px;font-size:12px}.km-rail--recent .km-sheet--word{padding:9px 12px;font-size:14px}.km-tools{border-left:2px solid var(--line-2);grid-template-columns:1fr;gap:10px;padding:20px 30px 34px}.km-tools .km-btn{letter-spacing:.08em;height:48px;font-size:13px}.km-result{justify-content:safe center;padding-top:64px}.km-result .km-result-foot{margin-top:26px}.km-res-score{font-size:108px}.km-crown-name{font-size:58px}.km-orows,.km-sheets,.km-penalty{width:min(640px,100%)}.km-turnend-word{font-size:60px}.km-donecard-word{font-size:46px}.km-lobby{gap:20px}.km-lobby .km-h2{font-size:30px}}@media (min-width:1024px) and (max-width:1279px){.km-play{grid-template-columns:250px minmax(0,1fr) 270px}.km-meta{padding:40px 26px}.km-tmr b{font-size:66px}.km-meta-list{gap:18px;margin-top:32px}.km-meta-list .v{font-size:24px}.km-rail,.km-rail--recent,.km-tools{padding-left:24px;padding-right:24px}.km-racklab{margin-top:44px}}@media (min-width:1600px){:root{--aw:108px;--ah:130px;--rw:86px;--rh:104px;--tgap:17px}.km-board{--aw:min(108px, calc((100cqi - 16px) / 6.9))}.km-play{max-width:1600px;margin-inline:auto}}@media (hover:hover) and (pointer:fine){button.km-tile:after{inset:-2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-height:780px){.km-modal-panel{gap:12px;padding:22px 18px 18px}.km-rules{gap:10px}.km-rules li{font-size:13px;line-height:1.7}.km-result{padding-top:calc(env(safe-area-inset-top,0px) + 26px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.km-res-main{margin-top:12px}.km-res-score{font-size:66px}.km-res-rule{margin-top:14px}.km-sheets{gap:7px;max-height:27vh;margin-top:14px;overflow-y:auto}.km-sheet{gap:4px;min-width:62px;padding:7px 11px 6px}.km-sheet-word{font-size:15px}.km-sheet-tag{font-size:11px}.km-result .km-res-sub,.km-sharebtns,.km-result .km-btns{margin-top:12px}.km-result .km-result-foot{margin-top:16px}.km-fb{margin-top:12px}.km-crown{gap:8px;margin-top:14px}.km-crown-name{font-size:38px}.km-orows{max-height:30vh;margin-top:14px;overflow-y:auto}.km-orow{padding:11px 4px}.km-result--online{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 60px)}}:root[data-inapp="1"] .km-title{grid-template-rows:auto auto auto auto;padding-bottom:34vh}