.kp-root{justify-content:center;display:flex}.kp-frame{border:3px solid var(--ink-line);background:var(--hud-panel);width:min(100%,432px);box-shadow:inset 0 0 0 2px var(--hud-gold), 0 5px 0 #00000080, 0 14px 30px #0006;border-radius:18px;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex}.kp-thumb{cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex:none;padding:0;display:block;position:relative}.kp-thumb:focus-visible{outline:3px solid var(--hud-gold);outline-offset:3px}.kp-print{aspect-ratio:4/5;border:3px solid var(--ink-line);width:auto;height:168px;box-shadow:0 0 0 2px var(--hud-gold), 0 4px 0 #00000080;border-radius:10px;transition:transform .16s ease-out;display:block}.kp-thumb:hover .kp-print{transform:translateY(-2px)}.kp-zoom{border:3px solid var(--ink-line);background:var(--hud-gold);color:#2a1a00;border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:25%;right:-6px;box-shadow:0 3px #00000080}.kp-zoom svg{width:15px;height:15px}.kp-side{flex-direction:column;flex:1;align-items:stretch;gap:8px;min-width:0;display:flex}.kp-title{color:var(--hud-gold);text-shadow:0 2px 0 var(--ink-line);margin:0;font-size:24px;line-height:1}.kp-story{font-family:var(--font-duel-body), sans-serif;color:var(--hud-text);margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.25}.kp-act{width:100%}@media (min-width:1024px){.kp-frame{flex-direction:column;gap:14px;width:344px;padding:14px 14px 16px}.kp-print{width:310px;height:auto;transform:rotate(-1.5deg)}.kp-thumb:hover .kp-print{transform:rotate(-1.5deg)translateY(-3px)}.kp-zoom{width:36px;height:36px;right:-4px}.kp-zoom svg{width:18px;height:18px}.kp-side{width:100%}.kp-title,.kp-story{display:none}}@media (orientation:landscape) and (max-height:540px){.kp-frame{flex-direction:column;gap:8px;width:auto;padding:8px 8px 10px}.kp-print{width:auto;height:min(218px,100dvh - 133px)}.kp-zoom{width:26px;height:26px}.kp-zoom svg{width:13px;height:13px}.kp-side{width:100%}.kp-title,.kp-story{display:none}}@media (orientation:landscape) and (max-height:540px) and (max-width:600px){.kp-frame{gap:6px;padding:6px 6px 8px}.kp-print{height:min(160px,100dvh - 127px)}.kp-frame .kp-act .uh-btn-icon{display:none}}.kp-light{z-index:80;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#0c0907e6;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.16s ease-out both kp-fade;display:flex;position:fixed;inset:0}.kp-big{aspect-ratio:4/5;width:auto;max-width:100%;height:auto;min-height:0;max-height:calc(100dvh - 104px);box-shadow:0 0 0 3px var(--ink-line), 0 18px 50px #0009;border-radius:12px;display:block}.kp-light-bar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.kp-light-bar .kp-act{width:auto}@keyframes kp-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.kp-light,.kp-print{transition:none;animation:none}}