html.player-open{overflow:hidden;padding-right:var(--player-sbw, 0px)}.player{--chrome: 184px;width:min(960px,100vw - 16px,(100dvh - var(--chrome)) * 16 / 9 + 28px);max-width:none;max-height:calc(100dvh - 16px);margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible;overscroll-behavior:contain}.player::backdrop{background:#4e342299}.player[open]::backdrop{animation:player-dim .3s ease both}.player[open] .player__frame{animation:player-in .45s var(--ease-soft) both}@keyframes player-dim{0%{opacity:0}}@keyframes player-in{0%{opacity:0;transform:translateY(18px) scale(.96) rotate(-.6deg)}}.player__frame{display:grid;gap:10px;padding:10px 14px;border-radius:14px 20px 12px 22px/20px 12px 22px 14px;background:var(--card);box-shadow:0 2px #5a382624,0 30px 60px -24px #28160aa6}.player__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 0 4px}.player__title{display:grid;min-width:0;margin:0}.player__kn{font-family:var(--font-kn);font-weight:800;font-size:clamp(1.3rem,1rem + 1.3vw,1.9rem);line-height:1.4;color:var(--terracotta)}.player__en{font-family:var(--font-en);font-weight:600;font-size:clamp(.9rem,.85rem + .3vw,1.05rem);line-height:1.35;color:var(--ink-soft)}.player__close{flex:none;display:inline-flex;align-items:center;gap:8px;min-width:52px;min-height:52px;padding:6px 18px 6px 10px;border:0;border-radius:var(--wobble-sm);background:var(--forest);color:#fbf6ea;box-shadow:0 3px #3f2a1e59;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .25s var(--ease-soft)}.player__close:hover{transform:translateY(-1px) rotate(-1deg)}.player__close:active{transform:translateY(2px);box-shadow:0 1px #3f2a1e59}.player__close:focus-visible{border-radius:var(--wobble-sm)}.player__close svg{width:30px;height:30px;flex:none}.player__close-text{display:grid;text-align:left}.player__close-kn{font-family:var(--font-kn);font-weight:700;font-size:1.15rem;line-height:1.4}.player__close-en{font-size:.78rem;line-height:1.2;opacity:.9}.player__screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;background:var(--bark);box-shadow:0 0 0 4px #efe3c8,0 0 0 5px #5a382633;margin:4px}.player__poster,.player__iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.player__poster{object-fit:cover}.player__foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 18px}.player__read,.player__yt{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 6px;font-weight:600;font-size:.95rem;color:var(--forest)}.player__yt svg{width:20px;height:20px;flex:none}.player__read{margin-right:auto}.player__read svg{width:28px;height:28px;flex:none}@media(max-height:520px){.player{--chrome: 132px}.player__frame{gap:6px;padding:6px 12px 4px}.player__kn{font-size:1.2rem}.player__en{display:none}.player__close{min-height:48px}.player__close-en{display:none}.player__read,.player__yt{min-height:36px}}