.pl-board{position:relative;width:100%;max-width:490px;margin:auto;border:1px solid #464164;border-radius:16px;overflow:hidden;background:#171d32}.pl-board canvas{display:block;width:100%;height:auto;aspect-ratio:800/650}.pl-bins{position:absolute;left:3%;right:3%;bottom:3.6%;display:grid;gap:1px}.pl-bins span{background:var(--bin-color);min-width:0;font-size:clamp(6px,1.7vw,9px);font-weight:800;text-align:center;padding:7px 0;border-radius:4px;box-shadow:inset 0 -3px #0003;border:1px solid #ffffff35;white-space:nowrap}.pl-bins .pl-hit{background:#ffe18b;color:#2e1746;box-shadow:0 0 15px #ffc150;transform:translateY(-5px)}.pl-settings{display:flex;gap:8px;margin:10px 0}.pl-settings label{flex:1;min-width:0;font-size:11px;color:#a4abc7}.pl-settings select{display:block;width:100%;background:#272b40;border:1px solid #49435f;border-radius:9px;color:#fff;padding:11px 7px;margin-top:6px;font:inherit;font-size:12px}.pl-settings [hidden]{display:none}.pl-result{font-size:15px;font-weight:800;text-align:center;color:#d5c3ff;background:#2b2543;padding:13px;border:1px solid #494061;border-radius:12px;margin:12px 0;min-height:47px}.pl-summary{font-size:11px;color:#aaa6c5;line-height:1.6;text-align:center}
.pl-board .pl-bins{height:7%}.pl-board .pl-bins span{padding:0;display:grid;place-items:center}