/*! Copyright 2026 El Trivia (eltrivia.com). All rights reserved. */
.k-morse{padding-block:var(--s3) var(--s7)}.k-morse__intro{margin-bottom:var(--s3)}.k-morse__intro h1{font-size:24px}.k-morse__intro p{margin-top:var(--s1);max-width:60ch}.k-morse__note{margin-bottom:var(--s3)}.k-morse__game{container-type:inline-size;display:grid;gap:var(--s3);max-width:640px;padding:var(--s3)}@media (min-width:400px){.k-morse__game{padding:var(--s4)}}.k-morse__game:focus{outline:none}.k-morse__bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}.k-morse__bar-stats{display:flex;gap:var(--s4)}.k-morse.is-name .k-morse__bar-stats{visibility:hidden}.k-morse__big{font-size:18px;min-height:56px;touch-action:manipulation}.k-morse__area{display:grid;position:relative}.k-morse__area .play-start{border-radius:12px}.k-morse__preview{display:grid;gap:var(--s3)}.k-morse__top{align-content:start;min-height:200px;padding-inline:36px;position:relative;text-align:center}.k-morse__decode,.k-morse__decode-area,.k-morse__name-panel,.k-morse__reveal,.k-morse__summary,.k-morse__top{display:grid;gap:var(--s2);justify-items:center}.k-morse [hidden]{display:none!important}.k-morse__light{border:2px solid var(--line-strong);border-radius:50%;height:28px;position:absolute;right:0;top:0;width:28px}.k-morse__light[data-on]{background:var(--ink);border-color:var(--ink)}.k-morse__shapes{align-items:center;display:inline-flex;gap:4px}.k-morse__dot{border-radius:50%;width:10px}.k-morse__dash,.k-morse__dot{background:var(--ink);display:block;height:10px}.k-morse__dash{border-radius:5px;width:26px}.k-morse__code{display:grid;min-height:48px;place-items:center}.k-morse__code .k-morse__shapes{gap:12px}.k-morse__code .k-morse__dot{height:32px;width:32px}.k-morse__code .k-morse__dash{border-radius:16px;height:32px;width:84px}@container (max-width: 360px){.k-morse__code .k-morse__shapes{gap:8px}.k-morse__code .k-morse__dot{height:24px;width:24px}.k-morse__code .k-morse__dash{border-radius:12px;height:24px;width:60px}}.k-morse__word{display:flex;gap:var(--s2);justify-content:center;min-height:52px}.k-morse__slot{border:2px solid var(--line-strong);border-radius:8px;display:grid;font-size:28px;font-weight:800;height:52px;place-items:center;width:44px}.k-morse__slot.is-current{border-color:var(--ink);border-width:3px}.k-morse__slot.is-found{background:var(--surface-2);border-color:transparent}.k-morse__tip{font-size:16px;max-width:40ch;min-height:1.5em}.k-morse__picture{height:160px;object-fit:contain;width:160px}.k-morse__reveal-text{font-size:22px;font-weight:800}.k-morse__name-actions,.k-morse__reveal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center}.k-morse__stars{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;max-width:300px}.k-morse__star{fill:none;stroke:var(--line-strong);stroke-width:1.6;stroke-linejoin:round;height:28px;width:28px}.k-morse__star.is-on{fill:var(--field);stroke:var(--deep)}.k-morse__name{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;min-height:64px}.k-morse__name.is-empty{border:2px dashed var(--line-strong);border-radius:12px;width:min(100%,320px)}.k-morse__name-letter{border-radius:8px;display:grid;gap:4px;justify-items:center;padding:var(--s1) var(--s2)}.k-morse__name-letter.is-sounding{background:var(--surface-2)}.k-morse__name-char{font-size:28px;font-weight:800;line-height:1}.k-morse__private{font-size:13px;max-width:40ch}.k-morse__chart{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}@container (min-width: 336px){.k-morse__chart{grid-template-columns:repeat(5,minmax(0,1fr))}}@container (min-width: 560px){.k-morse__chart{grid-template-columns:repeat(7,minmax(0,1fr))}}.k-morse__key{align-content:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;color:var(--ink);cursor:pointer;display:grid;font:inherit;gap:6px;justify-items:center;min-height:64px;min-width:64px;padding:6px 2px;touch-action:manipulation}.k-morse__key:hover{background:var(--surface-2)}.k-morse__key:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.k-morse__key-letter{font-size:24px;font-weight:800;line-height:1}.k-morse__key .k-morse__shapes{gap:2px}.k-morse__key .k-morse__dot{height:7px;width:7px}.k-morse__key .k-morse__dash{border-radius:4px;height:7px;width:14px}.k-morse__key.is-wobble{animation:k-morse-wobble .45s var(--ease)}@keyframes k-morse-wobble{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.k-morse__key.is-wobble{animation:none;outline:3px dashed var(--ink-2);outline-offset:2px}}@media (max-height:599px),(max-width:719px){.is-play-mode :is(.k-morse__area,.k-morse__preview){display:contents}.k-morse__game.is-play-mode{align-content:start;grid-template-rows:auto max-content auto}.is-play-mode .k-morse__bar{flex-wrap:nowrap}.is-play-mode .k-morse__bar-stats{display:none}.is-play-mode .k-morse__top{gap:var(--s1);min-height:min-content}.is-play-mode .k-morse__private{display:none}.is-play-mode .k-morse__tip{font-size:14px}.is-play-mode .k-morse__code{min-height:32px}.is-play-mode .k-morse__code .k-morse__shapes{gap:8px}.is-play-mode .k-morse__code .k-morse__dot{height:22px;width:22px}.is-play-mode .k-morse__code .k-morse__dash{border-radius:11px;height:22px;width:56px}.is-play-mode .k-morse__slot{font-size:24px;height:44px;width:40px}.is-play-mode .k-morse__picture{height:112px;width:112px}.is-play-mode .k-morse__chart{gap:4px}.is-play-mode .k-morse__big{font-size:16px;min-height:48px}}@media (orientation:landscape) and (max-height:599px){.k-morse__game.is-play-mode{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-template-rows:auto minmax(0,1fr)}.is-play-mode .k-morse__bar{grid-column:1/-1}.is-play-mode .k-morse__top{grid-column:1}.is-play-mode .k-morse__chart{grid-column:2;grid-template-columns:repeat(7,minmax(0,1fr))}.is-play-mode .k-morse__key{min-height:64px;min-width:0}}.k-morse__controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);justify-content:center}.k-morse__check{align-items:center;cursor:pointer;display:inline-flex;font-weight:600;gap:var(--s2);min-height:44px}.k-morse__check input{accent-color:var(--ink);height:20px;margin:0;width:20px}.k-morse__about{margin-top:var(--s6);max-width:62ch}.k-morse__about>h2{margin:var(--s6) 0 var(--s3)}.k-morse__about>h2:first-child{margin-top:0}.k-morse__about>h3{margin:var(--s4) 0 var(--s2)}.k-morse__about ol{margin:var(--s3) 0;padding-left:1.25em}.k-morse__about li+li{margin-top:6px}.k-morse__keys-help{border-collapse:collapse;font-size:15px}.k-morse__keys-help td,.k-morse__keys-help th{border-bottom:1px solid var(--line);padding:6px var(--s4) 6px 0;text-align:left;vertical-align:top}.k-morse__keys-help th{font-weight:600;white-space:nowrap}