.section-visual{border:1px solid #aaa18a;background:#dedfc94d;padding:12px;margin:16px 0 20px;font:12px/1.5 var(--mono);color:#485d43;position:relative;overflow:hidden}.signal-flow{display:flex;align-items:center;justify-content:space-between;gap:8px}.signal-flow span{font-size:11px;line-height:1.35}.signal-flow i{flex:1;height:1px;background:#a2a98f;position:relative;min-width:10px}.signal-flow i:after{content:'';position:absolute;top:-2px;width:5px;height:5px;background:#7f925d;animation:signal-travel 4s linear infinite}.signal-flow i:nth-of-type(2):after{animation-delay:1.3s}.signal-flow i:nth-of-type(3):after{animation-delay:2.6s}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.workflow span{border-left:2px solid #a6ad92;padding-left:8px;position:relative;font-size:11px}.workflow b{display:block;font-weight:400;font-size:10px;color:#7f876e}.workflow span:before{content:'';position:absolute;left:-3px;top:0;width:4px;height:100%;background:#71864f;opacity:0;animation:workflow-step 12s linear infinite;animation-delay:calc(var(--step)*2s)}.visual-caption{font-size:10px;letter-spacing:.06em}.history>div{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.history>div>span{font-size:10px;border-top:1px solid #a5ab93;padding-top:8px;flex:1}.history i{display:inline-block;width:5px;height:5px;margin-right:6px;background:#8d9b74;animation:record-light 7s ease-in-out infinite;animation-delay:calc(var(--step)*1.8s)}.curiosity{display:flex;align-items:center;gap:20px;background:repeating-linear-gradient(0deg,#dedfc92d,#dedfc92d 2px,#ede7d733 2px,#ede7d733 4px)}.curiosity>span{font-size:11px;letter-spacing:.06em}.curiosity small{font-size:11px;letter-spacing:0;color:#7b806b}.paper-field{width:75px;height:52px;position:relative;flex-shrink:0;overflow:hidden;border-left:1px solid #8d967d;border-right:1px solid #8d967d;background:linear-gradient(90deg,transparent 32%,#9aa58633 32%,#9aa58633 33%,transparent 33%,transparent 66%,#9aa58633 66%,#9aa58633 67%,transparent 67%)}.paper-field i{position:absolute;width:65px;height:1px;background:#7e8e6e;left:5px;top:14px;transform:rotate(-18deg);animation:paper-breathe 9s ease-in-out infinite}.paper-field i:nth-child(2){top:27px;transform:rotate(15deg);animation-delay:2s}.paper-field i:nth-child(3){top:38px;transform:rotate(-8deg);animation-delay:4s}.document-status{display:flex;align-items:center;gap:15px;font-size:12px}.document-symbol{font-size:38px;line-height:1;color:#6f805d}.document-status small{font-size:10px;color:#7e826c}.document-status>i{margin-left:auto;width:7px;height:7px;border:1px solid #989575;background:#c0b488;animation:record-light 6s ease-in-out infinite}.connection{padding:16px}.connection>span{display:block;font-size:13px}.connection>small{display:block;margin-top:8px;color:#82836d;font-size:10px}.terminal-cursor{animation:cursor-blink 1.5s steps(1) infinite;color:#7c8d61}.os-status button{font:inherit;background:transparent;color:inherit;border:0;border-bottom:1px dotted #777;padding:0;margin-left:auto;cursor:pointer}.motion-paused .section-visual *,.motion-paused .section-visual *:before,.motion-paused .section-visual *:after{animation-play-state:paused!important}.neko-game{font-family:var(--mono);display:flex;flex-direction:column;gap:12px}.neko-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.6}.neko-top small{display:block;color:#8e6b43;font-size:10px}.neko-arena{position:relative;background:#e5dfcb;border:1px solid #979d83}.neko-arena canvas{width:100%;height:auto;display:block;image-rendering:pixelated;touch-action:manipulation;cursor:pointer}.neko-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5dfcbef;padding:12px;text-align:center}.neko-overlay h2{font:20px var(--mono);margin:0 0 8px}.neko-overlay p{font:12px/1.4 var(--mono);margin:0 0 12px}.neko-controls{display:flex;flex-wrap:wrap;gap:8px}.neko-controls .action,.neko-overlay .action{font-size:12px;padding:9px 12px}.neko-help{font:11px/1.5 var(--mono);margin:0;color:#69725b}.neko-controls button:disabled{opacity:.5;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.neko-loading{padding-top:20px}.neko-loading p{font-family:var(--mono)}@keyframes signal-travel{from{left:0;opacity:.3}50%{opacity:1}to{left:calc(100% - 5px);opacity:.3}}@keyframes workflow-step{0%,16%{opacity:1}17%,100%{opacity:0}}@keyframes record-light{0%,100%{opacity:.4}50%{opacity:1}}@keyframes paper-breathe{0%,100%{opacity:.4}50%{opacity:.85}}@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}@media(max-width:600px){.section-visual{padding:10px}.signal-flow{gap:5px}.signal-flow span{font-size:9px}.workflow{gap:10px}.workflow span{font-size:9px}.history>div{flex-wrap:wrap}.history>div>span{font-size:9px}.document-status{font-size:10px;gap:10px}.curiosity{gap:12px}.curiosity>span{font-size:10px}.neko-top{font-size:10px;flex-wrap:wrap}.neko-overlay h2{font-size:17px}.neko-overlay p{font-size:11px}.neko-overlay .action{padding:6px 12px}.neko-controls .action{flex:1;white-space:nowrap;font-size:11px}.neko-help{font-size:10px}.os-status>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.section-visual *,.section-visual *:before,.section-visual *:after{animation:none!important}.workflow span:before{opacity:.6}.terminal-cursor{opacity:1}.os-status button{display:none}}
.neko-controls .action,.neko-overlay .action{min-height:44px}.section-visual small,.signal-flow span,.workflow span,.history>div>span,.curiosity>span{font-size:12px}.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.neko-top,.neko-help{font-size:12px}@media(max-width:600px){.signal-flow{flex-wrap:wrap;justify-content:flex-start}.signal-flow span{font-size:11px}.signal-flow i{min-width:8px}.workflow span,.history>div>span,.curiosity>span{font-size:12px}.document-status{font-size:11px}.neko-overlay h2{font-size:15px}.neko-overlay p{margin-bottom:6px}.neko-overlay .action{min-height:36px}.neko-top{font-size:11px}}