.pk-step{display:flex;align-items:center;gap:10px;font:700 17px Serif,serif;color:#fff3c4;letter-spacing:.2em;margin:4px 0}
.pk-step span{font:400 18px Brush,serif;width:30px;height:30px;line-height:30px;border-radius:50%;background:#a3161a;color:#f7d7b0;box-shadow:0 0 0 2px #d24a3a inset;letter-spacing:0}
.pk-tk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.pk-card{display:flex;flex-direction:column;align-items:center;padding:7px 4px;border:1px solid #6d5222;border-radius:6px;background:linear-gradient(180deg,rgba(14,44,37,.9),rgba(6,22,19,.9));color:#e8dcb8;cursor:pointer;font-family:Serif,serif}
.pk-card b{font:400 21px Brush,serif;color:#fff3c4}.pk-card i{font-style:normal;font-size:12px;color:#c9b88a;letter-spacing:.1em}.pk-card small{font-size:11px;color:#8fa898}
.pk-card.sel{border-color:#fff3c4;box-shadow:0 0 0 1px #e7c66f,0 0 14px rgba(231,198,111,.45);background:linear-gradient(180deg,#2b4a2a,#13281c)}
.pk-iv,.pk-pre{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.pk-iv button,.pk-pre button{font:600 14px Serif,serif;color:#e8dcb8;background:rgba(6,26,22,.85);border:1px solid #6d5222;border-radius:16px;padding:5px 14px;cursor:pointer}
.pk-iv button.sel{background:linear-gradient(180deg,#8a5d14,#4a300a);color:#fff6d6;border-color:#ffe08a}.pk-iv button:disabled{opacity:.3;cursor:not-allowed}
.pk-pre button{font-size:12px;padding:3px 10px;border-color:#4b5a3a}
.pk-chart{position:relative;width:100%;height:110px;border:1px solid #6d5222;border-radius:4px;background:rgba(3,12,10,.6)}
.pk-chart canvas{width:100%;height:100%;display:block}
.pk-chart input{position:absolute;left:0;right:0;width:100%;top:0;height:100%;margin:0;background:none;-webkit-appearance:none;appearance:none;pointer-events:none}
.pk-chart input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:110px;background:linear-gradient(90deg,transparent 7px,#e7c66f 7px,#fff3c4 9px,#e7c66f 11px,transparent 11px);cursor:ew-resize}
.pk-chart input::-moz-range-thumb{pointer-events:auto;width:6px;height:110px;background:#e7c66f;border:0;cursor:ew-resize}
.pk-info{font-size:13px;color:#cfe3d2;min-height:20px}.pk-info b{color:#fff3c4}.pk-info .ok{color:#9fe8c0}.pk-info .bad{color:#ff9a7a}
@media(max-width:560px){.pk-tk{grid-template-columns:repeat(3,1fr)}.pk-card b{font-size:17px}}
/* 橫向矮螢幕：左＝標的清單（內部可捲），右＝週期、區段圖、開始鍵；整頁免捲動 */
@media (orientation:landscape) and (max-height:560px){
 #start.ov{padding:6px!important}
 #start .pkframe{display:grid!important;grid-template-columns:minmax(0,40fr) minmax(0,60fr);grid-auto-rows:min-content;column-gap:14px;row-gap:4px;width:min(980px,98vw)!important;max-height:calc(var(--vvh,100dvh) - 12px)!important;overflow:hidden!important;padding:8px 14px!important;align-items:start;text-align:left}
 #start .pkframe>*{zoom:1!important}
 #start .pkframe .title,#start .pkframe>.sub{grid-column:1/-1;text-align:center;margin:0!important}
 #start .pkframe .title{font-size:30px!important;line-height:1.1}#start .pkframe .title small{font-size:13px!important;display:inline;margin-right:8px}
 #start .pkframe .lead,#start .pkframe>.sub,#start .pkframe .tip,#start .vert{display:none!important}
 #start .pkframe>#stocks,#start .pkframe>#pk{display:contents}
 #start .pkframe .pk-step{font-size:13px;margin:0}#start .pkframe .pk-step span{width:22px;height:22px;line-height:22px;font-size:13px}
 #start .pkframe .pk-step:first-child,#start .pkframe .pk-tk{grid-column:1}
 #start .pkframe .pk-tk{grid-row:3/span 6;grid-template-columns:repeat(3,1fr);gap:5px;max-height:calc(var(--vvh,100dvh) - 110px);overflow-y:auto;touch-action:pan-y;align-content:start}
 #start .pkframe .pk-card{padding:3px 2px}#start .pkframe .pk-card b{font-size:15px}#start .pkframe .pk-card small{display:none}
 #start .pkframe .pk-step:not(:first-child),#start .pkframe .pk-iv,#start .pkframe .pk-chart,#start .pkframe .pk-pre,#start .pkframe .pk-info,#start .pkframe #go,#start .pkframe .back{grid-column:2}
 #start .pkframe .pk-step:first-child{grid-row:2}#start .pkframe .pk-step:not(:first-child){grid-row:2}#start .pkframe .pk-iv{grid-row:3}#start .pkframe .pk-chart{grid-row:4}#start .pkframe .pk-pre{grid-row:5}#start .pkframe .pk-info{grid-row:6}#start .pkframe #go{grid-row:7}#start .pkframe .back{grid-row:8}
 #start .pkframe .pk-iv button{padding:3px 10px;font-size:12px}
 #start .pkframe .pk-chart{height:min(90px,22vh)}#start .pkframe .pk-chart input::-webkit-slider-thumb{height:min(90px,22vh)}
 #start .pkframe .pk-pre{max-height:48px;overflow-y:auto;justify-content:flex-start}#start .pkframe .pk-pre button{font-size:11px;padding:2px 8px}
 #start .pkframe .pk-info{font-size:11px;min-height:0}
 #start .pkframe #go{justify-self:center;font-size:20px;padding:4px 28px;margin:2px}
 #start .pkframe .back{justify-self:center;font-size:11px}
}
.pk-sim{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;font-size:13px;color:#e8dcb8}.pk-sim.hide{display:none}
.pk-sim button{font:600 13px Serif,serif;color:#e8dcb8;background:rgba(6,26,22,.85);border:1px solid #6d5222;border-radius:16px;padding:3px 12px;cursor:pointer}.pk-sim button.sel{background:linear-gradient(180deg,#8a1a10,#4a0a06);color:#fff3c4;border-color:#ffb08a}
.pk-sim input{width:84px;font:600 13px Serif,serif;background:#06180f;color:#fff3c4;border:1px solid #6d5222;border-radius:4px;padding:2px 6px}
.pk-card[data-tk=SIM]{border-style:dashed;background:linear-gradient(180deg,rgba(60,20,14,.9),rgba(20,8,6,.9))}
@media (orientation:landscape) and (max-height:560px){#start .pkframe .pk-sim{grid-column:1;grid-row:9}}
/* 矮橫向：開始鍵固定於可視區底部，永不被裁切 */
@media (orientation:landscape) and (max-height:560px){
 #start .pkframe{padding-bottom:52px!important}
 #start .pkframe #go{position:fixed;z-index:60;bottom:calc(6px + var(--vvb,0px) + env(safe-area-inset-bottom));top:auto;right:calc(18% + env(safe-area-inset-right));margin:0;box-shadow:0 0 18px rgba(0,0,0,.7)}
 #start .pkframe .back{position:fixed;z-index:60;bottom:calc(14px + var(--vvb,0px) + env(safe-area-inset-bottom));left:calc(44% + env(safe-area-inset-left))}
 #start .pkframe .pk-chart{height:clamp(60px,18vh,140px)}#start .pkframe .pk-chart input::-webkit-slider-thumb{height:clamp(60px,18vh,140px)}
 #start .pkframe .pk-pre{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;max-height:none;touch-action:pan-x}#start .pkframe .pk-pre button{flex:0 0 auto}
 #start .pkframe .pk-info{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #start .pkframe .title{font-size:22px!important}
}
@media (orientation:landscape) and (max-height:560px){#start .pkframe{overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:64px!important}}/* 小螢幕：右欄底部選項可捲到開始鍵上方 */
@media (orientation:landscape) and (max-height:560px){#start .pkframe .back.mgfarm{left:calc(14px + env(safe-area-inset-left));right:auto}}
