.pd-dock{box-sizing:border-box;width:100%;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(#294d43,#163a33);border-top:2px solid #c5a366;color:#f6e4bc;font:12px/1.3 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.pd-row{display:grid;grid-template-columns:44px repeat(3,minmax(0,1fr)) 44px;gap:4px;align-items:center}.pd-nav{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;min-height:60px;border:0;border-radius:11px;background:#e0c899;color:#3d432c;font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px #806844,0 2px 0 #0c2926}.pd-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pd-nav span{font-size:9px;white-space:nowrap}.pd-slot{min-width:0;position:relative;border:1px solid #c1a06a;border-radius:14px 14px 18px 18px;background:linear-gradient(#d7b67e,#b78a4f);box-shadow:inset 0 -4px 0 #8d643c,0 3px 0 #102e29}.pd-action{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:75px;padding:4px 17px 7px 3px;border:0;background:transparent;color:#3b3622;font:inherit;cursor:pointer}.pd-action:disabled{cursor:default}.pd-action:disabled .pd-avatar{opacity:.6;filter:saturate(.65)}.pd-avatar{position:relative;display:block;width:39px;height:39px;overflow:hidden}.pd-crop{position:absolute;overflow:hidden}.pd-crop img{position:absolute;max-width:none;pointer-events:none}.pd-name{font-size:9px;font-weight:700;white-space:nowrap;letter-spacing:0}.pd-count{position:absolute;right:5px;bottom:6px;font-size:10px;color:#fff1cc;background:#77572e;border-radius:8px;padding:1px 3px}.pd-help{position:absolute;z-index:2;right:4px;top:5px;width:25px;height:25px;border:1px solid #685132;border-radius:50%;background:#f5e5ba;color:#594427;font:700 13px/1 sans-serif;cursor:pointer}.pd-help::before{content:"";position:absolute;inset:-3px}.pd-selected{outline:2px solid #f5e3a4;outline-offset:1px}.pd-dock button:focus-visible,.tk-button:focus-visible{outline:3px solid #a1e0d3;outline-offset:2px}.pd-tools{display:flex;gap:5px;justify-content:center;align-items:center;margin-bottom:7px}.pd-tools button{min-width:34px;min-height:32px;border:1px solid #a7a47a;border-radius:50%;background:#284e43;color:#e5d5ac;font:14px/1 sans-serif;cursor:pointer}.pd-tools-label{font-size:9px;color:#d2c59f;margin-right:6px}
/* Keycap region: parent/mother never moves. Only the cropped face travels. */
.tk-button{position:absolute!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;isolation:isolate;transform:none!important;animation:none!important;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none!important;color:transparent!important;font-size:0!important;border-radius:var(--tk-radius,20px)!important}.tk-well,.tk-face{position:absolute;inset:0;display:block;border-radius:inherit;pointer-events:none}.tk-well{background:#44301f;box-shadow:inset 0 2px 4px #100e0c99}.tk-face{background-image:var(--tk-image);background-size:var(--tk-size);background-position:var(--tk-position);background-repeat:no-repeat;box-shadow:0 4px 0 #261d17aa;transform:translateY(0);will-change:transform;transition:transform 70ms ease-out,box-shadow 70ms ease-out}.tk-down>.tk-face{transform:translateY(4px);box-shadow:0 0 0 #261d1700}.tk-button::after{content:"";position:absolute;inset:var(--tk-hit-pad,0px);border-radius:inherit;pointer-events:auto}.tk-reduced .tk-face{transition:none!important;transform:none!important}.tk-reduced.tk-down>.tk-face{filter:brightness(.87);box-shadow:inset 0 0 0 2px #ebd1a677}@media(prefers-reduced-motion:reduce){.tk-face{transition:none!important;transform:none!important}.tk-down>.tk-face{filter:brightness(.87)}}