.knock-sim{--ks-line:#705244;--ks-ink:#f4e8d8;--ks-muted:#c9ad9c;--ks-gold:#e3b48b;margin:16px 0;padding:14px 16px;border:1px solid var(--ks-line);border-radius:14px;background:linear-gradient(145deg,#291c1c,#1e1617);color:var(--ks-ink);font:inherit;scroll-margin-top:132px}.knock-sim *{box-sizing:border-box}.knock-sim :is(p,li,label,small,button,input,span,b,i,h3,h4){font-family:inherit}.ks-title{margin:0 0 8px;font:inherit;font-size:15px;line-height:1.3}.ks-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ks-card{min-width:0;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:6px;padding:7px 9px;border:1px solid #705244;border-radius:12px;background:#211719}.ks-card h3{margin:0;font:inherit;font-size:15px;line-height:1.3;color:#f4e8d8}.ks-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.ks-field{min-width:0;display:grid;gap:2px;color:var(--ks-muted);font-size:12px;line-height:1.2}.ks-field input{appearance:textfield;width:100%;min-width:0;height:27px;padding:3px 5px;border:1px solid #705244;border-radius:6px;background:#171112;color:var(--ks-ink);font:inherit;font-size:13px}.ks-field input:focus{outline:2px solid #e3b48b;outline-offset:1px}.ks-field input::-webkit-inner-spin-button,.ks-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ks-presets{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}.ks-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.ks-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ks-button{padding:6px 10px;border:1px solid #b88b5f;border-radius:8px;background:radial-gradient(ellipse at center,#765339aa 0,transparent 74%),#281c1b;color:#f6dfb1;font:inherit;font-size:12px;line-height:1.3;cursor:pointer}.ks-button:hover,.ks-button:focus-visible{background:radial-gradient(ellipse at center,#a77745cc 0,transparent 78%),#32221e;outline:1px solid #e3b48b}.ks-button:disabled{opacity:.48;cursor:default}.ks-toggle{display:inline-flex;align-items:center;gap:4px;padding:5px 6px;border:1px solid #705244;border-radius:8px;color:#e3b48b;font-size:12px;white-space:nowrap}.ks-toggle input{margin:0;accent-color:#e3b48b}.ks-readout{display:flex;gap:12px;flex:none;color:var(--ks-muted);font-size:12px}.ks-readout b{color:#e3b48b;font-weight:500}.ks-arena{position:relative;height:218px;overflow:hidden;border:1px solid #705244;border-radius:10px;background:#191314}.ks-ground{position:absolute;left:0;right:0;top:37px;height:140px;border-block:1px solid #8a6a50;background:linear-gradient(180deg,#49352c,#30231f)}.ks-zone{position:absolute;z-index:2;top:38px;bottom:39px;width:9.95%;display:flex;align-items:center;justify-content:center;background:#140f10b8;color:#c9ad9c;font-size:12px;writing-mode:vertical-rl;letter-spacing:.2em}.ks-zone.left{left:0}.ks-zone.right{right:0}.ks-wall{position:absolute;top:22px;bottom:30px;width:1px;border-left:1px solid #e3b48b;z-index:4}.ks-wall.left{left:9.95%}.ks-wall.right{left:90.05%}.ks-wall.wall-hit{animation:wallflash .4s ease-out}.ks-wall.wall-hit:after{content:"撞牆";position:absolute;top:35px;left:2px;color:#fff0b2;font-size:12px;white-space:nowrap;text-shadow:0 0 6px #e3b48b}.ks-wall-label{position:absolute;top:5px;color:#c9ad9c;font-size:12px;white-space:nowrap;z-index:5}.ks-wall-label.left{left:9.95%;transform:translateX(-50%)}.ks-wall-label.right{left:90.05%;transform:translateX(-50%)}.ks-monster{position:absolute;top:107px;height:64px;min-width:0;transform:translate(-50%,-50%);border:2px solid #e3b48b;border-radius:14px;background:radial-gradient(ellipse at 35% 24%,#f1d5a7,#9d6241 76%);box-shadow:0 0 12px #e3b48b55;z-index:6;display:flex;align-items:center;justify-content:center;color:#241714;font:inherit;font-size:12px;font-weight:600;line-height:1;overflow:visible}.ks-monster.enemy{border-color:#d39b86;background:radial-gradient(ellipse at 35% 24%,#e8c4a8,#734638 76%)}.ks-monster span{position:relative;z-index:1;white-space:nowrap}.ks-face{position:absolute;top:25px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.ks-monster.ally .ks-face{right:-7px;border-left:8px solid #f6dfb1}.ks-monster.enemy .ks-face{left:-7px;border-right:8px solid #f6dfb1}.ks-monster.flash{border-color:#fff0b2;box-shadow:0 0 20px 5px #f1d58b}.ks-monster.retreat{filter:drop-shadow(0 0 4px #e3b48b99)}.ks-guide{position:absolute;top:140px;bottom:25px;border-left:1px dashed #c9ad9c88;z-index:3}.ks-ghost{position:absolute;top:107px;height:64px;transform:translate(-50%,-50%);border:1px dashed #f2d398;border-radius:14px;background:#e3b48b13;z-index:5}.ks-ghost:after{content:attr(data-label);position:absolute;left:50%;top:65px;transform:translateX(-50%);color:#f1d6a2;font-size:12px;white-space:nowrap}.ks-arrow{position:absolute;top:107px;height:1px;border-top:1px solid #f1d6a2;z-index:7}.ks-arrow:before{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid #f1d6a2;border-top:4px solid transparent;border-bottom:4px solid transparent}.ks-arrow:after{content:attr(data-label);position:absolute;top:-19px;left:50%;transform:translateX(-50%);color:#f1d6a2;font-size:12px;white-space:nowrap}.ks-impact{position:absolute;top:107px;width:12px;height:12px;transform:translate(-50%,-50%);pointer-events:none;z-index:9}.ks-impact.flare:before,.ks-impact.flare:after{content:"";position:absolute;inset:-6px;border:2px solid #f5d58c;border-radius:50%;animation:impact .4s ease-out forwards}.ks-impact.flare:after{inset:-12px;animation-delay:.05s}.ks-axis{position:absolute;left:0;right:0;bottom:23px;border-top:1px solid #c9ad9c}.ks-coord{position:absolute;bottom:2px;transform:translateX(-50%);font:inherit;font-size:12px;line-height:1.2;color:#e3b48b;white-space:nowrap;z-index:5}.ks-edge{position:absolute;top:171px;left:50%;transform:translateX(-50%);padding:1px 7px;border-radius:10px;background:#211719;color:#f4e8d8;font-size:12px;white-space:nowrap;z-index:10}.knock-sim.contact .ks-edge{color:#ffe4a1;font-weight:700}.ks-log-title{margin:7px 0 2px;color:#e3b48b;font-size:12px}.ks-log{max-height:91px;overflow:auto;padding:0;margin:0;list-style:none}.ks-log li{padding:3px 0;border-bottom:1px solid #70524466;color:#c9ad9c;font-size:12px;line-height:1.45}.ks-log li strong{color:#f4e8d8;font-weight:500}.ks-note{margin:4px 0 0;color:#c9ad9c;font-size:12px;line-height:1.4}.ks-ghost[hidden],.ks-arrow[hidden]{display:none}@keyframes impact{0%{transform:scale(.35);opacity:1}100%{transform:scale(3.8);opacity:0}}@keyframes wallflash{50%{border-color:#fff4bd;box-shadow:0 0 13px 4px #e3b48b}}
@media(max-width:700px){.knock-sim{padding:10px}.ks-inputs{grid-template-columns:1fr;gap:5px}.ks-card{grid-template-columns:32px minmax(0,1fr);padding:5px}.ks-fields{gap:3px}.ks-field{font-size:12px}.ks-field input{height:24px;padding:2px 3px;font-size:12px}.ks-presets{gap:4px;margin:5px 0}.ks-button{padding:5px 7px;font-size:12px}.ks-toolbar{gap:4px;align-items:flex-start}.ks-actions{gap:4px}.ks-toggle{font-size:12px;padding:4px}.ks-readout{display:grid;gap:1px;font-size:12px}.ks-arena{height:180px}.ks-ground{height:130px;top:35px}.ks-zone{top:36px;bottom:26px;font-size:12px}.ks-wall-label{font-size:12px;white-space:normal;width:94px;line-height:1.15}.ks-wall-label.left{transform:none;text-align:left}.ks-wall-label.right{left:auto;right:9.95%;transform:none;text-align:right}.ks-axis{bottom:23px}.ks-monster,.ks-ghost{height:64px}.ks-monster{top:100px}.ks-ghost{top:100px}.ks-arrow,.ks-impact{top:100px}.ks-guide{top:132px;bottom:12px}.ks-edge{top:132px}.ks-log{max-height:72px}.ks-log li{font-size:12px;padding:2px 0}.ks-note{font-size:12px}}
.knock-sim .ks-arrow::after,.knock-sim .ks-arrow::before{content:none!important}.knock-sim .ks-arrow{background:none}.knock-sim .ks-arrow{border-top:2px dashed rgba(227,180,139,.7);height:0!important}