:root{--kiny-page-bg: #0d1117;--kiny-text: #e8e8e8;--kiny-prose-font: system-ui, "Noto Sans SC", sans-serif;--kiny-prose-size: 1.05rem;--kiny-prose-line-height: 1.9;--kiny-content-max-width: 680px;--kiny-bg-overlay: rgba(10, 14, 20, .55);--kiny-control-bg: rgba(255, 255, 255, .06);--kiny-control-bg-hover: rgba(255, 255, 255, .14);--kiny-control-text: #fff;--kiny-control-border: rgba(255, 255, 255, .35);--kiny-accent: rgba(255, 255, 255, .8);--kiny-error: #ff8585;--kiny-panel-bg: transparent;--kiny-panel-text: color-mix(in srgb, var(--kiny-text) 62%, transparent);--kiny-panel-border: color-mix(in srgb, var(--kiny-text) 12%, transparent)}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;filter:blur(3px) brightness(.45);transition:background-image .6s ease}.bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--kiny-bg-overlay)}.player{position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--kiny-page-bg);color:var(--kiny-text);font-family:var(--kiny-prose-font);overflow-wrap:break-word;container-type:inline-size;container-name:player}.player-content{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;margin:0;max-width:none;min-width:0;align-self:stretch;padding:64px 24px 120px;display:flex;flex-direction:column;align-items:center;gap:14px}.player-content>*{width:100%;max-width:var(--kiny-content-max-width);min-width:0}.story-log{display:flex;flex-direction:column;gap:14px}.narration{margin:0;line-height:var(--kiny-prose-line-height);font-size:var(--kiny-prose-size)}.story-end{margin:12px 0;text-align:center;opacity:.6;letter-spacing:.2em}.narration,.choice,.panel{white-space:pre-wrap}.kin-illustration{display:block;max-width:100%;height:auto;margin-inline:auto}.kin-divider{width:30%;margin:10px auto;border:0;border-top:1px solid color-mix(in srgb,var(--kiny-text) 22%,transparent)}.narration-reveal{white-space:pre-wrap}.rchar{display:inline;animation-name:char-fade;animation-timing-function:ease;animation-fill-mode:both}@keyframes char-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.rchar{animation:none}}.advance-indicator{position:sticky;bottom:12px;display:flex;justify-content:center;pointer-events:none}.advance-indicator:after{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--kiny-accent);animation:advance-breathe 1.6s ease-in-out infinite}@keyframes advance-breathe{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.95;transform:translateY(3px)}}@media (prefers-reduced-motion: reduce){.advance-indicator:after{animation:none;opacity:.7}}.scroll-more-indicator{position:sticky;bottom:12px;align-self:center;flex:none;width:44px;height:32px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.scroll-more-indicator:after{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--kiny-accent);animation:advance-breathe 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.scroll-more-indicator:after{animation:none;opacity:.7}}.choices{display:flex;flex-direction:column;gap:10px;margin-top:18px}.choice{text-align:left;padding:12px 16px;font:inherit;font-size:1rem;color:var(--kiny-control-text);background:var(--kiny-control-bg);border:1px solid var(--kiny-control-border);border-radius:8px;cursor:pointer;transition:background .15s}.choice:hover{background:var(--kiny-control-bg-hover)}.input-box{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}.input-box-field{flex:1 1 12rem;min-width:0;padding:12px 16px;font:inherit;font-size:1rem;color:var(--kiny-control-text);background:var(--kiny-control-bg);border:1px solid var(--kiny-control-border);border-radius:8px}.input-box-field::placeholder{color:var(--kiny-control-text);opacity:.45}.input-box-field:focus{outline:none;border-color:var(--kiny-control-text);background:var(--kiny-control-bg-hover)}.input-box-field:disabled{opacity:.5;cursor:not-allowed}.input-box-submit{padding:12px 18px;font:inherit;font-size:1rem;color:var(--kiny-control-text);background:var(--kiny-control-bg-hover);border:1px solid var(--kiny-control-border);border-radius:8px;cursor:pointer;transition:background .15s}.input-box-submit:hover:not(:disabled){filter:brightness(1.3)}.input-box-submit:disabled{opacity:.5;cursor:not-allowed}.input-box-hint{flex-basis:100%;font-size:.82rem;color:var(--kiny-control-text);opacity:.5}.player-error{color:var(--kiny-error)}.panel{color:var(--kiny-panel-text);background:var(--kiny-panel-bg);border:0 solid var(--kiny-panel-border);font-size:clamp(.78rem,.72rem + .28vw,.93rem);letter-spacing:.07em;line-height:1.75}.panel-left,.panel-right{position:fixed;z-index:2;top:0;bottom:0;width:clamp(150px,20cqi,220px);padding:20px 18px;overflow-y:auto}.panel-left{left:0;border-right-width:1px}.panel-right{right:0;border-left-width:1px}.panel-bottom{order:1;position:relative;z-index:1;padding:10px 24px;text-align:center;border-top-width:1px;letter-spacing:.2em}.panel-after{position:relative;padding:14px 0 8px;margin-top:6px;text-align:center;letter-spacing:.16em}.panel-after:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:44px;height:1px;background:var(--kiny-panel-border)}@container player (min-width: 720px){.player:has(.panel-left) .player-content{padding-left:calc(clamp(150px,20cqi,220px) + 24px)}.player:has(.panel-right) .player-content{padding-right:calc(clamp(150px,20cqi,220px) + 24px)}}@container player (max-width: 719px){.panel-left,.panel-right{position:static;width:auto;max-height:40%;padding:12px 24px;border-width:0 0 1px}}.audio-toggle{position:fixed;top:14px;right:16px;z-index:3;font-size:1.1rem;background:#0006;border:none;border-radius:16px;padding:6px 12px;cursor:pointer}