[data-theme=keycap]{--bg:#16171a;--plate:#1f2024;--plate-edge:#121315;--socket:#26272c;--socket-hi:#2f3036;--ink:#ebe8e1;--ink-2:#a9a69f;--ink-3:#6f6e72;--key-top:#efebe2;--key-skirt:#b9b3a6;--key-ink:#1d1e22;--seed-top:#3b3c43;--seed-skirt:#2a2b30;--seed-ink:#cfcbc3;--accent:#f2b544;--accent-skirt:#b8801c;--accent-ink:#231a07;--l-bonus:#8fd3ab;--l-bonus-bg:#263a2f;--w-bonus:#f39a6b;--w-bonus-bg:#3d2b24;--l-bonus-edge:#3f9d68;--w-bonus-edge:#d8723e;--l-bonus-ink:#1e7a46;--good:#8fd3ab;--bad:#ff6b5e;--ghost-top:#f2b544;--ghost-skirt:#b8801c;--font:"SF Pro Rounded", ui-rounded, "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}body{justify-content:center;min-height:100dvh;display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,.socket:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{--pad:16px;--gap:4px;--cell:min(calc((100vw - 2 * var(--pad) - 16px - 8 * var(--gap)) / 9), 54px);--rack-gap:7px;--rack-cell:min(calc((100vw - 2 * var(--pad) - 20px - 7 * var(--rack-gap)) / 8), 58px);width:100%;max-width:560px;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) var(--pad) max(16px, env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;flex-direction:column;gap:12px;display:flex}.top{justify-content:space-between;align-items:center;height:40px;display:flex}.mark{align-items:center;gap:10px;display:flex}.wordmark{gap:2px;display:flex}.wordmark .mini{background:var(--key-skirt);border-radius:4px;width:17px;height:19px;padding:1px 1px 3px}.wordmark .mini span{background:var(--key-top);height:100%;color:var(--key-ink);text-transform:lowercase;border-radius:3px;place-items:center;font-size:11px;font-weight:700;line-height:1;display:grid}.num{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:14px}.badge{background:var(--l-bonus-bg);color:var(--l-bonus);letter-spacing:.04em;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700}button.badge:hover{box-shadow:inset 0 0 0 1px var(--l-bonus)}.debug-info{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px;display:grid}.debug-info dt{color:var(--ink-3)}.debug-info dd{color:var(--ink);font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:12px}.debug-actions{gap:8px;display:grid}.debug-action{background:var(--socket);text-align:left;border-radius:10px;gap:2px;padding:10px 12px;font-size:14px;font-weight:600;display:grid}.debug-action:hover{background:var(--socket-hi)}.debug-action small{color:var(--ink-3);font-size:12px;font-weight:400}.tools{gap:4px;display:flex}.icon-btn{width:36px;height:36px;color:var(--ink-2);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--socket);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.plate{grid-template-columns:repeat(9, var(--cell));align-self:center;gap:var(--gap);background:var(--plate);box-shadow:0 1px 0 #ffffff0a inset, 0 10px 30px #00000059, 0 2px 0 var(--plate-edge);border-radius:16px;padding:8px;display:grid;position:relative}.socket{width:var(--cell);height:var(--cell);border-radius:calc(var(--cell) * .16);background:var(--socket);place-items:center;display:grid;position:relative;box-shadow:inset 0 2px 3px #00000073,inset 0 -1px #ffffff08}.socket.hover{background:var(--socket-hi);box-shadow:inset 0 0 0 2px var(--accent)}.socket.cursor:after{content:"";border:2px solid var(--accent);border-radius:calc(var(--cell) * .2);pointer-events:none;position:absolute;inset:-3px}.socket.cursor.down:before,.socket.cursor.right:before{content:"";z-index:3;pointer-events:none;border:4px solid #0000;width:0;height:0;position:absolute}.socket.cursor.right:before{border-left-color:var(--accent);right:-9px}.socket.cursor.down:before{border-top-color:var(--accent);bottom:-9px}.bonus{font-size:calc(var(--cell) * .27);letter-spacing:-.02em;pointer-events:none;font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.socket:has(>.key) .bonus{display:none}.socket.L2,.socket.L3{background:var(--l-bonus-bg)}.socket.W2,.socket.W3{background:var(--w-bonus-bg)}.socket.L2 .bonus,.socket.L3 .bonus{color:var(--l-bonus)}.socket.W2 .bonus,.socket.W3 .bonus{color:var(--w-bonus)}.socket:is(.L2,.L3)>.key{--skirt:var(--l-bonus-edge)}.socket:is(.W2,.W3)>.key{--skirt:var(--w-bonus-edge)}.socket:is(.L2,.L3)>.key .pts:after{color:var(--l-bonus-ink);font-weight:700}.socket.L2>.key .pts:after{content:"×2"}.socket.L3>.key .pts:after{content:"×3"}.marks{pointer-events:none;position:absolute;inset:0}.mark-bar{background:var(--ink-3);border-radius:2px;transition:background-color .15s;position:absolute}.mark-bar.valid{background:var(--good)}.mark-bar.invalid{background:var(--bad)}.key{--top:var(--key-top);--skirt:var(--key-skirt);--kink:var(--key-ink);--sz:var(--cell);width:var(--sz);height:var(--sz);padding:calc(var(--sz) * .04) calc(var(--sz) * .04) calc(var(--sz) * .1);border-radius:calc(var(--sz) * .18);background:var(--skirt);box-shadow:0 1px 0 #0000008c, 0 calc(var(--sz) * .06) calc(var(--sz) * .12) #00000059;cursor:grab;touch-action:none;transition:transform .12s cubic-bezier(.3,1.5,.5,1),box-shadow .12s,padding 80ms;position:relative}.key .cap{border-radius:calc(var(--sz) * .13);background:var(--top);height:100%;color:var(--kink);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 calc(var(--sz) * -.05) calc(var(--sz) * .06) #0000001a;place-items:center;display:grid;position:relative}.key .ch{font-size:calc(var(--sz) * .48);font-weight:700;line-height:1;transform:translateY(-4%)}.key .pts{right:calc(var(--sz) * .08);bottom:calc(var(--sz) * .03);font-size:calc(var(--sz) * .19);opacity:.55;font-variant-numeric:tabular-nums;font-weight:600;position:absolute}.key.seed{--top:var(--seed-top);--skirt:var(--seed-skirt);--kink:var(--seed-ink);cursor:pointer;box-shadow:0 1px #00000080}.key.seed .cap{box-shadow:inset 0 1px #ffffff12}.key.ghost{--top:var(--ghost-top);--skirt:var(--ghost-skirt);--kink:var(--accent-ink);cursor:default;animation:.18s ease-out both ghost-in}.key.wild{--top:var(--wild-top,#d9d2f0);--skirt:var(--wild-skirt,#9e93c4)}.key.wild .pts{opacity:.4}.key.wild .wild-label{font-size:calc(var(--sz) * .2);letter-spacing:.04em;opacity:.7;font-weight:600}.wild-picker{--cell:40px;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.wild-picker .pick{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.wild-picker .key{cursor:pointer}@keyframes ghost-in{0%{opacity:0;transform:scale(.6)}}.key.selected{transform:translateY(calc(var(--sz) * -.14));box-shadow:0 1px 0 #0000008c, 0 calc(var(--sz) * .22) calc(var(--sz) * .24) #00000073}.key.selected .cap{box-shadow:inset 0 0 0 2px var(--accent), inset 0 1px 0 #ffffff8c}.key.lonely .cap{box-shadow:inset 0 0 0 2px var(--bad)}.key.press{padding-bottom:calc(var(--sz) * .05);transform:translateY(calc(var(--sz) * .04))}.key.locked{cursor:pointer}.key.dragging{z-index:50;pointer-events:none;cursor:grabbing;margin:0;transition:none;position:fixed;top:0;left:0;box-shadow:0 1px #0000008c,0 18px 28px #00000080}.stage{flex-direction:column;flex:1;gap:12px;display:flex}.challenge{text-align:center;margin-bottom:-4px}.challenge-name{margin:0;font-size:20px;font-weight:700;line-height:1.2}.challenge-sub{color:var(--ink-3);margin:2px 0 0;font-size:12px}.stage>:first-child{margin-top:auto}.stage>:last-child{margin-bottom:auto}@media (min-width:600px){.stage{gap:16px}}.bottom{flex-direction:column;gap:12px;display:flex}.tray-wrap{position:relative}.live{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 2px;display:flex}.chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.chip{background:var(--socket);letter-spacing:.04em;color:var(--ink-2);border-radius:8px;align-items:baseline;gap:6px;padding:4px 9px;font-size:13px;font-weight:600;animation:.16s ease-out both chip-in;display:inline-flex}.chip b{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:600}.chip.valid{color:var(--good)}.chip.invalid{color:var(--bad);text-decoration:line-through;text-decoration-thickness:2px}.chip .mult{background:var(--w-bonus-bg);color:var(--w-bonus);letter-spacing:0;border-radius:4px;align-self:center;padding:0 4px;font-size:10px;font-weight:700}@keyframes chip-in{0%{opacity:0;transform:translateY(4px)}}.total{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1;transition:color .15s}.total.dim{color:var(--ink-3)}.total.bump{animation:.22s cubic-bezier(.3,1.6,.5,1) bump}@keyframes bump{40%{transform:scale(1.12)}}.tray{grid-template-columns:repeat(8, var(--rack-cell));gap:var(--rack-gap);background:var(--plate);border-radius:16px;justify-content:center;padding:10px;display:grid;box-shadow:inset 0 2px 6px #0006}.slot{width:var(--rack-cell);height:var(--rack-cell);border-radius:calc(var(--rack-cell) * .18);background:#0000002e}.slot .key{--sz:var(--rack-cell)}.controls{align-items:stretch;gap:10px;display:flex}.wide-key{--sz:52px;--top:var(--seed-top);--skirt:var(--seed-skirt);--kink:var(--ink);background:var(--skirt);border-radius:12px;flex:0 0 56px;height:56px;padding:3px 3px 6px;transition:transform .1s,padding 80ms;position:relative;box-shadow:0 1px #0000008c,0 4px 8px #0000004d}.wide-key .cap{background:var(--top);height:100%;color:var(--kink);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.wide-key svg{width:22px;height:22px}.wide-key:active,.wide-key.down{padding-bottom:3px;transform:translateY(3px)}.wide-key.lock{--top:var(--accent);--skirt:var(--accent-skirt);--kink:var(--accent-ink);flex:1}.wide-key.lock .cap{font-size:16px;font-weight:700;box-shadow:inset 0 1px #ffffff73}.wide-key.lock .fill{transform-origin:0;background:#00000029;position:absolute;inset:0;transform:scaleX(0)}.wide-key.lock .label{position:relative}.wide-key.shake{animation:.32s shake}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.sheet{background:var(--plate);border-radius:18px;flex-direction:column;gap:16px;padding:18px 16px 16px;animation:.28s cubic-bezier(.2,1,.3,1) both sheet-in;display:flex;box-shadow:0 10px 30px #00000059}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.sheet h2{color:var(--ink-2);margin:0;font-size:15px;font-weight:600}.sheet p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.5}.headline{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:700;line-height:.9}.of{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:8px;font-size:15px}.tier-word{letter-spacing:.01em;border-radius:9px;align-self:center;align-items:center;gap:5px;padding:5px 11px 6px;font-size:15px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px #0000002e}.tier-word.poor{background:var(--seed-top);color:var(--ink-2)}.tier-word.good{background:var(--l-bonus);color:#10261a}.tier-word.excellent{background:var(--w-bonus);color:#2b1209}.tier-word.perfect{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 -3px #0000002e,0 0 18px #f2b54473}.tier-word.perfect:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:2.6s ease-in-out .4s infinite glint;position:absolute;inset:0;transform:translate(-100%)}.tier-word .spark{font-size:12px}@keyframes glint{0%{transform:translate(-100%)}40%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.tier-word.perfect:after{animation:none;display:none}}.share-opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.share-opt{background:var(--socket);text-align:center;border-radius:14px;flex-direction:column;gap:8px;padding:8px 8px 10px;display:flex}.share-opt:hover{background:var(--socket-hi)}.share-preview{aspect-ratio:732/820;background:var(--bg);border-radius:9px;place-items:center;display:grid;overflow:hidden}.share-preview canvas{width:100%;height:auto;display:block}.share-label{font-size:15px;font-weight:700}.share-text{color:var(--ink-2);text-align:left;flex-direction:column;align-items:flex-start;gap:7px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.share-text .host{color:var(--ink-3);font-weight:500}.share-bar{align-items:center;gap:2px;display:flex}.share-bar b{font-weight:inherit;margin-left:6px}.share-bar i{background:var(--seed-top);border-radius:2px;width:9px;height:9px}.share-bar.poor i.on{background:var(--ink-2)}.share-bar.good i.on{background:var(--l-bonus)}.share-bar.excellent i.on{background:var(--w-bonus)}.share-bar.perfect i.on{background:var(--accent)}.next-in{text-align:center;color:var(--ink-3);font-variant-numeric:tabular-nums;margin:-6px 0 0;font-size:13px}.tips{background:var(--socket);border-radius:12px;padding:12px 40px 12px 14px;position:relative}.tips ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tips li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.tips li svg{width:17px;height:17px;color:var(--accent);flex:none;margin-top:1px}.tips-close{width:32px;height:32px;position:absolute;top:4px;right:4px}.tips-close svg{width:16px;height:16px}.stats{color:var(--ink-2);font-variant-numeric:tabular-nums;gap:18px;font-size:13px;display:flex}.stats b{color:var(--ink);margin-bottom:2px;font-size:20px;font-weight:700;display:block}.hist{align-items:flex-end;gap:2px;height:56px;display:flex}.hist div{background:var(--socket-hi);border-radius:2px 2px 0 0;flex:1;min-height:2px}.hist div.you{background:var(--accent)}.hist-axis{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.plays{flex-direction:column;gap:2px;margin:0 -6px;display:flex}.play-row{text-align:left;border-radius:10px;align-items:center;gap:10px;padding:9px 8px;font-size:14px;display:flex}.play-row:hover,.play-row.on{background:var(--socket)}.play-row .rank{width:18px;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.play-row{align-items:flex-start}.play-row .rank,.play-row .score{line-height:22px}.play-row .words{flex-wrap:wrap;flex:1;gap:2px 12px;min-width:0;font-weight:600;line-height:22px;display:flex}.play-row .w{white-space:nowrap}.play-row .letters{letter-spacing:.05em}.play-row .w.small .letters{color:var(--ink-3)}.play-row .w.wb .letters{color:var(--w-bonus)}.play-row .lb{color:var(--l-bonus)}.play-row .mult{background:var(--w-bonus-bg);color:var(--w-bonus);vertical-align:1px;border-radius:4px;margin-left:3px;padding:0 4px;font-size:10px;font-weight:700}.play-row .pt{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:4px;font-size:11px;font-weight:500}.play-row .score{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.play-row.mine{background:var(--socket);box-shadow:inset 3px 0 0 var(--accent)}.play-row.mine .rank,.play-row.mine .score{color:var(--ink)}.row{gap:10px;display:flex}.note{color:var(--ink-3);font-size:13px}.overlay{z-index:40;background:#08080a99;justify-content:center;align-items:flex-end;padding:16px;animation:.18s ease-out both fade;display:flex;position:fixed;inset:0}.overlay .sheet{width:100%;max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto}@media (min-width:600px){.overlay{align-items:center}}@keyframes fade{0%{opacity:0}}.sheet-head{justify-content:space-between;align-items:center;margin:-6px -6px 0 0;display:flex}.sheet-head h2{color:var(--ink);font-size:17px}.rules{color:var(--ink-2);gap:10px;font-size:14px;line-height:1.45;display:grid}.legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.example-wrap{justify-items:center;gap:10px;display:grid}.plate.example{--cell:38px;grid-template-columns:repeat(5, var(--cell))}.plate.example .key{cursor:default}.sheet p.key-line{color:var(--ink);font-weight:600}.wide-key.intro-play{flex:none;width:100%}.sheet:focus{outline:none}.legend .socket{--cell:30px;vertical-align:middle;margin-right:6px;display:inline-grid}.cal{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.cal button{background:var(--socket);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:52px;font-size:15px;font-weight:700;display:flex}.cal button small{color:var(--ink-3);margin-top:2px;font-size:11px;font-weight:500}.cal button.done small{color:var(--accent)}.cal button.today{box-shadow:inset 0 0 0 2px var(--accent)}.cal button.challenge{background:var(--w-bonus-bg);color:var(--w-bonus)}.cal-key{background:var(--w-bonus-bg);width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--w-bonus);vertical-align:-2px;border-radius:4px;margin-right:6px;display:inline-block}.sheet .cal+.legend{margin-top:4px}.cal-pager{justify-content:center;align-items:center;gap:16px;display:flex}.cal-range{text-align:center;min-width:96px;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.cal-pager .icon-btn:disabled{opacity:.3;cursor:default;background:0 0}.icon-btn.flip svg{transform:scaleX(-1)}.hint{background:var(--accent);color:var(--accent-ink);white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600;animation:.2s ease-out both chip-in;position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%)}.foot{color:var(--ink-3);flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.foot-row{gap:8px;display:flex}.foot a{color:var(--ink-3);text-decoration:none}.foot a:hover{color:var(--ink-2)}.games{gap:8px;display:grid}.game-row{background:var(--socket);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.game-row.here{box-shadow:inset 0 0 0 2px var(--accent)}.game-name{letter-spacing:.02em;font-weight:700}.game-name.dim{color:var(--ink-3)}.hub-link{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.ts-label{text-align:center;margin:4px 0 0}.ts-box{justify-content:center;display:flex}.ts-box:empty{display:none}.banner{text-align:center;color:var(--ink-2);padding:40px 0;font-size:14px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width:600px){#app{gap:16px;padding-top:24px}}.goal{width:calc(9 * var(--cell) + 8 * var(--gap) + 16px);justify-content:space-between;align-self:center;align-items:center;gap:12px;height:36px;padding:0 2px;display:flex}.goal-max{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:flex}.goal-max span{color:var(--ink-3);font-size:14px}.goal-max b{letter-spacing:-.01em;font-size:22px;font-weight:700}.band-key{--top:var(--seed-top);--skirt:var(--seed-skirt);--kink:var(--ink-2);background:var(--skirt);border-radius:9px;height:34px;padding:2px 2px 5px;transition:opacity .15s;box-shadow:0 1px #0000008c,0 3px 6px #0000004d}.band-key .cap{background:var(--top);height:100%;color:var(--kink);border-radius:7px;align-items:center;gap:5px;padding:0 11px;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e}.band-key.off{visibility:hidden}.band-key.dim{opacity:.45}.band-key.good{--top:var(--l-bonus);--skirt:var(--l-bonus-edge);--kink:#10261a}.band-key.excellent{--top:var(--w-bonus);--skirt:var(--w-bonus-edge);--kink:#2b1209}.band-key.perfect{--top:var(--accent);--skirt:var(--accent-skirt);--kink:var(--accent-ink);box-shadow:0 1px #0000008c,0 0 18px #f2b54473}.band-key .spark{font-size:12px}.band-key.perfect .cap:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff8c 50%,#0000 65%);animation:2.6s ease-in-out .4s infinite glint;position:absolute;inset:0;transform:translate(-100%)}.plate{transition:box-shadow .3s}.plate.perfect{box-shadow:0 0 0 2px var(--accent), 0 0 30px #f2b5444d, 0 10px 30px #00000059}.plate .sweep{pointer-events:none;background:linear-gradient(105deg,#0000 38%,#f2b54447 50%,#0000 62%) 120% 0/250% 100%;border-radius:16px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.band-key.perfect .cap:after{animation:none;display:none}}.def-slot:empty{display:none}.def-card{background:var(--plate);box-shadow:0 0 0 1px var(--socket-hi), 0 10px 24px #00000059;border-radius:12px;gap:3px;padding:11px 14px 12px;font-size:14px;line-height:1.4;animation:.16s ease-out both chip-in;display:grid}.def-card,.def-list{position:relative}:is(.def-card:has(.def-close),.def-list:has(.def-close)){padding-right:40px}.def-close{width:36px;height:36px;position:absolute;top:2px;right:2px}.def-close svg{width:16px;height:16px}.def-head{align-items:baseline;gap:8px;display:flex}.def-word{letter-spacing:.06em;color:var(--ink);font-weight:700}.def-card .def-word{font-size:16px}.def-pos{color:var(--ink-3)}.def-body,.def-text{color:var(--ink-2)}.def-base{margin-top:2px;display:block}.def-base b{letter-spacing:.05em;color:var(--ink);font-weight:700}.def-card.none .def-body{color:var(--bad)}.def-credit{color:var(--ink-3);margin-top:2px;font-size:11px}.def-credit a{color:inherit}.def-tip{z-index:30;pointer-events:none;width:min(300px,100vw - 16px);position:fixed}.def-tip .def-credit a{text-decoration:none}.key.def-hl{transform:translateY(calc(var(--sz) * -.1))}.key.def-hl .cap{box-shadow:inset 0 0 0 2px var(--accent), inset 0 1px 0 #ffffff4d}.key.ghost.def-hl .cap{box-shadow:inset 0 0 0 2px var(--accent-ink)}.def-list{border-top:1px solid var(--socket-hi);grid-template-columns:minmax(48px,max-content) 1fr;gap:6px 10px;margin:0 8px 6px 36px;padding:8px 0 2px;font-size:13px;line-height:1.4;display:grid}.def-line{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.def-list .def-credit{grid-column:1/-1;margin-top:0}@media (hover:hover) and (pointer:fine){.play-row [data-word] .letters{text-underline-offset:4px;-webkit-text-decoration:underline dotted #0000;text-decoration:underline dotted #0000;transition:text-decoration-color .15s}.play-row [data-word]:hover .letters{-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}}