/* 擊鼓傳花：原創仙鼓／戰鼓風格（不使用任何太鼓類遊戲素材） */
#c{position:fixed;left:0;top:0;touch-action:none}
.demo{display:inline-block;font:13px Serif,serif;color:#06140f;background:#e7c66f;border-radius:6px;padding:1px 8px;vertical-align:middle;margin-left:6px}
.gbtn.g2{background:rgba(231,198,111,.15);color:#f3ead0;border:1px solid rgba(231,198,111,.6);box-shadow:none}
.lbl{display:inline-block;text-decoration:none}
#start .calbtn{position:fixed;z-index:61;left:calc(10px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));background:rgba(6,20,15,.8);border:1px solid rgba(231,198,111,.6);border-radius:999px;color:#ffe9a8;font:600 13px Serif,serif;padding:5px 12px;cursor:pointer}
#dhud{position:fixed;inset:0;pointer-events:none;z-index:5}
#dL{position:absolute;left:calc(10px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));min-width:200px;max-width:42vw;padding:6px 10px;border:1px solid rgba(231,198,111,.55);border-radius:10px;background:rgba(5,14,12,.62);font-size:13px;line-height:1.35}
#dStock{color:#ffe9a8;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dFund{display:flex;gap:8px;align-items:baseline;font-weight:700;font-size:15px}#dRoi{font-size:13px}
#dBar{height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;margin:3px 0}#dBar i{display:block;height:100%;width:50%;background:linear-gradient(90deg,#c9a24a,#ffe08a);transition:width .2s}
#dMeta{display:flex;gap:10px;opacity:.85;font-size:12px}
#dBtns{position:absolute;right:calc(8px + env(safe-area-inset-right));top:calc(8px + env(safe-area-inset-top));display:flex;gap:6px;pointer-events:auto}
#dBtns .ic{width:40px;height:40px;border-radius:50%;border:1px solid rgba(231,198,111,.7);background:rgba(6,20,15,.7);padding:8px;cursor:pointer;touch-action:manipulation}
#dBtns svg{width:100%;height:100%;fill:none;stroke:#ffe9a8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dBtns .ic.off{opacity:.45}#bMute.off .w{display:none}
#cal .calrow{display:flex;gap:10px;align-items:center;justify-content:center;margin:8px 0;font-size:14px}#calR{width:min(260px,50vw)}
#pause .frame,#cal .frame,#end .frame{max-width:min(560px,94vw)}
.es{font-size:15px;line-height:1.7}.es b{color:#ffe08a}
body.touch #hudLogo{display:none}
@media (max-width:760px),(max-height:500px){#dL{min-width:150px;font-size:12px;padding:4px 8px}#dFund{font-size:13px}#dBtns .ic{width:36px;height:36px;padding:7px}}
@media (max-height:500px){body.drum #mentorTip{font-size:12px!important}body.drum #mentorTip .mp{width:40px!important;height:40px!important}}
body.drum #wrHud{left:auto!important;right:calc(8px + env(safe-area-inset-right));transform:none!important;top:calc(env(safe-area-inset-top,0px) + 54px)!important}
@media (max-width:760px),(max-height:500px){body.drum #wrHud{top:calc(env(safe-area-inset-top,0px) + 50px)!important}}
#start .helpbtn{position:fixed;z-index:61;right:calc(10px + env(safe-area-inset-right));top:calc(8px + env(safe-area-inset-top));background:linear-gradient(#ffe08a,#c99a3a);border:1px solid #8a6524;border-radius:999px;color:#1b1206;font:800 15px Serif,serif;padding:6px 14px;cursor:pointer}
#howto{z-index:70;background:rgba(3,10,8,.9);overflow:auto;justify-content:flex-start}
#howto .howf{max-width:min(720px,96vw);text-align:left;padding:12px 16px;margin:auto}
.hrow{display:flex;gap:12px;align-items:center;margin:6px 0;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.04)}
.hrow svg{flex:0 0 110px;height:55px}.hrow p{margin:0;font-size:14px;line-height:1.55}.hrow b.up{color:var(--up)}.hrow b.dn{color:var(--dn)}
.hrow kbd{display:inline-block;min-width:1.4em;text-align:center;border:1px solid #c9a24a;border-radius:4px;padding:0 4px;background:#06201b;color:#ffe9a8;font:700 13px monospace}
.hbtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 4px}
@media (max-width:480px){.hrow svg{flex-basis:80px;height:42px}.hrow p{font-size:13px}}
@media (max-height:500px){.hrow{margin:3px 0;padding:3px 6px}.hrow p{font-size:12.5px;line-height:1.4}.hrow svg{height:40px}}

#stocks .pk-tk button .dvol{display:block;font:600 10px/1.2 system-ui,sans-serif;color:#ffe9a8;letter-spacing:0;margin-top:1px;white-space:nowrap}#stocks .pk-tk button .dvol i{font-style:normal;font-size:8px}#stocks .pk-tk button .dvol u{text-decoration:none;opacity:.22}