.ky{--ky-face: #2b3a4a;--ky-frame: #161d25;--ky-ice: #bfe3ee;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:16px;align-items:start;max-width:1100px;margin-inline:auto;padding:12px}.ky-cab{width:min(100%,calc((100dvh - 56px)*.75));margin-inline:auto;padding:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--ky-face) 62%,#0b1016),color-mix(in srgb,var(--ky-face) 34%,#070a0e));border-radius:10px}.ky-stage{position:relative;--ky-bw: 6px}.ky-board{display:block;box-sizing:content-box;width:calc(100% - 2 * var(--ky-bw));background:#05070a;border:var(--ky-bw) solid var(--ky-frame)}.ky-statue{position:absolute;left:var(--ky-bw);right:var(--ky-bw);bottom:var(--ky-bw);height:calc((100% - 2 * var(--ky-bw)) * var(--ky-band, 0));z-index:2;display:grid;grid-template-columns:1fr 20% 1fr;align-items:end;gap:8px;padding:6px 10px;box-sizing:border-box;pointer-events:none}.ky-statue[hidden]{display:none}.ky-statue-hand{grid-column:3;display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;gap:3px;align-self:end;justify-self:end;padding:3px;border-radius:4px;background:#05070ab8}.ky-statue-hand:empty{padding:0;background:none}.ky-shard{display:block;width:9px;height:10px;background:color-mix(in srgb,var(--ky-ice) 80%,#fff);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ky-shard.is-new{animation:ky-shard-in .7s ease-in}@keyframes ky-shard-in{0%{transform:translateY(-120px) rotate(-90deg);opacity:0}30%{opacity:1}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.ky-shard.is-new{animation:none}}.ky-statue-cap{position:absolute;left:10px;top:8px;padding:1px 6px;border-radius:4px;background:#05070ab8;font-size:12px;color:var(--ky-ice);pointer-events:none}.ky-carve{position:absolute;right:10px;top:6px;pointer-events:auto;padding:12px 16px;font-size:14px;color:#0b1016;background:var(--ky-ice);border:0;border-radius:999px;cursor:pointer}.ky-carve:disabled,.ky-carve[data-empty=true]{cursor:default;opacity:.35}.ky-drop{padding:14px 10px;font-size:17px;font-weight:700;letter-spacing:.08em;color:#0b1016;background:var(--ky-ice);border:0;border-radius:8px;cursor:pointer}.ky-drop:disabled{cursor:default;opacity:.4}.ky-drop:active:not(:disabled){background:color-mix(in srgb,var(--ky-ice) 55%,#fff)}.ky-drop[aria-disabled=true],.ky-carve[aria-disabled=true]:not([data-empty=true]){cursor:progress}.ky-glint{position:absolute;z-index:1;height:3px;margin-top:-1.5px;border-radius:2px;background:#fff;box-shadow:0 0 6px 1px color-mix(in srgb,var(--ky-ice) 80%,#fff);opacity:0;pointer-events:none}.ky-glint.is-on{animation:ky-glint .15s ease-out}@keyframes ky-glint{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ky-glint.is-on{animation:none}}.ky-side{display:grid;gap:10px;align-content:start}.ky-sign{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:color-mix(in srgb,var(--ky-face) 40%,#070a0e);border-radius:8px}.ky-title{font-weight:700;font-size:17px;color:var(--ky-ice);letter-spacing:.04em}.ky-line{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ky-line[data-show]{position:static;width:auto;height:auto;padding:8px 10px;overflow:visible;clip-path:none;white-space:normal;background:color-mix(in srgb,var(--ky-face) 40%,#070a0e);border-radius:8px;font-size:14px;line-height:1.6}.ky-meta{display:grid;gap:6px;padding:10px;background:color-mix(in srgb,var(--ky-face) 26%,#070a0e);border-radius:8px;font-size:14px;line-height:1.7}.ky-meta b{color:var(--ky-ice)}@media (max-width: 900px){.ky{grid-template-columns:minmax(0,1fr);max-width:560px}.ky-cab{width:100%}.ky-key{order:1}.ky-meta{order:2}}@media (max-width: 470px){.ky{padding-left:0;padding-right:0}.ky-cab{width:auto;margin-left:-16px;margin-right:-16px;padding-left:0;padding-right:0;border-radius:0}.ky-stage{--ky-bw: 3px}}.ky-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:8px 10px;background:color-mix(in srgb,var(--ky-face) 40%,#070a0e);border-radius:8px;font-size:13px;color:var(--ky-ice)}.ky-key-cap{width:100%;font-size:12px;opacity:.8}.ky-key-item{display:inline-flex;align-items:center;gap:6px}.ky-key-chip{display:block;width:calc(14px * var(--chip-scale, 1));height:calc(12px * var(--chip-scale, 1));background:var(--chip, #ccc);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.ky-key-wrap{display:inline-flex}.ky-key-wrap.is-lantern{filter:drop-shadow(0 0 4px var(--chip))}.ky-statue[data-holding=true] .ky-statue-cap{visibility:hidden}